@everymatrix/pam-player-contacts 0.11.2

package/dist/esm/pam-player-contacts_2.entry.js

@@ -0,0 +1,198 @@
+export { P as pam_player_contacts } from './pam-player-contacts-08c08e29.js';
+import { r as registerInstance, h, H as Host } from './index-f7c756b2.js';
+
+const uiSkeletonCss = ":host{display:block;--emw-skeleton-rectangle-background:#c2c2c2;--emw-skeleton-circle-background:#c2c2c2;--emw-skeleton-text-background:#c2c2c2;--emw-skeleton-title-background:#c2c2c2;--emw-skeleton-image-background:#c2c2c2;--emw-skeleton-logo-background:#c2c2c2;--emw-skeleton-primary-color:#e0e0e0;--emw-skeleton-secondary-color:#f0f0f0}.Skeleton{animation:skeleton-loading 1s linear infinite alternate}.Rectangle{background-color:var(--emw-skeleton-rectangle-background, #c2c2c2);width:var(--emw-skeleton-rectangle-width, 400px);height:var(--emw-skeleton-rectangle-height, 200px);border-radius:var(--emw-skeleton-rectangle-border-radius, 2px)}.Circle{background-color:var(--emw-skeleton-circle-background, #c2c2c2);width:var(--emw-skeleton-circle-size, 400px);height:var(--emw-skeleton-circle-size, 400px);border-radius:50%}.Text{background-color:var(--emw-skeleton-text-background, #c2c2c2);width:var(--emw-skeleton-text-width, 500px);height:var(--emw-skeleton-text-height, 20px);border-radius:var(--emw-skeleton-text-border-radius, 5px);margin-bottom:var(--emw-skeleton-text-margin-bottom, 5px)}.Text:last-child{width:var(--emw-skeleton-text-width-100, 300px)}.Title{background-color:var(--emw-skeleton-title-background, #c2c2c2);width:var(--emw-skeleton-title-width, 300px);height:var(--emw-skeleton-title-height, 30px);border-radius:var(--emw-skeleton-title-border-radius, 5px);margin-bottom:var(--emw-skeleton-title-margin-bottom, 5px)}.Image{background-color:var(--emw-skeleton-image-background, #c2c2c2);width:var(--emw-skeleton-image-width, 100%);height:var(--emw-skeleton-image-height, 100%);border-radius:var(--emw-skeleton-image-border-radius, inherit)}.Logo{background-color:var(--emw-skeleton-logo-background, #c2c2c2);width:var(--emw-skeleton-logo-width, 120px);height:var(--emw-skeleton-logo-height, 75px);border-radius:var(--emw-skeleton-logo-border-radius, 5px)}@keyframes skeleton-loading{0%{background-color:var(--emw-skeleton-primary-color, var(--emw-skeleton-color-0, #c2c2c2))}100%{background-color:var(--emw-skeleton-secondary-color, var(--emw-skeleton-color-100, #f0f0f0))}}";
+const UiSkeletonStyle0 = uiSkeletonCss;
+
+const UiSkeleton = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.stylingValue = {
+            width: this.handleStylingProps(this.width),
+            height: this.handleStylingProps(this.height),
+            borderRadius: this.handleStylingProps(this.borderRadius),
+            marginBottom: this.handleStylingProps(this.marginBottom),
+            marginTop: this.handleStylingProps(this.marginTop),
+            marginLeft: this.handleStylingProps(this.marginLeft),
+            marginRight: this.handleStylingProps(this.marginRight)
+        };
+        this.structure = undefined;
+        this.width = 'unset';
+        this.height = 'unset';
+        this.borderRadius = 'unset';
+        this.marginBottom = 'unset';
+        this.marginTop = 'unset';
+        this.marginLeft = 'unset';
+        this.marginRight = 'unset';
+        this.animation = true;
+        this.rows = 0;
+        this.size = '100%';
+        this.color = '#c2c2c2';
+        this.primaryColor = '#c2c2c2';
+        this.secondaryColor = '#ffffff';
+    }
+    handleStructureChange(newValue, oldValue) {
+        if (oldValue !== newValue) {
+            this.handleStructure(newValue);
+        }
+    }
+    handleStylingProps(value) {
+        switch (typeof value) {
+            case 'number':
+                return value === 0 ? 0 : `${value}px`;
+            case 'undefined':
+                return 'unset';
+            case 'string':
+                if (['auto', 'unset', 'none', 'inherit', 'initial'].includes(value) ||
+                    value.endsWith('px') ||
+                    value.endsWith('%')) {
+                    return value;
+                }
+                else {
+                    return 'unset';
+                }
+            default:
+                return 'unset';
+        }
+    }
+    handleStructure(structure) {
+        switch (structure) {
+            case 'logo':
+                return this.renderLogo();
+            case 'image':
+                return this.renderImage();
+            case 'title':
+                return this.renderTitle();
+            case 'text':
+                return this.renderText();
+            case 'rectangle':
+                return this.renderRectangle();
+            case 'circle':
+                return this.renderCircle();
+            default:
+                return null;
+        }
+    }
+    renderLogo() {
+        return (h("div", { class: "SkeletonContainer" }, h("div", { class: 'Logo ' + (this.animation ? 'Skeleton' : '') })));
+    }
+    renderImage() {
+        return h("div", { class: 'Image ' + (this.animation ? 'Skeleton' : '') });
+    }
+    renderTitle() {
+        return (h("div", { class: "SkeletonContainer" }, h("div", { class: 'Title ' + (this.animation ? 'Skeleton' : '') })));
+    }
+    renderText() {
+        return (h("div", { class: "SkeletonContainer" }, Array.from({ length: this.rows > 0 ? this.rows : 1 }).map((_, index) => (h("div", { key: index, class: 'Text ' + (this.animation ? 'Skeleton' : '') })))));
+    }
+    renderRectangle() {
+        return (h("div", { class: "SkeletonContainer" }, h("div", { class: 'Rectangle ' + (this.animation ? 'Skeleton' : '') })));
+    }
+    renderCircle() {
+        return (h("div", { class: "SkeletonContainer" }, h("div", { class: 'Circle ' + (this.animation ? 'Skeleton' : '') })));
+    }
+    render() {
+        let styleBlock = '';
+        switch (this.structure) {
+            case 'logo':
+                styleBlock = `
+          :host {
+            --emw-skeleton-logo-width: ${this.stylingValue.width};
+            --emw-skeleton-logo-height: ${this.stylingValue.height};
+            --emw-skeleton-logo-border-radius: ${this.stylingValue.borderRadius};
+            --emw-skeleton-logo-margin-bottom: ${this.stylingValue.marginBottom};
+            --emw-skeleton-logo-margin-top: ${this.stylingValue.marginTop};
+            --emw-skeleton-logo-margin-left: ${this.stylingValue.marginLeft};
+            --emw-skeleton-logo-margin-right: ${this.stylingValue.marginRight};
+            --emw-skeleton-logo-background: ${this.color};
+            --emw-skeleton-primary-color: ${this.primaryColor};
+            --emw-skeleton-secondary-color: ${this.secondaryColor};
+          }
+        `;
+                break;
+            case 'image':
+                styleBlock = `
+          :host {
+            --emw-skeleton-image-width: ${this.stylingValue.width};
+            --emw-skeleton-image-height: ${this.stylingValue.height};
+            --emw-skeleton-image-border-radius: ${this.stylingValue.borderRadius};
+            --emw-skeleton-image-margin-bottom: ${this.stylingValue.marginBottom};
+            --emw-skeleton-image-margin-top: ${this.stylingValue.marginTop};
+            --emw-skeleton-image-margin-left: ${this.stylingValue.marginLeft};
+            --emw-skeleton-image-margin-right: ${this.stylingValue.marginRight};
+            --emw-skeleton-image-background: ${this.color};
+            --emw-skeleton-primary-color: ${this.primaryColor};
+            --emw-skeleton-secondary-color: ${this.secondaryColor};
+          }
+        `;
+                break;
+            case 'title':
+                styleBlock = `
+          :host {
+            --emw-skeleton-title-width: ${this.stylingValue.width};
+            --emw-skeleton-title-height: ${this.stylingValue.height};
+            --emw-skeleton-title-border-radius: ${this.stylingValue.borderRadius};
+            --emw-skeleton-title-margin-bottom: ${this.stylingValue.marginBottom};
+            --emw-skeleton-title-margin-top: ${this.stylingValue.marginTop};
+            --emw-skeleton-title-margin-left: ${this.stylingValue.marginLeft};
+            --emw-skeleton-title-margin-right: ${this.stylingValue.marginRight};
+            --emw-skeleton-title-background: ${this.color};
+            --emw-skeleton-primary-color: ${this.primaryColor};
+            --emw-skeleton-secondary-color: ${this.secondaryColor};
+          }
+        `;
+                break;
+            case 'text':
+                styleBlock = `
+          :host {
+            --emw-skeleton-text-width: ${this.stylingValue.width};
+            --emw-skeleton-text-height: ${this.stylingValue.height};
+            --emw-skeleton-text-border-radius: ${this.stylingValue.borderRadius};
+            --emw-skeleton-text-margin-bottom: ${this.stylingValue.marginBottom};
+            --emw-skeleton-text-margin-top: ${this.stylingValue.marginTop};
+            --emw-skeleton-text-margin-left: ${this.stylingValue.marginLeft};
+            --emw-skeleton-text-margin-right: ${this.stylingValue.marginRight};
+            --emw-skeleton-text-background: ${this.color};
+            --emw-skeleton-primary-color: ${this.primaryColor};
+            --emw-skeleton-secondary-color: ${this.secondaryColor};
+          }
+        `;
+                break;
+            case 'rectangle':
+                styleBlock = `
+          :host {
+            --emw-skeleton-rectangle-width: ${this.stylingValue.width};
+            --emw-skeleton-rectangle-height: ${this.stylingValue.height};
+            --emw-skeleton-rectangle-border-radius: ${this.stylingValue.borderRadius};
+            --emw-skeleton-rectangle-margin-bottom: ${this.stylingValue.marginBottom};
+            --emw-skeleton-rectangle-margin-top: ${this.stylingValue.marginTop};
+            --emw-skeleton-rectangle-margin-left: ${this.stylingValue.marginLeft};
+            --emw-skeleton-rectangle-margin-right: ${this.stylingValue.marginRight};
+            --emw-skeleton-rectangle-background: ${this.color};
+            --emw-skeleton-primary-color: ${this.primaryColor};
+            --emw-skeleton-secondary-color: ${this.secondaryColor};
+          }
+        `;
+                break;
+            case 'circle':
+                styleBlock = `
+          :host {
+            --emw-skeleton-circle-size: ${this.size};
+            --emw-skeleton-circle-background: ${this.color};
+            --emw-skeleton-primary-color: ${this.primaryColor};
+            --emw-skeleton-secondary-color: ${this.secondaryColor};
+          }
+        `;
+                break;
+            default:
+                styleBlock = '';
+        }
+        return (h(Host, { key: '5c185b76c438d20d4ad88bc48d94ff5628410bb7' }, h("style", { key: 'de95e60a5955d5b2af83710423fe40329c187f7e' }, styleBlock), this.handleStructure(this.structure)));
+    }
+    static get watchers() { return {
+        "structure": ["handleStructureChange"]
+    }; }
+};
+UiSkeleton.style = UiSkeletonStyle0;
+
+export { UiSkeleton as ui_skeleton };

package/dist/index.cjs.js

@@ -0,0 +1 @@
+module.exports = require('./cjs/index.cjs.js');

package/dist/index.js

@@ -0,0 +1 @@
+export * from './esm/index.js';

package/dist/pam-player-contacts/app-globals-0f993ce5.js

@@ -0,0 +1 @@
+const o=()=>{};export{o as g}

package/dist/pam-player-contacts/index-f7c756b2.js

@@ -0,0 +1,2 @@
+var e=Object.defineProperty,t=new WeakMap,n=e=>t.get(e),l=(e,n)=>t.set(n.t=e,n),o=(e,t)=>t in e,s=(e,t)=>(0,console.error)(e,t),r=new Map,i=new Map,c="slot-fb{display:contents}slot-fb[hidden]{display:none}",u="undefined"!=typeof window?window:{},a=u.document||{head:{}},f={l:0,o:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,l)=>e.addEventListener(t,n,l),rel:(e,t,n,l)=>e.removeEventListener(t,n,l),ce:(e,t)=>new CustomEvent(e,t)},h=e=>Promise.resolve(e),p=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync}catch(e){}return!1})(),m=!1,d=[],y=[],w=(e,t)=>n=>{e.push(n),m||(m=!0,t&&4&f.l?b(v):f.raf(v))},$=e=>{for(let t=0;t<e.length;t++)try{e[t](performance.now())}catch(e){s(e)}e.length=0},v=()=>{$(d),$(y),(m=d.length>0)&&f.raf(v)},b=e=>h().then(e),g=w(y,!0),S={},j=e=>"object"==(e=typeof e)||"function"===e;function k(e){var t,n,l;return null!=(l=null==(n=null==(t=e.head)?void 0:t.querySelector('meta[name="csp-nonce"]'))?void 0:n.getAttribute("content"))?l:void 0}((t,n)=>{for(var l in n)e(t,l,{get:n[l],enumerable:!0})})({},{err:()=>E,map:()=>C,ok:()=>O,unwrap:()=>P,unwrapErr:()=>L});var O=e=>({isOk:!0,isErr:!1,value:e}),E=e=>({isOk:!1,isErr:!0,value:e});function C(e,t){if(e.isOk){const n=t(e.value);return n instanceof Promise?n.then((e=>O(e))):O(n)}if(e.isErr)return E(e.value);throw"should never get here"}var M,x,P=e=>{if(e.isOk)return e.value;throw e.value},L=e=>{if(e.isErr)return e.value;throw e.value},R=(e,t,...n)=>{let l=null,o=null,s=!1,r=!1;const i=[],c=t=>{for(let n=0;n<t.length;n++)l=t[n],Array.isArray(l)?c(l):null!=l&&"boolean"!=typeof l&&((s="function"!=typeof e&&!j(l))&&(l+=""),s&&r?i[i.length-1].i+=l:i.push(s?T(null,l):l),r=s)};if(c(n),t){t.key&&(o=t.key);{const e=t.className||t.class;e&&(t.class="object"!=typeof e?e:Object.keys(e).filter((t=>e[t])).join(" "))}}const u=T(e,null);return u.u=t,i.length>0&&(u.h=i),u.p=o,u},T=(e,t)=>({l:0,m:e,i:t,$:null,h:null,u:null,p:null}),A={},F=new WeakMap,H=e=>"sc-"+e.v,N=(e,t,n,l,s,r)=>{if(n!==l){let i=o(e,t),c=t.toLowerCase();if("class"===t){const t=e.classList,o=W(n),s=W(l);t.remove(...o.filter((e=>e&&!s.includes(e)))),t.add(...s.filter((e=>e&&!o.includes(e))))}else if("key"===t);else if("ref"===t)l&&l(e);else if(i||"o"!==t[0]||"n"!==t[1]){const o=j(l);if((i||o&&null!==l)&&!s)try{if(e.tagName.includes("-"))e[t]=l;else{const o=null==l?"":l;"list"===t?i=!1:null!=n&&e[t]==o||(e[t]=o)}}catch(e){}null==l||!1===l?!1===l&&""!==e.getAttribute(t)||e.removeAttribute(t):(!i||4&r||s)&&!o&&e.setAttribute(t,l=!0===l?"":l)}else if(t="-"===t[2]?t.slice(3):o(u,c)?c.slice(2):c[2]+t.slice(3),n||l){const o=t.endsWith(D);t=t.replace(q,""),n&&f.rel(e,t,n,o),l&&f.ael(e,t,l,o)}}},U=/\s/,W=e=>e?e.split(U):[],D="Capture",q=RegExp(D+"$"),G=(e,t,n)=>{const l=11===t.$.nodeType&&t.$.host?t.$.host:t.$,o=e&&e.u||S,s=t.u||S;for(const e of V(Object.keys(o)))e in s||N(l,e,o[e],void 0,n,t.l);for(const e of V(Object.keys(s)))N(l,e,o[e],s[e],n,t.l)};function V(e){return e.includes("ref")?[...e.filter((e=>"ref"!==e)),"ref"]:e}var _=!1,z=(e,t,n)=>{const l=t.h[n];let o,s,r=0;if(null!==l.i)o=l.$=a.createTextNode(l.i);else{if(_||(_="svg"===l.m),o=l.$=a.createElementNS(_?"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",l.m),_&&"foreignObject"===l.m&&(_=!1),G(null,l,_),null!=M&&o["s-si"]!==M&&o.classList.add(o["s-si"]=M),l.h)for(r=0;r<l.h.length;++r)s=z(e,l,r),s&&o.appendChild(s);"svg"===l.m?_=!1:"foreignObject"===o.tagName&&(_=!0)}return o["s-hn"]=x,o},B=(e,t,n,l,o,s)=>{let r,i=e;for(i.shadowRoot&&i.tagName===x&&(i=i.shadowRoot);o<=s;++o)l[o]&&(r=z(null,n,o),r&&(l[o].$=r,X(i,r,t)))},I=(e,t,n)=>{for(let l=t;l<=n;++l){const t=e[l];if(t){const e=t.$;Q(t),e&&e.remove()}}},J=(e,t,n=!1)=>e.m===t.m&&(!!n||e.p===t.p),K=(e,t,n=!1)=>{const l=t.$=e.$,o=e.h,s=t.h,r=t.m,i=t.i;null===i?(G(e,t,_="svg"===r||"foreignObject"!==r&&_),null!==o&&null!==s?((e,t,n,l,o=!1)=>{let s,r,i=0,c=0,u=0,a=0,f=t.length-1,h=t[0],p=t[f],m=l.length-1,d=l[0],y=l[m];for(;i<=f&&c<=m;)if(null==h)h=t[++i];else if(null==p)p=t[--f];else if(null==d)d=l[++c];else if(null==y)y=l[--m];else if(J(h,d,o))K(h,d,o),h=t[++i],d=l[++c];else if(J(p,y,o))K(p,y,o),p=t[--f],y=l[--m];else if(J(h,y,o))K(h,y,o),X(e,h.$,p.$.nextSibling),h=t[++i],y=l[--m];else if(J(p,d,o))K(p,d,o),X(e,p.$,h.$),p=t[--f],d=l[++c];else{for(u=-1,a=i;a<=f;++a)if(t[a]&&null!==t[a].p&&t[a].p===d.p){u=a;break}u>=0?(r=t[u],r.m!==d.m?s=z(t&&t[c],n,u):(K(r,d,o),t[u]=void 0,s=r.$),d=l[++c]):(s=z(t&&t[c],n,c),d=l[++c]),s&&X(h.$.parentNode,s,h.$)}i>f?B(e,null==l[m+1]?null:l[m+1].$,n,l,c,m):c>m&&I(t,i,f)})(l,o,t,s,n):null!==s?(null!==e.i&&(l.textContent=""),B(l,null,t,s,0,s.length-1)):null!==o&&I(o,0,o.length-1),_&&"svg"===r&&(_=!1)):e.i!==i&&(l.data=i)},Q=e=>{e.u&&e.u.ref&&e.u.ref(null),e.h&&e.h.map(Q)},X=(e,t,n)=>null==e?void 0:e.insertBefore(t,n),Y=(e,t)=>{t&&!e.S&&t["s-p"]&&t["s-p"].push(new Promise((t=>e.S=t)))},Z=(e,t)=>{if(e.l|=16,!(4&e.l))return Y(e,e.j),g((()=>ee(e,t)));e.l|=512},ee=(e,t)=>{const n=e.t;if(!n)throw Error(`Can't render component <${e.$hostElement$.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`);let l;return t&&(l=ie(n,"componentWillLoad")),te(l,(()=>le(e,n,t)))},te=(e,t)=>ne(e)?e.then(t).catch((e=>{console.error(e),t()})):t(),ne=e=>e instanceof Promise||e&&e.then&&"function"==typeof e.then,le=async(e,t,n)=>{var l;const o=e.$hostElement$,s=o["s-rc"];n&&(e=>{const t=e.k,n=e.$hostElement$,l=t.l,o=((e,t)=>{var n;const l=H(t),o=i.get(l);if(e=11===e.nodeType?e:a,o)if("string"==typeof o){let s,r=F.get(e=e.head||e);if(r||F.set(e,r=new Set),!r.has(l)){{s=a.createElement("style"),s.innerHTML=o;const t=null!=(n=f.O)?n:k(a);null!=t&&s.setAttribute("nonce",t),e.insertBefore(s,e.querySelector("link"))}4&t.l&&(s.innerHTML+=c),r&&r.add(l)}}else e.adoptedStyleSheets.includes(o)||(e.adoptedStyleSheets=[...e.adoptedStyleSheets,o]);return l})(n.shadowRoot?n.shadowRoot:n.getRootNode(),t);10&l&&(n["s-sc"]=o,n.classList.add(o+"-h"))})(e);oe(e,t,o,n),s&&(s.map((e=>e())),o["s-rc"]=void 0);{const t=null!=(l=o["s-p"])?l:[],n=()=>se(e);0===t.length?n():(Promise.all(t).then(n),e.l|=4,t.length=0)}},oe=(e,t,n,l)=>{try{t=t.render(),e.l&=-17,e.l|=2,((e,t,n=!1)=>{const l=e.$hostElement$,o=e.k,s=e.C||T(null,null),r=(e=>e&&e.m===A)(t)?t:R(null,null,t);if(x=l.tagName,o.M&&(r.u=r.u||{},o.M.map((([e,t])=>r.u[t]=l[e]))),n&&r.u)for(const e of Object.keys(r.u))l.hasAttribute(e)&&!["key","ref","style","class"].includes(e)&&(r.u[e]=l[e]);r.m=null,r.l|=4,e.C=r,r.$=s.$=l.shadowRoot||l,M=l["s-sc"],K(s,r,n)})(e,t,l)}catch(t){s(t,e.$hostElement$)}return null},se=e=>{const t=e.$hostElement$,n=e.t,l=e.j;64&e.l||(e.l|=64,ce(t),ie(n,"componentDidLoad"),e.P(t),l||re()),e.S&&(e.S(),e.S=void 0),512&e.l&&b((()=>Z(e,!1))),e.l&=-517},re=()=>{ce(a.documentElement),b((()=>(e=>{const t=f.ce("appload",{detail:{namespace:"pam-player-contacts"}});return e.dispatchEvent(t),t})(u)))},ie=(e,t,n)=>{if(e&&e[t])try{return e[t](n)}catch(e){s(e)}},ce=e=>e.classList.add("hydrated"),ue=(e,t,l)=>{var o,r;const i=e.prototype;if(t.L||t.R||e.watchers){e.watchers&&!t.R&&(t.R=e.watchers);const c=Object.entries(null!=(o=t.L)?o:{});if(c.map((([e,[o]])=>{(31&o||2&l&&32&o)&&Object.defineProperty(i,e,{get(){return((e,t)=>n(this).T.get(t))(0,e)},set(l){((e,t,l,o)=>{const r=n(e);if(!r)throw Error(`Couldn't find host element for "${o.v}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/ionic-team/stencil/issues/5457).`);const i=r.$hostElement$,c=r.T.get(t),u=r.l,a=r.t;if(l=((e,t)=>null==e||j(e)?e:4&t?"false"!==e&&(""===e||!!e):2&t?parseFloat(e):1&t?e+"":e)(l,o.L[t][0]),(!(8&u)||void 0===c)&&l!==c&&(!Number.isNaN(c)||!Number.isNaN(l))&&(r.T.set(t,l),a)){if(o.R&&128&u){const e=o.R[t];e&&e.map((e=>{try{a[e](l,c,t)}catch(e){s(e,i)}}))}2==(18&u)&&Z(r,!1)}})(this,e,l,t)},configurable:!0,enumerable:!0})})),1&l){const l=new Map;i.attributeChangedCallback=function(e,o,s){f.jmp((()=>{var r;const c=l.get(e);if(this.hasOwnProperty(c))s=this[c],delete this[c];else{if(i.hasOwnProperty(c)&&"number"==typeof this[c]&&this[c]==s)return;if(null==c){const l=n(this),i=null==l?void 0:l.l;if(i&&!(8&i)&&128&i&&s!==o){const n=l.t,i=null==(r=t.R)?void 0:r[e];null==i||i.forEach((t=>{null!=n[t]&&n[t].call(n,s,o,e)}))}return}}this[c]=(null!==s||"boolean"!=typeof this[c])&&s}))},e.observedAttributes=Array.from(new Set([...Object.keys(null!=(r=t.R)?r:{}),...c.filter((([e,t])=>15&t[0])).map((([e,n])=>{var o;const s=n[1]||e;return l.set(s,e),512&n[0]&&(null==(o=t.M)||o.push([e,s])),s}))]))}}return e},ae=e=>{ie(e,"disconnectedCallback")},fe=(e,l={})=>{var o;const h=[],m=l.exclude||[],d=u.customElements,y=a.head,w=y.querySelector("meta[charset]"),$=a.createElement("style"),v=[];let b,g=!0;Object.assign(f,l),f.o=new URL(l.resourcesUrl||"./",a.baseURI).href;let S=!1;if(e.map((e=>{e[1].map((l=>{var o;const c={l:l[0],v:l[1],L:l[2],A:l[3]};4&c.l&&(S=!0),c.L=l[2],c.M=[],c.R=null!=(o=l[4])?o:{};const u=c.v,a=class extends HTMLElement{constructor(e){if(super(e),this.hasRegisteredEventListeners=!1,((e,n)=>{const l={l:0,$hostElement$:e,k:n,T:new Map};l.F=new Promise((e=>l.P=e)),e["s-p"]=[],e["s-rc"]=[],t.set(e,l)})(e=this,c),1&c.l)if(e.shadowRoot){if("open"!==e.shadowRoot.mode)throw Error(`Unable to re-use existing shadow root for ${c.v}! Mode is set to ${e.shadowRoot.mode} but Stencil only supports open shadow roots.`)}else e.attachShadow({mode:"open"})}connectedCallback(){this.hasRegisteredEventListeners||(this.hasRegisteredEventListeners=!0),b&&(clearTimeout(b),b=null),g?v.push(this):f.jmp((()=>(e=>{if(!(1&f.l)){const t=n(e),l=t.k,o=()=>{};if(1&t.l)(null==t?void 0:t.t)||(null==t?void 0:t.F)&&t.F.then((()=>{}));else{t.l|=1;{let n=e;for(;n=n.parentNode||n.host;)if(n["s-p"]){Y(t,t.j=n);break}}l.L&&Object.entries(l.L).map((([t,[n]])=>{if(31&n&&e.hasOwnProperty(t)){const n=e[t];delete e[t],e[t]=n}})),(async(e,t,n)=>{let l;if(!(32&t.l)){if(t.l|=32,n.H){const e=(e=>{const t=e.v.replace(/-/g,"_"),n=e.H;if(!n)return;const l=r.get(n);return l?l[t]:import(`./${n}.entry.js`).then((e=>(r.set(n,e),e[t])),s)
+/*!__STENCIL_STATIC_IMPORT_SWITCH__*/})(n);if(e&&"then"in e){const t=()=>{};l=await e,t()}else l=e;if(!l)throw Error(`Constructor for "${n.v}#${t.N}" was not found`);l.isProxied||(n.R=l.watchers,ue(l,n,2),l.isProxied=!0);const o=()=>{};t.l|=8;try{new l(t)}catch(e){s(e)}t.l&=-9,t.l|=128,o()}else l=e.constructor,customElements.whenDefined(e.localName).then((()=>t.l|=128));if(l&&l.style){let e;"string"==typeof l.style&&(e=l.style);const t=H(n);if(!i.has(t)){const l=()=>{};((e,t,n)=>{let l=i.get(e);p&&n?(l=l||new CSSStyleSheet,"string"==typeof l?l=t:l.replaceSync(t)):l=t,i.set(e,l)})(t,e,!!(1&n.l)),l()}}}const o=t.j,c=()=>Z(t,!0);o&&o["s-rc"]?o["s-rc"].push(c):c()})(e,t,l)}o()}})(this)))}disconnectedCallback(){f.jmp((()=>(async()=>{if(!(1&f.l)){const e=n(this);(null==e?void 0:e.t)?ae(e.t):(null==e?void 0:e.F)&&e.F.then((()=>ae(e.t)))}})()))}componentOnReady(){return n(this).F}};c.H=e[0],m.includes(u)||d.get(u)||(h.push(u),d.define(u,ue(a,c,1)))}))})),h.length>0&&(S&&($.textContent+=c),$.textContent+=h.sort()+"{visibility:hidden}.hydrated{visibility:inherit}",$.innerHTML.length)){$.setAttribute("data-styles","");const e=null!=(o=f.O)?o:k(a);null!=e&&$.setAttribute("nonce",e),y.insertBefore($,w?w.nextSibling:y.firstChild)}g=!1,v.length?v.map((e=>e.connectedCallback())):f.jmp((()=>b=setTimeout(re,30)))},he=e=>f.O=e;export{A as H,fe as b,R as h,h as p,l as r,he as s}

package/dist/pam-player-contacts/index.esm.js

@@ -0,0 +1 @@
+export{P as PamPlayerContacts}from"./pam-player-contacts-08c08e29.js";import"./index-f7c756b2.js";

package/dist/pam-player-contacts/pam-player-contacts-08c08e29.js

@@ -0,0 +1 @@
+import{r as e,h as t}from"./index-f7c756b2.js";function n(e,t){if(e){const n=document.createElement("style");n.innerHTML=t,e.appendChild(n)}}function r(e,t){const n=new URL(t);fetch(n.href).then((e=>e.text())).then((t=>{const n=document.createElement("style");n.innerHTML=t,e&&e.appendChild(n)})).catch((e=>{console.error("There was an error while trying to load client styling from URL",e)}))}const o={en:{title:"Contacts",email:"Email",phoneNumber:"Phone Number",phoneNumberError:"The phone number must be at least 5 digits and at most 15 digits",verifyContactButton:"Verify",saveButton:"Save Changes",successMessage:"Your changes have been saved!",errorMessageUpdate:"An error has occured when attempting to update the contacts information",errorMessageFetch:"An error has occured when attempting to fetch the contacts information"},"zh-hk":{title:"聯絡人",email:"電子郵件",phoneNumber:"電話號碼",phoneNumberError:"電話號碼必須至少5位數字，最多15位數字",verifyContactButton:"驗證",saveButton:"保存更改",successMessage:"您的更改已保存！",errorMessageUpdate:"嘗試更新聯絡人信息時發生錯誤",errorMessageFetch:"在嘗試獲取聯絡人信息時發生錯誤"},fr:{title:"Contacts",email:"Email",phoneNumber:"Numéro de téléphone",phoneNumberError:"Le numéro de téléphone doit comporter au moins 5 chiffres et au maximum 15 chiffres",verifyContactButton:"Vérifier",saveButton:"Enregistrer les modifications",successMessage:"Vos modifications ont été enregistrées !",errorMessageUpdate:"Une erreur s'est produite lors de la tentative de mise à jour des informations de contact",errorMessageFetch:"Une erreur est survenue lors de la tentative de récupération des informations de contact"},ro:{title:"Contacte",email:"Email",phoneNumber:"Număr de telefon",phoneNumberError:"Numărul de telefon trebuie să aibă cel puțin 5 cifre și maximum 15 cifre",verifyContactButton:"Verifică",saveButton:"Salvează modificările",successMessage:"Modificările dvs. au fost salvate!",errorMessageUpdate:"A apărut o eroare la încercarea de a actualiza informațiile de contact",errorMessageFetch:"A apărut o eroare la încercarea de a obține informațiile de contact"},tr:{title:"Kişiler",email:"E-posta",phoneNumber:"Telefon Numarası",phoneNumberError:"Telefon numarası en az 5 haneli ve en fazla 15 haneli olmalıdır",verifyContactButton:"Doğrula",saveButton:"Değişiklikleri Kaydet",successMessage:"Değişiklikleriniz kaydedildi!",errorMessageUpdate:"Kişi bilgilerini güncellemeye çalışırken bir hata oluştu",errorMessageFetch:"İletişim bilgilerini almak için yapılan işlemde bir hata oluştu"},es:{title:"Contactos",email:"Correo electrónico",phoneNumber:"Número de teléfono",phoneNumberError:"El número de teléfono debe tener al menos 5 dígitos y un máximo de 15 dígitos",verifyContactButton:"Verificar",saveButton:"Guardar cambios",successMessage:"¡Tus cambios han sido guardados!",errorMessageUpdate:"Se ha producido un error al intentar actualizar la información de contactos",errorMessageFetch:"Se ha producido un error al intentar obtener la información de los contactos"},pt:{title:"Contatos",email:"Email",phoneNumber:"Número de telefone",phoneNumberError:"O número de telefone deve ter pelo menos 5 dígitos e no máximo 15 dígitos",verifyContactButton:"Verificar",saveButton:"Salvar alterações",successMessage:"Suas alterações foram salvas!",errorMessageUpdate:"Ocorreu um erro ao tentar atualizar as informações de contato",errorMessageFetch:"Ocorreu um erro ao tentar buscar as informações de contato"},hr:{title:"Kontakti",email:"Email",phoneNumber:"Broj telefona",phoneNumberError:"Broj telefona mora imati najmanje 5 znamenki i najviše 15 znamenki",verifyContactButton:"Provjeri",saveButton:"Spremi promjene",successMessage:"Vaše promjene su spremljene!",errorMessageUpdate:"Došlo je do pogreške prilikom pokušaja ažuriranja informacija o kontaktima",errorMessageFetch:"Došlo je do greške prilikom pokušaja dobijanja informacija o kontaktima"},"pt-br":{title:"Contatos",email:"Email",phoneNumber:"Número de telefone",phoneNumberError:"O número de telefone deve ter pelo menos 5 dígitos e no máximo 15 dígitos",verifyContactButton:"Verificar",saveButton:"Salvar alterações",successMessage:"Suas alterações foram salvas!",errorMessageUpdate:"Ocorreu um erro ao tentar atualizar as informações de contato",errorMessageFetch:"Ocorreu um erro ao tentar buscar as informações de contato"},"es-mx":{title:"Contactos",email:"Correo electrónico",phoneNumber:"Número de teléfono",phoneNumberError:"El número de teléfono debe tener al menos 5 dígitos y un máximo de 15 dígitos",verifyContactButton:"Verificar",saveButton:"Guardar cambios",successMessage:"¡Tus cambios han sido guardados!",errorMessageUpdate:"Se ha producido un error al intentar actualizar la información de contactos",errorMessageFetch:"Se ha producido un error al intentar obtener la información de los contactos"}},i=(e,t,n)=>{let r=o[o[t]?t:"en"][e];if(void 0!==n)for(const[e,t]of Object.entries(n.values)){const n=new RegExp(`{${e}}`,"g");r=r.replace(n,t)}return r},a=class{constructor(n){var r;e(this,n),this.dataRef={},this.fieldsState={},this.sendLoadedMessage=()=>{window.postMessage({type:"CONTACTS_LOADED"})},this.sendValidMessage=()=>{window.postMessage({type:"CONTACTS_VALIDITY",data:this.isSubmitButtonAvailable})},this.sendContactVerificationRequest=e=>t=>{t.preventDefault(),window.postMessage({type:"ContactVerification",contactType:e})},this.sendSuccessNotification=()=>{window.postMessage({type:"WidgetNotification",data:{type:"success",message:i("successMessage",this.lang)}},window.location.href)},this.sendErrorNotification=e=>{window.postMessage({type:"WidgetNotification",data:{type:"error",message:i(e,this.lang)}},window.location.href)},this.sendData=()=>{window.postMessage({type:"CONTACTS_UPDATE_DATA",data:this.data},window.location.href)},this.messageHandler=e=>{var t;switch(null===(t=e.data)||void 0===t?void 0:t.type){case"CONTACTS_DATA":this.data=e.data.data,this.resetState(),this.isSkeletonLoading=!1;break;case"CONTACTS_SEND_DATA":this.sendData()}},this.handleFetchResponse=async e=>{var t;if(e.status>=300){this.isError=!0;let n=await e.json();return this.errorCode=null===(t=n.thirdPartyResponse)||void 0===t?void 0:t.errorCode,this.errorMessage=i(this.errorCode?this.errorCode:"errorMessageFetch",this.lang),window.postMessage({type:"WidgetNotification",data:{type:"error",message:this.errorMessage}},window.location.href),Promise.reject(this.errorMessage)}if(this.isError=!1,e.headers.get("content-type")){let t=await e.json();return Promise.resolve(t)}return Promise.resolve()},this.getData=()=>{const e=new URL(`/api/v1/players/${this.userId}/player-identifiable-information/contacts/`,this.endpoint),t=new Headers;t.append("X-SessionID",this.session);const n={method:"GET",headers:t};return new Promise(((t,r)=>{fetch(e.href,n).then((e=>this.handleFetchResponse(e))).then((e=>{this.data=e,t()})).catch((e=>{console.log(e),r()}))}))},this.buildFieldState=(e,t,n)=>Object.assign({isValid:e,initialValue:t,rule:n}),this.resetState=()=>{this.initData(),this.initEditableFieldsState(),this.invalidFields=0,this.isSubmitButtonAvailable=!1},this.updateState=e=>t=>{this.dataRef[e].contactValue=t.target.value;const n=this.fieldsState[e].data.contactValue,r=t.target.value,o=n.rule(r);o&&!n.isValid?(n.isValid=!0,this.invalidFields-=1):!o&&n.isValid&&(n.isValid=!1,this.invalidFields+=1),this.fieldsState[e].hasChanged=r!==n.initialValue;const i=this.isSubmitButtonAvailable;this.updateSubmitButtonStatus(),"true"!==this.isStandAlone&&this.isSubmitButtonAvailable!==i&&this.sendValidMessage()},this.updateData=e=>{e&&e.preventDefault();const t=[];for(const e of Object.keys(this.fieldsState)){if(!this.fieldsState[e].hasChanged)continue;const n=this.dataRef[e],r=new URL(`/api/v1/players/${this.userId}/player-identifiable-information/contacts/${n.contactId}/`,this.endpoint),o=new Headers;o.append("X-SessionId",this.session),o.append("Content-Type","application/json-patch+json");const i={method:"PUT",headers:o,body:JSON.stringify(n)};t.push(fetch(r,i))}Promise.all(t).then((e=>{if(e.some((e=>!e.ok)))return this.sendErrorNotification("errorMessageUpdate");this.sendSuccessNotification(),this.getData().then((()=>this.resetState()))}))},this.updateSubmitButtonStatus=()=>{this.isSubmitButtonAvailable=0===this.invalidFields&&Object.values(this.fieldsState).some((e=>e.hasChanged))},this.editableField=(e,n,r)=>{const o=this.fieldsState[e].data.contactValue,a=this.dataRef[e];return o?t("div",{class:"Field  "+(o.isValid?"":"Invalid")},t("label",null,i(n,this.lang)),"true"===this.isVerificationStatusDisplayed?t("div",null,t("input",{type:"text",value:a.contactValue,onKeyUp:this.updateState(e)}),a.isVerified?t("svg",{class:"VerifiedCheckmark",xmlns:"http://www.w3.org/2000/svg",version:"1.1",id:"Capa_1",width:"40px",height:"40px",viewBox:"-53.65 -53.65 643.84 643.84",transform:"matrix(1, 0, 0, 1, 0, 0)rotate(0)"},t("g",{id:"SVGRepo_bgCarrier","stroke-width":"0"}),t("g",{id:"SVGRepo_tracerCarrier","stroke-linecap":"round","stroke-linejoin":"round",stroke:"#CCCCCC","stroke-width":"1.073082"}),t("g",{id:"SVGRepo_iconCarrier"}," ",t("g",null," ",t("g",null," ",t("path",{d:"M496.785,152.779c-3.305-25.085-16.549-51.934-38.826-74.205c-22.264-22.265-49.107-35.508-74.186-38.813 c-11.348-1.499-26.5-7.766-35.582-14.737C328.111,9.626,299.764,0,268.27,0s-59.841,9.626-79.921,25.024 c-9.082,6.965-24.235,13.238-35.582,14.737c-25.08,3.305-51.922,16.549-74.187,38.813c-22.277,22.271-35.521,49.119-38.825,74.205 c-1.493,11.347-7.766,26.494-14.731,35.57C9.621,208.422,0,236.776,0,268.27s9.621,59.847,25.024,79.921 c6.971,9.082,13.238,24.223,14.731,35.568c3.305,25.086,16.548,51.936,38.825,74.205c22.265,22.266,49.107,35.51,74.187,38.814 c11.347,1.498,26.5,7.771,35.582,14.736c20.073,15.398,48.421,25.025,79.921,25.025s59.841-9.627,79.921-25.025 c9.082-6.965,24.234-13.238,35.582-14.736c25.078-3.305,51.922-16.549,74.186-38.814c22.277-22.27,35.521-49.119,38.826-74.205 c1.492-11.346,7.766-26.492,14.73-35.568c15.404-20.074,25.025-48.422,25.025-79.921c0-31.494-9.621-59.848-25.025-79.921 C504.545,179.273,498.277,164.126,496.785,152.779z M439.256,180.43L246.477,373.209l-30.845,30.846 c-8.519,8.52-22.326,8.52-30.845,0l-30.845-30.846l-56.665-56.658c-8.519-8.52-8.519-22.326,0-30.846l30.845-30.844 c8.519-8.519,22.326-8.519,30.845,0l41.237,41.236L377.561,118.74c8.52-8.519,22.326-8.519,30.846,0l30.844,30.845 C447.775,158.104,447.775,171.917,439.256,180.43z"})," ")," ")," ")):t("button",{onClick:this.sendContactVerificationRequest(e)},i("verifyContactButton"))):t("input",{type:"text",value:a.contactValue,onKeyUp:this.updateState(e)}),!o.isValid&&t("p",{class:"Error"},i(r,this.lang))):null},this.staticField=(e,n)=>{const r=this.dataRef[e];return r&&r.contactValue?t("div",{class:"Field Disabled"},t("label",null,i(n,this.lang)),"true"===this.isVerificationStatusDisplayed?t("div",null,t("input",{type:"text",value:r.contactValue,readonly:!0}),r.isVerified?t("svg",{class:"VerifiedCheckmark",xmlns:"http://www.w3.org/2000/svg",version:"1.1",id:"Capa_1",width:"40px",height:"40px",viewBox:"-53.65 -53.65 643.84 643.84",transform:"matrix(1, 0, 0, 1, 0, 0)rotate(0)"},t("g",{id:"SVGRepo_bgCarrier","stroke-width":"0"}),t("g",{id:"SVGRepo_tracerCarrier","stroke-linecap":"round","stroke-linejoin":"round",stroke:"#CCCCCC","stroke-width":"1.073082"}),t("g",{id:"SVGRepo_iconCarrier"}," ",t("g",null," ",t("g",null," ",t("path",{d:"M496.785,152.779c-3.305-25.085-16.549-51.934-38.826-74.205c-22.264-22.265-49.107-35.508-74.186-38.813 c-11.348-1.499-26.5-7.766-35.582-14.737C328.111,9.626,299.764,0,268.27,0s-59.841,9.626-79.921,25.024 c-9.082,6.965-24.235,13.238-35.582,14.737c-25.08,3.305-51.922,16.549-74.187,38.813c-22.277,22.271-35.521,49.119-38.825,74.205 c-1.493,11.347-7.766,26.494-14.731,35.57C9.621,208.422,0,236.776,0,268.27s9.621,59.847,25.024,79.921 c6.971,9.082,13.238,24.223,14.731,35.568c3.305,25.086,16.548,51.936,38.825,74.205c22.265,22.266,49.107,35.51,74.187,38.814 c11.347,1.498,26.5,7.771,35.582,14.736c20.073,15.398,48.421,25.025,79.921,25.025s59.841-9.627,79.921-25.025 c9.082-6.965,24.234-13.238,35.582-14.736c25.078-3.305,51.922-16.549,74.186-38.814c22.277-22.27,35.521-49.119,38.826-74.205 c1.492-11.346,7.766-26.492,14.73-35.568c15.404-20.074,25.025-48.422,25.025-79.921c0-31.494-9.621-59.848-25.025-79.921 C504.545,179.273,498.277,164.126,496.785,152.779z M439.256,180.43L246.477,373.209l-30.845,30.846 c-8.519,8.52-22.326,8.52-30.845,0l-30.845-30.846l-56.665-56.658c-8.519-8.52-8.519-22.326,0-30.846l30.845-30.844 c8.519-8.519,22.326-8.519,30.845,0l41.237,41.236L377.561,118.74c8.52-8.519,22.326-8.519,30.846,0l30.844,30.845 C447.775,158.104,447.775,171.917,439.256,180.43z"})," ")," ")," ")):t("button",{onClick:this.sendContactVerificationRequest(e)},i("verifyContactButton"))):t("input",{type:"text",value:r.contactValue,readonly:!0})):null},this.toggleScreen=()=>{window.postMessage({type:"PlayerAccountMenuActive",isMobile:this.isMobile},window.location.href)},this.userId=void 0,this.session=void 0,this.endpoint=void 0,this.lang="en",this.mbSource=void 0,this.clientStyling=void 0,this.clientStylingUrl=void 0,this.translationUrl=void 0,this.isVerificationStatusDisplayed="false",this.isPhoneNumberEditable="true",this.isStandAlone="true",this.limitStylingAppends=!1,this.isSkeletonLoading=!0,this.isSubmitButtonAvailable=!1,this.invalidFields=0,this.isMobile=!!((r=window.navigator.userAgent).toLowerCase().match(/android/i)||r.toLowerCase().match(/blackberry|bb/i)||r.toLowerCase().match(/iphone|ipad|ipod/i)||r.toLowerCase().match(/windows phone|windows mobile|iemobile|wpdesktop/i)),this.isError=!1,this.errorMessage="",this.errorCode=""}handleStylingChange(e,t){e!==t&&n(this.stylingContainer,this.clientStyling)}handleStylingUrlChange(e,t){e!==t&&r(this.stylingContainer,this.clientStylingUrl)}async componentWillLoad(){"true"===this.isStandAlone&&await this.getData().then((()=>{this.initData(),this.initEditableFieldsState()})).finally((()=>this.isSkeletonLoading=!1))}componentDidLoad(){this.stylingContainer&&(null!=window.emMessageBuss?function(e,t){if(window.emMessageBus){const n=document.createElement("style");window.emMessageBus.subscribe(t,(t=>{n.innerHTML=t,e&&e.appendChild(n)}))}}(this.stylingContainer,`${this.mbSource}.Style`):(this.clientStyling&&n(this.stylingContainer,this.clientStyling),this.clientStylingUrl&&r(this.stylingContainer,this.clientStylingUrl))),"true"!==this.isStandAlone&&(window.addEventListener("message",this.messageHandler,!1),this.sendLoadedMessage())}disconnectedCallback(){this.stylingSubscription&&this.stylingSubscription.unsubscribe(),"true"!==this.isStandAlone&&window.removeEventListener("message",this.messageHandler,!1)}initData(){for(const e of this.data.contacts)this.dataRef[e.contactType]=e}initEditableFieldsState(){this.dataRef.PhoneNumber&&"true"===this.isPhoneNumberEditable&&(this.fieldsState.PhoneNumber={},this.fieldsState.PhoneNumber.hasChanged=!1,this.fieldsState.PhoneNumber.data={},this.fieldsState.PhoneNumber.data.contactValue=this.buildFieldState(!0,this.dataRef.PhoneNumber.contactValue,(e=>e&&e.length>=5&&e.length<=15&&!Number.isNaN(Number(e)))))}render(){return!this.isSkeletonLoading&&this.isError?t("div",{class:"errorContainer"},t("p",{class:"errorMessage",innerHTML:this.errorMessage})):t("div",{ref:e=>this.stylingContainer=e},this.isSkeletonLoading?t("form",{class:"PlayerContactsWrapper skeleton"},t("div",{class:"ReturnButton"},t("ui-skeleton",{structure:"title",width:"auto",height:"30px"})),t("div",{class:"Section"},t("section",{class:"SectionContent"},t("div",{class:"Field"},t("ui-skeleton",{structure:"text",width:"auto","margin-bottom":"10px",height:"10px"}),t("ui-skeleton",{structure:"title",width:"100%",height:"40px"})),t("div",{class:"Field"},t("ui-skeleton",{structure:"text",width:"auto","margin-bottom":"10px",height:"10px"}),t("ui-skeleton",{structure:"title",width:"100%",height:"40px"})))),t("section",{class:"ButtonsArea"},t("div",{class:"SaveButton"},t("ui-skeleton",{structure:"rectangle",width:"auto",height:"40px"})))):t("form",{class:"PlayerContactsWrapper"},t("div",{class:"ReturnButton",onClick:this.toggleScreen},t("svg",{xmlns:"http://www.w3.org/2000/svg",width:"15",height:"15",viewBox:"0 0 15 15"},t("g",{transform:"translate(-20 -158)"},t("g",{transform:"translate(20 158)"},t("path",{class:"aaa",d:"M7.5,0,6.136,1.364,11.3,6.526H0V8.474H11.3L6.136,13.636,7.5,15,15,7.5Z",transform:"translate(15 15) rotate(180)"})))),t("h2",null,i("title",this.lang))),t("h2",{class:"HeaderText"},i("title",this.lang)),t("div",{class:"Section"},t("section",{class:"SectionContent"},this.editableField("PhoneNumber","phoneNumber","phoneNumberError"),this.staticField("Email","email"))),"true"===this.isStandAlone&&t("section",{class:"ButtonsArea"},t("button",{class:"SaveButton "+(this.isSubmitButtonAvailable?"":"Disabled"),onClick:this.updateData},i("saveButton")))))}static get watchers(){return{clientStyling:["handleStylingChange"],clientStylingUrl:["handleStylingUrlChange"]}}};a.style=':host {\n  display: block;\n}\n\nbutton {\n  font-family: var(--emw--button-typography);\n}\n\ninput, select, option {\n  font-family: inherit;\n}\n\n.errorContainer {\n  font-family: "Roboto";\n  font-style: normal;\n  font-family: sans-serif;\n  display: flex;\n  flex-direction: column;\n  gap: 24px;\n  width: 100%;\n  height: 100%;\n}\n.errorContainer .errorMessage {\n  color: var(--emw--color-error, var(--emw--color-red, #ed0909));\n  font-size: var(--emw-font-size-small, 13px);\n  display: block;\n  justify-content: center;\n  text-align: center;\n}\n\n.PlayerContactsWrapper {\n  color: var(--emw--pam-typography, var(--emw-color-contrast, #07072A));\n  background: var(--emw-color-pale, var(--emw--color-gray-50, #F1F1F1));\n  padding: 50px;\n  height: 100%;\n  border-radius: var(--emw--border-radius-large, 10px);\n  container-type: inline-size;\n  opacity: 1;\n  animation-name: fadeIn;\n  animation-iteration-count: 1;\n  animation-timing-function: ease-in;\n  animation-duration: 0.3s;\n}\n.PlayerContactsWrapper .ReturnButton {\n  display: none;\n}\n.PlayerContactsWrapper .HeaderText {\n  font-size: var(--emw--font-size-x-large, 24px);\n  color: var(--emw--pam-color-primary, var(--emw--color-primary, #22B04E));\n  text-transform: capitalize;\n  font-weight: var(--emw--font-weight-semibold, 500);\n}\n.PlayerContactsWrapper .Section {\n  background: var(--emw-color-pale, var(--emw--color-gray-100, #E6E6E6));\n  border-radius: var(--emw--border-radius-large, 10px);\n  padding: 10px;\n  margin-bottom: 10px;\n}\n.PlayerContactsWrapper .Section .SectionTitle {\n  font-size: var(--emw--font-size-large, 20px);\n  color: var(--emw--pam-color-primary, var(--emw--color-primary, #22B04E));\n  text-transform: capitalize;\n  font-weight: var(--emw--font-weight-semibold, 500);\n  padding: 0;\n  border: 0;\n  margin-top: 10px;\n  margin-bottom: 10px;\n  background: transparent;\n  cursor: pointer;\n}\n.PlayerContactsWrapper .Section .SectionContent {\n  display: grid;\n  column-gap: 50px;\n  row-gap: 25px;\n  grid-template-rows: auto;\n  grid-template-columns: 1fr 1fr;\n  padding-bottom: 30px;\n  margin-top: 10px;\n}\n.PlayerContactsWrapper .Section .SectionContent .Field {\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  /* Chrome, Safari, Edge, Opera */\n  /* Firefox */\n}\n.PlayerContactsWrapper .Section .SectionContent .Field label {\n  font-size: var(--emw--size-small, 14px);\n  font-weight: var(--emw--font-weight-semibold, 500);\n  margin-bottom: 5px;\n}\n.PlayerContactsWrapper .Section .SectionContent .Field input {\n  font-size: var(--emw--size-small, 14px);\n  font-weight: var(--emw--font-weight-light, 300);\n  color: var(--emw--pam-contrast, var(--emw-color-contrast, #07072A));\n  padding: 10px;\n  line-height: 16px;\n  background: var(--emw-color-white, #FFFFFF);\n  outline: none;\n  transition-duration: var(--emw--transition-medium, 250ms);\n  border: 1px solid var(--emw--color-gray-100, #353535);\n  border-radius: var(--emw--border-radius-medium, 10px);\n  width: 100%;\n  box-sizing: border-box;\n}\n.PlayerContactsWrapper .Section .SectionContent .Field input:focus, .PlayerContactsWrapper .Section .SectionContent .Field input :focus-within, .PlayerContactsWrapper .Section .SectionContent .Field input :focus-visible, .PlayerContactsWrapper .Section .SectionContent .Field input :visited {\n  border: 1px solid var(--emw--pam-color-primary, var(--emw--color-primary, #22B04E));\n  box-shadow: 0 0 0 1pt var(--emw--pam-color-primary, var(--emw--color-primary, #22B04E));\n}\n.PlayerContactsWrapper .Section .SectionContent .Field input::-webkit-outer-spin-button,\n.PlayerContactsWrapper .Section .SectionContent .Field input::-webkit-inner-spin-button {\n  -webkit-appearance: none;\n  margin: 0;\n}\n.PlayerContactsWrapper .Section .SectionContent .Field input[type=number] {\n  -moz-appearance: textfield;\n  appearance: textfield;\n}\n.PlayerContactsWrapper .Section .SectionContent .Field div {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  gap: 16px;\n}\n.PlayerContactsWrapper .Section .SectionContent .Field div input {\n  min-width: fit-content;\n  width: 100%;\n}\n.PlayerContactsWrapper .Section .SectionContent .Field div button {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  box-sizing: border-box;\n  cursor: pointer;\n  background-image: linear-gradient(to bottom, color-mix(in srgb, var(--emw--color-primary, #22B04E) 80%, black 20%), var(--emw--color-primary, #22B04E), color-mix(in srgb, var(--emw--color-primary, #22B04E) 80%, white 30%));\n  border: 2px solid var(--emw--button-border-color, #0E5924);\n  color: var(--emw--button-text-color, #FFFFFF);\n  border-radius: var(--emw--button-border-radius, 10px);\n  font-size: var(--emw--font-size-x-small, 12px);\n  font-weight: var(--emw--font-weight-semibold, 500);\n  text-transform: uppercase;\n  transition-duration: var(--emw--transition-medium, 250ms);\n  max-width: 100px;\n  min-width: 30px;\n  width: 100%;\n  height: 100%;\n}\n.PlayerContactsWrapper .Section .SectionContent .Field div button:active {\n  background: var(--emw--pam-color-primary, var(--emw--color-primary, #22B04E));\n}\n.PlayerContactsWrapper .Section .SectionContent .Field.Invalid input {\n  border: 1px solid var(--emw-color-error, var(--emw-color-red, #FD2839));\n  background: var(--emw-color-pale, #FBECF4);\n  color: var(--emw-color-error, var(--emw-color-red, #FD2839));\n}\n.PlayerContactsWrapper .Section .SectionContent .Field .Error {\n  color: var(--emw-color-error, var(--emw-color-red, #FD2839));\n  font-size: var(--emw--font-size-x-small, 12px);\n  line-height: 10px;\n}\n.PlayerContactsWrapper .Section .SectionContent .Field.Disabled input {\n  opacity: 0.5;\n}\n.PlayerContactsWrapper .Section .SectionContent .CompoundField {\n  width: 100%;\n  display: flex;\n  gap: 10px;\n  flex-direction: row;\n}\n.PlayerContactsWrapper .Section .VerifiedCheckmark {\n  fill: var(--emw--pam-color-primary, var(--emw--color-primary, #22B04E));\n  stroke: #27a305;\n  stroke-width: 5;\n}\n.PlayerContactsWrapper .ButtonsArea {\n  grid-column-gap: 10px;\n  grid-template-rows: auto;\n  grid-template-columns: 1fr;\n  margin-top: 20px;\n  width: 50%;\n}\n.PlayerContactsWrapper .ButtonsArea .SaveButton {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  box-sizing: border-box;\n  cursor: pointer;\n  background-image: linear-gradient(to bottom, color-mix(in srgb, var(--emw--color-primary, #22B04E) 80%, black 20%), var(--emw--color-primary, #22B04E), color-mix(in srgb, var(--emw--color-primary, #22B04E) 80%, white 30%));\n  border: 2px solid var(--emw--button-border-color, #0E5924);\n  color: var(--emw--button-text-color, #FFFFFF);\n  border-radius: var(--emw--button-border-radius, 10px);\n  font-size: var(--emw--size-standard, 16px);\n  text-transform: uppercase;\n  transition-duration: var(--emw--transition-medium, 250ms);\n  max-width: 400px;\n  min-width: 200px;\n  padding: 13px 0;\n  width: 100%;\n}\n.PlayerContactsWrapper .ButtonsArea .SaveButton:active {\n  background: var(--emw--pam-color-primary, var(--emw--color-primary, #22B04E));\n}\n.PlayerContactsWrapper .ButtonsArea .SaveButton.Disabled {\n  opacity: 0.3;\n  cursor: not-allowed;\n}\n.PlayerContactsWrapper.skeleton .ReturnButton {\n  display: block;\n  width: 200px;\n  margin-top: 15px;\n  margin-bottom: 20px;\n}\n.PlayerContactsWrapper.skeleton .Section .SectionContent {\n  max-height: 100%;\n  overflow: hidden;\n}\n.PlayerContactsWrapper.skeleton .Section .SectionContent .Field {\n  height: 60px;\n  overflow: hidden;\n}\n.PlayerContactsWrapper.skeleton .ButtonsArea .SaveButton {\n  width: 500px;\n  border-radius: 30px;\n  overflow: hidden;\n  display: block;\n  background-image: none;\n  border: none;\n}\n@container (max-width: 425px) {\n  .PlayerContactsWrapper {\n    padding: 20px 15px;\n    background: var(--emw-color-gray-50, #F9F8F8);\n    max-width: unset;\n    border-radius: var(--emw--border-radius-small, 5px);\n  }\n  .PlayerContactsWrapper .ReturnButton {\n    color: var(--emw--pam-color-primary, var(--emw--color-primary, #22B04E));\n    display: inline-flex;\n    align-items: center;\n    column-gap: 10px;\n    margin-bottom: 10px;\n  }\n  .PlayerContactsWrapper .ReturnButton svg {\n    fill: var(--emw--pam-color-primary, var(--emw--color-primary, #22B04E));\n  }\n  .PlayerContactsWrapper .HeaderText {\n    display: none;\n  }\n  .PlayerContactsWrapper h2 {\n    color: var(--emw--pam-color-primary, var(--emw--color-primary, #22B04E));\n    font-size: var(--emw--font-size-large, 20px);\n    font-weight: var(--emw--font-weight-semibold, 500);\n  }\n  .PlayerContactsWrapper .Section .SectionContent {\n    row-gap: 15px;\n    grid-template-columns: 1fr;\n  }\n  .PlayerContactsWrapper .Section .SectionTitle {\n    margin-top: 5px;\n    margin-bottom: 5px;\n    font-size: var(--emw--font-size-medium, 16px);\n  }\n  .PlayerContactsWrapper .Section .Field label {\n    color: var(--emw-color-gray-300, #58586B);\n    font-size: var(--emw--size-x-small, 12px);\n    font-weight: var(-emw--font-weight-normal, 400);\n  }\n  .PlayerContactsWrapper .Section .Field input {\n    color: var(--emw-color-gray-300, #58586B);\n    font-size: var(--emw--size-x-small, 12px);\n    font-weight: var(--emw--font-weight-light, 300);\n  }\n  .PlayerContactsWrapper .Section .CompoundField {\n    width: 100%;\n    display: flex;\n    gap: 10px;\n    flex-direction: row;\n  }\n  .PlayerContactsWrapper .ButtonsArea {\n    grid-column-gap: 10px;\n    width: 100%;\n    grid-template-columns: 1fr 1fr;\n  }\n  .PlayerContactsWrapper .ButtonsArea .SaveButton {\n    font-size: var(--emw--size-x-small, 12px);\n    height: 40px;\n    color: var(--emw-button-typography, var(--emw-color-white, #FFFFFF));\n  }\n  .PlayerContactsWrapper .ButtonsArea .SaveButton.Disabled {\n    color: var(--emw-color-gray-300, #58586B);\n  }\n  .PlayerContactsWrapper.skeleton .Section .SectionContent {\n    display: block;\n  }\n  .PlayerContactsWrapper.skeleton .Section .SectionContent .Field {\n    margin-bottom: 15px;\n  }\n  .PlayerContactsWrapper.skeleton .ButtonsArea .SaveButton {\n    width: 100%;\n    height: 100%;\n    border-radius: 20px;\n  }\n}\n\n@keyframes fadeIn {\n  0% {\n    opacity: 0.01;\n  }\n  1% {\n    opacity: 0;\n  }\n  50% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n}';export{a as P}

package/dist/pam-player-contacts/pam-player-contacts.esm.js

@@ -0,0 +1 @@
+import{p as i,b as r}from"./index-f7c756b2.js";export{s as setNonce}from"./index-f7c756b2.js";import{g as n}from"./app-globals-0f993ce5.js";(()=>{const r=import.meta.url,n={};return""!==r&&(n.resourcesUrl=new URL(".",r).href),i(n)})().then((async i=>(await n(),r([["pam-player-contacts_2",[[1,"pam-player-contacts",{userId:[513,"user-id"],session:[513],endpoint:[513],lang:[513],mbSource:[513,"mb-source"],clientStyling:[513,"client-styling"],clientStylingUrl:[513,"client-styling-url"],translationUrl:[513,"translation-url"],isVerificationStatusDisplayed:[513,"is-verification-status-displayed"],isPhoneNumberEditable:[513,"is-phone-number-editable"],isStandAlone:[513,"is-stand-alone"],limitStylingAppends:[32],isSkeletonLoading:[32],isSubmitButtonAvailable:[32],invalidFields:[32],isMobile:[32],isError:[32],errorMessage:[32],errorCode:[32]},null,{clientStyling:["handleStylingChange"],clientStylingUrl:["handleStylingUrlChange"]}],[0,"ui-skeleton",{structure:[1],width:[1],height:[1],borderRadius:[8,"border-radius"],marginBottom:[8,"margin-bottom"],marginTop:[8,"margin-top"],marginLeft:[8,"margin-left"],marginRight:[8,"margin-right"],animation:[4],rows:[2],size:[1],color:[1],primaryColor:[1,"primary-color"],secondaryColor:[1,"secondary-color"]},null,{structure:["handleStructureChange"]}]]]],i))));

package/dist/pam-player-contacts/pam-player-contacts_2.entry.js

@@ -0,0 +1 @@
+export{P as pam_player_contacts}from"./pam-player-contacts-08c08e29.js";import{r as e,h as t,H as n}from"./index-f7c756b2.js";const r=class{constructor(t){e(this,t),this.stylingValue={width:this.handleStylingProps(this.width),height:this.handleStylingProps(this.height),borderRadius:this.handleStylingProps(this.borderRadius),marginBottom:this.handleStylingProps(this.marginBottom),marginTop:this.handleStylingProps(this.marginTop),marginLeft:this.handleStylingProps(this.marginLeft),marginRight:this.handleStylingProps(this.marginRight)},this.structure=void 0,this.width="unset",this.height="unset",this.borderRadius="unset",this.marginBottom="unset",this.marginTop="unset",this.marginLeft="unset",this.marginRight="unset",this.animation=!0,this.rows=0,this.size="100%",this.color="#c2c2c2",this.primaryColor="#c2c2c2",this.secondaryColor="#ffffff"}handleStructureChange(e,t){t!==e&&this.handleStructure(e)}handleStylingProps(e){switch(typeof e){case"number":return 0===e?0:`${e}px`;case"undefined":default:return"unset";case"string":return["auto","unset","none","inherit","initial"].includes(e)||e.endsWith("px")||e.endsWith("%")?e:"unset"}}handleStructure(e){switch(e){case"logo":return this.renderLogo();case"image":return this.renderImage();case"title":return this.renderTitle();case"text":return this.renderText();case"rectangle":return this.renderRectangle();case"circle":return this.renderCircle();default:return null}}renderLogo(){return t("div",{class:"SkeletonContainer"},t("div",{class:"Logo "+(this.animation?"Skeleton":"")}))}renderImage(){return t("div",{class:"Image "+(this.animation?"Skeleton":"")})}renderTitle(){return t("div",{class:"SkeletonContainer"},t("div",{class:"Title "+(this.animation?"Skeleton":"")}))}renderText(){return t("div",{class:"SkeletonContainer"},Array.from({length:this.rows>0?this.rows:1}).map(((e,n)=>t("div",{key:n,class:"Text "+(this.animation?"Skeleton":"")}))))}renderRectangle(){return t("div",{class:"SkeletonContainer"},t("div",{class:"Rectangle "+(this.animation?"Skeleton":"")}))}renderCircle(){return t("div",{class:"SkeletonContainer"},t("div",{class:"Circle "+(this.animation?"Skeleton":"")}))}render(){let e="";switch(this.structure){case"logo":e=`\n          :host {\n            --emw-skeleton-logo-width: ${this.stylingValue.width};\n            --emw-skeleton-logo-height: ${this.stylingValue.height};\n            --emw-skeleton-logo-border-radius: ${this.stylingValue.borderRadius};\n            --emw-skeleton-logo-margin-bottom: ${this.stylingValue.marginBottom};\n            --emw-skeleton-logo-margin-top: ${this.stylingValue.marginTop};\n            --emw-skeleton-logo-margin-left: ${this.stylingValue.marginLeft};\n            --emw-skeleton-logo-margin-right: ${this.stylingValue.marginRight};\n            --emw-skeleton-logo-background: ${this.color};\n            --emw-skeleton-primary-color: ${this.primaryColor};\n            --emw-skeleton-secondary-color: ${this.secondaryColor};\n          }\n        `;break;case"image":e=`\n          :host {\n            --emw-skeleton-image-width: ${this.stylingValue.width};\n            --emw-skeleton-image-height: ${this.stylingValue.height};\n            --emw-skeleton-image-border-radius: ${this.stylingValue.borderRadius};\n            --emw-skeleton-image-margin-bottom: ${this.stylingValue.marginBottom};\n            --emw-skeleton-image-margin-top: ${this.stylingValue.marginTop};\n            --emw-skeleton-image-margin-left: ${this.stylingValue.marginLeft};\n            --emw-skeleton-image-margin-right: ${this.stylingValue.marginRight};\n            --emw-skeleton-image-background: ${this.color};\n            --emw-skeleton-primary-color: ${this.primaryColor};\n            --emw-skeleton-secondary-color: ${this.secondaryColor};\n          }\n        `;break;case"title":e=`\n          :host {\n            --emw-skeleton-title-width: ${this.stylingValue.width};\n            --emw-skeleton-title-height: ${this.stylingValue.height};\n            --emw-skeleton-title-border-radius: ${this.stylingValue.borderRadius};\n            --emw-skeleton-title-margin-bottom: ${this.stylingValue.marginBottom};\n            --emw-skeleton-title-margin-top: ${this.stylingValue.marginTop};\n            --emw-skeleton-title-margin-left: ${this.stylingValue.marginLeft};\n            --emw-skeleton-title-margin-right: ${this.stylingValue.marginRight};\n            --emw-skeleton-title-background: ${this.color};\n            --emw-skeleton-primary-color: ${this.primaryColor};\n            --emw-skeleton-secondary-color: ${this.secondaryColor};\n          }\n        `;break;case"text":e=`\n          :host {\n            --emw-skeleton-text-width: ${this.stylingValue.width};\n            --emw-skeleton-text-height: ${this.stylingValue.height};\n            --emw-skeleton-text-border-radius: ${this.stylingValue.borderRadius};\n            --emw-skeleton-text-margin-bottom: ${this.stylingValue.marginBottom};\n            --emw-skeleton-text-margin-top: ${this.stylingValue.marginTop};\n            --emw-skeleton-text-margin-left: ${this.stylingValue.marginLeft};\n            --emw-skeleton-text-margin-right: ${this.stylingValue.marginRight};\n            --emw-skeleton-text-background: ${this.color};\n            --emw-skeleton-primary-color: ${this.primaryColor};\n            --emw-skeleton-secondary-color: ${this.secondaryColor};\n          }\n        `;break;case"rectangle":e=`\n          :host {\n            --emw-skeleton-rectangle-width: ${this.stylingValue.width};\n            --emw-skeleton-rectangle-height: ${this.stylingValue.height};\n            --emw-skeleton-rectangle-border-radius: ${this.stylingValue.borderRadius};\n            --emw-skeleton-rectangle-margin-bottom: ${this.stylingValue.marginBottom};\n            --emw-skeleton-rectangle-margin-top: ${this.stylingValue.marginTop};\n            --emw-skeleton-rectangle-margin-left: ${this.stylingValue.marginLeft};\n            --emw-skeleton-rectangle-margin-right: ${this.stylingValue.marginRight};\n            --emw-skeleton-rectangle-background: ${this.color};\n            --emw-skeleton-primary-color: ${this.primaryColor};\n            --emw-skeleton-secondary-color: ${this.secondaryColor};\n          }\n        `;break;case"circle":e=`\n          :host {\n            --emw-skeleton-circle-size: ${this.size};\n            --emw-skeleton-circle-background: ${this.color};\n            --emw-skeleton-primary-color: ${this.primaryColor};\n            --emw-skeleton-secondary-color: ${this.secondaryColor};\n          }\n        `;break;default:e=""}return t(n,{key:"5c185b76c438d20d4ad88bc48d94ff5628410bb7"},t("style",{key:"de95e60a5955d5b2af83710423fe40329c187f7e"},e),this.handleStructure(this.structure))}static get watchers(){return{structure:["handleStructureChange"]}}};r.style=":host{display:block;--emw-skeleton-rectangle-background:#c2c2c2;--emw-skeleton-circle-background:#c2c2c2;--emw-skeleton-text-background:#c2c2c2;--emw-skeleton-title-background:#c2c2c2;--emw-skeleton-image-background:#c2c2c2;--emw-skeleton-logo-background:#c2c2c2;--emw-skeleton-primary-color:#e0e0e0;--emw-skeleton-secondary-color:#f0f0f0}.Skeleton{animation:skeleton-loading 1s linear infinite alternate}.Rectangle{background-color:var(--emw-skeleton-rectangle-background, #c2c2c2);width:var(--emw-skeleton-rectangle-width, 400px);height:var(--emw-skeleton-rectangle-height, 200px);border-radius:var(--emw-skeleton-rectangle-border-radius, 2px)}.Circle{background-color:var(--emw-skeleton-circle-background, #c2c2c2);width:var(--emw-skeleton-circle-size, 400px);height:var(--emw-skeleton-circle-size, 400px);border-radius:50%}.Text{background-color:var(--emw-skeleton-text-background, #c2c2c2);width:var(--emw-skeleton-text-width, 500px);height:var(--emw-skeleton-text-height, 20px);border-radius:var(--emw-skeleton-text-border-radius, 5px);margin-bottom:var(--emw-skeleton-text-margin-bottom, 5px)}.Text:last-child{width:var(--emw-skeleton-text-width-100, 300px)}.Title{background-color:var(--emw-skeleton-title-background, #c2c2c2);width:var(--emw-skeleton-title-width, 300px);height:var(--emw-skeleton-title-height, 30px);border-radius:var(--emw-skeleton-title-border-radius, 5px);margin-bottom:var(--emw-skeleton-title-margin-bottom, 5px)}.Image{background-color:var(--emw-skeleton-image-background, #c2c2c2);width:var(--emw-skeleton-image-width, 100%);height:var(--emw-skeleton-image-height, 100%);border-radius:var(--emw-skeleton-image-border-radius, inherit)}.Logo{background-color:var(--emw-skeleton-logo-background, #c2c2c2);width:var(--emw-skeleton-logo-width, 120px);height:var(--emw-skeleton-logo-height, 75px);border-radius:var(--emw-skeleton-logo-border-radius, 5px)}@keyframes skeleton-loading{0%{background-color:var(--emw-skeleton-primary-color, var(--emw-skeleton-color-0, #c2c2c2))}100%{background-color:var(--emw-skeleton-secondary-color, var(--emw-skeleton-color-100, #f0f0f0))}}";export{r as ui_skeleton}

package/dist/stencil.config.dev.js

@@ -0,0 +1,17 @@
+import { sass } from "@stencil/sass";
+export const config = {
+    namespace: 'pam-player-contacts',
+    taskQueue: 'async',
+    sourceMap: false,
+    minifyJs: true,
+    hashFileNames: false,
+    extras: {
+        experimentalImportInjection: true
+    },
+    plugins: [sass()],
+    outputTargets: [
+        {
+            type: 'www'
+        }
+    ]
+};

package/dist/stencil.config.js

@@ -0,0 +1,19 @@
+import { sass } from "@stencil/sass";
+import { cleanPackageJsonStencil } from "../../../tools/plugins";
+export const config = {
+    namespace: 'pam-player-contacts',
+    taskQueue: 'async',
+    sourceMap: false,
+    minifyJs: true,
+    hashFileNames: false,
+    extras: {
+        experimentalImportInjection: true
+    },
+    plugins: [sass(), cleanPackageJsonStencil()],
+    outputTargets: [
+        {
+            type: 'dist',
+            esmLoaderPath: '../loader'
+        }
+    ]
+};

package/dist/storybook/main.js

@@ -0,0 +1,47 @@
+import path from "path";
+import { getStoryFiles, detectUsedPackages, parseTsConfig, exec, filterParsedPathsByUsedPackages } from "../../../../libs/common/src/storybook/storybook-utils";
+const config = {
+    stories: ['../**/*.@(mdx|stories.@(js|ts|tsx))'],
+    addons: [
+        '@storybook/addon-essentials',
+        '@storybook/addon-interactions',
+        'storybook-dark-mode'
+    ],
+    docs: {
+        defaultName: 'Documentation',
+        autodocs: 'tag'
+    },
+    framework: {
+        name: '@storybook/web-components-vite',
+        options: {}
+    },
+    // Async viteFinal to build dependent packages before finalizing configuration.
+    viteFinal: async (config) => {
+        const storyFiles = getStoryFiles(path.resolve(__dirname, '../'));
+        const usedPackages = detectUsedPackages(storyFiles);
+        const buildPromises = usedPackages.map(async (pkg) => {
+            try {
+                console.log(`Building package ${pkg}...`);
+                const { stdout, stderr } = await exec(`nx run ${pkg}:build`);
+                console.log(`Built package ${pkg}: ${stdout}`);
+                if (stderr) {
+                    console.error(`Build warning/error for package ${pkg}: ${stderr}`);
+                }
+            }
+            catch (error) {
+                console.error(`Error building package ${pkg}:`, error);
+            }
+        });
+        await Promise.all(buildPromises);
+        const parsedPaths = parseTsConfig() || {};
+        const filteredParsedPaths = filterParsedPathsByUsedPackages(parsedPaths, usedPackages);
+        return Object.assign(Object.assign({}, config), { resolve: {
+                alias: Object.assign({}, filteredParsedPaths)
+            }, define: {
+                process: {
+                    env: {}
+                }
+            } });
+    }
+};
+export default config;

package/dist/storybook/preview.js

@@ -0,0 +1,9 @@
+import { themes } from "@storybook/theming";
+export const parameters = {
+    darkMode: {
+        dark: Object.assign(Object.assign({}, themes.dark), { appBg: 'black' }),
+        light: Object.assign(Object.assign({}, themes.normal), { appBg: 'green' }),
+        current: 'light',
+        stylePreview: true
+    }
+};

package/dist/types/Users/adrian.pripon/Documents/Work/widgets-monorepo/packages/stencil/pam-player-contacts/.stencil/libs/common/src/storybook/storybook-utils.d.ts

@@ -0,0 +1,39 @@
+/// <reference types="node" />
+import { exec as execCallback } from 'child_process';
+export declare const exec: typeof execCallback.__promisify__;
+/**
+ * Recursively retrieves all story files (.stories.ts/.stories.tsx) in a directory.
+ * @param dir The directory to search.
+ * @returns Array of story file paths.
+ */
+export declare const getStoryFiles: (dir: string) => string[];
+/**
+ * Detects which internal packages are used in the provided story files.
+ * It looks at every import that starts with the given package alias prefix,
+ * then extracts the package name (the segment immediately following the prefix).
+ *
+ * @param stories Array of story file paths.
+ * @returns Array of unique package names (e.g. ['foo', 'bar']).
+ */
+export declare const detectUsedPackages: (stories: string[]) => string[];
+/**
+ * Extracts all import paths from a file using the TypeScript compiler API.
+ * @param filePath The file path to parse.
+ * @returns Array of import strings.
+ */
+export declare const extractImports: (filePath: string) => string[];
+/**
+ * Parses the tsconfig paths and resolves them to absolute paths.
+ * @param tsconfigPath The path to the tsconfig file.
+ * @returns An object mapping alias keys to absolute paths.
+ */
+export declare const parseTsConfig: () => Record<string, string> | null;
+/**
+ * Filters the parsed tsconfig alias mapping to only include keys that correspond
+ * to the used packages.
+ *
+ * @param parsedPaths The full alias mapping from tsconfig.
+ * @param usedPackages Array of package names that are used (e.g. ['foo', 'bar']).
+ * @returns Filtered alias mapping.
+ */
+export declare const filterParsedPathsByUsedPackages: (parsedPaths: Record<string, string>, usedPackages: string[]) => Record<string, string>;

package/dist/types/Users/adrian.pripon/Documents/Work/widgets-monorepo/packages/stencil/pam-player-contacts/.stencil/packages/stencil/pam-player-contacts/stencil.config.d.ts

@@ -0,0 +1,2 @@
+import { Config } from '../../../../../../../../../../../../stencil-public-runtime';
+export declare const config: Config;

package/dist/types/Users/adrian.pripon/Documents/Work/widgets-monorepo/packages/stencil/pam-player-contacts/.stencil/packages/stencil/pam-player-contacts/stencil.config.dev.d.ts

@@ -0,0 +1,2 @@
+import { Config } from '../../../../../../../../../../../../stencil-public-runtime';
+export declare const config: Config;

package/dist/types/Users/adrian.pripon/Documents/Work/widgets-monorepo/packages/stencil/pam-player-contacts/.stencil/packages/stencil/pam-player-contacts/storybook/main.d.ts

@@ -0,0 +1,3 @@
+import type { StorybookConfig } from '@storybook/web-components-vite';
+declare const config: StorybookConfig;
+export default config;

package/dist/types/Users/adrian.pripon/Documents/Work/widgets-monorepo/packages/stencil/pam-player-contacts/.stencil/packages/stencil/pam-player-contacts/storybook/preview.d.ts

@@ -0,0 +1,70 @@
+export declare const parameters: {
+    darkMode: {
+        dark: {
+            appBg: string;
+            base: "light" | "dark";
+            colorPrimary: string;
+            colorSecondary: string;
+            appContentBg: string;
+            appPreviewBg: string;
+            appBorderColor: string;
+            appBorderRadius: number;
+            fontBase: string;
+            fontCode: string;
+            textColor: string;
+            textInverseColor: string;
+            textMutedColor: string;
+            barTextColor: string;
+            barHoverColor: string;
+            barSelectedColor: string;
+            barBg: string;
+            buttonBg: string;
+            buttonBorder: string;
+            booleanBg: string;
+            booleanSelectedBg: string;
+            inputBg: string;
+            inputBorder: string;
+            inputTextColor: string;
+            inputBorderRadius: number;
+            brandTitle?: string;
+            brandUrl?: string;
+            brandImage?: string;
+            brandTarget?: string;
+            gridCellSize?: number;
+        };
+        light: {
+            appBg: string;
+            base: "light" | "dark";
+            colorPrimary: string;
+            colorSecondary: string;
+            appContentBg: string;
+            appPreviewBg: string;
+            appBorderColor: string;
+            appBorderRadius: number;
+            fontBase: string;
+            fontCode: string;
+            textColor: string;
+            textInverseColor: string;
+            textMutedColor: string;
+            barTextColor: string;
+            barHoverColor: string;
+            barSelectedColor: string;
+            barBg: string;
+            buttonBg: string;
+            buttonBorder: string;
+            booleanBg: string;
+            booleanSelectedBg: string;
+            inputBg: string;
+            inputBorder: string;
+            inputTextColor: string;
+            inputBorderRadius: number;
+            brandTitle?: string;
+            brandUrl?: string;
+            brandImage?: string;
+            brandTarget?: string;
+            gridCellSize?: number;
+        };
+        current: string;
+        stylePreview: boolean;
+    };
+};

package/dist/types/Users/adrian.pripon/Documents/Work/widgets-monorepo/packages/stencil/pam-player-contacts/.stencil/tools/plugins/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./vite-chunk-plugin";
+export * from "./stencil-clean-deps-plugin";
+export * from "./vite-clean-deps-plugin";

package/dist/types/Users/adrian.pripon/Documents/Work/widgets-monorepo/packages/stencil/pam-player-contacts/.stencil/tools/plugins/stencil-clean-deps-plugin.d.ts

@@ -0,0 +1,5 @@
+export declare function cleanPackageJsonStencil(): {
+    name: string;
+    apply: string;
+    buildEnd(): void;
+};

package/dist/types/Users/adrian.pripon/Documents/Work/widgets-monorepo/packages/stencil/pam-player-contacts/.stencil/tools/plugins/vite-chunk-plugin.d.ts

@@ -0,0 +1,6 @@
+export declare function viteChunkPlugin(): {
+    name: string;
+    config(config: any, { command }: {
+        command: any;
+    }): void;
+};

package/dist/types/Users/adrian.pripon/Documents/Work/widgets-monorepo/packages/stencil/pam-player-contacts/.stencil/tools/plugins/vite-clean-deps-plugin.d.ts

@@ -0,0 +1,4 @@
+export declare function cleanPackageJsonVite(widgetName: any): {
+    name: string;
+    closeBundle(): void;
+};

package/dist/types/components/pam-player-contacts/index.d.ts

@@ -0,0 +1 @@
+export { PamPlayerContacts } from './pam-player-contacts';