@grasco/profile-picture 0.1.8 → 0.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/angular.cjs +82 -82
- package/dist/angular.cjs.map +1 -1
- package/dist/angular.js +82 -82
- package/dist/angular.js.map +1 -1
- package/dist/index.cjs +51 -51
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +51 -51
- package/dist/index.js.map +1 -1
- package/dist/react.cjs +36 -36
- package/dist/react.cjs.map +1 -1
- package/dist/react.js +36 -36
- package/dist/react.js.map +1 -1
- package/dist/standalone.standalone.js +84 -84
- package/dist/standalone.standalone.js.map +1 -1
- package/dist/svelte.cjs +82 -82
- package/dist/svelte.cjs.map +1 -1
- package/dist/svelte.js +82 -82
- package/dist/svelte.js.map +1 -1
- package/dist/vue.cjs +82 -82
- package/dist/vue.cjs.map +1 -1
- package/dist/vue.js +82 -82
- package/dist/vue.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
var
|
|
2
|
-
Make sure to test your application with a production build as repeat registrations will throw in production.`);else throw new Error(`Failed to execute 'define' on 'CustomElementRegistry': the name "${
|
|
3
|
-
\f\r]`,
|
|
4
|
-
\f\r"'\`<>=]|("|')|))|$)`,"g"),ue=/'/g,ge=/"/g,ye=/^(?:script|style|textarea|title)$/i,jt=n=>(t,...e)=>({_$litType$:n,strings:t,values:e}),b=jt(1),U=Symbol.for("lit-noChange"),g=Symbol.for("lit-nothing"),me=new WeakMap,F=j.createTreeWalker(j,129);function xe(n,t){if(!Ft(n)||!n.hasOwnProperty("raw"))throw Error("invalid template strings array");return de!==void 0?de.createHTML(t):t}var dr=(n,t)=>{let e=n.length-1,r=[],i,o=t===2?"<svg>":t===3?"<math>":"",s=st;for(let p=0;p<e;p++){let a=n[p],h,m,c=-1,w=0;for(;w<a.length&&(s.lastIndex=w,m=s.exec(a),m!==null);)w=s.lastIndex,s===st?m[1]==="!--"?s=ce:m[1]!==void 0?s=he:m[2]!==void 0?(ye.test(m[2])&&(i=RegExp("</"+m[2],"g")),s=H):m[3]!==void 0&&(s=H):s===H?m[0]===">"?(s=i??st,c=-1):m[1]===void 0?c=-2:(c=s.lastIndex-m[2].length,h=m[1],s=m[3]===void 0?H:m[3]==='"'?ge:ue):s===ge||s===ue?s=H:s===ce||s===he?s=st:(s=H,i=void 0);let S=s===H&&n[p+1].startsWith("/>")?" ":"";o+=s===st?a+pr:c>=0?(r.push(h),a.slice(0,c)+fe+a.slice(c)+B+S):a+B+(c===-2?p:S);}return [xe(n,o+(n[e]||"<?>")+(t===2?"</svg>":t===3?"</math>":"")),r]},lt=class n{constructor({strings:t,_$litType$:e},r){let i;this.parts=[];let o=0,s=0,p=t.length-1,a=this.parts,[h,m]=dr(t,e);if(this.el=n.createElement(h,r),F.currentNode=this.el.content,e===2||e===3){let c=this.el.content.firstChild;c.replaceWith(...c.childNodes);}for(;(i=F.nextNode())!==null&&a.length<p;){if(i.nodeType===1){if(i.hasAttributes())for(let c of i.getAttributeNames())if(c.endsWith(fe)){let w=m[s++],S=i.getAttribute(c).split(B),_=/([.?@])?(.*)/.exec(w);a.push({type:1,index:o,name:_[2],strings:S,ctor:_[1]==="."?zt:_[1]==="?"?Bt:_[1]==="@"?Pt:q}),i.removeAttribute(c);}else c.startsWith(B)&&(a.push({type:6,index:o}),i.removeAttribute(c));if(ye.test(i.tagName)){let c=i.textContent.split(B),w=c.length-1;if(w>0){i.textContent=yt?yt.emptyScript:"";for(let S=0;S<w;S++)i.append(c[S],at()),F.nextNode(),a.push({type:2,index:++o});i.append(c[w],at());}}}else if(i.nodeType===8)if(i.data===be)a.push({type:2,index:o});else {let c=-1;for(;(c=i.data.indexOf(B,c+1))!==-1;)a.push({type:7,index:o}),c+=B.length-1;}o++;}}static createElement(t,e){let r=j.createElement("template");return r.innerHTML=t,r}};function V(n,t,e=n,r){if(t===U)return t;let i=r!==void 0?e._$Co?.[r]:e._$Cl,o=pt(t)?void 0:t._$litDirective$;return i?.constructor!==o&&(i?._$AO?.(false),o===void 0?i=void 0:(i=new o(n),i._$AT(n,e,r)),r!==void 0?(e._$Co??=[])[r]=i:e._$Cl=i),i!==void 0&&(t=V(n,i._$AS(n,t.values),i,r)),t}var Nt=class{constructor(t,e){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=e;}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){let{el:{content:e},parts:r}=this._$AD,i=(t?.creationScope??j).importNode(e,true);F.currentNode=i;let o=F.nextNode(),s=0,p=0,a=r[0];for(;a!==void 0;){if(s===a.index){let h;a.type===2?h=new dt(o,o.nextSibling,this,t):a.type===1?h=new a.ctor(o,a.name,a.strings,this,t):a.type===6&&(h=new Ht(o,this,t)),this._$AV.push(h),a=r[++p];}s!==a?.index&&(o=F.nextNode(),s++);}return F.currentNode=j,i}p(t){let e=0;for(let r of this._$AV)r!==void 0&&(r.strings!==void 0?(r._$AI(t,r,e),e+=r.strings.length-2):r._$AI(t[e])),e++;}},dt=class n{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(t,e,r,i){this.type=2,this._$AH=g,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=r,this.options=i,this._$Cv=i?.isConnected??true;}get parentNode(){let t=this._$AA.parentNode,e=this._$AM;return e!==void 0&&t?.nodeType===11&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=V(this,t,e),pt(t)?t===g||t==null||t===""?(this._$AH!==g&&this._$AR(),this._$AH=g):t!==this._$AH&&t!==U&&this._(t):t._$litType$!==void 0?this.$(t):t.nodeType!==void 0?this.T(t):lr(t)?this.k(t):this._(t);}O(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.O(t));}_(t){this._$AH!==g&&pt(this._$AH)?this._$AA.nextSibling.data=t:this.T(j.createTextNode(t)),this._$AH=t;}$(t){let{values:e,_$litType$:r}=t,i=typeof r=="number"?this._$AC(t):(r.el===void 0&&(r.el=lt.createElement(xe(r.h,r.h[0]),this.options)),r);if(this._$AH?._$AD===i)this._$AH.p(e);else {let o=new Nt(i,this),s=o.u(this.options);o.p(e),this.T(s),this._$AH=o;}}_$AC(t){let e=me.get(t.strings);return e===void 0&&me.set(t.strings,e=new lt(t)),e}k(t){Ft(this._$AH)||(this._$AH=[],this._$AR());let e=this._$AH,r,i=0;for(let o of t)i===e.length?e.push(r=new n(this.O(at()),this.O(at()),this,this.options)):r=e[i],r._$AI(o),i++;i<e.length&&(this._$AR(r&&r._$AB.nextSibling,i),e.length=i);}_$AR(t=this._$AA.nextSibling,e){for(this._$AP?.(false,true,e);t!==this._$AB;){let r=le(t).nextSibling;le(t).remove(),t=r;}}setConnected(t){this._$AM===void 0&&(this._$Cv=t,this._$AP?.(t));}},q=class{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,e,r,i,o){this.type=1,this._$AH=g,this._$AN=void 0,this.element=t,this.name=e,this._$AM=i,this.options=o,r.length>2||r[0]!==""||r[1]!==""?(this._$AH=Array(r.length-1).fill(new String),this.strings=r):this._$AH=g;}_$AI(t,e=this,r,i){let o=this.strings,s=false;if(o===void 0)t=V(this,t,e,0),s=!pt(t)||t!==this._$AH&&t!==U,s&&(this._$AH=t);else {let p=t,a,h;for(t=o[0],a=0;a<o.length-1;a++)h=V(this,p[r+a],e,a),h===U&&(h=this._$AH[a]),s||=!pt(h)||h!==this._$AH[a],h===g?t=g:t!==g&&(t+=(h??"")+o[a+1]),this._$AH[a]=h;}s&&!i&&this.j(t);}j(t){t===g?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"");}},zt=class extends q{constructor(){super(...arguments),this.type=3;}j(t){this.element[this.name]=t===g?void 0:t;}},Bt=class extends q{constructor(){super(...arguments),this.type=4;}j(t){this.element.toggleAttribute(this.name,!!t&&t!==g);}},Pt=class extends q{constructor(t,e,r,i,o){super(t,e,r,i,o),this.type=5;}_$AI(t,e=this){if((t=V(this,t,e,0)??g)===U)return;let r=this._$AH,i=t===g&&r!==g||t.capture!==r.capture||t.once!==r.once||t.passive!==r.passive,o=t!==g&&(r===g||i);i&&this.element.removeEventListener(this.name,this,r),o&&this.element.addEventListener(this.name,this,t),this._$AH=t;}handleEvent(t){typeof this._$AH=="function"?this._$AH.call(this.options?.host??this.element,t):this._$AH.handleEvent(t);}},Ht=class{constructor(t,e,r){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=r;}get _$AU(){return this._$AM._$AU}_$AI(t){V(this,t);}};var cr=xt.litHtmlPolyfillSupport;cr?.(lt,dt),(xt.litHtmlVersions??=[]).push("3.3.2");var Y=(n,t,e)=>{let r=e?.renderBefore??t,i=r._$litPart$;if(i===void 0){let o=e?.renderBefore??null;r._$litPart$=i=new dt(t.insertBefore(at(),o),o,void 0,e??{});}return i._$AI(n),i};var Gt=globalThis,R=class extends L{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0;}createRenderRoot(){let t=super.createRenderRoot();return this.renderOptions.renderBefore??=t.firstChild,t}update(t){let e=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=Y(e,this.renderRoot,this.renderOptions);}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(true);}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(false);}render(){return U}};R._$litElement$=true,R.finalized=true,Gt.litElementHydrateSupport?.({LitElement:R});var hr=Gt.litElementPolyfillSupport;hr?.({LitElement:R});(Gt.litElementVersions??=[]).push("4.2.2");var vt=n=>(t,e)=>{e!==void 0?e.addInitializer(()=>{customElements.define(n,t);}):customElements.define(n,t);};var ur={attribute:true,type:String,converter:it,reflect:false,hasChanged:bt},gr=(n=ur,t,e)=>{let{kind:r,metadata:i}=e,o=globalThis.litPropertyMetadata.get(i);if(o===void 0&&globalThis.litPropertyMetadata.set(i,o=new Map),r==="setter"&&((n=Object.create(n)).wrapped=true),o.set(e.name,n),r==="accessor"){let{name:s}=e;return {set(p){let a=t.get.call(this);t.set.call(this,p),this.requestUpdate(s,a,n,true,p);},init(p){return p!==void 0&&this.C(s,void 0,n,p),p}}}if(r==="setter"){let{name:s}=e;return function(p){let a=this[s];t.call(this,p),this.requestUpdate(s,a,n,true,p);}}throw Error("Unsupported decorator location: "+r)};function u(n){return (t,e)=>typeof e=="object"?gr(n,t,e):((r,i,o)=>{let s=i.hasOwnProperty(o);return i.constructor.createProperty(o,r),s?Object.getOwnPropertyDescriptor(i,o):void 0})(n,t,e)}function O(n){return u({...n,state:true,attribute:false})}var ve={ATTRIBUTE:1},we=n=>(...t)=>({_$litDirective$:n,values:t}),St=class{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,r){this._$Ct=t,this._$AM=e,this._$Ci=r;}_$AS(t,e){return this.update(t,e)}update(t,e){return this.render(...e)}};var Se="important",mr=" !"+Se,x=we(class extends St{constructor(n){if(super(n),n.type!==ve.ATTRIBUTE||n.name!=="style"||n.strings?.length>2)throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.")}render(n){return Object.keys(n).reduce((t,e)=>{let r=n[e];return r==null?t:t+`${e=e.includes("-")?e:e.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,"-$&").toLowerCase()}:${r};`},"")}update(n,[t]){let{style:e}=n.element;if(this.ft===void 0)return this.ft=new Set(Object.keys(t)),this.render(t);for(let r of this.ft)t[r]==null&&(this.ft.delete(r),r.includes("-")?e.removeProperty(r):e[r]=null);for(let r in t){let i=t[r];if(i!=null){this.ft.add(r);let o=typeof i=="string"&&i.endsWith(mr);r.includes("-")||o?e.setProperty(r,o?i.slice(0,-11):i,o?Se:""):e[r]=i;}}return U}});var K={"2xs":20,xs:24,sm:32,md:40,lg:48,xl:64,"2xl":80,"3xl":120},Ce={online:"#30D158",away:"#FFD60A",busy:"#FF453A",offline:"#8E8E93",dnd:"#FF453A"},_e={none:"none",sm:"0 1px 2px 0 rgba(0, 0, 0, 0.05)",md:"0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1)",lg:"0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1)",glow:"0 0 20px 0 rgba(99, 102, 241, 0.3)"},k={size:"md",variant:"circle",loading:"lazy",placeholder:"shimmer",borderWidth:2,borderColor:"#ffffff",placeholderColor:"#f3f4f6",shadow:"sm"};var J={circle:"9999px",rounded:"12px",squircle:"30%",square:"0px"},I={max:4,direction:"ltr",overlap:.3,size:"md",tooltipDelay:300,dropdownMaxHeight:280,animated:true};function D(...n){return n.filter(Boolean).join(" ")}function Wt(n){return /^#([0-9A-Fa-f]{3}|[0-9A-Fa-f]{6}|[0-9A-Fa-f]{8})$/.test(n)}function Ct(n){let e=n.trim().replace(/[^\w\s]/g,"").split(/\s+/).filter(Boolean);return e.length===0?"?":e.length===1?e[0].slice(0,1).toUpperCase():(e[0][0]+(e.at(-1)?.[0]??"")).toUpperCase()}function Vt(n){return Math.round(n*.38)}function Ee(n,t){let e;if(t){let i=Math.round(n*.31);e=Math.min(24,Math.max(14,i));}else {let i=Math.round(n*.22);e=Math.min(14,Math.max(8,i));}let r=Math.max(9,Math.round(e*.55));return {size:e,fontSize:r}}function $e(n,t){let e=Math.min(16,Math.max(8,Math.round(n*.2)));return Math.min(18,e+(t-1)*2)}function Ae(n,t){return typeof n=="string"?n:t&&n>t?`${t}+`:n.toString()}function Te(n){return n.length===0?"transparent":n.length===1?n[0]:`conic-gradient(${n.map((e,r)=>{let i=r/n.length*360,o=(r+1)/n.length*360;return `${e} ${i}deg ${o}deg`}).join(", ")})`}function fr(n){let t=0;for(let e=0;e<n.length;e++){let r=n.charCodeAt(e);t=(t<<5)-t+r,t&=t;}return Math.abs(t)}function Re(n,t,e){let i=Math.max(0,Math.min(100,n))/100*360;return `conic-gradient(from 270deg, ${t} 0deg ${i}deg, ${e} ${i}deg 360deg)`}function _t(n){let t=["linear-gradient(135deg, #667eea 0%, #764ba2 100%)","linear-gradient(135deg, #f093fb 0%, #f5576c 100%)","linear-gradient(135deg, #4facfe 0%, #00f2fe 100%)","linear-gradient(135deg, #43e97b 0%, #38f9d7 100%)","linear-gradient(135deg, #fa709a 0%, #fee140 100%)","linear-gradient(135deg, #a8edea 0%, #fed6e3 100%)","linear-gradient(135deg, #d299c2 0%, #fef9d7 100%)","linear-gradient(135deg, #89f7fe 0%, #66a6ff 100%)","linear-gradient(135deg, #cd9cf2 0%, #f6f3ff 100%)","linear-gradient(135deg, #fddb92 0%, #d1fdff 100%)"],e=fr(n)%t.length;return t[e]}function ke(n){return typeof n=="number"?n:K[n]??K[I.size]}function qt(n,t,e){let r=e?t-1:t;if(n<=r)return {visible:n,hidden:0,showCounter:false};let i=r-1,o=n-i;return {visible:i,hidden:o,showCounter:true}}function Et(n,t,e,r,i){let o=i??t*(1-e);return n*o}function Ie(n,t,e){return e==="ltr"?t-n:n+1}function Me(n,t,e,r){if(n===0)return 0;if(n===1)return t;let i=r??t*(1-e);return t+i*(n-1)}function Le(n){return n>99?"+99":`+${n}`}function Ue(n){return n<=80?"80":n<=120?"120":n<=240?"240":n<=480?"480":"960"}function Oe(n){if(!(n&&Wt(n)))return "light";let t=n.replace("#","");t.length===3&&(t=t.split("").map(s=>s+s).join(""));let e=Number.parseInt(t.slice(0,2),16),r=Number.parseInt(t.slice(2,4),16),i=Number.parseInt(t.slice(4,6),16);return (.299*e+.587*r+.114*i)/255>.5?"light":"dark"}function De(n,t,e,r,i){let o=n.endsWith("/")?n.slice(0,-1):n,s=`${t}_${e}_${r}.webp`;return `${o}/api/profile-picture/cdn/${s}?hostname=${i}`}function Ne(n){return {circle:"np:rounded-full",rounded:"np:rounded-xl",squircle:"np:rounded-[30%]",square:"np:rounded-none"}[n]}function ze(n,t){return {className:{1:"np:border",2:"np:border-2",3:"np:border-[3px]",4:"np:border-4",5:"np:border-[5px]",6:"np:border-[6px]",8:"np:border-8"}[n],style:{borderColor:t,borderStyle:"solid"}}}function Be(n,t){return t?{className:"",style:{background:t}}:n?n.includes("gradient")?{className:"",style:{background:n}}:{className:"",style:{backgroundColor:n}}:{className:"",style:{backgroundColor:"#e7e7e7"}}}function Pe(n){return {boxShadow:_e[n]}}var br={shimmer:`
|
|
1
|
+
var Wt=Object.defineProperty;var d=(i,e,t,r)=>{for(var n=void 0,o=i.length-1,s;o>=0;o--)(s=i[o])&&(n=(s(e,t,n))||n);return n&&Wt(e,t,n),n};var Ee="grasco-profile-picture-styles",j=false,Ke=false;function Je(){if(j||typeof document>"u")return;if(document.getElementById(Ee)){j=true;return}if(document.querySelector('link[href*="profile-picture"][href$="styles.css"]')){j=true;return}Ke||(Ke=true,qt());}function qt(){(typeof requestIdleCallback<"u"?requestIdleCallback:e=>setTimeout(e,1))(()=>Yt());}function Yt(){if(j||typeof document>"u")return;if(document.getElementById(Ee)){j=true;return}let i=Kt();if(!i)return;let e=document.createElement("link");e.id=Ee,e.rel="stylesheet",e.href=i,document.head.appendChild(e),j=true;}function Kt(){if(typeof window<"u"&&window.__GRASCO_PROFILE_PICTURE_CSS__)return window.__GRASCO_PROFILE_PICTURE_CSS__;try{let e=import.meta.url;if(e)return `${e.substring(0,e.lastIndexOf("/")+1)}dist/styles.css`}catch{}let i=document.currentScript;if(i?.src){let e=new URL(i.src);return `${e.href.substring(0,e.href.lastIndexOf("/")+1)}dist/styles.css`}return null}var Xe=class{get shadowRoot(){return this.__host.__shadowRoot}constructor(e){this.ariaActiveDescendantElement=null,this.ariaAtomic="",this.ariaAutoComplete="",this.ariaBrailleLabel="",this.ariaBrailleRoleDescription="",this.ariaBusy="",this.ariaChecked="",this.ariaColCount="",this.ariaColIndex="",this.ariaColIndexText="",this.ariaColSpan="",this.ariaControlsElements=null,this.ariaCurrent="",this.ariaDescribedByElements=null,this.ariaDescription="",this.ariaDetailsElements=null,this.ariaDisabled="",this.ariaErrorMessageElements=null,this.ariaExpanded="",this.ariaFlowToElements=null,this.ariaHasPopup="",this.ariaHidden="",this.ariaInvalid="",this.ariaKeyShortcuts="",this.ariaLabel="",this.ariaLabelledByElements=null,this.ariaLevel="",this.ariaLive="",this.ariaModal="",this.ariaMultiLine="",this.ariaMultiSelectable="",this.ariaOrientation="",this.ariaOwnsElements=null,this.ariaPlaceholder="",this.ariaPosInSet="",this.ariaPressed="",this.ariaReadOnly="",this.ariaRelevant="",this.ariaRequired="",this.ariaRoleDescription="",this.ariaRowCount="",this.ariaRowIndex="",this.ariaRowIndexText="",this.ariaRowSpan="",this.ariaSelected="",this.ariaSetSize="",this.ariaSort="",this.ariaValueMax="",this.ariaValueMin="",this.ariaValueNow="",this.ariaValueText="",this.role="",this.form=null,this.labels=[],this.states=new Set,this.validationMessage="",this.validity={},this.willValidate=true,this.__host=e;}checkValidity(){return console.warn("`ElementInternals.checkValidity()` was called on the server.This method always returns true."),true}reportValidity(){return true}setFormValue(){}setValidity(){}};var T=function(i,e,t,r,n){if(typeof e=="function"?i!==e||true:!e.has(i))throw new TypeError("Cannot write private member to an object whose class did not declare it");return e.set(i,t),t},_=function(i,e,t,r){if(typeof e=="function"?i!==e||!r:!e.has(i))throw new TypeError("Cannot read private member from an object whose class did not declare it");return t==="m"?r:t==="a"?r.call(i):r?r.value:e.get(i)},W,ce,ue,Z,$e,Q,he,B,ee,N,ge,Ze,Qe=i=>typeof i=="boolean"?i:i?.capture??false;var Ae=class{constructor(){this.__eventListeners=new Map,this.__captureEventListeners=new Map;}addEventListener(e,t,r){if(t==null)return;let n=Qe(r)?this.__captureEventListeners:this.__eventListeners,o=n.get(e);if(o===void 0)o=new Map,n.set(e,o);else if(o.has(t))return;let s=typeof r=="object"&&r?r:{};s.signal?.addEventListener("abort",()=>this.removeEventListener(e,t,r)),o.set(t,s??{});}removeEventListener(e,t,r){if(t==null)return;let n=Qe(r)?this.__captureEventListeners:this.__eventListeners,o=n.get(e);o!==void 0&&(o.delete(t),o.size||n.delete(e));}dispatchEvent(e){let t=[this],r=this.__eventTargetParent;if(e.composed)for(;r;)t.push(r),r=r.__eventTargetParent;else for(;r&&r!==this.__host;)t.push(r),r=r.__eventTargetParent;let n=false,o=false,s=0,p=null,a=null,u=null,f=e.stopPropagation,c=e.stopImmediatePropagation;Object.defineProperties(e,{target:{get(){return p??a},...m},srcElement:{get(){return e.target},...m},currentTarget:{get(){return u},...m},eventPhase:{get(){return s},...m},composedPath:{value:()=>t,...m},stopPropagation:{value:()=>{n=true,f.call(e);},...m},stopImmediatePropagation:{value:()=>{o=true,c.call(e);},...m}});let w=(y,A,I)=>{typeof y=="function"?y(e):typeof y?.handleEvent=="function"&&y.handleEvent(e),A.once&&I.delete(y);},S=()=>(u=null,s=0,!e.defaultPrevented),C=t.slice().reverse();p=!this.__host||!e.composed?this:null;let v=y=>{for(a=this;a.__host&&y.includes(a.__host);)a=a.__host;};for(let y of C){!p&&(!a||a===y.__host)&&v(C.slice(C.indexOf(y))),u=y,s=y===e.target?2:1;let A=y.__captureEventListeners.get(e.type);if(A){for(let[I,X]of A)if(w(I,X,A),o)return S()}if(n)return S()}let D=e.bubbles?t:[this];a=null;for(let y of D){!p&&(!a||y===a.__host)&&v(D.slice(0,D.indexOf(y)+1)),u=y,s=y===e.target?2:3;let A=y.__eventListeners.get(e.type);if(A){for(let[I,X]of A)if(w(I,X,A),o)return S()}if(n)return S()}return S()}},Te=Ae;var m={__proto__:null};m.enumerable=true;Object.freeze(m);var Re=(N=class{constructor(e,t={}){if(W.set(this,false),ce.set(this,false),ue.set(this,false),Z.set(this,false),$e.set(this,Date.now()),Q.set(this,false),he.set(this,void 0),B.set(this,void 0),ee.set(this,void 0),this.NONE=0,this.CAPTURING_PHASE=1,this.AT_TARGET=2,this.BUBBLING_PHASE=3,arguments.length===0)throw new Error("The type argument must be specified");if(typeof t!="object"||!t)throw new Error('The "options" argument must be an object');let{bubbles:r,cancelable:n,composed:o}=t;T(this,W,!!n),T(this,ce,!!r),T(this,ue,!!o),T(this,he,`${e}`),T(this,B,null),T(this,ee,false);}initEvent(e,t,r){throw new Error("Method not implemented.")}stopImmediatePropagation(){this.stopPropagation();}preventDefault(){T(this,Z,true);}get target(){return _(this,B,"f")}get currentTarget(){return _(this,B,"f")}get srcElement(){return _(this,B,"f")}get type(){return _(this,he,"f")}get cancelable(){return _(this,W,"f")}get defaultPrevented(){return _(this,W,"f")&&_(this,Z,"f")}get timeStamp(){return _(this,$e,"f")}composedPath(){return _(this,ee,"f")?[_(this,B,"f")]:[]}get returnValue(){return !_(this,W,"f")||!_(this,Z,"f")}get bubbles(){return _(this,ce,"f")}get composed(){return _(this,ue,"f")}get eventPhase(){return _(this,ee,"f")?N.AT_TARGET:N.NONE}get cancelBubble(){return _(this,Q,"f")}set cancelBubble(e){e&&T(this,Q,true);}stopPropagation(){T(this,Q,true);}get isTrusted(){return false}},W=new WeakMap,ce=new WeakMap,ue=new WeakMap,Z=new WeakMap,$e=new WeakMap,Q=new WeakMap,he=new WeakMap,B=new WeakMap,ee=new WeakMap,N.NONE=0,N.CAPTURING_PHASE=1,N.AT_TARGET=2,N.BUBBLING_PHASE=3,N);Object.defineProperties(Re.prototype,{initEvent:m,stopImmediatePropagation:m,preventDefault:m,target:m,currentTarget:m,srcElement:m,type:m,cancelable:m,defaultPrevented:m,timeStamp:m,composedPath:m,returnValue:m,bubbles:m,composed:m,eventPhase:m,cancelBubble:m,stopPropagation:m,isTrusted:m});var et=(Ze=class extends Re{constructor(e,t={}){super(e,t),ge.set(this,void 0),T(this,ge,t?.detail??null);}initCustomEvent(e,t,r,n){throw new Error("Method not implemented.")}get detail(){return _(this,ge,"f")}},ge=new WeakMap,Ze);Object.defineProperties(et.prototype,{detail:m});var ke=Re,Pe=et;var $;($=class{constructor(){this.STYLE_RULE=1,this.CHARSET_RULE=2,this.IMPORT_RULE=3,this.MEDIA_RULE=4,this.FONT_FACE_RULE=5,this.PAGE_RULE=6,this.NAMESPACE_RULE=10,this.KEYFRAMES_RULE=7,this.KEYFRAME_RULE=8,this.SUPPORTS_RULE=12,this.COUNTER_STYLE_RULE=11,this.FONT_FEATURE_VALUES_RULE=14,this.__parentStyleSheet=null,this.cssText="";}get parentRule(){return null}get parentStyleSheet(){return this.__parentStyleSheet}get type(){return 0}},$.STYLE_RULE=1,$.CHARSET_RULE=2,$.IMPORT_RULE=3,$.MEDIA_RULE=4,$.FONT_FACE_RULE=5,$.PAGE_RULE=6,$.NAMESPACE_RULE=10,$.KEYFRAMES_RULE=7,$.KEYFRAME_RULE=8,$.SUPPORTS_RULE=12,$.COUNTER_STYLE_RULE=11,$.FONT_FEATURE_VALUES_RULE=14,$);globalThis.Event??=ke;globalThis.CustomEvent??=Pe;var tt=new WeakMap,te=i=>{let e=tt.get(i);return e===void 0&&tt.set(i,e=new Map),e},Jt=class extends Te{constructor(){super(...arguments),this.__shadowRootMode=null,this.__shadowRoot=null,this.__internals=null;}get attributes(){return Array.from(te(this)).map(([e,t])=>({name:e,value:t}))}get shadowRoot(){return this.__shadowRootMode==="closed"?null:this.__shadowRoot}get localName(){return this.constructor.__localName}get tagName(){return this.localName?.toUpperCase()}setAttribute(e,t){te(this).set(e,String(t));}removeAttribute(e){te(this).delete(e);}toggleAttribute(e,t){if(this.hasAttribute(e)){if(t===void 0||!t)return this.removeAttribute(e),false}else return t===void 0||t?(this.setAttribute(e,""),true):false;return true}hasAttribute(e){return te(this).has(e)}attachShadow(e){let t={host:this};return this.__shadowRootMode=e.mode,e&&e.mode==="open"&&(this.__shadowRoot=t),t}attachInternals(){if(this.__internals!==null)throw new Error("Failed to execute 'attachInternals' on 'HTMLElement': ElementInternals for the specified element was already attached.");let e=new Xe(this);return this.__internals=e,e}getAttribute(e){return te(this).get(e)??null}};var Xt=class extends Jt{},Me=Xt;globalThis.litServerRoot??=Object.defineProperty(new Me,"localName",{get(){return "lit-server-root"}});function Zt(){let i,e;return {promise:new Promise((r,n)=>{i=r,e=n;}),resolve:i,reject:e}}var Ie=class{constructor(){this.__definitions=new Map,this.__reverseDefinitions=new Map,this.__pendingWhenDefineds=new Map;}define(e,t){if(this.__definitions.has(e))if(process.env.NODE_ENV==="development")console.warn(`'CustomElementRegistry' already has "${e}" defined. This may have been caused by live reload or hot module replacement in which case it can be safely ignored.
|
|
2
|
+
Make sure to test your application with a production build as repeat registrations will throw in production.`);else throw new Error(`Failed to execute 'define' on 'CustomElementRegistry': the name "${e}" has already been used with this registry`);if(this.__reverseDefinitions.has(t))throw new Error(`Failed to execute 'define' on 'CustomElementRegistry': the constructor has already been used with this registry for the tag name ${this.__reverseDefinitions.get(t)}`);t.__localName=e,this.__definitions.set(e,{ctor:t,observedAttributes:t.observedAttributes??[]}),this.__reverseDefinitions.set(t,e),this.__pendingWhenDefineds.get(e)?.resolve(t),this.__pendingWhenDefineds.delete(e);}get(e){return this.__definitions.get(e)?.ctor}getName(e){return this.__reverseDefinitions.get(e)??null}upgrade(e){throw new Error("customElements.upgrade is not currently supported in SSR. Please file a bug if you need it.")}async whenDefined(e){let t=this.__definitions.get(e);if(t)return t.ctor;let r=this.__pendingWhenDefineds.get(e);return r||(r=Zt(),this.__pendingWhenDefineds.set(e,r)),r.promise}},Qt=Ie;var rt=new Qt;var re=globalThis,me=re.ShadowRoot&&(re.ShadyCSS===void 0||re.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,nt=Symbol(),it=new WeakMap,fe=class{constructor(e,t,r){if(this._$cssResult$=true,r!==nt)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=e,this.t=t;}get styleSheet(){let e=this.o,t=this.t;if(me&&e===void 0){let r=t!==void 0&&t.length===1;r&&(e=it.get(t)),e===void 0&&((this.o=e=new CSSStyleSheet).replaceSync(this.cssText),r&&it.set(t,e));}return e}toString(){return this.cssText}},ot=i=>new fe(typeof i=="string"?i:i+"",void 0,nt);var st=(i,e)=>{if(me)i.adoptedStyleSheets=e.map(t=>t instanceof CSSStyleSheet?t:t.styleSheet);else for(let t of e){let r=document.createElement("style"),n=re.litNonce;n!==void 0&&r.setAttribute("nonce",n),r.textContent=t.cssText,i.appendChild(r);}},Le=me||re.CSSStyleSheet===void 0?i=>i:i=>i instanceof CSSStyleSheet?(e=>{let t="";for(let r of e.cssRules)t+=r.cssText;return ot(t)})(i):i;var{is:er,defineProperty:tr,getOwnPropertyDescriptor:rr,getOwnPropertyNames:ir,getOwnPropertySymbols:nr,getPrototypeOf:or}=Object,oe=globalThis;oe.customElements??=rt;var at=oe.trustedTypes,sr=at?at.emptyScript:"",ar=oe.reactiveElementPolyfillSupport,ie=(i,e)=>i,ne={toAttribute(i,e){switch(e){case Boolean:i=i?sr:null;break;case Object:case Array:i=i==null?i:JSON.stringify(i);}return i},fromAttribute(i,e){let t=i;switch(e){case Boolean:t=i!==null;break;case Number:t=i===null?null:Number(i);break;case Object:case Array:try{t=JSON.parse(i);}catch{t=null;}}return t}},be=(i,e)=>!er(i,e),pt={attribute:true,type:String,converter:ne,reflect:false,useDefault:false,hasChanged:be};Symbol.metadata??=Symbol("metadata"),oe.litPropertyMetadata??=new WeakMap;var M=class extends(globalThis.HTMLElement??Me){static addInitializer(e){this._$Ei(),(this.l??=[]).push(e);}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(e,t=pt){if(t.state&&(t.attribute=false),this._$Ei(),this.prototype.hasOwnProperty(e)&&((t=Object.create(t)).wrapped=true),this.elementProperties.set(e,t),!t.noAccessor){let r=Symbol(),n=this.getPropertyDescriptor(e,r,t);n!==void 0&&tr(this.prototype,e,n);}}static getPropertyDescriptor(e,t,r){let{get:n,set:o}=rr(this.prototype,e)??{get(){return this[t]},set(s){this[t]=s;}};return {get:n,set(s){let p=n?.call(this);o?.call(this,s),this.requestUpdate(e,p,r);},configurable:true,enumerable:true}}static getPropertyOptions(e){return this.elementProperties.get(e)??pt}static _$Ei(){if(this.hasOwnProperty(ie("elementProperties")))return;let e=or(this);e.finalize(),e.l!==void 0&&(this.l=[...e.l]),this.elementProperties=new Map(e.elementProperties);}static finalize(){if(this.hasOwnProperty(ie("finalized")))return;if(this.finalized=true,this._$Ei(),this.hasOwnProperty(ie("properties"))){let t=this.properties,r=[...ir(t),...nr(t)];for(let n of r)this.createProperty(n,t[n]);}let e=this[Symbol.metadata];if(e!==null){let t=litPropertyMetadata.get(e);if(t!==void 0)for(let[r,n]of t)this.elementProperties.set(r,n);}this._$Eh=new Map;for(let[t,r]of this.elementProperties){let n=this._$Eu(t,r);n!==void 0&&this._$Eh.set(n,t);}this.elementStyles=this.finalizeStyles(this.styles);}static finalizeStyles(e){let t=[];if(Array.isArray(e)){let r=new Set(e.flat(1/0).reverse());for(let n of r)t.unshift(Le(n));}else e!==void 0&&t.push(Le(e));return t}static _$Eu(e,t){let r=t.attribute;return r===false?void 0:typeof r=="string"?r:typeof e=="string"?e.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=false,this.hasUpdated=false,this._$Em=null,this._$Ev();}_$Ev(){this._$ES=new Promise(e=>this.enableUpdating=e),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach(e=>e(this));}addController(e){(this._$EO??=new Set).add(e),this.renderRoot!==void 0&&this.isConnected&&e.hostConnected?.();}removeController(e){this._$EO?.delete(e);}_$E_(){let e=new Map,t=this.constructor.elementProperties;for(let r of t.keys())this.hasOwnProperty(r)&&(e.set(r,this[r]),delete this[r]);e.size>0&&(this._$Ep=e);}createRenderRoot(){let e=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return st(e,this.constructor.elementStyles),e}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(true),this._$EO?.forEach(e=>e.hostConnected?.());}enableUpdating(e){}disconnectedCallback(){this._$EO?.forEach(e=>e.hostDisconnected?.());}attributeChangedCallback(e,t,r){this._$AK(e,r);}_$ET(e,t){let r=this.constructor.elementProperties.get(e),n=this.constructor._$Eu(e,r);if(n!==void 0&&r.reflect===true){let o=(r.converter?.toAttribute!==void 0?r.converter:ne).toAttribute(t,r.type);this._$Em=e,o==null?this.removeAttribute(n):this.setAttribute(n,o),this._$Em=null;}}_$AK(e,t){let r=this.constructor,n=r._$Eh.get(e);if(n!==void 0&&this._$Em!==n){let o=r.getPropertyOptions(n),s=typeof o.converter=="function"?{fromAttribute:o.converter}:o.converter?.fromAttribute!==void 0?o.converter:ne;this._$Em=n;let p=s.fromAttribute(t,o.type);this[n]=p??this._$Ej?.get(n)??p,this._$Em=null;}}requestUpdate(e,t,r,n=false,o){if(e!==void 0){let s=this.constructor;if(n===false&&(o=this[e]),r??=s.getPropertyOptions(e),!((r.hasChanged??be)(o,t)||r.useDefault&&r.reflect&&o===this._$Ej?.get(e)&&!this.hasAttribute(s._$Eu(e,r))))return;this.C(e,t,r);}this.isUpdatePending===false&&(this._$ES=this._$EP());}C(e,t,{useDefault:r,reflect:n,wrapped:o},s){r&&!(this._$Ej??=new Map).has(e)&&(this._$Ej.set(e,s??t??this[e]),o!==true||s!==void 0)||(this._$AL.has(e)||(this.hasUpdated||r||(t=void 0),this._$AL.set(e,t)),n===true&&this._$Em!==e&&(this._$Eq??=new Set).add(e));}async _$EP(){this.isUpdatePending=true;try{await this._$ES;}catch(t){Promise.reject(t);}let e=this.scheduleUpdate();return e!=null&&await e,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(let[n,o]of this._$Ep)this[n]=o;this._$Ep=void 0;}let r=this.constructor.elementProperties;if(r.size>0)for(let[n,o]of r){let{wrapped:s}=o,p=this[n];s!==true||this._$AL.has(n)||p===void 0||this.C(n,void 0,o,p);}}let e=false,t=this._$AL;try{e=this.shouldUpdate(t),e?(this.willUpdate(t),this._$EO?.forEach(r=>r.hostUpdate?.()),this.update(t)):this._$EM();}catch(r){throw e=false,this._$EM(),r}e&&this._$AE(t);}willUpdate(e){}_$AE(e){this._$EO?.forEach(t=>t.hostUpdated?.()),this.hasUpdated||(this.hasUpdated=true,this.firstUpdated(e)),this.updated(e);}_$EM(){this._$AL=new Map,this.isUpdatePending=false;}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(e){return true}update(e){this._$Eq&&=this._$Eq.forEach(t=>this._$ET(t,this[t])),this._$EM();}updated(e){}firstUpdated(e){}};M.elementStyles=[],M.shadowRootOptions={mode:"open"},M[ie("elementProperties")]=new Map,M[ie("finalized")]=new Map,ar?.({ReactiveElement:M}),(oe.reactiveElementVersions??=[]).push("2.1.2");var xe=globalThis,lt=i=>i,ye=xe.trustedTypes,dt=ye?ye.createPolicy("lit-html",{createHTML:i=>i}):void 0,mt="$lit$",z=`lit$${Math.random().toFixed(9).slice(2)}$`,bt="?"+z,pr=`<${bt}>`,G=xe.document===void 0?{createTreeWalker:()=>({})}:document,ae=()=>G.createComment(""),pe=i=>i===null||typeof i!="object"&&typeof i!="function",He=Array.isArray,lr=i=>He(i)||typeof i?.[Symbol.iterator]=="function",Ue=`[
|
|
3
|
+
\f\r]`,se=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,ct=/-->/g,ut=/>/g,H=RegExp(`>|${Ue}(?:([^\\s"'>=/]+)(${Ue}*=${Ue}*(?:[^
|
|
4
|
+
\f\r"'\`<>=]|("|')|))|$)`,"g"),ht=/'/g,gt=/"/g,yt=/^(?:script|style|textarea|title)$/i,Fe=i=>(e,...t)=>({_$litType$:i,strings:e,values:t}),b=Fe(1),L=Symbol.for("lit-noChange"),g=Symbol.for("lit-nothing"),ft=new WeakMap,F=G.createTreeWalker(G,129);function xt(i,e){if(!He(i)||!i.hasOwnProperty("raw"))throw Error("invalid template strings array");return dt!==void 0?dt.createHTML(e):e}var dr=(i,e)=>{let t=i.length-1,r=[],n,o=e===2?"<svg>":e===3?"<math>":"",s=se;for(let p=0;p<t;p++){let a=i[p],u,f,c=-1,w=0;for(;w<a.length&&(s.lastIndex=w,f=s.exec(a),f!==null);)w=s.lastIndex,s===se?f[1]==="!--"?s=ct:f[1]!==void 0?s=ut:f[2]!==void 0?(yt.test(f[2])&&(n=RegExp("</"+f[2],"g")),s=H):f[3]!==void 0&&(s=H):s===H?f[0]===">"?(s=n??se,c=-1):f[1]===void 0?c=-2:(c=s.lastIndex-f[2].length,u=f[1],s=f[3]===void 0?H:f[3]==='"'?gt:ht):s===gt||s===ht?s=H:s===ct||s===ut?s=se:(s=H,n=void 0);let S=s===H&&i[p+1].startsWith("/>")?" ":"";o+=s===se?a+pr:c>=0?(r.push(u),a.slice(0,c)+mt+a.slice(c)+z+S):a+z+(c===-2?p:S);}return [xt(i,o+(i[t]||"<?>")+(e===2?"</svg>":e===3?"</math>":"")),r]},le=class i{constructor({strings:e,_$litType$:t},r){let n;this.parts=[];let o=0,s=0,p=e.length-1,a=this.parts,[u,f]=dr(e,t);if(this.el=i.createElement(u,r),F.currentNode=this.el.content,t===2||t===3){let c=this.el.content.firstChild;c.replaceWith(...c.childNodes);}for(;(n=F.nextNode())!==null&&a.length<p;){if(n.nodeType===1){if(n.hasAttributes())for(let c of n.getAttributeNames())if(c.endsWith(mt)){let w=f[s++],S=n.getAttribute(c).split(z),C=/([.?@])?(.*)/.exec(w);a.push({type:1,index:o,name:C[2],strings:S,ctor:C[1]==="."?De:C[1]==="?"?Ne:C[1]==="@"?ze:q}),n.removeAttribute(c);}else c.startsWith(z)&&(a.push({type:6,index:o}),n.removeAttribute(c));if(yt.test(n.tagName)){let c=n.textContent.split(z),w=c.length-1;if(w>0){n.textContent=ye?ye.emptyScript:"";for(let S=0;S<w;S++)n.append(c[S],ae()),F.nextNode(),a.push({type:2,index:++o});n.append(c[w],ae());}}}else if(n.nodeType===8)if(n.data===bt)a.push({type:2,index:o});else {let c=-1;for(;(c=n.data.indexOf(z,c+1))!==-1;)a.push({type:7,index:o}),c+=z.length-1;}o++;}}static createElement(e,t){let r=G.createElement("template");return r.innerHTML=e,r}};function V(i,e,t=i,r){if(e===L)return e;let n=r!==void 0?t._$Co?.[r]:t._$Cl,o=pe(e)?void 0:e._$litDirective$;return n?.constructor!==o&&(n?._$AO?.(false),o===void 0?n=void 0:(n=new o(i),n._$AT(i,t,r)),r!==void 0?(t._$Co??=[])[r]=n:t._$Cl=n),n!==void 0&&(e=V(i,n._$AS(i,e.values),n,r)),e}var Oe=class{constructor(e,t){this._$AV=[],this._$AN=void 0,this._$AD=e,this._$AM=t;}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(e){let{el:{content:t},parts:r}=this._$AD,n=(e?.creationScope??G).importNode(t,true);F.currentNode=n;let o=F.nextNode(),s=0,p=0,a=r[0];for(;a!==void 0;){if(s===a.index){let u;a.type===2?u=new de(o,o.nextSibling,this,e):a.type===1?u=new a.ctor(o,a.name,a.strings,this,e):a.type===6&&(u=new Be(o,this,e)),this._$AV.push(u),a=r[++p];}s!==a?.index&&(o=F.nextNode(),s++);}return F.currentNode=G,n}p(e){let t=0;for(let r of this._$AV)r!==void 0&&(r.strings!==void 0?(r._$AI(e,r,t),t+=r.strings.length-2):r._$AI(e[t])),t++;}},de=class i{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(e,t,r,n){this.type=2,this._$AH=g,this._$AN=void 0,this._$AA=e,this._$AB=t,this._$AM=r,this.options=n,this._$Cv=n?.isConnected??true;}get parentNode(){let e=this._$AA.parentNode,t=this._$AM;return t!==void 0&&e?.nodeType===11&&(e=t.parentNode),e}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(e,t=this){e=V(this,e,t),pe(e)?e===g||e==null||e===""?(this._$AH!==g&&this._$AR(),this._$AH=g):e!==this._$AH&&e!==L&&this._(e):e._$litType$!==void 0?this.$(e):e.nodeType!==void 0?this.T(e):lr(e)?this.k(e):this._(e);}O(e){return this._$AA.parentNode.insertBefore(e,this._$AB)}T(e){this._$AH!==e&&(this._$AR(),this._$AH=this.O(e));}_(e){this._$AH!==g&&pe(this._$AH)?this._$AA.nextSibling.data=e:this.T(G.createTextNode(e)),this._$AH=e;}$(e){let{values:t,_$litType$:r}=e,n=typeof r=="number"?this._$AC(e):(r.el===void 0&&(r.el=le.createElement(xt(r.h,r.h[0]),this.options)),r);if(this._$AH?._$AD===n)this._$AH.p(t);else {let o=new Oe(n,this),s=o.u(this.options);o.p(t),this.T(s),this._$AH=o;}}_$AC(e){let t=ft.get(e.strings);return t===void 0&&ft.set(e.strings,t=new le(e)),t}k(e){He(this._$AH)||(this._$AH=[],this._$AR());let t=this._$AH,r,n=0;for(let o of e)n===t.length?t.push(r=new i(this.O(ae()),this.O(ae()),this,this.options)):r=t[n],r._$AI(o),n++;n<t.length&&(this._$AR(r&&r._$AB.nextSibling,n),t.length=n);}_$AR(e=this._$AA.nextSibling,t){for(this._$AP?.(false,true,t);e!==this._$AB;){let r=lt(e).nextSibling;lt(e).remove(),e=r;}}setConnected(e){this._$AM===void 0&&(this._$Cv=e,this._$AP?.(e));}},q=class{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(e,t,r,n,o){this.type=1,this._$AH=g,this._$AN=void 0,this.element=e,this.name=t,this._$AM=n,this.options=o,r.length>2||r[0]!==""||r[1]!==""?(this._$AH=Array(r.length-1).fill(new String),this.strings=r):this._$AH=g;}_$AI(e,t=this,r,n){let o=this.strings,s=false;if(o===void 0)e=V(this,e,t,0),s=!pe(e)||e!==this._$AH&&e!==L,s&&(this._$AH=e);else {let p=e,a,u;for(e=o[0],a=0;a<o.length-1;a++)u=V(this,p[r+a],t,a),u===L&&(u=this._$AH[a]),s||=!pe(u)||u!==this._$AH[a],u===g?e=g:e!==g&&(e+=(u??"")+o[a+1]),this._$AH[a]=u;}s&&!n&&this.j(e);}j(e){e===g?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,e??"");}},De=class extends q{constructor(){super(...arguments),this.type=3;}j(e){this.element[this.name]=e===g?void 0:e;}},Ne=class extends q{constructor(){super(...arguments),this.type=4;}j(e){this.element.toggleAttribute(this.name,!!e&&e!==g);}},ze=class extends q{constructor(e,t,r,n,o){super(e,t,r,n,o),this.type=5;}_$AI(e,t=this){if((e=V(this,e,t,0)??g)===L)return;let r=this._$AH,n=e===g&&r!==g||e.capture!==r.capture||e.once!==r.once||e.passive!==r.passive,o=e!==g&&(r===g||n);n&&this.element.removeEventListener(this.name,this,r),o&&this.element.addEventListener(this.name,this,e),this._$AH=e;}handleEvent(e){typeof this._$AH=="function"?this._$AH.call(this.options?.host??this.element,e):this._$AH.handleEvent(e);}},Be=class{constructor(e,t,r){this.element=e,this.type=6,this._$AN=void 0,this._$AM=t,this.options=r;}get _$AU(){return this._$AM._$AU}_$AI(e){V(this,e);}};var cr=xe.litHtmlPolyfillSupport;cr?.(le,de),(xe.litHtmlVersions??=[]).push("3.3.2");var Y=(i,e,t)=>{let r=t?.renderBefore??e,n=r._$litPart$;if(n===void 0){let o=t?.renderBefore??null;r._$litPart$=n=new de(e.insertBefore(ae(),o),o,void 0,t??{});}return n._$AI(i),n};var Ge=globalThis,R=class extends M{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0;}createRenderRoot(){let e=super.createRenderRoot();return this.renderOptions.renderBefore??=e.firstChild,e}update(e){let t=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(e),this._$Do=Y(t,this.renderRoot,this.renderOptions);}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(true);}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(false);}render(){return L}};R._$litElement$=true,R.finalized=true,Ge.litElementHydrateSupport?.({LitElement:R});var ur=Ge.litElementPolyfillSupport;ur?.({LitElement:R});(Ge.litElementVersions??=[]).push("4.2.2");var hr={attribute:true,type:String,converter:ne,reflect:false,hasChanged:be},gr=(i=hr,e,t)=>{let{kind:r,metadata:n}=t,o=globalThis.litPropertyMetadata.get(n);if(o===void 0&&globalThis.litPropertyMetadata.set(n,o=new Map),r==="setter"&&((i=Object.create(i)).wrapped=true),o.set(t.name,i),r==="accessor"){let{name:s}=t;return {set(p){let a=e.get.call(this);e.set.call(this,p),this.requestUpdate(s,a,i,true,p);},init(p){return p!==void 0&&this.C(s,void 0,i,p),p}}}if(r==="setter"){let{name:s}=t;return function(p){let a=this[s];e.call(this,p),this.requestUpdate(s,a,i,true,p);}}throw Error("Unsupported decorator location: "+r)};function h(i){return (e,t)=>typeof t=="object"?gr(i,e,t):((r,n,o)=>{let s=n.hasOwnProperty(o);return n.constructor.createProperty(o,r),s?Object.getOwnPropertyDescriptor(n,o):void 0})(i,e,t)}function U(i){return h({...i,state:true,attribute:false})}var vt={ATTRIBUTE:1},wt=i=>(...e)=>({_$litDirective$:i,values:e}),we=class{constructor(e){}get _$AU(){return this._$AM._$AU}_$AT(e,t,r){this._$Ct=e,this._$AM=t,this._$Ci=r;}_$AS(e,t){return this.update(e,t)}update(e,t){return this.render(...t)}};var St="important",fr=" !"+St,x=wt(class extends we{constructor(i){if(super(i),i.type!==vt.ATTRIBUTE||i.name!=="style"||i.strings?.length>2)throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.")}render(i){return Object.keys(i).reduce((e,t)=>{let r=i[t];return r==null?e:e+`${t=t.includes("-")?t:t.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,"-$&").toLowerCase()}:${r};`},"")}update(i,[e]){let{style:t}=i.element;if(this.ft===void 0)return this.ft=new Set(Object.keys(e)),this.render(e);for(let r of this.ft)e[r]==null&&(this.ft.delete(r),r.includes("-")?t.removeProperty(r):t[r]=null);for(let r in e){let n=e[r];if(n!=null){this.ft.add(r);let o=typeof n=="string"&&n.endsWith(fr);r.includes("-")||o?t.setProperty(r,o?n.slice(0,-11):n,o?St:""):t[r]=n;}}return L}});var K={"2xs":20,xs:24,sm:32,md:40,lg:48,xl:64,"2xl":80,"3xl":120},Ct={online:"#30D158",away:"#FFD60A",busy:"#FF453A",offline:"#8E8E93",dnd:"#FF453A"},_t={none:"none",sm:"0 1px 2px 0 rgba(0, 0, 0, 0.05)",md:"0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1)",lg:"0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1)",glow:"0 0 20px 0 rgba(99, 102, 241, 0.3)"},k={size:"md",variant:"circle",loading:"lazy",placeholder:"shimmer",borderWidth:2,borderColor:"#ffffff",placeholderColor:"#f3f4f6",shadow:"sm"};var J={circle:"9999px",rounded:"12px",squircle:"30%",square:"0px"},P={max:4,direction:"ltr",overlap:.3,size:"md",tooltipDelay:300,dropdownMaxHeight:280,animated:true};function O(...i){return i.filter(Boolean).join(" ")}function je(i){return /^#([0-9A-Fa-f]{3}|[0-9A-Fa-f]{6}|[0-9A-Fa-f]{8})$/.test(i)}function Se(i){let t=i.trim().replace(/[^\w\s]/g,"").split(/\s+/).filter(Boolean);return t.length===0?"?":t.length===1?t[0].slice(0,1).toUpperCase():(t[0][0]+(t.at(-1)?.[0]??"")).toUpperCase()}function We(i){return Math.round(i*.38)}function Et(i,e){let t;if(e){let n=Math.round(i*.31);t=Math.min(24,Math.max(14,n));}else {let n=Math.round(i*.22);t=Math.min(14,Math.max(8,n));}let r=Math.max(9,Math.round(t*.55));return {size:t,fontSize:r}}function $t(i,e){let t=Math.min(16,Math.max(8,Math.round(i*.2)));return Math.min(18,t+(e-1)*2)}function At(i,e){return typeof i=="string"?i:e&&i>e?`${e}+`:i.toString()}function Tt(i){return i.length===0?"transparent":i.length===1?i[0]:`conic-gradient(${i.map((t,r)=>{let n=r/i.length*360,o=(r+1)/i.length*360;return `${t} ${n}deg ${o}deg`}).join(", ")})`}function mr(i){let e=0;for(let t=0;t<i.length;t++){let r=i.charCodeAt(t);e=(e<<5)-e+r,e&=e;}return Math.abs(e)}function Rt(i,e,t){let n=Math.max(0,Math.min(100,i))/100*360;return `conic-gradient(from 270deg, ${e} 0deg ${n}deg, ${t} ${n}deg 360deg)`}function Ce(i){let e=["linear-gradient(135deg, #667eea 0%, #764ba2 100%)","linear-gradient(135deg, #f093fb 0%, #f5576c 100%)","linear-gradient(135deg, #4facfe 0%, #00f2fe 100%)","linear-gradient(135deg, #43e97b 0%, #38f9d7 100%)","linear-gradient(135deg, #fa709a 0%, #fee140 100%)","linear-gradient(135deg, #a8edea 0%, #fed6e3 100%)","linear-gradient(135deg, #d299c2 0%, #fef9d7 100%)","linear-gradient(135deg, #89f7fe 0%, #66a6ff 100%)","linear-gradient(135deg, #cd9cf2 0%, #f6f3ff 100%)","linear-gradient(135deg, #fddb92 0%, #d1fdff 100%)"],t=mr(i)%e.length;return e[t]}function kt(i){return typeof i=="number"?i:K[i]??K[P.size]}function Ve(i,e,t){let r=t?e-1:e;if(i<=r)return {visible:i,hidden:0,showCounter:false};let n=r-1,o=i-n;return {visible:n,hidden:o,showCounter:true}}function _e(i,e,t,r,n){let o=n??e*(1-t);return i*o}function Pt(i,e,t){return t==="ltr"?e-i:i+1}function It(i,e,t,r){if(i===0)return 0;if(i===1)return e;let n=r??e*(1-t);return e+n*(i-1)}function Mt(i){return i>99?"+99":`+${i}`}function Lt(i){return i<=80?"80":i<=120?"120":i<=240?"240":i<=480?"480":"960"}function Ut(i){if(!(i&&je(i)))return "light";let e=i.replace("#","");e.length===3&&(e=e.split("").map(s=>s+s).join(""));let t=Number.parseInt(e.slice(0,2),16),r=Number.parseInt(e.slice(2,4),16),n=Number.parseInt(e.slice(4,6),16);return (.299*t+.587*r+.114*n)/255>.5?"light":"dark"}function Ot(i,e,t,r,n){let o=i.endsWith("/")?i.slice(0,-1):i,s=`${e}_${t}_${r}.webp`;return `${o}/api/profile-picture/cdn/${s}?hostname=${n}`}function Dt(i){return {circle:"np:rounded-full",rounded:"np:rounded-xl",squircle:"np:rounded-[30%]",square:"np:rounded-none"}[i]}function Nt(i,e){return {className:{1:"np:border",2:"np:border-2",3:"np:border-[3px]",4:"np:border-4",5:"np:border-[5px]",6:"np:border-[6px]",8:"np:border-8"}[i],style:{borderColor:e,borderStyle:"solid"}}}function zt(i,e){return e?{className:"",style:{background:e}}:i?i.includes("gradient")?{className:"",style:{background:i}}:{className:"",style:{backgroundColor:i}}:{className:"",style:{backgroundColor:"#e7e7e7"}}}function Bt(i){return {boxShadow:_t[i]}}var br={shimmer:`
|
|
5
5
|
@keyframes pp-shimmer {
|
|
6
6
|
0% { transform: translateX(-100%); }
|
|
7
7
|
100% { transform: translateX(100%); }
|
|
@@ -243,8 +243,8 @@ Make sure to test your application with a production build as repeat registratio
|
|
|
243
243
|
transition: none !important;
|
|
244
244
|
}
|
|
245
245
|
}
|
|
246
|
-
`,
|
|
247
|
-
${xr}`,
|
|
246
|
+
`,Ht=`${yr}
|
|
247
|
+
${xr}`,Ft=`
|
|
248
248
|
@keyframes np-shimmer {
|
|
249
249
|
0% { background-position: -200% 0; }
|
|
250
250
|
100% { background-position: 200% 0; }
|
|
@@ -254,7 +254,7 @@ ${xr}`,Fe=`
|
|
|
254
254
|
background-size: 200% 100%;
|
|
255
255
|
animation: np-shimmer 1.5s infinite;
|
|
256
256
|
}
|
|
257
|
-
`;function
|
|
257
|
+
`;function Gt(i,e=.3){if(je(i)){let t=Number.parseInt(i.slice(1,3),16),r=Number.parseInt(i.slice(3,5),16),n=Number.parseInt(i.slice(5,7),16);return `0 0 20px 0 rgba(${t}, ${r}, ${n}, ${e})`}return `0 0 20px 0 ${i}`}var vr=`
|
|
258
258
|
@keyframes ppg-tooltip-in {
|
|
259
259
|
from {
|
|
260
260
|
opacity: 0;
|
|
@@ -750,34 +750,34 @@ ${xr}`,Fe=`
|
|
|
750
750
|
box-shadow: 0 0 0 1.5px rgba(44, 44, 46, 0.95), 0 0 6px rgba(48, 209, 88, 0.5);
|
|
751
751
|
}
|
|
752
752
|
}
|
|
753
|
-
`,
|
|
754
|
-
${wr}`;var l=class extends R{constructor(){super(...arguments);this.src="";this.alt="";this.size=k.size;this.variant=k.variant;this.shadow=k.shadow;this.border=false;this.borderWidth=k.borderWidth;this.borderColor=k.borderColor;this.rotation=0;this.loading=k.loading;this.placeholder=k.placeholder;this.placeholderColor=k.placeholderColor;this.isLoaded=false;this.hasError=false;this.cdnLoadFailed=false;this.previousSrc="";this.RETRY_DELAY_MS=3e4;}static setCdnBaseUrl(
|
|
755
|
-
${this.placeholder==="shimmer"?b`<style>${
|
|
753
|
+
`,jt=`${vr}
|
|
754
|
+
${wr}`;var l=class l extends R{constructor(){super(...arguments);this.src="";this.alt="";this.size=k.size;this.variant=k.variant;this.shadow=k.shadow;this.border=false;this.borderWidth=k.borderWidth;this.borderColor=k.borderColor;this.rotation=0;this.loading=k.loading;this.placeholder=k.placeholder;this.placeholderColor=k.placeholderColor;this.isLoaded=false;this.hasError=false;this.cdnLoadFailed=false;this.previousSrc="";this.RETRY_DELAY_MS=3e4;}static{this.stylesInjected=false;}static{this.cdnBaseUrl="";}static{this.instances=new Set;}static setCdnBaseUrl(t){l.cdnBaseUrl=t,l.instances.forEach(r=>{r.extCustomerId&&!r.cdnImageUrl&&(r.cdnLoadFailed=false,r.retryTimeoutId&&(clearTimeout(r.retryTimeoutId),r.retryTimeoutId=void 0),r.previousExtCustomerId||(r.previousExtCustomerId=r.extCustomerId),r.loadCdnImage());});}static getCdnBaseUrl(){return l.cdnBaseUrl}createRenderRoot(){return l.injectStylesOnce(),this}static injectStylesOnce(){if(l.stylesInjected||typeof document>"u")return;(typeof requestIdleCallback<"u"?requestIdleCallback:r=>setTimeout(r,1))(()=>{if(l.stylesInjected)return;let r=document.createElement("style");r.textContent=Ht,document.head.appendChild(r),l.stylesInjected=true;});}get pixelSize(){let t=this.size;return typeof t=="number"?t:K[t]??K[k.size]}connectedCallback(){super.connectedCallback(),l.instances.add(this);}disconnectedCallback(){super.disconnectedCallback(),l.instances.delete(this),this.retryTimeoutId&&(clearTimeout(this.retryTimeoutId),this.retryTimeoutId=void 0);}firstUpdated(){this.extCustomerId&&l.cdnBaseUrl&&(this.previousExtCustomerId=this.extCustomerId,this.loadCdnImage());}updated(t){super.updated(t),this.extCustomerId&&l.cdnBaseUrl&&!this.cdnImageUrl&&(this.cdnLoadFailed||!this.previousExtCustomerId)&&(this.previousExtCustomerId||(this.previousExtCustomerId=this.extCustomerId),this.cdnLoadFailed=false,this.loadCdnImage());}willUpdate(t){t.has("src")&&this.src!==this.previousSrc&&(this.isLoaded=false,this.hasError=false,this.previousSrc=this.src),(t.has("extCustomerId")||t.has("size")||t.has("bgColor"))&&this.extCustomerId!==this.previousExtCustomerId&&(this.previousExtCustomerId=this.extCustomerId,this.cdnImageUrl=void 0,this.cdnLoadFailed=false,this.isLoaded=false,this.hasError=false,this.retryTimeoutId&&(clearTimeout(this.retryTimeoutId),this.retryTimeoutId=void 0),this.loadCdnImage());}handleLoad(){this.isLoaded=true,this.dispatchEvent(new CustomEvent("load",{bubbles:true,composed:true}));}handleError(){if(this.cdnImageUrl&&!this.cdnLoadFailed){this.cdnLoadFailed=true,this.cdnImageUrl=void 0,this.dispatchEvent(new CustomEvent("cdn-error",{bubbles:true,composed:true,detail:{error:"Image load failed"}})),this.retryTimeoutId&&clearTimeout(this.retryTimeoutId),this.retryTimeoutId=setTimeout(()=>{this.retryTimeoutId=void 0,this.extCustomerId&&l.cdnBaseUrl&&(this.cdnLoadFailed=false,this.hasError=false,this.isLoaded=false,this.loadCdnImage());},this.RETRY_DELAY_MS);return}this.hasError=true,this.isLoaded=true,this.dispatchEvent(new CustomEvent("error",{bubbles:true,composed:true}));}loadCdnImage(){if(!(this.extCustomerId&&l.cdnBaseUrl)){this.cdnLoadFailed=true;return}let t=Lt(this.pixelSize),r=Ut(this.bgColor),n=typeof window<"u"?window.location.hostname:"localhost";this.cdnImageUrl=Ot(l.cdnBaseUrl,this.extCustomerId,t,r,n);}getContainerStyles(){let t=zt(this.bgColor,this.bgGradient),r=this.border?Nt(this.borderWidth,this.borderColor):null,n=Bt(this.shadow),o={};if(this.glow){let p=this.glow.color??this.borderColor??"#6366f1";o={"--pp-glow-color":p,boxShadow:Gt(p,this.glow.intensity??.3)};}let s=this.interactive?.hoverable||this.interactive?.pressable;return {classes:O("pp-container",Dt(this.variant),t.className,r?.className,s&&"pp-interactive",this.glow?.animate&&"pp-glow"),styles:{width:`${this.pixelSize}px`,height:`${this.pixelSize}px`,borderRadius:J[this.variant],...t.style,...r?.style,...n,...o,cursor:this.interactive?.cursor??(s?"pointer":"default"),transform:this.rotation?`rotate(${this.rotation}deg)`:void 0}}}renderPlaceholder(){if(this.isLoaded||this.placeholder==="none")return g;let t={shimmer:"pp-shimmer",pulse:"pp-pulse",skeleton:"pp-skeleton",blur:"",none:""}[this.placeholder];return b`
|
|
755
|
+
${this.placeholder==="shimmer"?b`<style>${Ft}</style>`:g}
|
|
756
756
|
<div
|
|
757
|
-
class=${
|
|
757
|
+
class=${O("np:absolute np:inset-0",t)}
|
|
758
758
|
style=${x({backgroundColor:this.placeholderColor,borderRadius:"inherit"})}>
|
|
759
759
|
</div>
|
|
760
760
|
`}renderFallback(){if(this.fallback)return b`
|
|
761
761
|
<span
|
|
762
762
|
class="pp-fallback"
|
|
763
|
-
style=${x({fontSize:`${
|
|
763
|
+
style=${x({fontSize:`${We(this.pixelSize)}px`})}>
|
|
764
764
|
${this.fallback}
|
|
765
765
|
</span>
|
|
766
|
-
`;if(this.alt){let r=
|
|
766
|
+
`;if(this.alt){let r=Ce(this.alt);return b`
|
|
767
767
|
<div
|
|
768
768
|
class="pp-fallback np:absolute np:inset-0"
|
|
769
|
-
style=${x({background:this.bgColor??r,fontSize:`${
|
|
770
|
-
${
|
|
769
|
+
style=${x({background:this.bgColor??r,fontSize:`${We(this.pixelSize)}px`})}>
|
|
770
|
+
${Se(this.alt)}
|
|
771
771
|
</div>
|
|
772
|
-
`}let
|
|
772
|
+
`}let t=this.pixelSize*.5;return b`
|
|
773
773
|
<svg
|
|
774
774
|
class="pp-fallback-icon"
|
|
775
|
-
style="width: ${
|
|
775
|
+
style="width: ${t}px; height: ${t}px;"
|
|
776
776
|
fill="currentColor"
|
|
777
777
|
viewBox="0 0 24 24">
|
|
778
778
|
<path d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z" />
|
|
779
779
|
</svg>
|
|
780
|
-
`}renderImage(){let
|
|
780
|
+
`}renderImage(){let t=!!(this.extCustomerId&&l.cdnBaseUrl),r;return this.cdnImageUrl?r=this.cdnImageUrl:(!t||this.cdnLoadFailed)&&(r=this.src),this.hasError||!r?this.renderFallback():b`
|
|
781
781
|
<img
|
|
782
782
|
src=${r}
|
|
783
783
|
alt=${this.alt}
|
|
@@ -785,30 +785,30 @@ ${wr}`;var l=class extends R{constructor(){super(...arguments);this.src="";this.
|
|
|
785
785
|
decoding="async"
|
|
786
786
|
@load=${this.handleLoad}
|
|
787
787
|
@error=${this.handleError}
|
|
788
|
-
class=${
|
|
788
|
+
class=${O("pp-image",this.isLoaded?"pp-image-loaded":"pp-image-loading")}
|
|
789
789
|
draggable="false" />
|
|
790
|
-
`}renderRing(){if(!this.ring?.show)return g;let
|
|
790
|
+
`}renderRing(){if(!this.ring?.show)return g;let t=this.ring.width??3,r=this.ring.gap??3,n=t+r,o,s=this.ring.progress!==void 0;if(s){let p=this.ring.progress??0,a=this.ring.color??"#30D158",u=this.ring.emptyColor??"#8E8E93";o=Rt(p,a,u);}else this.ring.gradient&&this.ring.gradient.length>0?o=Tt(this.ring.gradient):o=this.ring.color??"linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888)";return b`
|
|
791
791
|
<div
|
|
792
|
-
class=${
|
|
793
|
-
style=${x({inset:`-${
|
|
792
|
+
class=${O("pp-ring",this.ring.animate&&!s&&"pp-ring-animated",s&&"pp-ring-progress")}
|
|
793
|
+
style=${x({inset:`-${n}px`,padding:`${t}px`,background:o,borderRadius:J[this.variant]})}>
|
|
794
794
|
</div>
|
|
795
|
-
`}getCornerOffset(){let
|
|
795
|
+
`}getCornerOffset(){let t=this.border?this.borderWidth:0,r=this.pixelSize*.08,o={circle:1,square:.5,rounded:.8,squircle:1.2}[this.variant];return Math.round(r*o-t*.5)}renderPresence(){if(!this.presence)return g;let t=this.presence.thickness??2,r=$t(this.pixelSize,t),n=Ct[this.presence.status],o=this.getCornerOffset();return b`
|
|
796
796
|
<div
|
|
797
|
-
class=${
|
|
798
|
-
style=${x({width:`${r}px`,height:`${r}px`,backgroundColor:
|
|
797
|
+
class=${O("pp-presence",this.presence.animate&&"pp-presence-animated")}
|
|
798
|
+
style=${x({width:`${r}px`,height:`${r}px`,backgroundColor:n,bottom:`${o}px`,right:`${o}px`,color:n})}
|
|
799
799
|
title=${this.presence.status}>
|
|
800
800
|
</div>
|
|
801
|
-
`}renderBadge(){if(!this.badge)return g;let
|
|
801
|
+
`}renderBadge(){if(!this.badge)return g;let t=this.badge.position??"bottom-right",r=this.badge.content!==void 0,n=this.badge.icon!==void 0,o=r||n,{size:s,fontSize:p}=Et(this.pixelSize,o),a=this.badge.bgColor??"#22c55e",u=this.badge.color??"#ffffff",f=this.badge.borderRadius??"9999px",c=r&&this.badge.content!==void 0?At(this.badge.content,this.badge.max):null,w=n?this.badge.icon:null,S=p*.9,v=`${-this.getCornerOffset()}px`,D={"top-left":{top:v,left:v},"top-center":{top:v,left:"50%",transform:"translateX(-50%)"},"top-right":{top:v,right:v},"bottom-left":{bottom:v,left:v},"bottom-center":{bottom:v,left:"50%",transform:"translateX(-50%)"},"bottom-right":{bottom:v,right:v}};return b`
|
|
802
802
|
<div
|
|
803
|
-
class=${
|
|
804
|
-
style=${x({width:o?"auto":`${s}px`,minWidth:`${s}px`,height:`${s}px`,padding:o?"0 6px":"0",fontSize:`${p}px`,backgroundColor:a,color:
|
|
803
|
+
class=${O("pp-badge",this.badge.pulse&&"pp-badge-pulse",this.badge.glow&&"pp-badge-glow",n&&"pp-badge-with-icon")}
|
|
804
|
+
style=${x({width:o?"auto":`${s}px`,minWidth:`${s}px`,height:`${s}px`,padding:o?"0 6px":"0",fontSize:`${p}px`,backgroundColor:a,color:u,borderRadius:f,"--pp-badge-glow-color":a,gap:n&&r?"4px":"0",...D[t]})}>
|
|
805
805
|
${w?b`<span class="pp-badge-icon" style=${x({fontSize:`${S}px`})}>${w}</span>`:g}
|
|
806
806
|
${c??g}
|
|
807
807
|
</div>
|
|
808
|
-
`}render(){let
|
|
808
|
+
`}render(){let t=this.getContainerStyles(),r=this.interactive?.focusable||this.interactive?.pressable?0:void 0;return b`
|
|
809
809
|
<div
|
|
810
|
-
class=${
|
|
811
|
-
style=${x(
|
|
810
|
+
class=${t.classes}
|
|
811
|
+
style=${x(t.styles)}
|
|
812
812
|
tabindex=${r??g}
|
|
813
813
|
role=${this.interactive?.pressable?"button":g}
|
|
814
814
|
aria-label=${this.alt||g}
|
|
@@ -834,7 +834,7 @@ ${wr}`;var l=class extends R{constructor(){super(...arguments);this.src="";this.
|
|
|
834
834
|
<!-- Presence Indicator -->
|
|
835
835
|
${this.renderPresence()}
|
|
836
836
|
</div>
|
|
837
|
-
`}};
|
|
837
|
+
`}};d([h({type:String})],l.prototype,"src"),d([h({type:String})],l.prototype,"alt"),d([h({type:String,attribute:"ext-customer-id"})],l.prototype,"extCustomerId"),d([h({type:String})],l.prototype,"size"),d([h({type:String})],l.prototype,"variant"),d([h({type:String})],l.prototype,"shadow"),d([h({type:Boolean})],l.prototype,"border"),d([h({type:Number,attribute:"border-width"})],l.prototype,"borderWidth"),d([h({type:String,attribute:"border-color"})],l.prototype,"borderColor"),d([h({type:Number})],l.prototype,"rotation"),d([h({type:String,attribute:"bg-color"})],l.prototype,"bgColor"),d([h({type:String,attribute:"bg-gradient"})],l.prototype,"bgGradient"),d([h({type:Object,attribute:"ring",converter:{fromAttribute:t=>{if(t)try{return JSON.parse(t)}catch{return}},toAttribute:t=>t?JSON.stringify(t):null}})],l.prototype,"ring"),d([h({type:Object,attribute:"presence",converter:{fromAttribute:t=>{if(t)try{return JSON.parse(t)}catch{return}},toAttribute:t=>t?JSON.stringify(t):null}})],l.prototype,"presence"),d([h({type:Object,attribute:"glow",converter:{fromAttribute:t=>{if(t)try{return JSON.parse(t)}catch{return}},toAttribute:t=>t?JSON.stringify(t):null}})],l.prototype,"glow"),d([h({type:Object,attribute:"badge",converter:{fromAttribute:t=>{if(t)try{return JSON.parse(t)}catch{return}},toAttribute:t=>t?JSON.stringify(t):null}})],l.prototype,"badge"),d([h({type:String})],l.prototype,"loading"),d([h({type:String})],l.prototype,"placeholder"),d([h({type:String,attribute:"placeholder-color"})],l.prototype,"placeholderColor"),d([h({type:String})],l.prototype,"fallback"),d([h({type:Object,attribute:"interactive",converter:{fromAttribute:t=>{if(t)try{return JSON.parse(t)}catch{return}},toAttribute:t=>t?JSON.stringify(t):null}})],l.prototype,"interactive"),d([U()],l.prototype,"isLoaded"),d([U()],l.prototype,"hasError"),d([U()],l.prototype,"cdnImageUrl"),d([U()],l.prototype,"cdnLoadFailed");var qe=l;customElements.get("profile-picture")||customElements.define("profile-picture",qe);var Ye=false;function Sr(){if(Ye||typeof document>"u")return;(typeof requestIdleCallback<"u"?requestIdleCallback:e=>setTimeout(e,1))(()=>{if(Ye)return;let e=document.createElement("style");e.textContent=jt,document.head.appendChild(e),Ye=true;});}var E=class extends R{constructor(){super(...arguments);this.max=P.max;this.direction=P.direction;this.overlap=P.overlap;this.size=P.size;this.showAddButton=false;this.addButtonLabel="Add user";this.animated=P.animated;this.rotationAmount=0;this.users=[];this.dropdownOpen=false;this.tooltipData=null;this.tooltipTimeout=null;this.slotObserver=null;this.portalContainer=null;this.counterRef=null;this.handleBackdropClick=()=>{this.dropdownOpen=false,this.destroyPortal();};}createRenderRoot(){return Sr(),this}get pixelSize(){return kt(this.size)}get tooltipEnabled(){return this.tooltip?.enabled!==false}get tooltipPosition(){return this.tooltip?.position??"top"}get tooltipDelay(){return this.tooltip?.delay??P.tooltipDelay}get dropdownMaxHeight(){return this.dropdown?.maxHeight??P.dropdownMaxHeight}get showPresence(){return this.dropdown?.showPresence!==false}get dropdownPosition(){return this.dropdown?.position??"bottom"}connectedCallback(){super.connectedCallback(),this.updateUsers(),this.setupSlotObserver();}disconnectedCallback(){super.disconnectedCallback(),this.slotObserver?.disconnect(),this.clearTooltipTimeout(),this.destroyPortal();}setupSlotObserver(){this.slotObserver=new MutationObserver(()=>{this.updateUsers();}),this.slotObserver.observe(this,{childList:true,subtree:true,attributes:true,attributeFilter:["src","alt","ext-customer-id","data-user-id","data-status","variant","shadow","border","border-width","border-color","bg-color","bg-gradient"]});}updateUsers(){let t=Array.from(this.children).filter(r=>r.tagName.toLowerCase()==="profile-picture"&&r.getAttribute("slot")!=="internal");this.users=t.map((r,n)=>{let o=(a,u)=>{let f=u??a,c=r[a];return c!=null&&c!==""?String(c):r.getAttribute(f)??void 0},s=o("borderWidth","border-width"),p=s?Number.parseInt(String(s),10):void 0;return {id:o("dataUserId","data-user-id"),name:o("alt")??`User ${n+1}`,src:o("src"),extCustomerId:o("extCustomerId","ext-customer-id"),status:o("dataStatus","data-status"),element:r,index:n,variant:o("variant"),shadow:o("shadow"),border:!!(r.border??r.hasAttribute("border")),borderWidth:p,borderColor:o("borderColor","border-color"),bgColor:o("bgColor","bg-color"),bgGradient:o("bgGradient","bg-gradient")}});for(let r of this.users)r.element&&(r.element.style.display="none");}createPortal(){this.portalContainer||(this.portalContainer=document.createElement("div"),this.portalContainer.className="ppg-portal",this.portalContainer.style.cssText="position: fixed; z-index: 99999; pointer-events: none;",document.body.appendChild(this.portalContainer),document.body.style.overflow="hidden");}destroyPortal(){this.portalContainer&&(Y(g,this.portalContainer),this.portalContainer.remove(),this.portalContainer=null,document.body.style.overflow="");}updatePortalContent(t){if(!(this.portalContainer&&this.counterRef))return;let r=this.counterRef.getBoundingClientRect(),n=10,o=280,s=Math.min(this.dropdownMaxHeight+60,t.length*56+60),p=window.innerWidth,a=window.innerHeight;if(p<480){let I=b`
|
|
838
838
|
<div
|
|
839
839
|
class="ppg-backdrop ppg-backdrop-visible"
|
|
840
840
|
style="pointer-events: auto; background: rgba(0,0,0,0.5);"
|
|
@@ -849,16 +849,16 @@ ${wr}`;var l=class extends R{constructor(){super(...arguments);this.src="";this.
|
|
|
849
849
|
aria-label="Hidden users"
|
|
850
850
|
>
|
|
851
851
|
<div class="ppg-dropdown-header">
|
|
852
|
-
${
|
|
852
|
+
${t.length} more
|
|
853
853
|
</div>
|
|
854
854
|
<div
|
|
855
855
|
class="ppg-dropdown-list"
|
|
856
856
|
style=${x({maxHeight:"calc(70vh - 60px)"})}
|
|
857
857
|
>
|
|
858
|
-
${
|
|
858
|
+
${t.map(X=>this.renderDropdownItem(X))}
|
|
859
859
|
</div>
|
|
860
860
|
</div>
|
|
861
|
-
`;Y(
|
|
861
|
+
`;Y(I,this.portalContainer);return}let f=a-r.bottom-n,c=r.top-n,w=p-r.left,S=r.right,C=this.dropdownPosition;C==="bottom"&&f<s&&c>f?C="top":C==="top"&&c<s&&f>c&&(C="bottom");let v;w>=o?v=r.left:S>=o?v=r.right-o:v=(p-o)/2,v=Math.max(8,Math.min(v,p-o-8));let D=C==="bottom"?r.bottom+n:void 0,y=C==="top"?a-r.top+n:void 0,A=b`
|
|
862
862
|
<div
|
|
863
863
|
class="ppg-backdrop"
|
|
864
864
|
style="pointer-events: auto;"
|
|
@@ -867,67 +867,67 @@ ${wr}`;var l=class extends R{constructor(){super(...arguments);this.src="";this.
|
|
|
867
867
|
></div>
|
|
868
868
|
<div
|
|
869
869
|
class="ppg-dropdown ppg-dropdown-portal"
|
|
870
|
-
style=${x({position:"fixed",pointerEvents:"auto",top:
|
|
871
|
-
data-position=${
|
|
870
|
+
style=${x({position:"fixed",pointerEvents:"auto",top:D!==void 0?`${D}px`:"auto",bottom:y!==void 0?`${y}px`:"auto",left:`${v}px`,width:`${o}px`})}
|
|
871
|
+
data-position=${C}
|
|
872
872
|
role="menu"
|
|
873
873
|
aria-label="Hidden users"
|
|
874
874
|
>
|
|
875
875
|
<div class="ppg-dropdown-header">
|
|
876
|
-
${
|
|
876
|
+
${t.length} more
|
|
877
877
|
</div>
|
|
878
878
|
<div
|
|
879
879
|
class="ppg-dropdown-list"
|
|
880
880
|
style=${x({maxHeight:`${this.dropdownMaxHeight}px`})}
|
|
881
881
|
>
|
|
882
|
-
${
|
|
882
|
+
${t.map(I=>this.renderDropdownItem(I))}
|
|
883
883
|
</div>
|
|
884
884
|
</div>
|
|
885
|
-
`;Y(A,this.portalContainer);}handleAvatarClick(
|
|
885
|
+
`;Y(A,this.portalContainer);}handleAvatarClick(t){this.dispatchEvent(new CustomEvent("avatar-click",{detail:{user:t},bubbles:true,composed:true}));}handleAvatarHover(t,r){if(!this.tooltipEnabled)return;this.clearTooltipTimeout();let n=r.currentTarget;this.tooltipTimeout=window.setTimeout(()=>{this.tooltipData={user:t,rect:n.getBoundingClientRect()};},this.tooltipDelay),this.dispatchEvent(new CustomEvent("avatar-hover",{detail:{user:t},bubbles:true,composed:true}));}handleAvatarLeave(){this.clearTooltipTimeout(),this.tooltipData=null;}clearTooltipTimeout(){this.tooltipTimeout&&(window.clearTimeout(this.tooltipTimeout),this.tooltipTimeout=null);}handleCounterClick(t){this.dropdownOpen=!this.dropdownOpen,this.dropdownOpen?(this.createPortal(),this.updatePortalContent(t)):this.destroyPortal(),this.dispatchEvent(new CustomEvent("counter-click",{detail:{hiddenUsers:t,open:this.dropdownOpen},bubbles:true,composed:true}));}handleDropdownItemClick(t){this.dropdownOpen=false,this.destroyPortal(),this.dispatchEvent(new CustomEvent("dropdown-item-click",{detail:{user:t},bubbles:true,composed:true}));}handleAddClick(){this.dispatchEvent(new CustomEvent("add-click",{bubbles:true,composed:true}));}handleKeyDown(t,r){(t.key==="Enter"||t.key===" ")&&(t.preventDefault(),r());}renderAvatar(t,r,n){let o=_e(r,this.pixelSize,this.overlap,this.direction,this.spacing),s=Pt(r,n,this.direction),p=t.variant??"circle",a=t.shadow??"none",u=this.rotationAmount?r%2===0?-this.rotationAmount:this.rotationAmount:0;return b`
|
|
886
886
|
<div
|
|
887
887
|
class="ppg-avatar-wrapper"
|
|
888
888
|
style=${x({left:`${o}px`,zIndex:String(s),width:`${this.pixelSize}px`,height:`${this.pixelSize}px`})}
|
|
889
889
|
tabindex="0"
|
|
890
890
|
role="button"
|
|
891
|
-
aria-label=${
|
|
892
|
-
@click=${()=>this.handleAvatarClick(
|
|
893
|
-
@mouseenter=${
|
|
891
|
+
aria-label=${t.name}
|
|
892
|
+
@click=${()=>this.handleAvatarClick(t)}
|
|
893
|
+
@mouseenter=${f=>this.handleAvatarHover(t,f)}
|
|
894
894
|
@mouseleave=${this.handleAvatarLeave}
|
|
895
|
-
@keydown=${
|
|
895
|
+
@keydown=${f=>this.handleKeyDown(f,()=>this.handleAvatarClick(t))}
|
|
896
896
|
>
|
|
897
|
-
${this.renderProfilePicture(
|
|
897
|
+
${this.renderProfilePicture(t,p,a,u)}
|
|
898
898
|
</div>
|
|
899
|
-
`}renderProfilePicture(
|
|
899
|
+
`}renderProfilePicture(t,r,n,o){return b`
|
|
900
900
|
<profile-picture
|
|
901
|
-
.src=${
|
|
902
|
-
.alt=${
|
|
901
|
+
.src=${t.src||void 0}
|
|
902
|
+
.alt=${t.name}
|
|
903
903
|
.size=${this.pixelSize}
|
|
904
904
|
.variant=${r}
|
|
905
|
-
.shadow=${
|
|
905
|
+
.shadow=${n}
|
|
906
906
|
.rotation=${o}
|
|
907
|
-
.extCustomerId=${
|
|
908
|
-
?border=${
|
|
909
|
-
.borderWidth=${
|
|
910
|
-
.borderColor=${
|
|
911
|
-
.bgColor=${
|
|
912
|
-
.bgGradient=${
|
|
913
|
-
data-user-id=${
|
|
914
|
-
data-status=${
|
|
907
|
+
.extCustomerId=${t.extCustomerId}
|
|
908
|
+
?border=${t.border}
|
|
909
|
+
.borderWidth=${t.border?t.borderWidth??2:2}
|
|
910
|
+
.borderColor=${t.border?t.borderColor??"#ffffff":"#ffffff"}
|
|
911
|
+
.bgColor=${t.bgGradient?void 0:t.bgColor??"#ffffff"}
|
|
912
|
+
.bgGradient=${t.bgGradient??void 0}
|
|
913
|
+
data-user-id=${t.id??""}
|
|
914
|
+
data-status=${t.status??""}
|
|
915
915
|
></profile-picture>
|
|
916
|
-
`}renderCounter(
|
|
916
|
+
`}renderCounter(t,r,n){return b`
|
|
917
917
|
<button
|
|
918
918
|
class="ppg-counter"
|
|
919
919
|
style=${x({left:`${r}px`,width:`${this.pixelSize}px`,height:`${this.pixelSize}px`,zIndex:"1"})}
|
|
920
|
-
aria-label=${`${
|
|
920
|
+
aria-label=${`${t} more users`}
|
|
921
921
|
aria-expanded=${this.dropdownOpen}
|
|
922
922
|
aria-haspopup="true"
|
|
923
|
-
@click=${()=>this.handleCounterClick(
|
|
923
|
+
@click=${()=>this.handleCounterClick(n)}
|
|
924
924
|
>
|
|
925
|
-
${
|
|
925
|
+
${Mt(t)}
|
|
926
926
|
</button>
|
|
927
|
-
`}renderAddButton(
|
|
927
|
+
`}renderAddButton(t){let r=Math.round(this.pixelSize*.4);return b`
|
|
928
928
|
<button
|
|
929
929
|
class="ppg-add-button"
|
|
930
|
-
style=${x({left:`${
|
|
930
|
+
style=${x({left:`${t}px`,width:`${this.pixelSize}px`,height:`${this.pixelSize}px`,zIndex:"1"})}
|
|
931
931
|
aria-label=${this.addButtonLabel}
|
|
932
932
|
@click=${this.handleAddClick}
|
|
933
933
|
>
|
|
@@ -946,28 +946,28 @@ ${wr}`;var l=class extends R{constructor(){super(...arguments);this.src="";this.
|
|
|
946
946
|
<line x1="5" y1="12" x2="19" y2="12"></line>
|
|
947
947
|
</svg>
|
|
948
948
|
</button>
|
|
949
|
-
`}renderTooltip(){if(!this.tooltipData)return g;let{user:
|
|
949
|
+
`}renderTooltip(){if(!this.tooltipData)return g;let{user:t,rect:r}=this.tooltipData,n=8,o=this.getBoundingClientRect(),s=r.left-o.left+r.width/2,p=r.top-o.top,a=r.bottom-o.top,u=this.tooltipPosition==="top";return b`
|
|
950
950
|
<div
|
|
951
951
|
class="ppg-tooltip"
|
|
952
|
-
style=${x({top:
|
|
952
|
+
style=${x({top:u?"auto":`${a+n}px`,bottom:u?`${o.height-p+n}px`:"auto",left:`${s}px`})}
|
|
953
953
|
data-position=${this.tooltipPosition}
|
|
954
954
|
role="tooltip"
|
|
955
955
|
>
|
|
956
|
-
${
|
|
956
|
+
${t.name}
|
|
957
957
|
</div>
|
|
958
|
-
`}renderDropdownItem(
|
|
958
|
+
`}renderDropdownItem(t){let r=Ce(t.name),n=t.src||t.extCustomerId;return b`
|
|
959
959
|
<div
|
|
960
960
|
class="ppg-dropdown-item"
|
|
961
961
|
role="menuitem"
|
|
962
962
|
tabindex="0"
|
|
963
|
-
@click=${()=>this.handleDropdownItemClick(
|
|
964
|
-
@keydown=${o=>this.handleKeyDown(o,()=>this.handleDropdownItemClick(
|
|
963
|
+
@click=${()=>this.handleDropdownItemClick(t)}
|
|
964
|
+
@keydown=${o=>this.handleKeyDown(o,()=>this.handleDropdownItemClick(t))}
|
|
965
965
|
>
|
|
966
|
-
${
|
|
966
|
+
${n?b`<profile-picture
|
|
967
967
|
class="ppg-dropdown-avatar"
|
|
968
|
-
.src=${
|
|
969
|
-
.alt=${
|
|
970
|
-
.extCustomerId=${
|
|
968
|
+
.src=${t.src||void 0}
|
|
969
|
+
.alt=${t.name}
|
|
970
|
+
.extCustomerId=${t.extCustomerId}
|
|
971
971
|
.size=${40}
|
|
972
972
|
variant="circle"
|
|
973
973
|
shadow="none"
|
|
@@ -975,24 +975,24 @@ ${wr}`;var l=class extends R{constructor(){super(...arguments);this.src="";this.
|
|
|
975
975
|
class="ppg-dropdown-avatar-fallback"
|
|
976
976
|
style=${x({background:r})}
|
|
977
977
|
>
|
|
978
|
-
${
|
|
978
|
+
${Se(t.name)}
|
|
979
979
|
</div>`}
|
|
980
980
|
<div class="ppg-dropdown-info">
|
|
981
|
-
<div class="ppg-dropdown-name">${
|
|
982
|
-
${this.showPresence&&
|
|
981
|
+
<div class="ppg-dropdown-name">${t.name}</div>
|
|
982
|
+
${this.showPresence&&t.status?b`
|
|
983
983
|
<div class="ppg-dropdown-status">
|
|
984
984
|
<span
|
|
985
985
|
class="ppg-dropdown-presence"
|
|
986
|
-
data-status=${
|
|
986
|
+
data-status=${t.status}
|
|
987
987
|
></span>
|
|
988
|
-
${this.formatStatus(
|
|
988
|
+
${this.formatStatus(t.status)}
|
|
989
989
|
</div>
|
|
990
990
|
`:g}
|
|
991
991
|
</div>
|
|
992
992
|
</div>
|
|
993
|
-
`}formatStatus(
|
|
993
|
+
`}formatStatus(t){return {online:"Online",away:"Away",busy:"Busy",offline:"Offline",dnd:"Do not disturb"}[t]??t}updated(t){super.updated(t);let r=this.querySelector(".ppg-counter");if(r&&(this.counterRef=r),this.dropdownOpen&&this.portalContainer){let{visible:n}=Ve(this.users.length,this.max,this.showAddButton),o=this.users.slice(n);this.updatePortalContent(o);}}render(){let{visible:t,hidden:r,showCounter:n}=Ve(this.users.length,this.max,this.showAddButton),o=this.direction==="ltr"?this.users.slice(0,t):this.users.slice(0,t).reverse(),s=this.users.slice(t),p=t;n&&p++,this.showAddButton&&p++;let a=It(p,this.pixelSize,this.overlap,this.spacing),u=n?_e(t,this.pixelSize,this.overlap,this.direction,this.spacing):0,f=_e(t+(n?1:0),this.pixelSize,this.overlap,this.direction,this.spacing);return b`
|
|
994
994
|
<div
|
|
995
|
-
class=${
|
|
995
|
+
class=${O("ppg-container",this.animated&&"ppg-animated")}
|
|
996
996
|
style=${x({width:`${a}px`,height:`${this.pixelSize}px`})}
|
|
997
997
|
role="group"
|
|
998
998
|
aria-label="User avatars"
|
|
@@ -1001,18 +1001,18 @@ ${wr}`;var l=class extends R{constructor(){super(...arguments);this.src="";this.
|
|
|
1001
1001
|
<slot style="display: none;"></slot>
|
|
1002
1002
|
|
|
1003
1003
|
<!-- Visible avatars -->
|
|
1004
|
-
${o.map((c,w)=>this.renderAvatar(c,w,
|
|
1004
|
+
${o.map((c,w)=>this.renderAvatar(c,w,t))}
|
|
1005
1005
|
|
|
1006
1006
|
<!-- Counter -->
|
|
1007
|
-
${
|
|
1007
|
+
${n?this.renderCounter(r,u,s):g}
|
|
1008
1008
|
|
|
1009
1009
|
<!-- Add button -->
|
|
1010
|
-
${this.showAddButton?this.renderAddButton(
|
|
1010
|
+
${this.showAddButton?this.renderAddButton(f):g}
|
|
1011
1011
|
|
|
1012
1012
|
<!-- Tooltip -->
|
|
1013
1013
|
${this.renderTooltip()}
|
|
1014
1014
|
</div>
|
|
1015
|
-
`}};d([
|
|
1015
|
+
`}};d([h({type:Number})],E.prototype,"max"),d([h({type:String})],E.prototype,"direction"),d([h({type:Number})],E.prototype,"overlap"),d([h({type:String})],E.prototype,"size"),d([h({type:Number})],E.prototype,"spacing"),d([h({type:Object})],E.prototype,"tooltip"),d([h({type:Object})],E.prototype,"dropdown"),d([h({type:Boolean,attribute:"show-add-button"})],E.prototype,"showAddButton"),d([h({type:String,attribute:"add-button-label"})],E.prototype,"addButtonLabel"),d([h({type:Boolean})],E.prototype,"animated"),d([h({type:Number,attribute:"rotation-amount"})],E.prototype,"rotationAmount"),d([U()],E.prototype,"users"),d([U()],E.prototype,"dropdownOpen"),d([U()],E.prototype,"tooltipData");customElements.get("profile-picture-group")||customElements.define("profile-picture-group",E);Je();
|
|
1016
1016
|
/*! Bundled license information:
|
|
1017
1017
|
|
|
1018
1018
|
@lit-labs/ssr-dom-shim/lib/element-internals.js:
|