placer-toolkit 0.5.1 → 1.0.0-alpha.2

package/cdn/chunks/chunk.63PFEC3G.js

@@ -0,0 +1,47 @@
+import{a as g,b as s,c as b,g as v}from"./chunk.NYYTSWQF.js";import{a as m}from"./chunk.U2DNK7H4.js";import{a as d}from"./chunk.H2EOXVSZ.js";import{d as p}from"./chunk.2N5ZK4F4.js";import{a as R,b as S,c}from"./chunk.G3WMDHXU.js";import{b as r}from"./chunk.E6MOE4FE.js";var w=`:host {
+    --fa-primary-color: currentColor;
+    --fa-secondary-color: currentColor;
+    --fa-primary-opacity: 1;
+    --fa-secondary-opacity: 0.4;
+
+    display: inline-flex;
+    justify-content: center;
+    box-sizing: content-box !important;
+    inline-size: auto;
+    block-size: 1em;
+}
+
+svg {
+    display: inline-block;
+    inline-size: auto;
+    block-size: inherit;
+    fill: currentColor;
+    overflow: visible;
+}
+
+/* Fixed\u2010width icons */
+:host([library="default"]:not([auto-width])) svg *,
+:host([library="system"]:not([auto-width])) svg * {
+    /* This scaling gets rid of the whitespace around the icon grid. */
+    scale: 1.25;
+    transform-origin: center;
+}
+
+/* Primary layer */
+svg path[data-duotone-primary] {
+    color: var(--fa-primary-color);
+    opacity: var(--fa-primary-opacity);
+}
+
+/* Secondary layer */
+svg path[data-duotone-secondary] {
+    color: var(--fa-secondary-color);
+    opacity: var(--fa-secondary-opacity);
+}
+`;var n=Symbol(),u=Symbol(),y,f=new Map,e=class extends v{constructor(){super(...arguments);this.svg=null;this.iconStyle="solid";this.autoWidth=!1;this.swapOpacity=!1;this.label="";this.library="default";this.resolveIcon=async(t,o)=>{let i;if(o?.spriteSheet){this.hasUpdated||await this.updateComplete,this.svg=p`
+                <svg part="svg">
+                    <use part="use" href=${t}></use>
+                </svg>
+            `,await this.updateComplete;let a=this.shadowRoot.querySelector('[part="svg"]');return typeof o.mutator=="function"&&o.mutator(a,this),this.svg}try{if(i=await fetch(t,{mode:"cors"}),!i.ok)return i.status===410?n:u}catch{return u}try{let a=document.createElement("div");a.innerHTML=await i.text();let l=a.firstElementChild;if(l?.tagName?.toLowerCase()!=="svg")return n;y||(y=new DOMParser);let h=y.parseFromString(l.outerHTML,"text/html").body.querySelector("svg");return h?(h.part.add("svg"),document.adoptNode(h)):n}catch{return n}}}connectedCallback(){super.connectedCallback(),R(this)}firstUpdated(t){super.firstUpdated(t),this.setIcon()}disconnectedCallback(){super.disconnectedCallback(),S(this)}getIconSource(){let t=c(this.library);return this.name&&t?{url:t.resolver(this.name,this.iconStyle,this.autoWidth),fromLibrary:!0}:{url:this.src,fromLibrary:!1}}handleLabelChange(){typeof this.label=="string"&&this.label.length>0?(this.setAttribute("role","img"),this.setAttribute("aria-label",this.label),this.removeAttribute("aria-hidden")):(this.removeAttribute("role"),this.removeAttribute("aria-label"),this.setAttribute("aria-hidden","true"))}async setIcon(){let{url:t,fromLibrary:o}=this.getIconSource(),i=o?c(this.library):void 0;if(!t){this.svg=null;return}let a=f.get(t);a||(a=this.resolveIcon(t,i),f.set(t,a));let l=await a;if(l===u&&f.delete(t),t===this.getIconSource().url)switch(l){case u:case n:this.svg=null,m(this,"pc-error");break;default:this.svg=l.cloneNode(!0),i?.mutator?.(this.svg,this),m(this,"pc-load")}}updated(t){super.updated(t);let o=c(this.library),i=this.shadowRoot?.querySelector("svg");i&&o?.mutator?.(i,this)}render(){return this.hasUpdated?this.svg:p`
+            <svg part="svg" width="16" height="16" fill="currentColor"></svg>
+        `}};e.css=w,r([b()],e.prototype,"svg",2),r([s({reflect:!0})],e.prototype,"name",2),r([s({attribute:"icon-style",reflect:!0})],e.prototype,"iconStyle",2),r([s({attribute:"auto-width",type:Boolean,reflect:!0})],e.prototype,"autoWidth",2),r([s({attribute:"swap-opacity",type:Boolean,reflect:!0})],e.prototype,"swapOpacity",2),r([s()],e.prototype,"src",2),r([s()],e.prototype,"label",2),r([s({reflect:!0})],e.prototype,"library",2),r([d("label")],e.prototype,"handleLabelChange",1),r([d(["library","iconStyle","name","src","autoWidth","swapOpacity"])],e.prototype,"setIcon",1),e=r([g("pc-icon")],e);export{e as a};

package/cdn/chunks/chunk.63YZ2OGJ.js

@@ -0,0 +1,179 @@
+import{a as c,b as a,c as d,d as h,e as p,g as u}from"./chunk.NYYTSWQF.js";import{a as w}from"./chunk.E4QLFQIH.js";import{d as l}from"./chunk.2N5ZK4F4.js";import{b as i}from"./chunk.E6MOE4FE.js";var v=`:host {
+    --shadow-color: var(--pc-color-surface-default);
+    --shadow-size: 2rem;
+
+    /* These custom properties shouldn\u2019t be accessed out of this scope. */
+    --start-shadow-opacity: 0;
+    --end-shadow-opacity: 0;
+
+    display: block;
+    position: relative;
+    max-inline-size: 100%;
+    isolation: isolate;
+}
+
+:host([orientation="vertical"]) {
+    display: flex;
+    flex-direction: column;
+    block-size: 100%;
+}
+
+#content {
+    border-radius: inherit;
+    scroll-behavior: smooth;
+    scrollbar-width: thin;
+    scrollbar-color: var(--pc-color-neutral-border-normal) transparent;
+    -webkit-text-size-adjust: 100%;
+}
+
+#content:focus {
+    outline: none;
+}
+
+#content:focus-visible {
+    outline: var(--pc-focus-ring);
+    outline-offset: var(--pc-focus-ring-offset);
+    animation: focus-ring-animation var(--pc-transition-medium)
+        cubic-bezier(0.33, 1, 0.68, 1);
+}
+
+:host([no-scrollbar]) #content {
+    scrollbar-width: none;
+}
+
+:host([orientation="horizontal"]) #content {
+    overflow-x: auto;
+    overflow-y: hidden;
+}
+
+:host([orientation="vertical"]) #content {
+    flex: 1 1 auto;
+    min-block-size: 0;
+    overflow-x: hidden;
+    overflow-y: auto;
+}
+
+:host([orientation="horizontal"]) {
+    #start-shadow,
+    #end-shadow {
+        position: absolute;
+        inset-block: 0;
+        inline-size: var(--shadow-size);
+        pointer-events: none;
+    }
+
+    #start-shadow {
+        opacity: var(--start-shadow-opacity);
+
+        &:dir(ltr) {
+            inset-inline-start: 0;
+            background-image: linear-gradient(
+                to right,
+                var(--shadow-color),
+                transparent 100%
+            );
+        }
+
+        &:dir(rtl) {
+            inset-inline-end: 0;
+            background-image: linear-gradient(
+                to left,
+                var(--shadow-color),
+                transparent 100%
+            );
+        }
+    }
+
+    #end-shadow {
+        opacity: var(--end-shadow-opacity);
+
+        &:dir(ltr) {
+            inset-inline-end: 0;
+            background-image: linear-gradient(
+                to left,
+                var(--shadow-color),
+                transparent 100%
+            );
+        }
+
+        &:dir(rtl) {
+            inset-inline-start: 0;
+            background-image: linear-gradient(
+                to right,
+                var(--shadow-color),
+                transparent 100%
+            );
+        }
+    }
+}
+
+:host([orientation="vertical"]) {
+    #start-shadow,
+    #end-shadow {
+        position: absolute;
+        inset-inline: 0;
+        block-size: var(--shadow-size);
+        pointer-events: none;
+    }
+
+    #start-shadow {
+        inset-block-start: 0;
+        background-image: linear-gradient(
+            to bottom,
+            var(--shadow-color),
+            transparent 100%
+        );
+        opacity: var(--start-shadow-opacity);
+    }
+
+    #end-shadow {
+        inset-block-end: 0;
+        background-image: linear-gradient(
+            to top,
+            var(--shadow-color),
+            transparent 100%
+        );
+        opacity: var(--end-shadow-opacity);
+    }
+}
+
+@keyframes focus-ring-animation {
+    0% {
+        outline-width: 0;
+    }
+
+    50% {
+        outline-width: calc(var(--pc-focus-ring-width) * 2);
+    }
+
+    100% {
+        outline-width: var(--pc-focus-ring-width);
+    }
+}
+`;var t=class extends u{constructor(){super(...arguments);this.localize=new w(this);this.resizeObserver=new ResizeObserver(()=>this.updateScroll());this.canScroll=!1;this.orientation="horizontal";this.noScrollbar=!1;this.noShadow=!1}connectedCallback(){super.connectedCallback(),this.resizeObserver.observe(this)}disconnectedCallback(){super.disconnectedCallback(),this.resizeObserver.disconnect()}handleKeyDown(e){e.key==="Home"&&(e.preventDefault(),this.content.scrollTo({left:this.orientation==="horizontal"?0:void 0,top:this.orientation==="vertical"?0:void 0})),e.key==="End"&&(e.preventDefault(),this.content.scrollTo({left:this.orientation==="horizontal"?this.content.scrollWidth:void 0,top:this.orientation==="vertical"?this.content.scrollHeight:void 0}))}handleSlotChange(){this.updateScroll()}updateScroll(){if(this.orientation==="horizontal"){let e=Math.ceil(this.content.clientWidth),n=Math.abs(Math.ceil(this.content.scrollLeft)),o=Math.ceil(this.content.scrollWidth)-e;this.canScroll=o>0;let r=Math.min(1,n/(o*.05)),s=Math.min(1,(o-n)/(o*.05));this.style.setProperty("--start-shadow-opacity",String(r||0)),this.style.setProperty("--end-shadow-opacity",String(s||0))}else{let e=Math.ceil(this.content.clientHeight),n=Math.abs(Math.ceil(this.content.scrollTop)),o=Math.ceil(this.content.scrollHeight)-e;this.canScroll=o>0;let r=Math.min(1,n/(o*.05)),s=Math.min(1,(o-n)/(o*.05));this.style.setProperty("--start-shadow-opacity",String(r||0)),this.style.setProperty("--end-shadow-opacity",String(s||0))}}render(){return l`
+            ${this.noShadow?"":l`
+                      <div
+                          id="start-shadow"
+                          part="start-shadow"
+                          aria-hidden="true"
+                      ></div>
+                      <div
+                          id="end-shadow"
+                          part="end-shadow"
+                          aria-hidden="true"
+                      ></div>
+                  `}
+
+            <div
+                id="content"
+                part="content"
+                role="region"
+                aria-label=${this.localize.term("scrollableRegion")}
+                aria-orientation=${this.orientation}
+                tabindex=${this.canScroll?"0":"-1"}
+                @keydown=${this.handleKeyDown}
+                @scroll=${this.updateScroll}
+            >
+                <slot @slotchange=${this.handleSlotChange}></slot>
+            </div>
+        `}};t.css=v,i([p("#content")],t.prototype,"content",2),i([d()],t.prototype,"canScroll",2),i([a({reflect:!0})],t.prototype,"orientation",2),i([a({attribute:"no-scrollbar",type:Boolean,reflect:!0})],t.prototype,"noScrollbar",2),i([a({attribute:"no-shadow",type:Boolean,reflect:!0})],t.prototype,"noShadow",2),i([h({passive:!0})],t.prototype,"updateScroll",1),t=i([c("pc-scroller")],t);export{t as a};

package/cdn/chunks/chunk.6C4VTMLQ.js

@@ -0,0 +1 @@
+var t=[{offset:.2,transform:"translate3d(0, -10px, 0) scaleY(0.985)"},{offset:.4,opacity:"1",transform:"translate3d(0, 20px, 0) scaleY(0.9)"},{offset:.45,opacity:"1",transform:"translate3d(0, 20px, 0) scaleY(0.9)"},{offset:1,opacity:"0",transform:"translate3d(0, -2000px, 0) scaleY(3)"}];export{t as a};

package/cdn/chunks/chunk.6RYC5FEW.js

@@ -0,0 +1 @@
+var t=[{offset:0,transform:"translate3d(0, 0, 0)"},{offset:.1,transform:"translate3d(-10px, 0, 0)"},{offset:.2,transform:"translate3d(10px, 0, 0)"},{offset:.3,transform:"translate3d(-10px, 0, 0)"},{offset:.4,transform:"translate3d(10px, 0, 0)"},{offset:.5,transform:"translate3d(-10px, 0, 0)"},{offset:.6,transform:"translate3d(10px, 0, 0)"},{offset:.7,transform:"translate3d(-10px, 0, 0)"},{offset:.8,transform:"translate3d(10px, 0, 0)"},{offset:.9,transform:"translate3d(-10px, 0, 0)"},{offset:1,transform:"translate3d(0, 0, 0)"}];export{t as a};

package/cdn/chunks/chunk.6SP3MLBX.js

@@ -0,0 +1 @@
+var t=[{offset:0,opacity:"1",transform:"translate3d(0, 0, 0)"},{offset:1,opacity:"0",transform:"translate3d(100%, 100%, 0)"}];export{t as a};

package/cdn/chunks/chunk.6T73D5OE.js

@@ -0,0 +1,94 @@
+import{a as m}from"./chunk.63PFEC3G.js";import{a as d}from"./chunk.KKVT4LHX.js";import{a as s,b as a,c as o,g as l}from"./chunk.NYYTSWQF.js";import{a as c}from"./chunk.U2DNK7H4.js";import{a as n}from"./chunk.H2EOXVSZ.js";import{d as r}from"./chunk.2N5ZK4F4.js";import{b as i}from"./chunk.E6MOE4FE.js";var p=`:host {
+    --size: 3rem;
+
+    display: inline-block;
+}
+
+.avatar {
+    display: inline-flex;
+    position: relative;
+    align-items: center;
+    justify-content: center;
+    inline-size: var(--size);
+    block-size: var(--size);
+    background-color: var(--pc-color-neutral-fill-normal);
+    color: var(--pc-color-neutral-on-normal);
+    font-family: var(--pc-font-sans);
+    font-size: calc(var(--size) * 0.4);
+    font-weight: var(--pc-font-weight-bold);
+    user-select: none;
+    -webkit-user-select: none;
+    vertical-align: middle;
+    transition: all var(--pc-transition-fast) ease-in-out;
+}
+
+.circle,
+.circle .image {
+    border-radius: var(--pc-border-radius-circle);
+}
+
+.rounded,
+.rounded .image {
+    border-radius: var(--pc-border-radius-m);
+}
+
+.square {
+    border-radius: 0;
+}
+
+.icon {
+    display: flex;
+    position: absolute;
+    align-items: center;
+    justify-content: center;
+    inset-block-start: 0;
+    inset-inline-start: 0;
+    inline-size: 100%;
+    block-size: 100%;
+}
+
+.initials {
+    line-height: 1;
+    text-transform: uppercase;
+}
+
+.image {
+    position: absolute;
+    inset-block-start: 0;
+    inset-inline-start: 0;
+    inline-size: 100%;
+    block-size: 100%;
+    object-fit: cover;
+    overflow: hidden;
+}
+`;var e=class extends l{constructor(){super(...arguments);this.hasError=!1;this.image="";this.label="";this.initials="";this.loading="eager";this.shape="circle"}handleImageChange(){this.hasError=!1}handleImageLoadError(){this.hasError=!0,c(this,"pc-error")}render(){let h=r`
+            <img
+                class="image"
+                part="image"
+                src=${this.image}
+                loading=${this.loading}
+                alt=""
+                @error=${this.handleImageLoadError}
+            />
+        `,t=r``;return this.initials?t=r`
+                <div class="initials">${this.initials}</div>
+            `:t=r`
+                <div class="icon" part="icon" aria-hidden="true">
+                    <slot name="icon">
+                        <pc-icon
+                            library="system"
+                            icon-style="solid"
+                            name="user"
+                        ></pc-icon>
+                    </slot>
+                </div>
+            `,r`
+            <div
+                part="base"
+                class=${d({avatar:!0,circle:this.shape==="circle",rounded:this.shape==="rounded",square:this.shape==="square"})}
+                role="img"
+                aria-label=${this.label}
+            >
+                ${this.image&&!this.hasError?h:t}
+            </div>
+        `}};e.css=p,e.dependencies={"pc-icon":m},i([o()],e.prototype,"hasError",2),i([a()],e.prototype,"image",2),i([a()],e.prototype,"label",2),i([a()],e.prototype,"initials",2),i([a()],e.prototype,"loading",2),i([a({reflect:!0})],e.prototype,"shape",2),i([n("image")],e.prototype,"handleImageChange",1),e=i([s("pc-avatar")],e);export{e as a};

package/cdn/chunks/chunk.75KPG5ZW.js

@@ -0,0 +1,73 @@
+import{a as n}from"./chunk.IX4OV3X6.js";import{a,b as e,g as t}from"./chunk.NYYTSWQF.js";import{d as l}from"./chunk.2N5ZK4F4.js";import{b as o}from"./chunk.E6MOE4FE.js";var c=`:host {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    padding: 0.125em 0.625em;
+    font-family: var(--pc-font-sans);
+    font-size: var(--pc-font-size-xs);
+    font-weight: var(--pc-font-weight-bold);
+    --pulse-color: var(--pc-color-fill-loud);
+    background-color: var(--pc-color-fill-loud);
+    color: var(--pc-color-on-loud);
+    border: var(--pc-border-width-s) var(--pc-border-style) transparent;
+    border-radius: var(--pc-border-radius-pill);
+    user-select: none;
+    -webkit-user-select: none;
+    cursor: inherit;
+    transition: all var(--pc-transition-fast) ease-in-out;
+}
+
+:host([variant~="accent"]) {
+    --pulse-color: var(--pc-color-fill-loud);
+    background-color: var(--pc-color-fill-loud);
+    color: var(--pc-color-on-loud);
+    border-color: transparent;
+}
+
+:host([variant~="outlined"]) {
+    --pulse-color: var(--pc-color-fill-quiet);
+    background-color: transparent;
+    color: var(--pc-color-on-quiet);
+    border-color: var(--pc-color-border-loud);
+}
+
+:host([variant~="filled"]) {
+    --pulse-color: var(--pc-color-fill-normal);
+    background-color: var(--pc-color-fill-normal);
+    color: var(--pc-color-on-normal);
+    border-color: transparent;
+}
+
+:host([variant~="filled"][variant~="outlined"]) {
+    border-color: var(--pc-color-border-normal);
+}
+
+:host([variant~="plain"]) {
+    --pulse-color: var(--pc-color-fill-quiet);
+    background-color: transparent;
+    color: var(--pc-color-on-quiet);
+    border-color: transparent;
+}
+
+:host([rounded]) {
+    border-radius: var(--pc-border-radius-s);
+}
+
+:host([pulse]) {
+    animation: pulse 1.5s cubic-bezier(0, 0.55, 0.45, 1) infinite;
+}
+
+@keyframes pulse {
+    0% {
+        box-shadow: 0 0 0 0 var(--pulse-color);
+    }
+
+    70% {
+        box-shadow: 0 0 0 0.5rem transparent;
+    }
+
+    100% {
+        box-shadow: 0 0 0 0 transparent;
+    }
+}
+`;var r=class extends t{constructor(){super(...arguments);this.appearance="primary";this.variant="accent";this.rounded=!1;this.pulse=!1}render(){return l`<slot part="base" role="status"></slot>`}};r.css=[n,c],o([e({reflect:!0})],r.prototype,"appearance",2),o([e({reflect:!0})],r.prototype,"variant",2),o([e({type:Boolean,reflect:!0})],r.prototype,"rounded",2),o([e({type:Boolean,reflect:!0})],r.prototype,"pulse",2),r=o([a("pc-badge")],r);export{r as a};