skeleton-webcomponent-loader 2.1.1 → 3.0.0

package/dist/skeleton-webcomponent/p-D_NQrSVN.js

@@ -0,0 +1,2 @@
+function t(t,e,n){const o="undefined"!=typeof HTMLElement?HTMLElement.prototype:null;for(;t&&t!==o;){const o=Object.getOwnPropertyDescriptor(t,e);if(o&&(!n||o.get))return o;t=Object.getPrototypeOf(t)}}var e,n=(e,n)=>{var o;Object.entries(null!=(o=n.o.t)?o:{}).map((([o,[l]])=>{if(31&l||32&l){const l=e[o],i=t(Object.getPrototypeOf(e),o,!0)||Object.getOwnPropertyDescriptor(e,o);i&&Object.defineProperty(e,o,{get(){return i.get.call(this)},set(t){i.set.call(this,t)},configurable:!0,enumerable:!0}),n.l.has(o)?e[o]=n.l.get(o):void 0!==l&&(e[o]=l)}}))},o=t=>{if(t.__stencil__getHostRef)return t.__stencil__getHostRef()},l=(t,e)=>{e&&(t.__stencil__getHostRef=()=>e,e.i=t,512&e.o.u&&n(t,e))},i=(t,e)=>e in t,s=(t,e)=>(0,console.error)(t,e),r=new Map,c=new Map,u="http://www.w3.org/1999/xlink",f="undefined"!=typeof window?window:{},a={u:0,p:"",jmp:t=>t(),raf:t=>requestAnimationFrame(t),ael:(t,e,n,o)=>t.addEventListener(e,n,o),rel:(t,e,n,o)=>t.removeEventListener(e,n,o),ce:(t,e)=>new CustomEvent(t,e)},d=t=>Promise.resolve(t),p=(()=>{try{return!!f.document.adoptedStyleSheets&&(new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync)}catch(t){}return!1})(),h=!!p&&(()=>!!f.document&&Object.getOwnPropertyDescriptor(f.document.adoptedStyleSheets,"length").writable)(),m=!1,v=[],y=[],b=(t,e)=>n=>{t.push(n),m||(m=!0,e&&4&a.u?g(w):a.raf(w))},$=t=>{for(let e=0;e<t.length;e++)try{t[e](performance.now())}catch(t){s(t)}t.length=0},w=()=>{$(v),$(y),(m=v.length>0)&&a.raf(w)},g=t=>d().then(t),j=b(y,!0);function S(){const t=this.attachShadow({mode:"open"});void 0===e&&(e=null),e&&(h?t.adoptedStyleSheets.push(e):t.adoptedStyleSheets=[...t.adoptedStyleSheets,e])}function O(t){var e,n,o;return null!=(o=null==(n=null==(e=t.head)?void 0:e.querySelector('meta[name="csp-nonce"]'))?void 0:n.getAttribute("content"))?o:void 0}var k,E=new WeakMap,M=t=>"sc-"+t.h,C=t=>"object"==(t=typeof t)||"function"===t,x=(t,e,...n)=>{let o=null,l=null,i=!1,s=!1;const r=[],c=e=>{for(let n=0;n<e.length;n++)o=e[n],Array.isArray(o)?c(o):null!=o&&"boolean"!=typeof o&&((i="function"!=typeof t&&!C(o))&&(o+=""),i&&s?r[r.length-1].m+=o:r.push(i?L(null,o):o),s=i)};if(c(n),e){e.key&&(l=e.key);{const t=e.className||e.class;t&&(e.class="object"!=typeof t?t:Object.keys(t).filter((e=>t[e])).join(" "))}}if("function"==typeof t)return t(null===e?{}:e,r,R);const u=L(t,null);return u.v=e,r.length>0&&(u.$=r),u.j=l,u},L=(t,e)=>({u:0,S:t,m:null!=e?e:null,O:null,$:null,v:null,j:null}),N={},R={forEach:(t,e)=>t.map(D).forEach(e),map:(t,e)=>t.map(D).map(e).map(H)},D=t=>({vattrs:t.v,vchildren:t.$,vkey:t.j,vname:t.k,vtag:t.S,vtext:t.m}),H=t=>{if("function"==typeof t.vtag){const e={...t.vattrs};return t.vkey&&(e.key=t.vkey),t.vname&&(e.name=t.vname),x(t.vtag,e,...t.vchildren||[])}const e=L(t.vtag,t.vtext);return e.v=t.vattrs,e.$=t.vchildren,e.j=t.vkey,e.k=t.vname,e},P=(t,e)=>null==t||C(t)?t:4&e?"false"!==t&&(""===t||!!t):2&e?"string"==typeof t?parseFloat(t):"number"==typeof t?t:NaN:1&e?t+"":t,T=(t,e,n,l,s,r)=>{if(n===l)return;let c=i(t,e),d=e.toLowerCase();if("class"===e){const e=t.classList,o=U(n);let i=U(l);e.remove(...o.filter((t=>t&&!i.includes(t)))),e.add(...i.filter((t=>t&&!o.includes(t))))}else if("style"===e){for(const e in n)l&&null!=l[e]||(e.includes("-")?t.style.removeProperty(e):t.style[e]="");for(const e in l)n&&l[e]===n[e]||(e.includes("-")?t.style.setProperty(e,l[e]):t.style[e]=l[e])}else if("key"===e);else if("ref"===e)l&&Q(l,t);else if(c||"o"!==e[0]||"n"!==e[1]){if("a"===e[0]&&e.startsWith("attr:")){const n=e.slice(5);let i;{const e=o(t);if(e&&e.o&&e.o.t){const t=e.o.t[n];t&&t[1]&&(i=t[1])}}return i||(i=n.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase()),void(null==l||!1===l?!1===l&&""!==t.getAttribute(i)||t.removeAttribute(i):t.setAttribute(i,!0===l?"":l))}if("p"===e[0]&&e.startsWith("prop:")){const n=e.slice(5);try{t[n]=l}catch(t){}return}{const o=C(l);if((c||o&&null!==l)&&!s)try{if(t.tagName.includes("-"))t[e]!==l&&(t[e]=l);else{const o=null==l?"":l;"list"===e?c=!1:null!=n&&t[e]===o||("function"==typeof t.__lookupSetter__(e)?t[e]=o:t.setAttribute(e,o))}}catch(t){}let i=!1;d!==(d=d.replace(/^xlink\:?/,""))&&(e=d,i=!0),null==l||!1===l?!1===l&&""!==t.getAttribute(e)||(i?t.removeAttributeNS(u,e):t.removeAttribute(e)):(!c||4&r||s)&&!o&&1===t.nodeType&&(l=!0===l?"":l,i?t.setAttributeNS(u,e,l):t.setAttribute(e,l))}}else if(e="-"===e[2]?e.slice(3):i(f,d)?d.slice(2):d[2]+e.slice(3),n||l){const o=e.endsWith(W);e=e.replace(z,""),n&&a.rel(t,e,n,o),l&&a.ael(t,e,l,o)}},A=/\s/,U=t=>("object"==typeof t&&t&&"baseVal"in t&&(t=t.baseVal),t&&"string"==typeof t?t.split(A):[]),W="Capture",z=RegExp(W+"$"),F=(t,e,n)=>{const o=11===e.O.nodeType&&e.O.host?e.O.host:e.O,l=t&&t.v||{},i=e.v||{};for(const t of V(Object.keys(l)))t in i||T(o,t,l[t],void 0,n,e.u);for(const t of V(Object.keys(i)))T(o,t,l[t],i[t],n,e.u)};function V(t){return t.includes("ref")?[...t.filter((t=>"ref"!==t)),"ref"]:t}var q=!1,G=[],Y=[],Z=(t,e,n)=>{const o=e.$[n];let l,i,s=0;if(null!=o.m)l=o.O=f.document.createTextNode(o.m);else{if(!f.document)throw Error("You are trying to render a Stencil component in an environment that doesn't support the DOM.");if(l=o.O=f.document.createElement(o.S),F(null,o,q),o.$){const e="template"===o.S?l.content:l;for(s=0;s<o.$.length;++s)i=Z(t,o,s),i&&e.appendChild(i)}}return l["s-hn"]=k,l},_=(t,e,n,o,l,i)=>{let s,r=t;for(r.shadowRoot&&r.tagName===k&&(r=r.shadowRoot),"template"===n.S&&(r=r.content);l<=i;++l)o[l]&&(s=Z(null,n,l),s&&(o[l].O=s,X(r,s,e)))},B=(t,e,n)=>{for(let o=e;o<=n;++o){const e=t[o];if(e){const t=e.O;K(e),t&&t.remove()}}},I=(t,e,n=!1)=>t.S===e.S&&(n?(n&&!t.j&&e.j&&(t.j=e.j),!0):t.j===e.j),J=(t,e,n=!1)=>{const o=e.O=t.O,l=t.$,i=e.$,s=e.m;null==s?(F(t,e,q),null!==l&&null!==i?((t,e,n,o,l=!1)=>{let i,s,r=0,c=0,u=0,f=0,a=e.length-1,d=e[0],p=e[a],h=o.length-1,m=o[0],v=o[h];const y="template"===n.S?t.content:t;for(;r<=a&&c<=h;)if(null==d)d=e[++r];else if(null==p)p=e[--a];else if(null==m)m=o[++c];else if(null==v)v=o[--h];else if(I(d,m,l))J(d,m,l),d=e[++r],m=o[++c];else if(I(p,v,l))J(p,v,l),p=e[--a],v=o[--h];else if(I(d,v,l))J(d,v,l),X(y,d.O,p.O.nextSibling),d=e[++r],v=o[--h];else if(I(p,m,l))J(p,m,l),X(y,p.O,d.O),p=e[--a],m=o[++c];else{for(u=-1,f=r;f<=a;++f)if(e[f]&&null!==e[f].j&&e[f].j===m.j){u=f;break}u>=0?(s=e[u],s.S!==m.S?i=Z(e&&e[c],n,u):(J(s,m,l),e[u]=void 0,i=s.O),m=o[++c]):(i=Z(e&&e[c],n,c),m=o[++c]),i&&X(d.O.parentNode,i,d.O)}r>a?_(t,null==o[h+1]?null:o[h+1].O,n,o,c,h):c>h&&B(e,r,a)})(o,l,e,i,n):null!==i?(null!==t.m&&(o.textContent=""),_(o,null,e,i,0,i.length-1)):!n&&null!==l&&B(l,0,l.length-1)):t.m!==s&&(o.data=s)},K=t=>{t.v&&t.v.ref&&G.push((()=>t.v.ref(null))),t.$&&t.$.map(K)},Q=(t,e)=>{Y.push((()=>t(e)))},X=(t,e,n)=>t.__insertBefore?t.__insertBefore(e,n):null==t?void 0:t.insertBefore(e,n),tt=(t,e)=>{if(e&&!t.M&&e["s-p"]){const n=e["s-p"].push(new Promise((o=>t.M=()=>{e["s-p"].splice(n-1,1),o()})))}},et=(t,e)=>{if(t.u|=16,4&t.u)return void(t.u|=512);tt(t,t.C);const n=()=>nt(t,e);if(!e)return j(n);queueMicrotask((()=>{n()}))},nt=(t,e)=>{const n=t.$hostElement$,o=t.i;if(!o)throw Error(`Can't render component <${n.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 e?(t.L.length&&t.L.forEach((t=>t(n))),l=ut(o,"componentWillLoad",void 0,n)):l=ut(o,"componentWillUpdate",void 0,n),l=ot(l,(()=>ut(o,"componentWillRender",void 0,n))),ot(l,(()=>it(t,o,e)))},ot=(t,e)=>lt(t)?t.then(e).catch((t=>{console.error(t),e()})):e(),lt=t=>t instanceof Promise||t&&t.then&&"function"==typeof t.then,it=async(t,e,n)=>{var o;const l=t.$hostElement$,i=l["s-rc"];n&&(t=>{const e=t.o,n=t.$hostElement$,o=e.u,l=((t,e)=>{var n,o,l;const i=M(e),s=c.get(i);if(!f.document)return i;if(t=11===t.nodeType?t:f.document,s)if("string"==typeof s){let l,r=E.get(t=t.head||t);if(r||E.set(t,r=new Set),!r.has(i)){l=f.document.createElement("style"),l.textContent=s;const c=null!=(n=a.N)?n:O(f.document);if(null!=c&&l.setAttribute("nonce",c),!(1&e.u))if("HEAD"===t.nodeName){const e=t.querySelectorAll("link[rel=preconnect]"),n=e.length>0?e[e.length-1].nextSibling:t.querySelector("style");t.insertBefore(l,(null==n?void 0:n.parentNode)===t?n:null)}else if("host"in t)if(p){const e=new(null!=(o=t.defaultView)?o:t.ownerDocument.defaultView).CSSStyleSheet;e.replaceSync(s),h?t.adoptedStyleSheets.unshift(e):t.adoptedStyleSheets=[e,...t.adoptedStyleSheets]}else{const e=t.querySelector("style");e?e.textContent=s+e.textContent:t.prepend(l)}else t.append(l);1&e.u&&t.insertBefore(l,null),4&e.u&&(l.textContent+="slot-fb{display:contents}slot-fb[hidden]{display:none}"),r&&r.add(i)}}else{let e=E.get(t);if(e||E.set(t,e=new Set),!e.has(i)){const n=null!=(l=t.defaultView)?l:t.ownerDocument.defaultView;let o;if(s.constructor===n.CSSStyleSheet)o=s;else{o=new n.CSSStyleSheet;for(let t=0;t<s.cssRules.length;t++)o.insertRule(s.cssRules[t].cssText,t)}h?t.adoptedStyleSheets.push(o):t.adoptedStyleSheets=[...t.adoptedStyleSheets,o],e.add(i)}}return i})(n.shadowRoot?n.shadowRoot:n.getRootNode(),e);10&o&&(n["s-sc"]=l,n.classList.add(l+"-h"))})(t);st(t,e,l,n),i&&(i.map((t=>t())),l["s-rc"]=void 0);{const e=null!=(o=l["s-p"])?o:[],n=()=>rt(t);0===e.length?n():(Promise.all(e).then(n).catch(n),t.u|=4,e.length=0)}},st=(t,e,n,o)=>{try{e=e.render(),t.u&=-17,t.u|=2,((t,e,n=!1)=>{const o=t.$hostElement$,l=t.R||L(null,null),i=(t=>t&&t.S===N)(e)?e:x(null,null,e);if(k=o.tagName,n&&i.v)for(const t of Object.keys(i.v))o.hasAttribute(t)&&!["key","ref","style","class"].includes(t)&&(i.v[t]=o[t]);i.S=null,i.u|=4,t.R=i,i.O=l.O=o.shadowRoot||o,J(l,i,n),G.forEach((t=>t())),G.length=0,Y.forEach((t=>t())),Y.length=0})(t,e,o)}catch(e){s(e,t.$hostElement$)}return null},rt=t=>{const e=t.$hostElement$,n=t.i,o=t.C;ut(n,"componentDidRender",void 0,e),64&t.u?ut(n,"componentDidUpdate",void 0,e):(t.u|=64,ft(e),ut(n,"componentDidLoad",void 0,e),t.D(e),o||ct()),t.M&&(t.M(),t.M=void 0),512&t.u&&g((()=>et(t,!1))),t.u&=-517},ct=()=>{g((()=>(t=>{const e=a.ce("appload",{detail:{namespace:"skeleton-webcomponent"}});return t.dispatchEvent(e),e})(f)))},ut=(t,e,n,o)=>{if(t&&t[e])try{return t[e](n)}catch(t){s(t,o)}},ft=t=>t.classList.add("hydrated"),at=(t,e,n,l)=>{const i=o(t);if(!i)return;if(!i)throw Error(`Couldn't find host element for "${l.h}" 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/stenciljs/core/issues/5457).`);const s=i.l.get(e),r=i.u,c=i.i;if(n=P(n,l.t[e][0]),(!(8&r)||void 0===s)&&n!==s&&(!Number.isNaN(s)||!Number.isNaN(n))&&(i.l.set(e,n),2&r)){if(c.componentShouldUpdate&&!1===c.componentShouldUpdate(n,s,e)&&!(16&r))return;16&r||et(i,!1)}},dt=(e,n,l)=>{var i,s;const r=e.prototype;if(n.t){const c=Object.entries(null!=(i=n.t)?i:{});if(c.map((([e,[i]])=>{if(31&i||2&l&&32&i){const{get:s,set:c}=t(r,e)||{};s&&(n.t[e][0]|=2048),c&&(n.t[e][0]|=4096),(1&l||!s)&&Object.defineProperty(r,e,{get(){{if(!(2048&n.t[e][0]))return((t,e)=>o(this).l.get(e))(0,e);const t=o(this),l=t?t.i:r;if(!l)return;return l[e]}},configurable:!0,enumerable:!0}),Object.defineProperty(r,e,{set(t){const s=o(this);if(s){if(c)return void 0===(32&i?this[e]:s.$hostElement$[e])&&s.l.get(e)&&(t=s.l.get(e)),c.call(this,P(t,i)),void at(this,e,t=32&i?this[e]:s.$hostElement$[e],n);{if(!(1&l&&4096&n.t[e][0]))return at(this,e,t,n),void(1&l&&!s.i&&s.L.push((()=>{4096&n.t[e][0]&&s.i[e]!==s.l.get(e)&&(s.i[e]=t)})));const o=()=>{const o=s.i[e];!s.l.get(e)&&o&&s.l.set(e,o),s.i[e]=P(t,i),at(this,e,s.i[e],n)};s.i?o():s.L.push((()=>{o()}))}}}})}})),1&l){const t=new Map;r.attributeChangedCallback=function(e,l,i){a.jmp((()=>{var s;const u=t.get(e),f=o(this);if(this.hasOwnProperty(u)&&(i=this[u],delete this[u]),r.hasOwnProperty(u)&&"number"==typeof this[u]&&this[u]==i)return;if(null==u){const t=null==f?void 0:f.u;if(f&&t&&!(8&t)&&i!==l){const o=f.i,r=null==(s=n.H)?void 0:s[e];null==r||r.forEach((n=>{const[[s,r]]=Object.entries(n);null!=o[s]&&(128&t||1&r)&&o[s].call(o,i,l,e)}))}return}const a=c.find((([t])=>t===u));a&&4&a[1][0]&&(i=null!==i&&"false"!==i);const d=Object.getOwnPropertyDescriptor(r,u);i==this[u]||d.get&&!d.set||(this[u]=i)}))},e.observedAttributes=Array.from(new Set([...Object.keys(null!=(s=n.H)?s:{}),...c.filter((([t,e])=>31&e[0])).map((([e,n])=>{const o=n[1]||e;return t.set(o,e),o}))]))}}return e},pt=(t,e)=>{ut(t,"connectedCallback",void 0,e)},ht=(t,e)=>{ut(t,"disconnectedCallback",void 0,e||t)},mt=(t,e={})=>{var n;if(!f.document)return void console.warn("Stencil: No document found. Skipping bootstrapping lazy components.");const l=[],i=e.exclude||[],u=f.customElements,d=f.document.head,h=d.querySelector("meta[charset]"),m=f.document.createElement("style"),v=[];let y,b=!0;if(Object.assign(a,e),a.p=new URL(e.resourcesUrl||"./",f.document.baseURI).href,t.map((t=>{t[1].map((e=>{const n={u:e[0],h:e[1],t:e[2],P:e[3]};n.t=e[2];const f=n.h,d=class extends HTMLElement{"s-p";"s-rc";hasRegisteredEventListeners=!1;constructor(t){if(super(t),((t,e)=>{const n={u:0,$hostElement$:t,o:e,l:new Map,T:new Map};n.A=new Promise((t=>n.D=t)),t["s-p"]=[],t["s-rc"]=[],n.L=[];const o=n;t.__stencil__getHostRef=()=>o})(t=this,n),1&n.u)if(t.shadowRoot){if("open"!==t.shadowRoot.mode)throw Error(`Unable to re-use existing shadow root for ${n.h}! Mode is set to ${t.shadowRoot.mode} but Stencil only supports open shadow roots.`)}else S.call(t,n)}connectedCallback(){o(this)&&(this.hasRegisteredEventListeners||(this.hasRegisteredEventListeners=!0),y&&(clearTimeout(y),y=null),b?v.push(this):a.jmp((()=>(t=>{if(!(1&a.u)){const e=o(t);if(!e)return;const n=e.o,l=()=>{};if(1&e.u)(null==e?void 0:e.i)?pt(e.i,t):(null==e?void 0:e.A)&&e.A.then((()=>pt(e.i,t)));else{e.u|=1;{let n=t;for(;n=n.parentNode||n.host;)if(n["s-p"]){tt(e,e.C=n);break}}n.t&&Object.entries(n.t).map((([e,[n]])=>{if(31&n&&Object.prototype.hasOwnProperty.call(t,e)){const n=t[e];delete t[e],t[e]=n}})),(async(t,e,n)=>{let o;try{if(!(32&e.u)){if(e.u|=32,n.U){const l=((t,e)=>{const n=t.h.replace(/-/g,"_"),o=t.U;if(!o)return;const l=r.get(o);return l?l[n]:import(`./${o}.entry.js`).then((t=>(r.set(o,t),t[n])),(t=>{s(t,e.$hostElement$)}))
+/*!__STENCIL_STATIC_IMPORT_SWITCH__*/})(n,e);if(l&&"then"in l){const t=()=>{};o=await l,t()}else o=l;if(!o)throw Error(`Constructor for "${n.h}#${e.W}" was not found`);o.isProxied||(dt(o,n,2),o.isProxied=!0);const i=()=>{};e.u|=8;try{new o(e)}catch(e){s(e,t)}e.u&=-9,i(),pt(e.i,t)}else o=t.constructor,customElements.whenDefined(t.localName).then((()=>e.u|=128));if(o&&o.style){let t;"string"==typeof o.style&&(t=o.style);const e=M(n);if(!c.has(e)){const o=()=>{};((t,e,n)=>{let o=c.get(t);p&&n?(o=o||new CSSStyleSheet,"string"==typeof o?o=e:o.replaceSync(e)):o=e,c.set(t,o)})(e,t,!!(1&n.u)),o()}}}const l=e.C,i=()=>et(e,!0);l&&l["s-rc"]?l["s-rc"].push(i):i()}catch(n){s(n,t),e.M&&(e.M(),e.M=void 0),e.D&&e.D(t)}})(t,e,n)}l()}})(this))))}disconnectedCallback(){a.jmp((()=>(async t=>{if(!(1&a.u)){const e=o(t);(null==e?void 0:e.i)?ht(e.i,t):(null==e?void 0:e.A)&&e.A.then((()=>ht(e.i,t)))}E.has(t)&&E.delete(t),t.shadowRoot&&E.has(t.shadowRoot)&&E.delete(t.shadowRoot)})(this))),a.raf((()=>{var t;const e=o(this);if(!e)return;const n=v.findIndex((t=>t===this));n>-1&&v.splice(n,1),(null==(t=null==e?void 0:e.R)?void 0:t.O)instanceof Node&&!e.R.O.isConnected&&delete e.R.O}))}componentOnReady(){var t;return null==(t=o(this))?void 0:t.A}};n.U=t[0],i.includes(f)||u.get(f)||(l.push(f),u.define(f,dt(d,n,1)))}))})),l.length>0&&(m.textContent+=l.sort()+"{visibility:hidden}.hydrated{visibility:inherit}",m.innerHTML.length)){m.setAttribute("data-styles","");const t=null!=(n=a.N)?n:O(f.document);null!=t&&m.setAttribute("nonce",t),d.insertBefore(m,h?h.nextSibling:d.firstChild)}b=!1,v.length?v.map((t=>t.connectedCallback())):a.jmp((()=>y=setTimeout(ct,30)))},vt=t=>a.N=t;export{N as H,mt as b,x as h,d as p,l as r,vt as s}

package/dist/skeleton-webcomponent/p-DikQ2aXB.system.js

@@ -0,0 +1 @@
+var __awaiter=this&&this.__awaiter||function(t,n,e,r){function i(t){return t instanceof e?t:new e((function(n){n(t)}))}return new(e||(e=Promise))((function(e,o){function c(t){try{u(r.next(t))}catch(t){o(t)}}function a(t){try{u(r["throw"](t))}catch(t){o(t)}}function u(t){t.done?e(t.value):i(t.value).then(c,a)}u((r=r.apply(t,n||[])).next())}))};var __generator=this&&this.__generator||function(t,n){var e={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},r,i,o,c=Object.create((typeof Iterator==="function"?Iterator:Object).prototype);return c.next=a(0),c["throw"]=a(1),c["return"]=a(2),typeof Symbol==="function"&&(c[Symbol.iterator]=function(){return this}),c;function a(t){return function(n){return u([t,n])}}function u(a){if(r)throw new TypeError("Generator is already executing.");while(c&&(c=0,a[0]&&(e=0)),e)try{if(r=1,i&&(o=a[0]&2?i["return"]:a[0]?i["throw"]||((o=i["return"])&&o.call(i),0):i.next)&&!(o=o.call(i,a[1])).done)return o;if(i=0,o)a=[a[0]&2,o.value];switch(a[0]){case 0:case 1:o=a;break;case 4:e.label++;return{value:a[1],done:false};case 5:e.label++;i=a[1];a=[0];continue;case 7:a=e.ops.pop();e.trys.pop();continue;default:if(!(o=e.trys,o=o.length>0&&o[o.length-1])&&(a[0]===6||a[0]===2)){e=0;continue}if(a[0]===3&&(!o||a[1]>o[0]&&a[1]<o[3])){e.label=a[1];break}if(a[0]===6&&e.label<o[1]){e.label=o[1];o=a;break}if(o&&e.label<o[2]){e.label=o[2];e.ops.push(a);break}if(o[2])e.ops.pop();e.trys.pop();continue}a=n.call(t,e)}catch(t){a=[6,t];i=0}finally{r=o=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};System.register(["./p-CEkATbjM.system.js","./p-BbPAtVJG.system.js"],(function(t,n){"use strict";var e,r,i;return{setters:[function(n){e=n.p;r=n.b;t("setNonce",n.s)},function(t){i=t.g}],execute:function(){var t=this;var o=function(){var t=n.meta.url;var r={};if(t!==""){r.resourcesUrl=new URL(".",t).href}return e(r)};o().then((function(n){return __awaiter(t,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:return[4,i()];case 1:t.sent();return[2,r([["p-0ab2f3bc.system",[[1,"nb-skeleton",{count:[2],label:[1],as:[1],asChild:[4,"as-child"],variant:[1],width:[1],height:[1],marginBottom:[1,"margin-bottom"],animation:[1],customStyles:[1,"custom-styles"],showWarnings:[4,"show-warnings"]}]]]],n)]}}))}))}))}}}));

package/dist/skeleton-webcomponent/p-e5fc5295.entry.js

@@ -0,0 +1 @@
+import{r as e,h as t,H as s}from"./p-D_NQrSVN.js";const i=["progress","progress-dark","pulse","false"],r=class{constructor(t){e(this,t),this.count=1,this.label="Loading...",this.as="div",this.asChild=!1,this.variant="text",this.width=null,this.height=null,this.marginBottom=null,this.animation="progress",this.customStyles={},this.showWarnings=!0,this.items=[],this.parsedCustomStyles={}}componentWillLoad(){this.init()}componentWillUpdate(){this.init()}init(){if(this.items.length=this.count,this.items.fill(1),this.parsedCustomStyles={},i.includes(this.animation)||(this.showWarnings&&console.warn(`\`Skeleton\` need to receive 'animation' as: ${i.join(", ")}. Forcing default to "progress".`),this.animation="progress"),this.customStyles&&"string"==typeof this.customStyles)try{const e=JSON.parse(this.customStyles);e&&"object"==typeof e&&(this.parsedCustomStyles=e)}catch(e){this.showWarnings&&console.warn("can't parse styles",this.customStyles)}else this.customStyles&&"object"==typeof this.customStyles&&(this.parsedCustomStyles=this.customStyles)}get style(){let e={width:null,height:null,marginBottom:null};this.width&&(e.width=this.width),this.height&&(e.height=this.height),this.marginBottom&&(e.marginBottom=this.marginBottom);const t=this.parsedCustomStyles;return Object.assign(Object.assign({},e),t)}resolveWrapperTag(){const e=(this.as||"").trim().toLowerCase();return/^[a-z][a-z0-9-]*$/.test(e)?e:(this.showWarnings&&console.warn('`Skeleton` `as` prop must be a valid html tag name. Falling back to "div".'),"div")}get ariaProps(){return{"aria-busy":"true","aria-label":this.label,"aria-valuemin":"0","aria-valuemax":"100","aria-valuetext":this.label,role:"progressbar"}}renderRows(){return this.items.map(((e,s)=>t("span",{key:s,class:{circle:"circle"===this.variant,rect:"rect"===this.variant,progress:"progress"===this.animation,"progress-dark":"progress-dark"===this.animation,pulse:"pulse"===this.animation,skeleton:!0},"aria-hidden":"true",style:this.style})))}render(){if(this.asChild)return t(s,Object.assign({},this.ariaProps),this.renderRows());const e=this.resolveWrapperTag();return t(s,null,t(e,Object.assign({},this.ariaProps),this.renderRows()))}};r.style=".skeleton{-webkit-box-sizing:border-box;box-sizing:border-box;outline:none;overflow:hidden;position:relative;background:var(--skeleton-background, #eff1f6) no-repeat;border-radius:var(--skeleton-border-radius, 4px);width:var(--skeleton-width, 100%);height:var(--skeleton-height, 20px);display:inline-block;margin-bottom:var(--skeleton-margin-bottom, 10px);will-change:transform}.skeleton:after,.skeleton:before{-webkit-box-sizing:border-box;box-sizing:border-box}.skeleton.circle{width:var(--skeleton-width, 40px);height:var(--skeleton-height, 40px);margin-bottom:var(--skeleton-margin-bottom, 5px);border-radius:var(--skeleton-border-radius, 50%)}.skeleton.rect{border-radius:var(--skeleton-border-radius, 0px)}.skeleton.progress,.skeleton.progress-dark{-webkit-animation:progress 2s cubic-bezier(0.4, 0, 0.2, 1) infinite;animation:progress 2s cubic-bezier(0.4, 0, 0.2, 1) infinite;background-size:200px 100%}.skeleton.progress{background-image:-webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(rgba(255, 255, 255, 0.6)), to(rgba(255, 255, 255, 0)));background-image:linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0))}.skeleton.progress-dark{background-image:-webkit-gradient(linear, left top, right top, from(transparent), color-stop(rgba(0, 0, 0, 0.2)), to(transparent));background-image:linear-gradient(90deg, transparent, rgba(0, 0, 0, 0.2), transparent)}.skeleton.pulse{-webkit-animation:pulse 1.5s cubic-bezier(0.4, 0, 0.2, 1) infinite;animation:pulse 1.5s cubic-bezier(0.4, 0, 0.2, 1) infinite;-webkit-animation-delay:0.5s;animation-delay:0.5s}@media (prefers-reduced-motion: reduce){.skeleton.pulse,.skeleton.progress-dark,.skeleton.progress{-webkit-animation:none;animation:none}.skeleton.progress,.skeleton.progress-dark{background-image:none}}@-webkit-keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@-webkit-keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}";export{r as nb_skeleton}

package/dist/skeleton-webcomponent/skeleton-webcomponent.esm.js

@@ -1 +1 @@
-import{p as t,w as s,a as n,b as o}from"./p-7e96e5d4.js";(()=>{t.t=s.__cssshim;const o=import.meta.url,a={};return""!==o&&(a.resourcesUrl=new URL(".",o).href),n(a)})().then((t=>o([["p-63ed3b45",[[1,"nb-skeleton",{count:[2],variant:[1],width:[1],height:[1],marginBottom:[1,"margin-bottom"],animation:[1],customStyles:[1,"custom-styles"],showWarnings:[4,"show-warnings"]}]]]],t)));
+import{p as t,b as a}from"./p-D_NQrSVN.js";export{s as setNonce}from"./p-D_NQrSVN.js";import{g as o}from"./p-DQuL1Twl.js";(()=>{const s=import.meta.url,a={};return""!==s&&(a.resourcesUrl=new URL(".",s).href),t(a)})().then((async s=>(await o(),a([["p-e5fc5295",[[1,"nb-skeleton",{count:[2],label:[1],as:[1],asChild:[4,"as-child"],variant:[1],width:[1],height:[1],marginBottom:[1,"margin-bottom"],animation:[1],customStyles:[1,"custom-styles"],showWarnings:[4,"show-warnings"]}]]]],s))));

package/dist/skeleton-webcomponent/skeleton-webcomponent.js

@@ -6,7 +6,7 @@
   // Safari 10 support type="module" but still download and executes the nomodule script
   if (!currentScript || !currentScript.hasAttribute('nomodule') || !('onbeforeload' in currentScript)) {
 
-  /**
+    /**
  * core-js 3.6.5
  * https://github.com/zloirock/core-js
  * License: http://rock.mit-license.org
@@ -106,27 +106,22 @@ DOMTokenList
  */
 !function(){var e="undefined"!=typeof self,n=e?self:global;var t;if("undefined"!=typeof document){var e=document.querySelector("base[href]");e&&(t=e.href)}if(!t&&"undefined"!=typeof location){var e=(t=location.href.split("#")[0].split("?")[0]).lastIndexOf("/");-1!==e&&(t=t.slice(0,e+1))}var r=/\\/g,o="undefined"!=typeof Symbol,i=o&&Symbol.toStringTag,c=o?Symbol():"@";function u(){this[c]={}}var s=u.prototype;var l;s.import=function(e,n){var t=this;return Promise.resolve(t.resolve(e,n)).then(function(e){var n=function e(n,t,r){var o=n[c][t];if(o)return o;var u=[],s=Object.create(null);i&&Object.defineProperty(s,i,{value:"Module"});var l=Promise.resolve().then(function(){return n.instantiate(t,r)}).then(function(e){if(!e)throw Error("Module "+t+" did not instantiate");var r=e[1](function(e,n){o.h=!0;var t=!1;if("object"!=typeof e)e in s&&s[e]===n||(s[e]=n,t=!0);else for(var n in e){var r=e[n];n in s&&s[n]===r||(s[n]=r,t=!0)}if(t)for(var e=0;e<u.length;e++)u[e](s);return n},2===e[1].length?{import:function(e){return n.import(e,t)},meta:n.createContext(t)}:void 0);return o.e=r.execute||function(){},[e[0],r.setters||[]]});var f=l.then(function(r){return Promise.all(r[0].map(function(o,i){var c=r[1][i];return Promise.resolve(n.resolve(o,t)).then(function(r){var o=e(n,r,t);return Promise.resolve(o.I).then(function(){return c&&(o.i.push(c),!o.h&&o.I||c(o.n)),o})})})).then(function(e){o.d=e})});return f.catch(function(e){o.e=null,o.er=e}),o=n[c][t]={id:t,i:u,n:s,I:l,L:f,h:!1,d:void 0,e:void 0,er:void 0,E:void 0,C:void 0}}(t,e);return n.C||function(e,n){return n.C=function e(n,t,r){if(!r[t.id])return r[t.id]=!0,Promise.resolve(t.L).then(function(){return Promise.all(t.d.map(function(t){return e(n,t,r)}))})}(e,n,{}).then(function(){return function e(n,t,r){if(r[t.id])return;if(r[t.id]=!0,!t.e){if(t.er)throw t.er;return t.E?t.E:void 0}var o;return t.d.forEach(function(t){{var i=e(n,t,r);i&&(o=o||[]).push(i)}}),o?Promise.all(o).then(i):i();function i(){try{var e=t.e.call(f);if(e)return e=e.then(function(){t.C=t.n,t.E=null}),t.E=t.E||e;t.C=t.n}catch(e){throw t.er=e,e}finally{t.L=t.I=void 0,t.e=null}}}(e,n,{})}).then(function(){return n.n})}(t,n)})},s.createContext=function(e){return{url:e}},s.register=function(e,n){l=[e,n]},s.getRegister=function(){var e=l;return l=void 0,e};var f=Object.freeze(Object.create(null));n.System=n.System||new u;var d=s.register;s.register=function(e,n){d.call(this,e,n)},s.instantiate=function(e,n){var t=this;return".json"===e.substr(-5)?fetch(e).then(function(e){return e.text()}).then(function(e){return[[],function(n){return{execute:function(){n("default",JSON.parse(e))}}}]}):new Promise(function(r,o){var i;function c(n){n.filename===e&&(i=n.error)}window.addEventListener("error",c);var u=document.createElement("script");u.charset="utf-8",u.async=!0,u.addEventListener("error",function(){window.removeEventListener("error",c),o(Error("Error loading "+e+(n?" from "+n:"")))}),u.addEventListener("load",function(){window.removeEventListener("error",c),document.head.removeChild(u),i?o(i):r(t.getRegister())}),u.src=e,document.head.appendChild(u)})},e&&"function"==typeof importScripts&&(s.instantiate=function(e){var n=this;return new Promise(function(t,r){try{importScripts(e)}catch(e){r(e)}t(n.getRegister())})}),s.resolve=function(e,n){var o=function(e,n){if(-1!==e.indexOf("\\")&&(e=e.replace(r,"/")),"/"===e[0]&&"/"===e[1])return n.slice(0,n.indexOf(":")+1)+e;if("."===e[0]&&("/"===e[1]||"."===e[1]&&("/"===e[2]||2===e.length&&(e+="/"))||1===e.length&&(e+="/"))||"/"===e[0]){var t=n.slice(0,n.indexOf(":")+1);var r;if(r="/"===n[t.length+1]?"file:"!==t?(r=n.slice(t.length+2)).slice(r.indexOf("/")+1):n.slice(8):n.slice(t.length+("/"===n[t.length])),"/"===e[0])return n.slice(0,n.length-r.length-1)+e;var o=r.slice(0,r.lastIndexOf("/")+1)+e,i=[];var c=-1;for(var e=0;e<o.length;e++)-1!==c?"/"===o[e]&&(i.push(o.slice(c,e+1)),c=-1):"."===o[e]?"."!==o[e+1]||"/"!==o[e+2]&&e+2!==o.length?"/"===o[e+1]||e+1===o.length?e+=1:c=e:(i.pop(),e+=2):c=e;return-1!==c&&i.push(o.slice(c)),n.slice(0,n.length-r.length)+i.join("")}}(e,n||t);if(!o){if(-1!==e.indexOf(":"))return Promise.resolve(e);throw Error('Cannot resolve "'+e+(n?'" from '+n:'"'))}return Promise.resolve(o)}}();
 
-var __assign=this&&this.__assign||function(){return(__assign=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var s in t=arguments[r])Object.prototype.hasOwnProperty.call(t,s)&&(e[s]=t[s]);return e}).apply(this,arguments)},StyleNode=function(){this.start=0,this.end=0,this.previous=null,this.parent=null,this.rules=null,this.parsedCssText="",this.cssText="",this.atRule=!1,this.type=0,this.keyframesName="",this.selector="",this.parsedSelector=""};function parse(e){return parseCss(lex(e=clean(e)),e)}function clean(e){return e.replace(RX.comments,"").replace(RX.port,"")}function lex(e){var t=new StyleNode;t.start=0,t.end=e.length;for(var r=t,n=0,s=e.length;n<s;n++)if(e[n]===OPEN_BRACE){r.rules||(r.rules=[]);var o=r,a=o.rules[o.rules.length-1]||null;(r=new StyleNode).start=n+1,r.parent=o,r.previous=a,o.rules.push(r)}else e[n]===CLOSE_BRACE&&(r.end=n+1,r=r.parent||t);return t}function parseCss(e,t){var r=t.substring(e.start,e.end-1);if(e.parsedCssText=e.cssText=r.trim(),e.parent){var n=e.previous?e.previous.end:e.parent.start;r=(r=(r=_expandUnicodeEscapes(r=t.substring(n,e.start-1))).replace(RX.multipleSpaces," ")).substring(r.lastIndexOf(";")+1);var s=e.parsedSelector=e.selector=r.trim();e.atRule=0===s.indexOf(AT_START),e.atRule?0===s.indexOf(MEDIA_START)?e.type=types.MEDIA_RULE:s.match(RX.keyframesRule)&&(e.type=types.KEYFRAMES_RULE,e.keyframesName=e.selector.split(RX.multipleSpaces).pop()):0===s.indexOf(VAR_START)?e.type=types.MIXIN_RULE:e.type=types.STYLE_RULE}var o=e.rules;if(o)for(var a=0,i=o.length,l=void 0;a<i&&(l=o[a]);a++)parseCss(l,t);return e}function _expandUnicodeEscapes(e){return e.replace(/\\([0-9a-f]{1,6})\s/gi,(function(){for(var e=arguments[1],t=6-e.length;t--;)e="0"+e;return"\\"+e}))}var types={STYLE_RULE:1,KEYFRAMES_RULE:7,MEDIA_RULE:4,MIXIN_RULE:1e3},OPEN_BRACE="{",CLOSE_BRACE="}",RX={comments:/\/\*[^*]*\*+([^/*][^*]*\*+)*\//gim,port:/@import[^;]*;/gim,customProp:/(?:^[^;\-\s}]+)?--[^;{}]*?:[^{};]*?(?:[;\n]|$)/gim,mixinProp:/(?:^[^;\-\s}]+)?--[^;{}]*?:[^{};]*?{[^}]*?}(?:[;\n]|$)?/gim,mixinApply:/@apply\s*\(?[^);]*\)?\s*(?:[;\n]|$)?/gim,varApply:/[^;:]*?:[^;]*?var\([^;]*\)(?:[;\n]|$)?/gim,keyframesRule:/^@[^\s]*keyframes/,multipleSpaces:/\s+/g},VAR_START="--",MEDIA_START="@media",AT_START="@";function findRegex(e,t,r){e.lastIndex=0;var n=t.substring(r).match(e);if(n){var s=r+n.index;return{start:s,end:s+n[0].length}}return null}var VAR_USAGE_START=/\bvar\(/,VAR_ASSIGN_START=/\B--[\w-]+\s*:/,COMMENTS=/\/\*[^*]*\*+([^/*][^*]*\*+)*\//gim,TRAILING_LINES=/^[\t ]+\n/gm;function resolveVar(e,t,r){return e[t]?e[t]:r?executeTemplate(r,e):""}function findVarEndIndex(e,t){for(var r=0,n=t;n<e.length;n++){var s=e[n];if("("===s)r++;else if(")"===s&&--r<=0)return n+1}return n}function parseVar(e,t){var r=findRegex(VAR_USAGE_START,e,t);if(!r)return null;var n=findVarEndIndex(e,r.start),s=e.substring(r.end,n-1).split(","),o=s[0],a=s.slice(1);return{start:r.start,end:n,propName:o.trim(),fallback:a.length>0?a.join(",").trim():void 0}}function compileVar(e,t,r){var n=parseVar(e,r);if(!n)return t.push(e.substring(r,e.length)),e.length;var s=n.propName,o=null!=n.fallback?compileTemplate(n.fallback):void 0;return t.push(e.substring(r,n.start),(function(e){return resolveVar(e,s,o)})),n.end}function executeTemplate(e,t){for(var r="",n=0;n<e.length;n++){var s=e[n];r+="string"==typeof s?s:s(t)}return r}function findEndValue(e,t){for(var r=!1,n=!1,s=t;s<e.length;s++){var o=e[s];if(r)n&&'"'===o&&(r=!1),n||"'"!==o||(r=!1);else if('"'===o)r=!0,n=!0;else if("'"===o)r=!0,n=!1;else{if(";"===o)return s+1;if("}"===o)return s}}return s}function removeCustomAssigns(e){for(var t="",r=0;;){var n=findRegex(VAR_ASSIGN_START,e,r),s=n?n.start:e.length;if(t+=e.substring(r,s),!n)break;r=findEndValue(e,s)}return t}function compileTemplate(e){var t=0;e=removeCustomAssigns(e=e.replace(COMMENTS,"")).replace(TRAILING_LINES,"");for(var r=[];t<e.length;)t=compileVar(e,r,t);return r}function resolveValues(e){var t={};e.forEach((function(e){e.declarations.forEach((function(e){t[e.prop]=e.value}))}));for(var r={},n=Object.entries(t),s=function(e){var t=!1;if(n.forEach((function(e){var n=e[0],s=executeTemplate(e[1],r);s!==r[n]&&(r[n]=s,t=!0)})),!t)return"break"},o=0;o<10;o++){if("break"===s())break}return r}function getSelectors(e,t){if(void 0===t&&(t=0),!e.rules)return[];var r=[];return e.rules.filter((function(e){return e.type===types.STYLE_RULE})).forEach((function(e){var n=getDeclarations(e.cssText);n.length>0&&e.parsedSelector.split(",").forEach((function(e){e=e.trim(),r.push({selector:e,declarations:n,specificity:computeSpecificity(),nu:t})})),t++})),r}function computeSpecificity(e){return 1}var IMPORTANT="!important",FIND_DECLARATIONS=/(?:^|[;\s{]\s*)(--[\w-]*?)\s*:\s*(?:((?:'(?:\\'|.)*?'|"(?:\\"|.)*?"|\([^)]*?\)|[^};{])+)|\{([^}]*)\}(?:(?=[;\s}])|$))/gm;function getDeclarations(e){for(var t,r=[];t=FIND_DECLARATIONS.exec(e.trim());){var n=normalizeValue(t[2]),s=n.value,o=n.important;r.push({prop:t[1].trim(),value:compileTemplate(s),important:o})}return r}function normalizeValue(e){var t=(e=e.replace(/\s+/gim," ").trim()).endsWith(IMPORTANT);return t&&(e=e.substr(0,e.length-IMPORTANT.length).trim()),{value:e,important:t}}function getActiveSelectors(e,t,r){var n=[],s=getScopesForElement(t,e);return r.forEach((function(e){return n.push(e)})),s.forEach((function(e){return n.push(e)})),sortSelectors(getSelectorsForScopes(n).filter((function(t){return matches(e,t.selector)})))}function getScopesForElement(e,t){for(var r=[];t;){var n=e.get(t);n&&r.push(n),t=t.parentElement}return r}function getSelectorsForScopes(e){var t=[];return e.forEach((function(e){t.push.apply(t,e.selectors)})),t}function sortSelectors(e){return e.sort((function(e,t){return e.specificity===t.specificity?e.nu-t.nu:e.specificity-t.specificity})),e}function matches(e,t){return":root"===t||"html"===t||e.matches(t)}function parseCSS(e){var t=parse(e),r=compileTemplate(e);return{original:e,template:r,selectors:getSelectors(t),usesCssVars:r.length>1}}function addGlobalStyle(e,t){if(e.some((function(e){return e.styleEl===t})))return!1;var r=parseCSS(t.textContent);return r.styleEl=t,e.push(r),!0}function updateGlobalScopes(e){var t=resolveValues(getSelectorsForScopes(e));e.forEach((function(e){e.usesCssVars&&(e.styleEl.textContent=executeTemplate(e.template,t))}))}function reScope(e,t){var r=e.template.map((function(r){return"string"==typeof r?replaceScope(r,e.scopeId,t):r})),n=e.selectors.map((function(r){return __assign(__assign({},r),{selector:replaceScope(r.selector,e.scopeId,t)})}));return __assign(__assign({},e),{template:r,selectors:n,scopeId:t})}function replaceScope(e,t,r){return e=replaceAll(e,"\\."+t,"."+r)}function replaceAll(e,t,r){return e.replace(new RegExp(t,"g"),r)}function loadDocument(e,t){return loadDocumentStyles(e,t),loadDocumentLinks(e,t).then((function(){updateGlobalScopes(t)}))}function startWatcher(e,t){"undefined"!=typeof MutationObserver&&new MutationObserver((function(){loadDocumentStyles(e,t)&&updateGlobalScopes(t)})).observe(document.head,{childList:!0})}function loadDocumentLinks(e,t){for(var r=[],n=e.querySelectorAll('link[rel="stylesheet"][href]:not([data-no-shim])'),s=0;s<n.length;s++)r.push(addGlobalLink(e,t,n[s]));return Promise.all(r)}function loadDocumentStyles(e,t){return Array.from(e.querySelectorAll("style:not([data-styles]):not([data-no-shim])")).map((function(e){return addGlobalStyle(t,e)})).some(Boolean)}function addGlobalLink(e,t,r){var n=r.href;return fetch(n).then((function(e){return e.text()})).then((function(s){if(hasCssVariables(s)&&r.parentNode){hasRelativeUrls(s)&&(s=fixRelativeUrls(s,n));var o=e.createElement("style");o.setAttribute("data-styles",""),o.textContent=s,addGlobalStyle(t,o),r.parentNode.insertBefore(o,r),r.remove()}})).catch((function(e){console.error(e)}))}var CSS_VARIABLE_REGEXP=/[\s;{]--[-a-zA-Z0-9]+\s*:/m;function hasCssVariables(e){return e.indexOf("var(")>-1||CSS_VARIABLE_REGEXP.test(e)}var CSS_URL_REGEXP=/url[\s]*\([\s]*['"]?(?!(?:https?|data)\:|\/)([^\'\"\)]*)[\s]*['"]?\)[\s]*/gim;function hasRelativeUrls(e){return CSS_URL_REGEXP.lastIndex=0,CSS_URL_REGEXP.test(e)}function fixRelativeUrls(e,t){var r=t.replace(/[^/]*$/,"");return e.replace(CSS_URL_REGEXP,(function(e,t){var n=r+t;return e.replace(t,n)}))}var CustomStyle=function(){function e(e,t){this.win=e,this.doc=t,this.count=0,this.hostStyleMap=new WeakMap,this.hostScopeMap=new WeakMap,this.globalScopes=[],this.scopesMap=new Map,this.didInit=!1}return e.prototype.i=function(){var e=this;return this.didInit||!this.win.requestAnimationFrame?Promise.resolve():(this.didInit=!0,new Promise((function(t){e.win.requestAnimationFrame((function(){startWatcher(e.doc,e.globalScopes),loadDocument(e.doc,e.globalScopes).then((function(){return t()}))}))})))},e.prototype.addLink=function(e){var t=this;return addGlobalLink(this.doc,this.globalScopes,e).then((function(){t.updateGlobal()}))},e.prototype.addGlobalStyle=function(e){addGlobalStyle(this.globalScopes,e)&&this.updateGlobal()},e.prototype.createHostStyle=function(e,t,r,n){if(this.hostScopeMap.has(e))throw new Error("host style already created");var s=this.registerHostTemplate(r,t,n),o=this.doc.createElement("style");return o.setAttribute("data-no-shim",""),s.usesCssVars?n?(o["s-sc"]=t=s.scopeId+"-"+this.count,o.textContent="/*needs update*/",this.hostStyleMap.set(e,o),this.hostScopeMap.set(e,reScope(s,t)),this.count++):(s.styleEl=o,s.usesCssVars||(o.textContent=executeTemplate(s.template,{})),this.globalScopes.push(s),this.updateGlobal(),this.hostScopeMap.set(e,s)):o.textContent=r,o},e.prototype.removeHost=function(e){var t=this.hostStyleMap.get(e);t&&t.remove(),this.hostStyleMap.delete(e),this.hostScopeMap.delete(e)},e.prototype.updateHost=function(e){var t=this.hostScopeMap.get(e);if(t&&t.usesCssVars&&t.isScoped){var r=this.hostStyleMap.get(e);if(r){var n=resolveValues(getActiveSelectors(e,this.hostScopeMap,this.globalScopes));r.textContent=executeTemplate(t.template,n)}}},e.prototype.updateGlobal=function(){updateGlobalScopes(this.globalScopes)},e.prototype.registerHostTemplate=function(e,t,r){var n=this.scopesMap.get(t);return n||((n=parseCSS(e)).scopeId=t,n.isScoped=r,this.scopesMap.set(t,n)),n},e}();!function(e){!e||e.__cssshim||e.CSS&&e.CSS.supports&&e.CSS.supports("color","var(--c)")||(e.__cssshim=new CustomStyle(e,e.document))}("undefined"!=typeof window&&window);
+    // Figure out currentScript (for IE11, since it does not support currentScript)
+    var regex = /\/skeleton-webcomponent(\.esm)?\.js($|\?|#)/;
+    var scriptElm = currentScript || Array.from(document.querySelectorAll('script')).find(function(s) {
+      return regex.test(s.src) || s.getAttribute('data-stencil-namespace') === "skeleton-webcomponent";
+    });
 
-  // Figure out currentScript (for IE11, since it does not support currentScript)
-  var regex = /\/skeleton-webcomponent(\.esm)?\.js($|\?|#)/;
-  var scriptElm = currentScript || Array.from(document.querySelectorAll('script')).find(function(s) {
-    return regex.test(s.src) || s.getAttribute('data-stencil-namespace') === "skeleton-webcomponent";
-  });
+    var resourcesUrl = scriptElm ? scriptElm.getAttribute('data-resources-url') || scriptElm.src : '';
+    var start = function() {
+      // if src is not present then origin is "null", and new URL() throws TypeError: Failed to construct 'URL': Invalid base URL
+      var url = new URL('./p-DikQ2aXB.system.js', new URL(resourcesUrl, window.location.origin !== 'null' ? window.location.origin : undefined));
+      System.import(url.href);
+    };
 
-  var resourcesUrl = scriptElm ? scriptElm.getAttribute('data-resources-url') || scriptElm.src : '';
-  var start = function() {
-    var url = new URL('./p-8bef7229.system.js', new URL(resourcesUrl, window.location.origin));
-    System.import(url.href);
-  };
-
-  if (window.__cssshim) {
-    window.__cssshim.i().then(start);
-  } else {
     start();
-  }
 
-  // Note: using .call(window) here because the self-executing function needs
-  // to be scoped to the window object for the ES6Promise polyfill to work
+    // Note: using .call(window) here because the self-executing function needs
+    // to be scoped to the window object for the ES6Promise polyfill to work
   }
 }).call(window);

package/dist/types/components/skeleton/skeleton.d.ts

@@ -1,69 +1,103 @@
 export declare class Skeleton {
-  /**
-   * Number of rows of current skeleton type
-   *
-   * @memberof Skeleton
-   */
-  count: number;
-  /**
-   * Variant of the skeleton - circle or row
-   *
-   * @type {('circle' | '')}
-   * @memberof Skeleton
-   */
-  variant: 'circle' | 'rect' | 'text';
-  /**
-   * Width of the skeleton ex. 100px, 100%, auto etc.
-   *
-   *
-   * @type {string}
-   * @memberof Skeleton
-   */
-  width: string;
-  /**
-   * Height of the skeleton ex. 100px, 100%, auto etc.
-   *
-   * @type {string}
-   * @memberof Skeleton
-   */
-  height: string;
-  /**
-   * MarginBottom of the skeleton ex. 10px, 0 etc.
-   *
-   * @type {string}
-   * @memberof Skeleton
-   */
-  marginBottom: string;
-  /**
-   * Animation type
-   *
-   * @type {('progress' | 'progress-dark' | 'pulse' | 'false')}
-   * @memberof Skeleton
-   */
-  animation: 'progress' | 'progress-dark' | 'pulse' | 'false';
-  /**
-   * Custom css styles (background/margins/width/height etc.)
-   *
-   * @type {({[k: string]: string} | string)}
-   * @memberof Skeleton
-   */
-  customStyles: {
-    [key: string]: string;
-  } | string;
-  /**
-   * Whether to show warnings for the wrong animation type/custom styles
-   *
-   * @memberof Skeleton
-   */
-  showWarnings: boolean;
-  items: number[];
-  componentWillLoad(): void;
-  componentWillUpdate(): void;
-  init(): void;
-  get style(): {
-    width?: string;
-    height?: string;
-    marginBottom?: string;
-  };
-  render(): any[];
+    /**
+     * Number of rows of current skeleton type
+     *
+     * @memberof Skeleton
+     */
+    count: number;
+    /**
+     * Accessible text announced by screen readers while content is loading
+     *
+     * @type {string}
+     * @memberof Skeleton
+     */
+    label: string;
+    /**
+     * Wrapper element tag that carries ARIA attributes (e.g. div, span, section)
+     *
+     * @type {string}
+     * @memberof Skeleton
+     */
+    as: string;
+    /**
+     * Render rows directly in the host element and apply ARIA attributes to host
+     *
+     * @type {boolean}
+     * @memberof Skeleton
+     */
+    asChild: boolean;
+    /**
+     * Variant of the skeleton - circle or row
+     *
+     * @type {('circle' | '')}
+     * @memberof Skeleton
+     */
+    variant: 'circle' | 'rect' | 'text';
+    /**
+     * Width of the skeleton ex. 100px, 100%, auto etc.
+     *
+     *
+     * @type {string}
+     * @memberof Skeleton
+     */
+    width: string;
+    /**
+     * Height of the skeleton ex. 100px, 100%, auto etc.
+     *
+     * @type {string}
+     * @memberof Skeleton
+     */
+    height: string;
+    /**
+     * MarginBottom of the skeleton ex. 10px, 0 etc.
+     *
+     * @type {string}
+     * @memberof Skeleton
+     */
+    marginBottom: string;
+    /**
+     * Animation type
+     *
+     * @type {('progress' | 'progress-dark' | 'pulse' | 'false')}
+     * @memberof Skeleton
+     */
+    animation: 'progress' | 'progress-dark' | 'pulse' | 'false';
+    /**
+     * Custom css styles (background/margins/width/height etc.)
+     *
+     * @type {({[k: string]: string} | string)}
+     * @memberof Skeleton
+     */
+    customStyles: {
+        [key: string]: string;
+    } | string;
+    /**
+     * Whether to show warnings for the wrong animation type/custom styles
+     *
+     * @memberof Skeleton
+     */
+    showWarnings: boolean;
+    items: number[];
+    parsedCustomStyles: {
+        [key: string]: string;
+    };
+    componentWillLoad(): void;
+    componentWillUpdate(): void;
+    init(): void;
+    get style(): {
+        width?: string;
+        height?: string;
+        marginBottom?: string;
+    };
+    resolveWrapperTag(): string;
+    get ariaProps(): {
+        'aria-busy': string;
+        'aria-label': string;
+        'aria-valuemin': string;
+        'aria-valuemax': string;
+        'aria-valuetext': string;
+        role: string;
+    };
+    renderRows(): any[];
+    render(): any;
 }

package/dist/types/components.d.ts

@@ -11,46 +11,75 @@ export namespace Components {
           * Animation type
           * @type {('progress' | 'progress-dark' | 'pulse' | 'false')}
           * @memberof Skeleton
+          * @default 'progress'
          */
         "animation": 'progress' | 'progress-dark' | 'pulse' | 'false';
+        /**
+          * Wrapper element tag that carries ARIA attributes (e.g. div, span, section)
+          * @type {string}
+          * @memberof Skeleton
+          * @default 'div'
+         */
+        "as": string;
+        /**
+          * Render rows directly in the host element and apply ARIA attributes to host
+          * @type {boolean}
+          * @memberof Skeleton
+          * @default false
+         */
+        "asChild": boolean;
         /**
           * Number of rows of current skeleton type
           * @memberof Skeleton
+          * @default 1
          */
         "count": number;
         /**
           * Custom css styles (background/margins/width/height etc.)
           * @type {({[k: string]: string} | string)}
           * @memberof Skeleton
+          * @default {}
          */
         "customStyles": { [key: string]: string } | string;
         /**
           * Height of the skeleton ex. 100px, 100%, auto etc.
           * @type {string}
           * @memberof Skeleton
+          * @default null
          */
         "height": string;
+        /**
+          * Accessible text announced by screen readers while content is loading
+          * @type {string}
+          * @memberof Skeleton
+          * @default 'Loading...'
+         */
+        "label": string;
         /**
           * MarginBottom of the skeleton ex. 10px, 0 etc.
           * @type {string}
           * @memberof Skeleton
+          * @default null
          */
         "marginBottom": string;
         /**
           * Whether to show warnings for the wrong animation type/custom styles
           * @memberof Skeleton
+          * @default true
          */
         "showWarnings": boolean;
         /**
           * Variant of the skeleton - circle or row
           * @type {('circle' | '')}
           * @memberof Skeleton
+          * @default 'text'
          */
         "variant": 'circle' | 'rect' | 'text';
         /**
           * Width of the skeleton ex. 100px, 100%, auto etc.
           * @type {string}
           * @memberof Skeleton
+          * @default null
          */
         "width": string;
     }
@@ -72,58 +101,102 @@ declare namespace LocalJSX {
           * Animation type
           * @type {('progress' | 'progress-dark' | 'pulse' | 'false')}
           * @memberof Skeleton
+          * @default 'progress'
          */
         "animation"?: 'progress' | 'progress-dark' | 'pulse' | 'false';
+        /**
+          * Wrapper element tag that carries ARIA attributes (e.g. div, span, section)
+          * @type {string}
+          * @memberof Skeleton
+          * @default 'div'
+         */
+        "as"?: string;
+        /**
+          * Render rows directly in the host element and apply ARIA attributes to host
+          * @type {boolean}
+          * @memberof Skeleton
+          * @default false
+         */
+        "asChild"?: boolean;
         /**
           * Number of rows of current skeleton type
           * @memberof Skeleton
+          * @default 1
          */
         "count"?: number;
         /**
           * Custom css styles (background/margins/width/height etc.)
           * @type {({[k: string]: string} | string)}
           * @memberof Skeleton
+          * @default {}
          */
         "customStyles"?: { [key: string]: string } | string;
         /**
           * Height of the skeleton ex. 100px, 100%, auto etc.
           * @type {string}
           * @memberof Skeleton
+          * @default null
          */
         "height"?: string;
+        /**
+          * Accessible text announced by screen readers while content is loading
+          * @type {string}
+          * @memberof Skeleton
+          * @default 'Loading...'
+         */
+        "label"?: string;
         /**
           * MarginBottom of the skeleton ex. 10px, 0 etc.
           * @type {string}
           * @memberof Skeleton
+          * @default null
          */
         "marginBottom"?: string;
         /**
           * Whether to show warnings for the wrong animation type/custom styles
           * @memberof Skeleton
+          * @default true
          */
         "showWarnings"?: boolean;
         /**
           * Variant of the skeleton - circle or row
           * @type {('circle' | '')}
           * @memberof Skeleton
+          * @default 'text'
          */
         "variant"?: 'circle' | 'rect' | 'text';
         /**
           * Width of the skeleton ex. 100px, 100%, auto etc.
           * @type {string}
           * @memberof Skeleton
+          * @default null
          */
         "width"?: string;
     }
+
+    interface NbSkeletonAttributes {
+        "count": number;
+        "label": string;
+        "as": string;
+        "asChild": boolean;
+        "variant": 'circle' | 'rect' | 'text';
+        "width": string;
+        "height": string;
+        "marginBottom": string;
+        "animation": 'progress' | 'progress-dark' | 'pulse' | 'false';
+        "customStyles": { [key: string]: string } | string;
+        "showWarnings": boolean;
+    }
+
     interface IntrinsicElements {
-        "nb-skeleton": NbSkeleton;
+        "nb-skeleton": Omit<NbSkeleton, keyof NbSkeletonAttributes> & { [K in keyof NbSkeleton & keyof NbSkeletonAttributes]?: NbSkeleton[K] } & { [K in keyof NbSkeleton & keyof NbSkeletonAttributes as `attr:${K}`]?: NbSkeletonAttributes[K] } & { [K in keyof NbSkeleton & keyof NbSkeletonAttributes as `prop:${K}`]?: NbSkeleton[K] };
     }
 }
 export { LocalJSX as JSX };
 declare module "@stencil/core" {
     export namespace JSX {
         interface IntrinsicElements {
-            "nb-skeleton": LocalJSX.NbSkeleton & JSXBase.HTMLAttributes<HTMLNbSkeletonElement>;
+            "nb-skeleton": LocalJSX.IntrinsicElements["nb-skeleton"] & JSXBase.HTMLAttributes<HTMLNbSkeletonElement>;
         }
     }
 }