UNPKG

@thoschu/canvas-web-component

Version:

Web Components made by Tom S. with Stencil.js

3 lines 14.7 kB
const e="canvas-web-component";const t={allRenderFn:true,appendChildSlotFix:false,asyncLoading:true,asyncQueue:false,attachStyles:true,cloneNodeFix:false,cmpDidLoad:true,cmpDidRender:false,cmpDidUnload:false,cmpDidUpdate:false,cmpShouldUpdate:false,cmpWillLoad:false,cmpWillRender:false,cmpWillUpdate:false,connectedCallback:false,constructableCSS:true,cssAnnotations:true,devTools:false,disconnectedCallback:false,element:false,event:false,experimentalScopedSlotChanges:false,experimentalSlotFixes:false,formAssociated:false,hasRenderFn:true,hostListener:false,hostListenerTarget:false,hostListenerTargetBody:false,hostListenerTargetDocument:false,hostListenerTargetParent:false,hostListenerTargetWindow:false,hotModuleReplacement:false,hydrateClientSide:false,hydrateServerSide:false,hydratedAttribute:false,hydratedClass:true,hydratedSelectorName:"hydrated",initializeNextTick:false,invisiblePrehydration:true,isDebug:false,isDev:false,isTesting:false,lazyLoad:true,lifecycle:true,lifecycleDOMEvents:false,member:true,method:true,mode:false,observeAttribute:true,profile:false,prop:true,propBoolean:true,propMutable:false,propNumber:false,propString:true,reflect:false,scoped:false,scopedSlotTextContentFix:false,scriptDataOpts:false,shadowDelegatesFocus:false,shadowDom:true,slot:true,slotChildNodesFix:false,slotRelocation:false,state:true,style:true,svg:false,taskQueue:true,transformTagName:false,updatable:true,vdomAttribute:true,vdomClass:false,vdomFunctional:false,vdomKey:true,vdomListener:true,vdomPropOrAttr:false,vdomRef:false,vdomRender:true,vdomStyle:false,vdomText:false,vdomXlink:false,watchCallback:false};var n=Object.defineProperty;var r=(e,t)=>{for(var r in t)n(e,r,{get:t[r],enumerable:true})};var s=new WeakMap;var l=e=>s.get(e);var o=(e,t)=>s.set(t.t=e,t);var a=(e,t)=>{const n={l:0,$hostElement$:e,o:t,i:new Map};{n.u=new Promise((e=>n.v=e))}{n.h=new Promise((e=>n.p=e));e["s-p"]=[];e["s-rc"]=[]}return s.set(e,n)};var i=(e,t)=>t in e;var f=(e,t)=>(0,console.error)(e,t);var c=new Map;var u=(e,t,n)=>{const r=e.m.replace(/-/g,"_");const s=e.S;if(!s){return void 0}const l=c.get(s);if(l){return l[r]} /*!__STENCIL_STATIC_IMPORT_SWITCH__*/return import(`./${s}.entry.js${""}`).then((e=>{{c.set(s,e)}return e[r]}),f)};var v=new Map;var d="{visibility:hidden}.hydrated{visibility:inherit}";var h="slot-fb{display:contents}slot-fb[hidden]{display:none}";var p=typeof window!=="undefined"?window:{};var m=p.document||{head:{}};var y={l:0,$:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,r)=>e.addEventListener(t,n,r),rel:(e,t,n,r)=>e.removeEventListener(t,n,r),ce:(e,t)=>new CustomEvent(e,t)};var b=e=>Promise.resolve(e);var w=(()=>{try{new CSSStyleSheet;return typeof(new CSSStyleSheet).replaceSync==="function"}catch(e){}return false})();var S=false;var $=[];var g=[];var C=(e,t)=>n=>{e.push(n);if(!S){S=true;if(t&&y.l&4){O(x)}else{y.raf(x)}}};var k=e=>{for(let t=0;t<e.length;t++){try{e[t](performance.now())}catch(e){f(e)}}e.length=0};var x=()=>{k($);{k(g);if(S=$.length>0){y.raf(x)}}};var O=e=>b().then(e);var j=C(g,true);var D={};var E=e=>e!=null;var T=e=>{e=typeof e;return e==="object"||e==="function"};function L(e){var t,n,r;return(r=(n=(t=e.head)==null?void 0:t.querySelector('meta[name="csp-nonce"]'))==null?void 0:n.getAttribute("content"))!=null?r:void 0}var M={};r(M,{err:()=>A,map:()=>F,ok:()=>R,unwrap:()=>P,unwrapErr:()=>N});var R=e=>({isOk:true,isErr:false,value:e});var A=e=>({isOk:false,isErr:true,value:e});function F(e,t){if(e.isOk){const n=t(e.value);if(n instanceof Promise){return n.then((e=>R(e)))}else{return R(n)}}if(e.isErr){const t=e.value;return A(t)}throw"should never get here"}var P=e=>{if(e.isOk){return e.value}else{throw e.value}};var N=e=>{if(e.isErr){return e.value}else{throw e.value}};var U=(e,t="")=>{{return()=>{}}};var W=(e,t)=>{{return()=>{}}};var H=(e,t,...n)=>{let r=null;let s=null;let l=false;let o=false;const a=[];const i=t=>{for(let n=0;n<t.length;n++){r=t[n];if(Array.isArray(r)){i(r)}else if(r!=null&&typeof r!=="boolean"){if(l=typeof e!=="function"&&!T(r)){r=String(r)}if(l&&o){a[a.length-1].C+=r}else{a.push(l?z(null,r):r)}o=l}}};i(n);if(t){if(t.key){s=t.key}}const f=z(e,null);f.k=t;if(a.length>0){f.O=a}{f.j=s}return f};var z=(e,t)=>{const n={l:0,D:e,C:t,T:null,O:null};{n.k=null}{n.j=null}return n};var B={};var Q=e=>e&&e.D===B;var q=(e,t)=>{if(e!=null&&!T(e)){if(t&4){return e==="false"?false:e===""||!!e}if(t&1){return String(e)}return e}return e};var G=e=>l(e).$hostElement$;var I=(e,t,n)=>{const r=y.ce(t,n);e.dispatchEvent(r);return r};var K=new WeakMap;var V=(e,t,n)=>{let r=v.get(e);if(w&&n){r=r||new CSSStyleSheet;if(typeof r==="string"){r=t}else{r.replaceSync(t)}}else{r=t}v.set(e,r)};var X=(e,t,n)=>{var r;const s=J(t);const l=v.get(s);e=e.nodeType===11?e:m;if(l){if(typeof l==="string"){e=e.head||e;let n=K.get(e);let o;if(!n){K.set(e,n=new Set)}if(!n.has(s)){{o=m.createElement("style");o.innerHTML=l;const n=(r=y.L)!=null?r:L(m);if(n!=null){o.setAttribute("nonce",n)}if(!(t.l&1)){if(e.nodeName==="HEAD"){const t=e.querySelectorAll("link[rel=preconnect]");const n=t.length>0?t[t.length-1].nextSibling:document.querySelector("style");e.insertBefore(o,n)}else if("host"in e){e.prepend(o)}else{e.append(o)}}if(t.l&1&&e.nodeName!=="HEAD"){e.insertBefore(o,null)}}if(t.l&4){o.innerHTML+=h}if(n){n.add(s)}}}else if(!e.adoptedStyleSheets.includes(l)){e.adoptedStyleSheets=[...e.adoptedStyleSheets,l]}}return s};var _=e=>{const t=e.o;const n=e.$hostElement$;const r=t.l;const s=U("attachStyles",t.m);const l=X(n.shadowRoot?n.shadowRoot:n.getRootNode(),t);if(r&10&&r&2){n["s-sc"]=l;n.classList.add(l+"-h")}s()};var J=(e,t)=>"sc-"+e.m;var Y=(e,t,n,r,s,l)=>{if(n!==r){let s=i(e,t);let l=t.toLowerCase();if(t==="key");else if(!s&&t[0]==="o"&&t[1]==="n"){if(t[2]==="-"){t=t.slice(3)}else if(i(p,l)){t=l.slice(2)}else{t=l[2]+t.slice(3)}if(n||r){const s=t.endsWith(Z);t=t.replace(ee,"");if(n){y.rel(e,t,n,s)}if(r){y.ael(e,t,r,s)}}}else;}};var Z="Capture";var ee=new RegExp(Z+"$");var te=(e,t,n)=>{const r=t.T.nodeType===11&&t.T.host?t.T.host:t.T;const s=e&&e.k||D;const l=t.k||D;{for(const e of ne(Object.keys(s))){if(!(e in l)){Y(r,e,s[e],void 0)}}}for(const e of ne(Object.keys(l))){Y(r,e,s[e],l[e])}};function ne(e){return e.includes("ref")?[...e.filter((e=>e!=="ref")),"ref"]:e}var re;var se;var le=false;var oe=(e,n,r,s)=>{const l=n.O[r];let o=0;let a;let i;{a=l.T=m.createElement(!le&&t.slotRelocation&&l.l&2?"slot-fb":l.D);{te(null,l)}const n=a.getRootNode();const r=!n.querySelector("body");if(!r&&t.scoped&&E(re)&&a["s-si"]!==re){a.classList.add(a["s-si"]=re)}if(l.O){for(o=0;o<l.O.length;++o){i=oe(e,l,o);if(i){a.appendChild(i)}}}}a["s-hn"]=se;return a};var ae=(e,t,n,r,s,l)=>{let o=e;let a;if(o.shadowRoot&&o.tagName===se){o=o.shadowRoot}for(;s<=l;++s){if(r[s]){a=oe(null,n,s);if(a){r[s].T=a;ve(o,a,t)}}}};var ie=(e,t,n)=>{for(let r=t;r<=n;++r){const t=e[r];if(t){const e=t.T;if(e){e.remove()}}}};var fe=(e,t,n,r,s=false)=>{let l=0;let o=0;let a=0;let i=0;let f=t.length-1;let c=t[0];let u=t[f];let v=r.length-1;let d=r[0];let h=r[v];let p;let m;while(l<=f&&o<=v){if(c==null){c=t[++l]}else if(u==null){u=t[--f]}else if(d==null){d=r[++o]}else if(h==null){h=r[--v]}else if(ce(c,d,s)){ue(c,d,s);c=t[++l];d=r[++o]}else if(ce(u,h,s)){ue(u,h,s);u=t[--f];h=r[--v]}else if(ce(c,h,s)){ue(c,h,s);ve(e,c.T,u.T.nextSibling);c=t[++l];h=r[--v]}else if(ce(u,d,s)){ue(u,d,s);ve(e,u.T,c.T);u=t[--f];d=r[++o]}else{a=-1;{for(i=l;i<=f;++i){if(t[i]&&t[i].j!==null&&t[i].j===d.j){a=i;break}}}if(a>=0){m=t[a];if(m.D!==d.D){p=oe(t&&t[o],n,a)}else{ue(m,d,s);t[a]=void 0;p=m.T}d=r[++o]}else{p=oe(t&&t[o],n,o);d=r[++o]}if(p){{ve(c.T.parentNode,p,c.T)}}}}if(l>f){ae(e,r[v+1]==null?null:r[v+1].T,n,r,o,v)}else if(o>v){ie(t,l,f)}};var ce=(e,t,n=false)=>{if(e.D===t.D){if(!n){return e.j===t.j}return true}return false};var ue=(e,n,r=false)=>{const s=n.T=e.T;const l=e.O;const o=n.O;const a=n.D;{{if(a==="slot"&&!le);else{te(e,n)}}if(l!==null&&o!==null){fe(s,l,n,o,r)}else if(o!==null){ae(s,null,n,o,0,o.length-1)}else if(!r&&t.updatable&&l!==null){ie(l,0,l.length-1)}}};var ve=(e,t,n)=>{const r=e==null?void 0:e.insertBefore(t,n);return r};var de=(e,t,n=false)=>{const r=e.$hostElement$;const s=e.o;const l=e.M||z(null,null);const o=Q(t)?t:H(null,null,t);se=r.tagName;if(n&&o.k){for(const e of Object.keys(o.k)){if(r.hasAttribute(e)&&!["key","ref","style","class"].includes(e)){o.k[e]=r[e]}}}o.D=null;o.l|=4;e.M=o;o.T=l.T=r.shadowRoot||r;{re=r["s-sc"]}le=(s.l&1)!==0;ue(l,o,n)};var he=(e,t)=>{if(t&&!e.R&&t["s-p"]){t["s-p"].push(new Promise((t=>e.R=t)))}};var pe=(e,t)=>{{e.l|=16}if(e.l&4){e.l|=512;return}he(e,e.A);const n=()=>me(e,t);return j(n)};var me=(e,t)=>{const n=e.$hostElement$;const r=U("scheduleUpdate",e.o.m);const s=e.t;if(!s){throw new 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;r();return ye(l,(()=>we(e,s,t)))};var ye=(e,t)=>be(e)?e.then(t).catch((e=>{console.error(e);t()})):t();var be=e=>e instanceof Promise||e&&e.then&&typeof e.then==="function";var we=async(e,t,n)=>{var r;const s=e.$hostElement$;const l=U("update",e.o.m);const o=s["s-rc"];if(n){_(e)}const a=U("render",e.o.m);{Se(e,t,s,n)}if(o){o.map((e=>e()));s["s-rc"]=void 0}a();l();{const t=(r=s["s-p"])!=null?r:[];const n=()=>$e(e);if(t.length===0){n()}else{Promise.all(t).then(n);e.l|=4;t.length=0}}};var Se=(e,t,n,r)=>{try{t=t.render();{e.l&=~16}{e.l|=2}{{{de(e,t,r)}}}}catch(t){f(t,e.$hostElement$)}return null};var $e=e=>{const t=e.o.m;const n=e.$hostElement$;const r=U("postUpdate",t);const s=e.t;const l=e.A;if(!(e.l&64)){e.l|=64;{ke(n)}{Ce(s,"componentDidLoad")}r();{e.p(n);if(!l){ge()}}}else{r()}{e.v(n)}{if(e.R){e.R();e.R=void 0}if(e.l&512){O((()=>pe(e,false)))}e.l&=~(4|512)}};var ge=t=>{{ke(m.documentElement)}O((()=>I(p,"appload",{detail:{namespace:e}})))};var Ce=(e,t,n)=>{if(e&&e[t]){try{return e[t](n)}catch(e){f(e)}}return void 0};var ke=e=>{var n;return e.classList.add((n=t.hydratedSelectorName)!=null?n:"hydrated")};var xe=(e,t)=>l(e).i.get(t);var Oe=(e,t,n,r)=>{const s=l(e);if(!s){throw new Error(`Couldn't find host element for "${r.m}" 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 o=s.i.get(t);const a=s.l;const i=s.t;n=q(n,r.F[t][0]);const f=Number.isNaN(o)&&Number.isNaN(n);const c=n!==o&&!f;if((!(a&8)||o===void 0)&&c){s.i.set(t,n);if(i){if((a&(2|16))===2){pe(s,false)}}}};var je=(e,n,r)=>{var s,o;const a=e.prototype;if(n.F||t.watchCallback){const t=Object.entries((s=n.F)!=null?s:{});t.map((([e,[t]])=>{if(t&31||r&2&&t&32){Object.defineProperty(a,e,{get(){return xe(this,e)},set(t){Oe(this,e,t,n)},configurable:true,enumerable:true})}else if(r&1&&t&64){Object.defineProperty(a,e,{value(...t){var n;const r=l(this);return(n=r==null?void 0:r.u)==null?void 0:n.then((()=>{var n;return(n=r.t)==null?void 0:n[e](...t)}))}})}}));if(r&1){const r=new Map;a.attributeChangedCallback=function(e,t,s){y.jmp((()=>{var o;const i=r.get(e);if(this.hasOwnProperty(i)){s=this[i];delete this[i]}else if(a.hasOwnProperty(i)&&typeof this[i]==="number"&&this[i]==s){return}else if(i==null){const r=l(this);const a=r==null?void 0:r.l;if(a&&!(a&8)&&a&128&&s!==t){const l=r.t;const a=(o=n.P)==null?void 0:o[e];a==null?void 0:a.forEach((n=>{if(l[n]!=null){l[n].call(l,s,t,e)}}))}return}this[i]=s===null&&typeof this[i]==="boolean"?false:s}))};e.observedAttributes=Array.from(new Set([...Object.keys((o=n.P)!=null?o:{}),...t.filter((([e,t])=>t[0]&15)).map((([e,t])=>{const n=t[1]||e;r.set(n,e);return n}))]))}}return e};var De=async(e,t,n,r)=>{let s;if((t.l&32)===0){t.l|=32;const r=n.S;if(r){const e=u(n);if(e&&"then"in e){const t=W();s=await e;t()}else{s=e}if(!s){throw new Error(`Constructor for "${n.m}#${t.N}" was not found`)}if(!s.isProxied){je(s,n,2);s.isProxied=true}const r=U("createInstance",n.m);{t.l|=8}try{new s(t)}catch(e){f(e)}{t.l&=~8}r()}else{s=e.constructor;const n=e.localName;customElements.whenDefined(n).then((()=>t.l|=128))}if(s&&s.style){let e;if(typeof s.style==="string"){e=s.style}const t=J(n);if(!v.has(t)){const r=U("registerStyles",n.m);V(t,e,!!(n.l&1));r()}}}const l=t.A;const o=()=>pe(t,true);if(l&&l["s-rc"]){l["s-rc"].push(o)}else{o()}};var Ee=e=>{};var Te=e=>{if((y.l&1)===0){const t=l(e);const n=t.o;const r=U("connectedCallback",n.m);if(!(t.l&1)){t.l|=1;{let n=e;while(n=n.parentNode||n.host){if(n["s-p"]){he(t,t.A=n);break}}}if(n.F){Object.entries(n.F).map((([t,[n]])=>{if(n&31&&e.hasOwnProperty(t)){const n=e[t];delete e[t];e[t]=n}}))}{De(e,t,n)}}else{if(t==null?void 0:t.t);else if(t==null?void 0:t.h){t.h.then((()=>Ee()))}}r()}};var Le=e=>{};var Me=async e=>{if((y.l&1)===0){const t=l(e);if(t==null?void 0:t.t);else if(t==null?void 0:t.h){t.h.then((()=>Le()))}}};var Re=(e,t={})=>{var n;const r=U();const s=[];const o=t.exclude||[];const i=p.customElements;const f=m.head;const c=f.querySelector("meta[charset]");const u=m.createElement("style");const v=[];let b;let w=true;Object.assign(y,t);y.$=new URL(t.resourcesUrl||"./",m.baseURI).href;let S=false;e.map((e=>{e[1].map((t=>{const n={l:t[0],m:t[1],F:t[2],U:t[3]};if(n.l&4){S=true}{n.F=t[2]}const r=n.m;const f=class extends HTMLElement{constructor(e){super(e);this.hasRegisteredEventListeners=false;e=this;a(e,n);if(n.l&1){{if(!e.shadowRoot){{e.attachShadow({mode:"open"})}}else{if(e.shadowRoot.mode!=="open"){throw new Error(`Unable to re-use existing shadow root for ${n.m}! Mode is set to ${e.shadowRoot.mode} but Stencil only supports open shadow roots.`)}}}}}connectedCallback(){l(this);if(!this.hasRegisteredEventListeners){this.hasRegisteredEventListeners=true}if(b){clearTimeout(b);b=null}if(w){v.push(this)}else{y.jmp((()=>Te(this)))}}disconnectedCallback(){y.jmp((()=>Me(this)))}componentOnReady(){return l(this).h}};n.S=e[0];if(!o.includes(r)&&!i.get(r)){s.push(r);i.define(r,je(f,n,1))}}))}));if(s.length>0){if(S){u.textContent+=h}{u.textContent+=s.sort()+d}if(u.innerHTML.length){u.setAttribute("data-styles","");const e=(n=y.L)!=null?n:L(m);if(e!=null){u.setAttribute("nonce",e)}f.insertBefore(u,c?c.nextSibling:f.firstChild)}}w=false;if(v.length){v.map((e=>e.connectedCallback()))}else{{y.jmp((()=>b=setTimeout(ge,30)))}}r()};var Ae=e=>y.L=e;export{B as H,Re as b,G as g,H as h,b as p,o as r,Ae as s}; //# sourceMappingURL=p-a72b3779.js.map