Packages

primer_live

0.8.0
0.11.0 0.10.0 0.9.1 0.9.0 0.8.0 0.7.2 0.7.1 0.7.0 0.6.4 0.6.3 0.6.2 0.6.1 0.6.0 0.5.4 0.5.3 0.5.2 0.5.1 0.5.0 0.4.1 0.4.0 0.3.2 0.3.1 0.3.0 0.2.7 0.2.6 0.2.5 0.2.4 0.2.3 0.2.2 0.2.1 0.2.0 0.1.16 0.1.15 0.1.14 0.1.13 0.1.12 0.1.11 0.1.10 0.1.9 0.1.8 0.1.7 0.1.6 0.1.5 0.1.4 0.1.3 0.1.2 0.1.1 0.1.0

An implementation of GitHub's Primer Design System for Phoenix LiveView.

HexDocs

Current section

Files

Jump to
Readme
48 Versions
5 Dependencies
Dependants
Files
Activity
primer_live priv static primer-live.min.js
Raw

priv/static/primer-live.min.js 

"use strict";(()=>{var s={mounted(){let o=this.el;if(!(o.querySelector("[data-content]")instanceof HTMLElement)){console.error("Missing element with attribute [data-content]");return}let c=(e,r)=>{var a;(a=this.pushEventTo)==null||a.call(this,e,"primer_live:prompt",{elementId:o.id,selector:e,status:r})},t=(e,r)=>a=>{let{selector:i,transitionDuration:n}=a.detail;if(!i){console.error("Missing status_callback_selector");return}c(i,e),setTimeout(()=>{c(i,r)},n)};this.handlePromptToggle=e=>{var a;let r=o.classList.contains("is-open")?o.dataset.close:o.dataset.open;r?(a=this.liveSocket)==null||a.execJS(o,r):console.error("No command found in element dataset")},this.handlePromptOpen=t("opening","opened"),o.addEventListener("prompt:open",this.handlePromptOpen),this.handlePromptClose=t("closing","closed"),o.addEventListener("prompt:close",this.handlePromptClose),o.addEventListener("prompt:toggle",this.handlePromptToggle)},destroyed(){this.el&&(this.handlePromptOpen&&this.el.removeEventListener("prompt:open",this.handlePromptOpen),this.handlePromptClose&&this.el.removeEventListener("prompt:close",this.handlePromptClose),this.handlePromptToggle&&this.el.removeEventListener("prompt:toggle",this.handlePromptToggle))}};typeof window<"u"&&(window.Prompt=s);window.addEventListener("keydown",d);function d(o){if(o.key==="Escape"){let l=Array.from(document.querySelectorAll("[data-prompt].is-open")).filter(t=>t.dataset.isescapable!==void 0),c=l.reverse()[0];if(!(c instanceof HTMLElement))return;l.forEach(t=>{let e=t.querySelector("[data-focuswrap]");if(e instanceof HTMLElement){let r=t==c?"Escape":"Escape_disabled";e.setAttribute("phx-key",r)}})}}})();