p-elements-core 2.1.0-rc8 → 2.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/p-elements-core.js +1 -1
- package/package.json +15 -5
- package/readme.md +13 -13
- package/typings/custom-element-controller.d.ts +18 -0
- package/typings/custom-element-controller.d.ts.map +1 -0
- package/typings/custom-element.d.ts +140 -0
- package/typings/custom-element.d.ts.map +1 -0
- package/typings/decorators/bind.d.ts +6 -0
- package/typings/decorators/bind.d.ts.map +1 -0
- package/typings/decorators/custom-element-config.d.ts +8 -0
- package/typings/decorators/custom-element-config.d.ts.map +1 -0
- package/typings/decorators/property.d.ts +213 -0
- package/typings/decorators/property.d.ts.map +1 -0
- package/typings/decorators/query.d.ts +2 -0
- package/typings/decorators/query.d.ts.map +1 -0
- package/typings/decorators/render-property-on-set.d.ts +2 -0
- package/typings/decorators/render-property-on-set.d.ts.map +1 -0
- package/typings/maquette/cache.d.ts +10 -0
- package/typings/maquette/cache.d.ts.map +1 -0
- package/typings/maquette/dom.d.ts +60 -0
- package/typings/maquette/dom.d.ts.map +1 -0
- package/typings/maquette/h.d.ts +35 -0
- package/typings/maquette/h.d.ts.map +1 -0
- package/{src/maquette/index.ts → typings/maquette/index.d.ts} +1 -1
- package/typings/maquette/index.d.ts.map +1 -0
- package/typings/maquette/interfaces.d.ts +475 -0
- package/typings/maquette/interfaces.d.ts.map +1 -0
- package/typings/maquette/jsx.d.ts +6 -0
- package/typings/maquette/jsx.d.ts.map +1 -0
- package/typings/maquette/mapping.d.ts +14 -0
- package/typings/maquette/mapping.d.ts.map +1 -0
- package/typings/maquette/projection.d.ts +9 -0
- package/typings/maquette/projection.d.ts.map +1 -0
- package/typings/maquette/projector.d.ts +27 -0
- package/typings/maquette/projector.d.ts.map +1 -0
- package/typings/p-elements-core.d.ts +239 -0
- package/typings/p-elements-core.d.ts.map +1 -0
- package/.babelrc +0 -21
- package/.editorconfig +0 -17
- package/.gitlab-ci.yml +0 -18
- package/demo/sample.js +0 -1
- package/demo/screen.css +0 -6
- package/demo/theme.css +0 -14
- package/docs/.eleventy.js +0 -109
- package/docs/package.json +0 -27
- package/docs/src/404.md +0 -8
- package/docs/src/_data/demos/animation/animation.tsx +0 -216
- package/docs/src/_data/demos/animation/index.html +0 -10
- package/docs/src/_data/demos/animation/project.json +0 -7
- package/docs/src/_data/demos/hello-world/hello-world.tsx +0 -35
- package/docs/src/_data/demos/hello-world/index.html +0 -10
- package/docs/src/_data/demos/hello-world/project.json +0 -7
- package/docs/src/_data/demos/timer/demo-timer.tsx +0 -120
- package/docs/src/_data/demos/timer/icons.tsx +0 -62
- package/docs/src/_data/demos/timer/index.html +0 -12
- package/docs/src/_data/demos/timer/project.json +0 -8
- package/docs/src/_data/global.js +0 -14
- package/docs/src/_data/helpers.js +0 -19
- package/docs/src/_includes/layouts/base.njk +0 -31
- package/docs/src/_includes/layouts/playground.njk +0 -40
- package/docs/src/_includes/partials/app-header.njk +0 -9
- package/docs/src/_includes/partials/head.njk +0 -15
- package/docs/src/_includes/partials/nav.njk +0 -20
- package/docs/src/_includes/partials/top-nav.njk +0 -52
- package/docs/src/assets/favicon.png +0 -0
- package/docs/src/assets/logo.svg +0 -9
- package/docs/src/documentation/custom-element-controller.md +0 -294
- package/docs/src/documentation/custom-element.md +0 -221
- package/docs/src/documentation/decorators/bind.md +0 -71
- package/docs/src/documentation/decorators/custom-element-config.md +0 -63
- package/docs/src/documentation/decorators/property.md +0 -83
- package/docs/src/documentation/decorators/query.md +0 -66
- package/docs/src/documentation/decorators/render-property-on-set.md +0 -60
- package/docs/src/documentation/decorators.md +0 -9
- package/docs/src/documentation/getting-started.md +0 -60
- package/docs/src/documentation/index.md +0 -33
- package/docs/src/documentation/reactive-properties.md +0 -54
- package/docs/src/index.d.ts +0 -25
- package/docs/src/index.md +0 -3
- package/docs/src/playground/animation.njk +0 -10
- package/docs/src/playground/index.njk +0 -10
- package/docs/src/playground/timer.njk +0 -10
- package/docs/src/scripts/components/app-drawer/app-drawer.css +0 -92
- package/docs/src/scripts/components/app-drawer/app-drawer.tsx +0 -67
- package/docs/src/scripts/components/app-mobile-menu/app-mobile-menu.css +0 -48
- package/docs/src/scripts/components/app-mobile-menu/app-mobile-menu.tsx +0 -112
- package/docs/src/scripts/components/app-mode-switch/app-mode-switch.css +0 -78
- package/docs/src/scripts/components/app-mode-switch/app-mode-switch.tsx +0 -166
- package/docs/src/scripts/components/app-playground/app-playground.tsx +0 -190
- package/docs/src/scripts/components/app-split-panel/app-split-panel.css +0 -33
- package/docs/src/scripts/components/app-split-panel/app-split-panel.tsx +0 -73
- package/docs/src/scripts/components/app-split-panel/resize-bar.tsx +0 -155
- package/docs/src/scripts/components/lazy-svg/lazy-svg.tsx +0 -94
- package/docs/src/scripts/index.ts +0 -6
- package/docs/src/scripts/playground.ts +0 -1
- package/docs/src/styles/main.css +0 -699
- package/docs/tsconfig.json +0 -22
- package/index.html +0 -49
- package/src/custom-element-controller.ts +0 -31
- package/src/custom-element.ts +0 -588
- package/src/decorators/bind.ts +0 -46
- package/src/decorators/custom-element-config.ts +0 -17
- package/src/decorators/property.ts +0 -684
- package/src/decorators/query.ts +0 -12
- package/src/decorators/render-property-on-set.ts +0 -3
- package/src/maquette/cache.ts +0 -35
- package/src/maquette/dom.ts +0 -115
- package/src/maquette/h.ts +0 -100
- package/src/maquette/interfaces.ts +0 -536
- package/src/maquette/jsx.ts +0 -61
- package/src/maquette/mapping.ts +0 -56
- package/src/maquette/projection.ts +0 -666
- package/src/maquette/projector.ts +0 -200
- package/src/p-elements-core.ts +0 -260
- package/src/sample/animate.tsx +0 -199
- package/src/sample/mixin/highlight.tsx +0 -33
- package/src/sample/sample.tsx +0 -450
- package/storybook/storybook-demo/.storybook/main.ts +0 -30
- package/storybook/storybook-demo/.storybook/preview-head.html +0 -1
- package/storybook/storybook-demo/.storybook/preview.ts +0 -20
- package/storybook/storybook-demo/package.json +0 -23
- package/storybook/storybook-demo/stories/bar.stories.tsx +0 -27
- package/storybook/storybook-demo/stories/baz.stories.tsx +0 -37
- package/storybook/storybook-demo/stories/foo.mdx +0 -11
- package/storybook/storybook-demo/stories/foo.stories.tsx +0 -27
- package/storybook/storybook-demo/stories/foo.tsx +0 -24
- package/storybook/storybook-demo/tsconfig.json +0 -30
- package/storybook/storybook-p-element-vite/README.md +0 -97
- package/storybook/storybook-p-element-vite/package.json +0 -81
- package/storybook/storybook-p-element-vite/preset.js +0 -2
- package/storybook/storybook-p-element-vite/src/docs/index.ts +0 -8
- package/storybook/storybook-p-element-vite/src/docs/source-decorator.ts +0 -55
- package/storybook/storybook-p-element-vite/src/entry-preview-docs.ts +0 -16
- package/storybook/storybook-p-element-vite/src/entry-preview.ts +0 -8
- package/storybook/storybook-p-element-vite/src/index.ts +0 -9
- package/storybook/storybook-p-element-vite/src/node/index.ts +0 -5
- package/storybook/storybook-p-element-vite/src/portable-stories.ts +0 -35
- package/storybook/storybook-p-element-vite/src/preset.ts +0 -69
- package/storybook/storybook-p-element-vite/src/render.ts +0 -96
- package/storybook/storybook-p-element-vite/src/types.ts +0 -99
- package/storybook/storybook-p-element-vite/tsconfig.json +0 -14
- package/storybook/storybook-p-element-vite/tsdown.config.ts +0 -26
- package/tsconfig.json +0 -67
- package/tsconfig.sample.json +0 -20
- package/webpack.config.js +0 -76
package/dist/p-elements-core.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! P-ELEMENTS 2.1.0-rc8 - Mon Feb 09 2026 23:17:04 GMT+0100 (Central European Standard Time) */var e={d:(t,r)=>{for(var n in r)e.o(r,n)&&!e.o(t,n)&&Object.defineProperty(t,n,{enumerable:!0,get:r[n]})},o:(e,t)=>Object.prototype.hasOwnProperty.call(e,t)},t={};(()=>{const{keys:e}=Object,t=!0,r=!1,n="querySelectorAll",o="querySelectorAll",{document:i,Element:a,MutationObserver:s,Set:l,WeakMap:c}=self,u=e=>o in e,{filter:d}=[],f=e=>{const f=new c,p=(t,r)=>{let n;if(r)for(let o,i=(e=>e.matches||e.webkitMatchesSelector||e.msMatchesSelector)(t),a=0,{length:s}=m;a<s;a++)i.call(t,o=m[a])&&(f.has(t)||f.set(t,new l),n=f.get(t),n.has(o)||(n.add(o),e.handle(t,r,o)));else f.has(t)&&(n=f.get(t),f.delete(t),n.forEach(n=>{e.handle(t,r,n)}))},h=(e,t=!0)=>{for(let r=0,{length:n}=e;r<n;r++)p(e[r],t)},{query:m}=e,y=e.root||i,v=((e,o=document,i=MutationObserver,a=["*"])=>{const s=(r,o,i,a,l,c)=>{for(const u of r)(c||n in u)&&(l?i.has(u)||(i.add(u),a.delete(u),e(u,l)):a.has(u)||(a.add(u),i.delete(u),e(u,l)),c||s(u[n](o),o,i,a,l,t))},l=new i(e=>{if(a.length){const n=a.join(","),o=new Set,i=new Set;for(const{addedNodes:a,removedNodes:l}of e)s(l,n,o,i,r,r),s(a,n,o,i,t,r)}}),{observe:c}=l;return(l.observe=e=>c.call(l,e,{subtree:t,childList:t}))(o),l})(p,y,s,m),{attachShadow:b}=a.prototype;return b&&(a.prototype.attachShadow=function(e){const t=b.call(this,e);return v.observe(t),t}),m.length&&h(y[o](m)),{drop:e=>{for(let t=0,{length:r}=e;t<r;t++)f.delete(e[t])},flush:()=>{const e=v.takeRecords();for(let t=0,{length:r}=e;t<r;t++)h(d.call(e[t].removedNodes,u),!1),h(d.call(e[t].addedNodes,u),!0)},observer:v,parse:h}},{customElements:p,document:h,Element:m,MutationObserver:y,Object:v,Promise:b,Map:g,Set:w,WeakMap:S,Reflect:E}=self,{createElement:A}=h,{define:O,get:k,upgrade:N}=p,{construct:M}=E||{construct(e){return e.call(this)}},{defineProperty:C,getOwnPropertyNames:j,setPrototypeOf:x}=v,T=new S,P=new w,I=new g,L=new g,R=new g,F=new g,V=[],W=[],D=e=>F.get(e)||k.call(p,e),{parse:H}=f({query:W,handle:(t,r,n)=>{const o=R.get(n);if(r&&!o.isPrototypeOf(t)){const r=(t=>{const r=e(t),n=[],o=new Set,{length:i}=r;for(let e=0;e<i;e++){n[e]=t[r[e]];try{delete t[r[e]]}catch(t){o.add(e)}}return()=>{for(let e=0;e<i;e++)o.has(e)||(t[r[e]]=n[e])}})(t);U=x(t,o);try{new o.constructor}finally{U=null,r()}}const i=(r?"":"dis")+"connectedCallback";i in o&&t[i]()}}),{parse:q}=f({query:V,handle(e,t){T.has(e)&&(t?P.add(e):P.delete(e),W.length&&z.call(W,e))}}),{attachShadow:$}=m.prototype;$&&(m.prototype.attachShadow=function(e){const t=$.call(this,e);return T.set(this,t),t});const _=e=>{if(!L.has(e)){let t,r=new b(e=>{t=e});L.set(e,{$:r,_:t})}return L.get(e).$},B=((e,t)=>{const r=e=>{for(let t=0,{length:r}=e;t<r;t++)n(e[t])},n=({target:e,attributeName:t,oldValue:r})=>{e.attributeChangedCallback(t,r,e.getAttribute(t))};return(o,i)=>{const{observedAttributes:a}=o.constructor;return a&&e(i).then(()=>{new t(r).observe(o,{attributes:!0,attributeOldValue:!0,attributeFilter:a});for(let e=0,{length:t}=a;e<t;e++)o.hasAttribute(a[e])&&n({target:o,attributeName:a[e],oldValue:null})}),o}})(_,y);let U=null;function z(e){const t=T.get(e);H(t.querySelectorAll(this),e.isConnected)}j(self).filter(e=>/^HTML.*Element$/.test(e)).forEach(e=>{const t=self[e];function r(){const{constructor:e}=this;if(!I.has(e))throw new TypeError("Illegal constructor");const{is:r,tag:n}=I.get(e);if(r){if(U)return B(U,r);const t=A.call(h,n);return t.setAttribute("is",r),B(x(t,e.prototype),r)}return M.call(this,t,[],e)}x(r,t),C(r.prototype=t.prototype,"constructor",{value:r}),C(self,e,{value:r})}),h.createElement=function(e,t){const r=t&&t.is;if(r){const t=F.get(r);if(t&&I.get(t).tag===e)return new t}const n=A.call(h,e);return r&&n.setAttribute("is",r),n},p.get=D,p.whenDefined=_,p.upgrade=function(e){const t=e.getAttribute("is");if(t){const r=F.get(t);if(r)return void B(x(e,r.prototype),t)}N.call(p,e)},p.define=function(e,t,r){if(D(e))throw new Error(`'${e}' has already been defined as a custom element`);let n;const o=r&&r.extends;I.set(t,o?{is:e,tag:o}:{is:"",tag:e}),o?(n=`${o}[is="${e}"]`,R.set(n,t.prototype),F.set(e,t),W.push(n)):(O.apply(p,arguments),V.push(n=e)),_(e).then(()=>{o?(H(h.querySelectorAll(n)),P.forEach(z,[n])):q(h.querySelectorAll(n))}),L.get(e)._(t)}})(),(()=>{const e=new WeakMap,t=new WeakMap,r=new WeakMap,n=new WeakMap,o=new WeakMap,i=new WeakMap,a=new WeakMap,s=new WeakMap,l=new WeakMap,c=new WeakMap,u=new WeakMap,d=new WeakMap,f=new WeakMap,p=new WeakMap,h=new WeakMap,m=(e,t,r)=>{e.getAttribute(t)!==r&&e.setAttribute(t,r)},y=(e,t)=>{e.toggleAttribute("internals-disabled",t),t?m(e,"aria-disabled","true"):e.removeAttribute("aria-disabled"),e.formDisabledCallback&&e.formDisabledCallback.apply(e,[t])},v=e=>{r.get(e).forEach(e=>{e.remove()}),r.set(e,[])},b=(e,t)=>{const n=document.createElement("input");return n.type="hidden",n.name=e.getAttribute("name"),e.after(n),r.get(t).push(n),n},g=(e,t)=>{if(t.length){const r=Array.from(t);r.forEach(t=>t.addEventListener("click",e.click.bind(e)));const[n]=r;let o=n.id;n.id||(o=`${n.htmlFor}_Label`,n.id=o),m(e,"aria-labelledby",o)}},w=e=>{const t=Array.from(e.elements).filter(e=>!e.tagName.includes("-")&&e.validity).map(e=>e.validity.valid),r=s.get(e)||[],o=[...t,...Array.from(r).filter(e=>e.isConnected).map(e=>n.get(e).validity.valid)].includes(!1);e.toggleAttribute("internals-invalid",o),e.toggleAttribute("internals-valid",!o)},S=e=>{w(k(e.target))},E=e=>{w(k(e.target))},A=e=>{const t=s.get(e.target);t&&t.size&&t.forEach(e=>{e.constructor.formAssociated&&e.formResetCallback&&e.formResetCallback.apply(e)})},O=(e,t,r)=>{if(t){const o=s.get(t);if(o)o.add(e);else{const r=new Set;r.add(e),s.set(t,r),(e=>{const t=["button[type=submit]","input[type=submit]","button:not([type])"].map(e=>`${e}:not([disabled])`).map(t=>`${t}:not([form])${e.id?`,${t}[form='${e.id}']`:""}`).join(",");e.addEventListener("click",r=>{if(r.target.closest(t)){const t=s.get(e);if(e.noValidate)return;t.size&&Array.from(t).reverse().map(e=>n.get(e).reportValidity()).includes(!1)&&r.preventDefault()}})})(t),t.addEventListener("reset",A),t.addEventListener("input",S),t.addEventListener("change",E)}i.set(t,{ref:e,internals:r}),e.constructor.formAssociated&&e.formAssociatedCallback&&setTimeout(()=>{e.formAssociatedCallback.apply(e,[t])},0),w(t)}},k=e=>{let t=e.parentNode;return t&&"FORM"!==t.tagName&&(t=k(t)),t},N=(e,t,r=DOMException)=>{if(!e.constructor.formAssociated)throw new r(t)},M=(e,t,r)=>{const o=s.get(e);return o&&o.size&&o.forEach(e=>{n.get(e)[r]()||(t=!1)}),t},C=e=>{let t=!1;if(e.constructor.formAssociated){let r=n.get(e);void 0===r&&(e.attachInternals(),r=n.get(e),t=!0);const{labels:o,form:i}=r;g(e,o),O(e,i,r)}return t};function j(){return"undefined"!=typeof MutationObserver}const x={ariaAtomic:"aria-atomic",ariaAutoComplete:"aria-autocomplete",ariaBrailleLabel:"aria-braillelabel",ariaBrailleRoleDescription:"aria-brailleroledescription",ariaBusy:"aria-busy",ariaChecked:"aria-checked",ariaColCount:"aria-colcount",ariaColIndex:"aria-colindex",ariaColIndexText:"aria-colindextext",ariaColSpan:"aria-colspan",ariaCurrent:"aria-current",ariaDescription:"aria-description",ariaDisabled:"aria-disabled",ariaExpanded:"aria-expanded",ariaHasPopup:"aria-haspopup",ariaHidden:"aria-hidden",ariaInvalid:"aria-invalid",ariaKeyShortcuts:"aria-keyshortcuts",ariaLabel:"aria-label",ariaLevel:"aria-level",ariaLive:"aria-live",ariaModal:"aria-modal",ariaMultiLine:"aria-multiline",ariaMultiSelectable:"aria-multiselectable",ariaOrientation:"aria-orientation",ariaPlaceholder:"aria-placeholder",ariaPosInSet:"aria-posinset",ariaPressed:"aria-pressed",ariaReadOnly:"aria-readonly",ariaRelevant:"aria-relevant",ariaRequired:"aria-required",ariaRoleDescription:"aria-roledescription",ariaRowCount:"aria-rowcount",ariaRowIndex:"aria-rowindex",ariaRowIndexText:"aria-rowindextext",ariaRowSpan:"aria-rowspan",ariaSelected:"aria-selected",ariaSetSize:"aria-setsize",ariaSort:"aria-sort",ariaValueMax:"aria-valuemax",ariaValueMin:"aria-valuemin",ariaValueNow:"aria-valuenow",ariaValueText:"aria-valuetext",role:"role"};function T(e){const t=n.get(e),{form:r}=t;O(e,r,t),g(e,t.labels)}const P=(e,t=!1)=>{const r=document.createTreeWalker(e,NodeFilter.SHOW_ELEMENT,{acceptNode:e=>n.has(e)?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP});let o=r.nextNode();const i=!t||e.disabled;for(;o;)o.formDisabledCallback&&i&&y(o,e.disabled),o=r.nextNode()},I={attributes:!0,attributeFilter:["disabled","name"]},L=j()?new MutationObserver(e=>{for(const t of e){const e=t.target;if("disabled"===t.attributeName&&(e.constructor.formAssociated?y(e,e.hasAttribute("disabled")):"fieldset"===e.localName&&P(e)),"name"===t.attributeName&&e.constructor.formAssociated){const t=n.get(e),r=l.get(e);t.setFormValue(r)}}}):{};function R(e){e.forEach(e=>{const{addedNodes:t,removedNodes:o}=e,i=Array.from(t),l=Array.from(o);i.forEach(e=>{if(n.has(e)&&e.constructor.formAssociated&&T(e),c.has(e)){const t=c.get(e);Object.keys(x).filter(e=>null!==t[e]).forEach(r=>{m(e,x[r],t[r])}),c.delete(e)}if(h.has(e)){const t=h.get(e);m(e,"internals-valid",t.validity.valid.toString()),m(e,"internals-invalid",(!t.validity.valid).toString()),m(e,"aria-invalid",(!t.validity.valid).toString()),h.delete(e)}if("form"===e.localName){const t=s.get(e),r=document.createTreeWalker(e,NodeFilter.SHOW_ELEMENT,{acceptNode:e=>!n.has(e)||!e.constructor.formAssociated||t&&t.has(e)?NodeFilter.FILTER_SKIP:NodeFilter.FILTER_ACCEPT});let o=r.nextNode();for(;o;)T(o),o=r.nextNode()}"fieldset"===e.localName&&(L.observe?.(e,I),P(e,!0))}),l.forEach(e=>{const t=n.get(e);if(t&&r.get(t)&&v(t),a.has(e)){a.get(e).disconnect()}})})}function F(e){e.forEach(e=>{const{removedNodes:t}=e;t.forEach(t=>{const r=f.get(e.target);n.has(t)&&C(t),r.disconnect()})})}j()&&new MutationObserver(R);const V={childList:!0,subtree:!0};class W{constructor(){this.badInput=!1,this.customError=!1,this.patternMismatch=!1,this.rangeOverflow=!1,this.rangeUnderflow=!1,this.stepMismatch=!1,this.tooLong=!1,this.tooShort=!1,this.typeMismatch=!1,this.valid=!0,this.valueMissing=!1,Object.seal(this)}}const D=e=>{let t=!0;for(let r in e)"valid"!==r&&!1!==e[r]&&(t=!1);return t},H=new WeakMap;function q(e,t){e.toggleAttribute(t,!0),e.part&&e.part.add(t)}class $ extends Set{static get isPolyfilled(){return!0}constructor(e){if(super(),!e||!e.tagName||-1===e.tagName.indexOf("-"))throw new TypeError("Illegal constructor");H.set(this,e)}add(e){if(!/^--/.test(e)||"string"!=typeof e)throw new DOMException(`Failed to execute 'add' on 'CustomStateSet': The specified value ${e} must start with '--'.`);const t=super.add(e),r=H.get(this),n=`state${e}`;return r.isConnected?q(r,n):setTimeout(()=>{q(r,n)}),t}clear(){for(let[e]of this.entries())this.delete(e);super.clear()}delete(e){const t=super.delete(e),r=H.get(this);return r.isConnected?(r.toggleAttribute(`state${e}`,!1),r.part&&r.part.remove(`state${e}`)):setTimeout(()=>{r.toggleAttribute(`state${e}`,!1),r.part&&r.part.remove(`state${e}`)}),t}}var _,B=function(e,t,r,n,o){if("m"===n)throw new TypeError("Private method is not writable");if("a"===n&&!o)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof t?e!==t||!o:!t.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===n?o.call(e,r):o?o.value=r:t.set(e,r),r},U=function(e,t,r,n){if("a"===r&&!n)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?e!==t||!n:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===r?n:"a"===r?n.call(e):n?n.value:t.get(e)};class z{constructor(e){_.set(this,void 0),B(this,_,e,"f");for(let t=0;t<e.length;t++){let r=e[t];this[t]=r,r.hasAttribute("name")&&(this[r.getAttribute("name")]=r)}Object.freeze(this)}get length(){return U(this,_,"f").length}[(_=new WeakMap,Symbol.iterator)](){return U(this,_,"f")[Symbol.iterator]()}item(e){return null==this[e]?null:this[e]}namedItem(e){return null==this[e]?null:this[e]}}class K{static get isPolyfilled(){return!0}constructor(o){if(!o||!o.tagName||-1===o.tagName.indexOf("-"))throw new TypeError("Illegal constructor");const i=o.getRootNode(),a=new W;this.states=new $(o),e.set(this,o),t.set(this,a),n.set(o,this),((e,t)=>{for(let r in x){t[r]=null;let n=null;const o=x[r];Object.defineProperty(t,r,{get:()=>n,set(r){n=r,e.isConnected?m(e,o,r):c.set(e,t)}})}})(o,this),((e,t)=>{r.set(t,[]),L.observe?.(e,I)})(o,this),Object.seal(this),i instanceof DocumentFragment&&(e=>{const t=new MutationObserver(F);window?.ShadyDOM?.inUse&&e.mode&&e.host&&(e=e.host),t.observe?.(e,{childList:!0}),f.set(e,t)})(i)}checkValidity(){const r=e.get(this);if(N(r,"Failed to execute 'checkValidity' on 'ElementInternals': The target element is not a form-associated custom element."),!this.willValidate)return!0;const n=t.get(this);if(!n.valid){const e=new Event("invalid",{bubbles:!1,cancelable:!0,composed:!1});r.dispatchEvent(e)}return n.valid}get form(){const t=e.get(this);let r;return N(t,"Failed to read the 'form' property from 'ElementInternals': The target element is not a form-associated custom element."),!0===t.constructor.formAssociated&&(r=k(t)),r}get labels(){const t=e.get(this);N(t,"Failed to read the 'labels' property from 'ElementInternals': The target element is not a form-associated custom element.");const r=t.getAttribute("id"),n=t.getRootNode();return n&&r?n.querySelectorAll(`[for="${r}"]`):[]}reportValidity(){const t=e.get(this);if(N(t,"Failed to execute 'reportValidity' on 'ElementInternals': The target element is not a form-associated custom element."),!this.willValidate)return!0;const r=this.checkValidity(),n=d.get(this);if(n&&!t.constructor.formAssociated)throw new DOMException("Failed to execute 'reportValidity' on 'ElementInternals': The target element is not a form-associated custom element.");return!r&&n&&(t.focus(),n.focus()),r}setFormValue(t){const r=e.get(this);if(N(r,"Failed to execute 'setFormValue' on 'ElementInternals': The target element is not a form-associated custom element."),v(this),null==t||t instanceof FormData)null!=t&&t instanceof FormData&&Array.from(t).reverse().forEach(([e,t])=>{if("string"==typeof t){const n=b(r,this);n.name=e,n.value=t}});else if(r.getAttribute("name")){b(r,this).value=t}l.set(r,t)}setValidity(r,n,i){const a=e.get(this);if(N(a,"Failed to execute 'setValidity' on 'ElementInternals': The target element is not a form-associated custom element."),!r)throw new TypeError("Failed to execute 'setValidity' on 'ElementInternals': 1 argument required, but only 0 present.");d.set(this,i);const s=t.get(this),l={};for(const e in r)l[e]=r[e];var c;0===Object.keys(l).length&&((c=s).badInput=!1,c.customError=!1,c.patternMismatch=!1,c.rangeOverflow=!1,c.rangeUnderflow=!1,c.stepMismatch=!1,c.tooLong=!1,c.tooShort=!1,c.typeMismatch=!1,c.valid=!0,c.valueMissing=!1);const u={...s,...l};delete u.valid;const{valid:f}=((e,t,r)=>(e.valid=D(t),Object.keys(t).forEach(r=>e[r]=t[r]),r&&w(r),e))(s,u,this.form);if(!f&&!n)throw new DOMException("Failed to execute 'setValidity' on 'ElementInternals': The second argument should not be empty if one or more flags in the first argument are true.");o.set(this,f?"":n),a.isConnected?(a.toggleAttribute("internals-invalid",!f),a.toggleAttribute("internals-valid",f),m(a,"aria-invalid",`${!f}`)):h.set(a,this)}get shadowRoot(){const t=e.get(this),r=u.get(t);return r||null}get validationMessage(){const t=e.get(this);return N(t,"Failed to read the 'validationMessage' property from 'ElementInternals': The target element is not a form-associated custom element."),o.get(this)}get validity(){const r=e.get(this);N(r,"Failed to read the 'validity' property from 'ElementInternals': The target element is not a form-associated custom element.");return t.get(this)}get willValidate(){const t=e.get(this);return N(t,"Failed to read the 'willValidate' property from 'ElementInternals': The target element is not a form-associated custom element."),!(t.matches(":disabled")||t.disabled||t.hasAttribute("disabled")||t.hasAttribute("readonly"))}}let Q=!1,J=!1;function Y(e){J||(J=!0,window.CustomStateSet=$,e&&(HTMLElement.prototype.attachInternals=function(...t){const r=e.call(this,t);return r.states=new $(this),r}))}!!customElements.polyfillWrapFlushCallback||(function(){if("undefined"==typeof window||!window.ElementInternals||!HTMLElement.prototype.attachInternals)return!1;class e extends HTMLElement{constructor(){super(),this.internals=this.attachInternals()}}const t=`element-internals-feature-detection-${Math.random().toString(36).replace(/[^a-z]+/g,"")}`;customElements.define(t,e);const r=new e;return["shadowRoot","form","willValidate","validity","validationMessage","labels","setFormValue","setValidity","checkValidity","reportValidity"].every(e=>e in r.internals)}()?"undefined"==typeof window||window.CustomStateSet||Y(HTMLElement.prototype.attachInternals):function(e=!0){let t=!1;if(!Q){if(Q=!0,"undefined"!=typeof window&&(window.ElementInternals=K),"undefined"!=typeof CustomElementRegistry){const r=CustomElementRegistry.prototype.define;CustomElementRegistry.prototype.define=function(e,n,o){if(n.formAssociated){const e=n.prototype.connectedCallback;n.prototype.connectedCallback=function(){p.has(this)||(p.set(this,!0),this.hasAttribute("disabled")&&y(this,!0)),null!=e&&e.apply(this),t=C(this)}}r.call(this,e,n,o)}}if("undefined"!=typeof HTMLElement&&(HTMLElement.prototype.attachInternals=function(){if(!this.tagName)return{};if(-1===this.tagName.indexOf("-"))throw new Error("Failed to execute 'attachInternals' on 'HTMLElement': Unable to attach ElementInternals to non-custom elements.");if(n.has(this)&&!t)throw new DOMException("DOMException: Failed to execute 'attachInternals' on 'HTMLElement': ElementInternals for the specified element was already attached.");return new K(this)}),"undefined"!=typeof Element){function o(...e){const t=i.apply(this,e);if(u.set(this,t),j()){const e=new MutationObserver(R);window.ShadyDOM?e.observe(this,V):e.observe(t,V),a.set(this,e)}return t}const i=Element.prototype.attachShadow;Element.prototype.attachShadow=o}j()&&"undefined"!=typeof document&&new MutationObserver(R).observe(document.documentElement,V),"undefined"!=typeof HTMLFormElement&&function(){const e=HTMLFormElement.prototype.checkValidity;HTMLFormElement.prototype.checkValidity=function(...t){let r=e.apply(this,t);return M(this,r,"checkValidity")};const t=HTMLFormElement.prototype.reportValidity;HTMLFormElement.prototype.reportValidity=function(...e){let r=t.apply(this,e);return M(this,r,"reportValidity")};const{get:r}=Object.getOwnPropertyDescriptor(HTMLFormElement.prototype,"elements");Object.defineProperty(HTMLFormElement.prototype,"elements",{get(...e){const t=r.call(this,...e),n=Array.from(s.get(this)||[]);if(0===n.length)return t;const o=Array.from(t).concat(n).sort((e,t)=>e.compareDocumentPosition?2&e.compareDocumentPosition(t)?1:-1:0);return new z(o)}})}(),(e||"undefined"!=typeof window&&!window.CustomStateSet)&&Y()}}(!1))})(),(()=>{function r(e){return r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},r(e)}e.d(t,{Y8:()=>n,K9:()=>G,y0:()=>o,Wd:()=>de,zG:()=>Qe,mA:()=>h,dd:()=>m,XK:()=>i,Qf:()=>Ye,h:()=>Je});var n=function(e,t,n){var o=n.value;if("function"!=typeof o)throw new Error("@Bind decorator can only be applied to methods not: ".concat(r(o)));var i=!1;return{configurable:!0,get:function(){if(i||this===e.prototype||this.hasOwnProperty(t)||"function"!=typeof o)return o;var r=o.bind(this);return i=!0,Object.defineProperty(this,t,{configurable:!0,get:function(){return r},set:function(e){o=e,delete this[t]}}),i=!1,r},set:function(e){o=e}}},o=function(e){return function(t){customElements.get(e.tagName)?console.warn("Custom element with tag name ".concat(e.tagName," already exists.")):customElements.define(e.tagName,t,e.options)}},i=function(e){var t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];return function(r,n){Object.defineProperty(r,n,{get:function(){return t?this.shadowRoot.querySelector(e):this.querySelector(e)}})}};function a(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,n)}return r}function s(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?a(Object(r),!0).forEach(function(t){l(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):a(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}function l(e,t,r){return(t=function(e){var t=function(e,t){if("object"!=c(e)||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!=c(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==c(t)?t:t+""}(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function c(e){return c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},c(e)}var u=new WeakSet,d=new WeakMap,f=new WeakMap;function p(e,t,r,n,o){n===Boolean?r?e.setAttribute(t,""):e.removeAttribute(t):n===Object||n===Array?o&&o.toAttribute?e.setAttribute(t,o.toAttribute(r)):e.setAttribute(t,JSON.stringify(r)):null==r?e.removeAttribute(t):e.setAttribute(t,String(r))}function h(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.type,r=e.attribute,n=void 0===r||r,o=e.reflect,i=void 0!==o&&o,a=e.converter,l=e.readonly,h=void 0!==l&&l,m=function(e){if("string"==typeof e)switch(e){case"string":return String;case"number":return Number;case"boolean":return Boolean;case"object":return Object;case"array":return Array;default:return null}return e}(t);return function(t,r){var o=new WeakMap,l=function(e,t){if(!1!==t)return!0===t?e.replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase():"string"==typeof t?t:void 0}(r,n);Object.defineProperty(t,r,{get:function(){if(!o.has(this)&&l&&this.hasAttribute&&this.hasAttribute(l)){var e,t=this.getAttribute(l);if(null!==t)return e=a&&a.fromAttribute?a.fromAttribute(t):m===Boolean||(m===Number?Number(t):t),o.set(this,e),"function"==typeof this.renderNow&&this.renderNow(),e}return o.has(this)?o.get(this):m!==Boolean&&void 0},set:function(e){if(!h||!o.has(this)){var t,n=o.get(this),s=!1;if(null==m&&e!==n&&(s=!0),!o.has(this)&&l&&this.hasAttribute&&this.hasAttribute(l)){var y=this.getAttribute(l);if(null!==y)return t=a&&a.fromAttribute?a.fromAttribute(y):m===Boolean||(m===Number?Number(y):y),o.set(this,t),void(this.isConnected?("function"==typeof this.renderNow&&this.renderNow(),this.updated&&this.updated(r,n,t)):this.updated&&(f.has(this)||f.set(this,[]),f.get(this).push({propertyKey:r,oldValue:n,newValue:t})))}if(t=s?e:function(e,t,r){if(r&&r.fromAttribute&&"string"==typeof e)return r.fromAttribute(e);if(null==e)return e;switch(t){case String:return String(e);case Number:return Number(e);case Boolean:return Boolean(e);case Object:return"object"===c(e)?e:JSON.parse(String(e));case Array:return Array.isArray(e)?e:JSON.parse(String(e));default:return e}}(e,m,a),n!==t){var v=!this.shouldUpdate||this.shouldUpdate(r,n,t);if(o.set(this,v?t:n),i&&void 0!==l)if(this.isConnected){u.add(this);try{p(this,l,v?t:n,m,a)}finally{u.delete(this)}}else d.has(this)||d.set(this,new Map),d.get(this).set(l,{value:v?t:n,type:m,converter:a});this.isConnected?("function"==typeof this.renderNow&&this.renderNow(),this.updated&&this.updated(r,n,t)):this.updated&&(f.has(this)||f.set(this,[]),f.get(this).push({propertyKey:r,oldValue:n,newValue:t})),s&&"function"==typeof this.renderNow&&this.renderNow()}}},configurable:!0}),t.constructor._propertyInfo||(t.constructor._propertyInfo=new Map),t.constructor._propertyInfo.set(r,s(s({},e),{},{name:r,attribute:l,type:m})),l&&(t.constructor.observedAttributes||(t.constructor.observedAttributes=[]),t.constructor.observedAttributes.includes(l)||t.constructor.observedAttributes.push(l))}}var m=h({});function y(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,i,a,s=[],l=!0,c=!1;try{if(i=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;l=!1}else for(;!(l=(n=i.call(r)).done)&&(s.push(n.value),s.length!==t);l=!0);}catch(e){c=!0,o=e}finally{try{if(!l&&null!=r.return&&(a=r.return(),Object(a)!==a))return}finally{if(c)throw o}}return s}}(e,t)||b(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function v(e){return function(e){if(Array.isArray(e))return g(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||b(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function b(e,t){if(e){if("string"==typeof e)return g(e,t);var r={}.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?g(e,t):void 0}}function g(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=Array(t);r<t;r++)n[r]=e[r];return n}function w(e){return w="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},w(e)}function S(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,E(n.key),n)}}function E(e){var t=function(e,t){if("object"!=w(e)||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!=w(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==w(t)?t:t+""}function A(e,t){if(t&&("object"==w(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}function O(e){var t="function"==typeof Map?new Map:void 0;return O=function(e){if(null===e||!function(e){try{return-1!==Function.toString.call(e).indexOf("[native code]")}catch(t){return"function"==typeof e}}(e))return e;if("function"!=typeof e)throw new TypeError("Super expression must either be null or a function");if(void 0!==t){if(t.has(e))return t.get(e);t.set(e,r)}function r(){return function(e,t,r){if(k())return Reflect.construct.apply(null,arguments);var n=[null];n.push.apply(n,t);var o=new(e.bind.apply(e,n));return r&&N(o,r.prototype),o}(e,arguments,M(this).constructor)}return r.prototype=Object.create(e.prototype,{constructor:{value:r,enumerable:!1,writable:!0,configurable:!0}}),N(r,e)},O(e)}function k(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(e){}return(k=function(){return!!e})()}function N(e,t){return N=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},N(e,t)}function M(e){return M=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},M(e)}function C(e,t,r){j(e,t),t.set(e,r)}function j(e,t){if(t.has(e))throw new TypeError("Cannot initialize the same private elements twice on an object")}function x(e,t){return e.get(P(e,t))}function T(e,t,r){return e.set(P(e,t),r),r}function P(e,t,r){if("function"==typeof e?e===t:e.has(t))return arguments.length<3?t:r;throw new TypeError("Private element is not present on this object")}var I=[],L=new WeakMap,R=new WeakMap,F=new WeakMap,V=new WeakMap,W=new WeakMap,D=new WeakMap,H=new WeakMap,q=new WeakMap,$=new WeakMap,_=new WeakMap,B=new WeakMap,U=new WeakMap,z=new WeakMap,K=new WeakMap,Q=new WeakMap,J=new WeakMap,Y=new WeakSet,G=function(e){function t(e){var r,n,o,i;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),n=this,o=M(o=t),function(e,t){j(e,t),t.add(e)}(r=A(n,k()?Reflect.construct(o,i||[],M(n).constructor):o.apply(n,i)),Y),C(r,L,void 0),C(r,R,void 0),C(r,F,!1),C(r,V,void 0),C(r,W,void 0),C(r,D,void 0),C(r,H,!1),C(r,q,!1),C(r,$,!1),C(r,_,!0),C(r,B,!0),C(r,U,null),C(r,z,void 0),C(r,K,[]),C(r,Q,null),C(r,J,null);var a=function(e){console.warn("ElementInternals.".concat(e," called before element was connected. Call will be ignored."))};return T(z,r,{setValidity:function(e,t,r){a("setValidity")},reportValidity:function(){return a("reportValidity"),!1},checkValidity:function(){return a("checkValidity"),!0},setFormValue:function(e,t){a("setFormValue")}}),P(Y,r,te).call(r),P(Y,r,X).call(r),A(r,e)}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&N(e,t)}(t,e),r=t,n=[{key:"isConnected",get:function(){return x(F,this)}},{key:"updateComplete",get:function(){return x(Q,this)?x(Q,this):Promise.resolve()}},{key:"internals",get:function(){if(!x(F,this)&&"object"===w(x(z,this)))return x(z,this);var e=this.constructor;if(null===x(U,this)&&e.formAssociated){var t=x(z,this);for(var r in T(z,this,null),T(U,this,this.attachInternals()),t)"function"!=typeof x(U,this)[r]&&(x(U,this)[r]=t[r])}return x(U,this)},set:function(e){T(U,this,e)}},{key:"requestUpdate",value:function(){var e=this;return x(Q,this)||(T(Q,this,new Promise(function(t){T(J,e,t)})),this.scheduleRender()),x(Q,this)}},{key:"addController",value:function(e){x(K,this).push(e),x(F,this)&&e.connected&&e.connected()}},{key:"scheduleRender",value:function(){var e;null===(e=x(L,this))||void 0===e||e.scheduleRender()}},{key:"renderNow",value:function(){var e,t=this;if(this.shadowRoot&&(x(Q,this)||T(Q,this,new Promise(function(e){T(J,t,e)})),null===(e=x(L,this))||void 0===e||e.renderNow(),this.updated("",null,null),x(J,this))){var r=x(J,this);T(J,this,null),T(Q,this,null),r()}}},{key:"updated",value:function(e,t,r){}},{key:"shouldUpdate",value:function(e,t,r){return!0}},{key:"addStylesheetToRootNode",value:function(e,t){if(P(Y,this),Array.isArray(document.adoptedStyleSheets)&&"replace"in CSSStyleSheet.prototype){if(x(W,this)||T(W,this,new CSSStyleSheet),x(W,this).replaceSync(e),x(H,this))return;if(t instanceof Document){var r=P(Y,this,ne).call(this,e);-1===I.indexOf(r)&&(document.adoptedStyleSheets=[].concat(v(document.adoptedStyleSheets),[x(W,this)]),T(H,this,!0),I.push(r))}else this.shadowRoot.adoptedStyleSheets=[x(W,this)],T(H,this,!0)}else if(T(D,this,document.createElement("link")),x(D,this).rel="stylesheet",x(D,this).href=URL.createObjectURL(new Blob([e],{type:"text/css"})),t instanceof Document){var n=P(Y,this,ne).call(this,e);-1===I.indexOf(n)&&(document.head.appendChild(x(D,this)),I.push(n))}else this.shadowRoot.appendChild(x(D,this))}},{key:"templateFromString",value:function(e){var t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],r=document.createElement("template");r.innerHTML=e;var n=document.createDocumentFragment();n.appendChild(r.content);var o=n.querySelector("style");return t&&(T(q,this,!0),this.shadowRoot||this.attachShadow({mode:"open",delegatesFocus:x($,this)})),o&&(P(Y,this,re).call(this,o.textContent),o.remove()),n}},{key:"adoptStyle",value:function(e,t){this.addStylesheetToRootNode(t,e)}},{key:"createProjector",value:function(e,t){var r=this;return new Promise(function(n,o){var i,a=x(R,r)?x(R,r):"append";requestAnimationFrame(function(){(i=window.Maquette.createProjector({performanceLogger:function(e){"renderStart"!==e&&"renderDone"!==e||P(Y,r,Z).call(r,e)}}))[a](e,t.bind(r)),T(L,r,i),i.renderNow(),n(i),r.dispatchEvent(new CustomEvent("firstRender",{}))})})}},{key:"connectedCallback",value:function(){T(F,this,!0);for(var e=0,t=x(K,this).length;e<t;){var r=x(K,this)[e];null!=r&&r.connected&&r.connected(),e+=1}!function(e){var t=d.get(e);if(t){u.add(e);try{t.forEach(function(t,r){p(e,r,t.value,t.type,t.converter)})}finally{u.delete(e)}d.delete(e)}var r=f.get(e);if(r&&e.updated){for(var n=r.length,o=0;o<n;){var i=r[o];e.updated(i.propertyKey,i.oldValue,i.newValue),o+=1}f.delete(e)}}(this),this.renderNow()}},{key:"disconnectedCallback",value:function(){T(F,this,!1);for(var e=0,t=x(K,this).length;e<t;){var r=x(K,this)[e];null!=r&&r.disconnected&&r.disconnected(),e+=1}}},{key:"attributeChangedCallback",value:function(e,t,r){if(n=this,!u.has(n)){var n,o=this.constructor;if(null!=o&&o._propertyInfo){var i=Array.from(o._propertyInfo.values()).find(function(t){return t.attribute===e&&"string"==typeof t.attribute});if(i){var a=i.converter,s=r;null!=a&&a.fromAttribute?s=a.fromAttribute(r):i.type===Boolean?s=null!==r:i.type===Number&&(s=null===r?null:Number(r)),this[i.name]=s,this.scheduleRender()}}}}},{key:"render",value:function(){return null}}],n&&S(r.prototype,n),o&&S(r,o),Object.defineProperty(r,"prototype",{writable:!1}),r;var r,n,o}(O(HTMLElement));function X(){"function"==typeof this.init&&(this.init(),x(K,this).forEach(function(e){null==e||e.init()}))}function Z(e){var t=this;this[e]&&this[e](x("renderStart"===e?_:B,this));var r="host".concat(e.charAt(0).toUpperCase()).concat(e.slice(1));x(K,this).forEach(function(n){n[r]&&n[r](x("renderStart"===e?_:B,t))}),T("renderStart"===e?_:B,this,!1)}function ee(){var e=this.constructor;if(e._propertyInfo)for(var t=Array.from(e._propertyInfo.entries()),r=0,n=t.length;r<n;){var o=y(t[r],1)[0];if(Object.hasOwn(this,o)){var i=this[o];delete this[o],this[o]=i}r+=1}}function te(){var e=this,t=this.constructor.projectorMode;T(R,this,t||"append");var r=this.constructor.formAssociated,n=this.constructor.delegatesFocus;T($,this,n),r&&T(U,this,this.attachInternals());var o=this.constructor.style;if(o){T(q,this,!0),T(R,this,"replace"),this.shadowRoot||this.attachShadow({mode:"open",delegatesFocus:x($,this)}),P(Y,this,re).call(this,o);var i=document.createElement("div");this.shadowRoot.appendChild(i),requestAnimationFrame(function(){e.createProjector(i,e.render).then(function(){P(Y,e,ee).call(e)})})}}function re(e){T(V,this,e),x(q,this)&&this.shadowRoot?this.addStylesheetToRootNode(e,this.shadowRoot):x(q,this)||this.addStylesheetToRootNode(e,document)}function ne(e){for(var t=0,r=0;t<e.length;t++)r=Math.imul(31,r)+e.charCodeAt(t)|0;return r}function oe(e){return oe="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},oe(e)}function ie(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,ae(n.key),n)}}function ae(e){var t=function(e,t){if("object"!=oe(e)||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!=oe(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==oe(t)?t:t+""}function se(e,t,r){(function(e,t){if(t.has(e))throw new TypeError("Cannot initialize the same private elements twice on an object")})(e,t),t.set(e,r)}function le(e,t){return e.get(ce(e,t))}function ce(e,t,r){if("function"==typeof e?e===t:e.has(t))return arguments.length<3?t:r;throw new TypeError("Private element is not present on this object")}G._propertyInfo=new Map;var ue=new WeakMap,de=function(){return e=function e(t){var r,n,o;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),se(this,ue,void 0),n=this,o=t,(r=ue).set(ce(r,n),o),le(ue,this).addController(this)},(t=[{key:"hostElement",get:function(){return le(ue,this)}},{key:"renderNow",value:function(){var e;null===(e=this.hostElement)||void 0===e||e.renderNow()}},{key:"scheduleRender",value:function(){var e;null===(e=this.hostElement)||void 0===e||e.scheduleRender()}}])&&ie(e.prototype,t),r&&ie(e,r),Object.defineProperty(e,"prototype",{writable:!1}),e;var e,t,r}();function fe(e){return fe="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},fe(e)}function pe(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,i,a,s=[],l=!0,c=!1;try{if(i=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;l=!1}else for(;!(l=(n=i.call(r)).done)&&(s.push(n.value),s.length!==t);l=!0);}catch(e){c=!0,o=e}finally{try{if(!l&&null!=r.return&&(a=r.return(),Object(a)!==a))return}finally{if(c)throw o}}return s}}(e,t)||he(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function he(e,t){if(e){if("string"==typeof e)return me(e,t);var r={}.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?me(e,t):void 0}}function me(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=Array(t);r<t;r++)n[r]=e[r];return n}var ye,ve="http://www.w3.org/",be="".concat(ve,"2000/svg"),ge="".concat(ve,"1999/xlink"),we=["allowfullscreen","async","autofocus","autoplay","checked","controls","default","defer","disabled","formnovalidate","hidden","ismap","itemscope","loop","multiple","muted","nomodule","novalidate","open","readonly","required","reversed","selected","scoped","seamless","typemustmatch"],Se=[],Ee=function(e,t){var r={};return Object.keys(e).forEach(function(t){r[t]=e[t]}),t&&Object.keys(t).forEach(function(e){r[e]=t[e]}),r},Ae=function(e,t){return e.vnodeSelector===t.vnodeSelector&&(e.properties&&t.properties?e.properties.key===t.properties.key&&e.properties.bind===t.properties.bind:!e.properties&&!t.properties)},Oe=function(e){if("string"!=typeof e)throw new Error("Style values must be strings")},ke=function(e,t,r){if(""!==t.vnodeSelector)for(var n=r;n<e.length;n++)if(Ae(e[n],t))return n;return-1},Ne=function(e,t,r,n){var o=e[t];if(""!==o.vnodeSelector){var i=o.properties;if(!(i?void 0===i.key?i.bind:i.key:void 0))for(var a=0;a<e.length;a++)if(a!==t){var s=e[a];if(Ae(s,o))throw{error:new Error("".concat(r.vnodeSelector," had a ").concat(o.vnodeSelector," child ").concat("added"===n?n:"removed",", but there is now more than one. You must add unique key properties to make them distinguishable.")),parentNode:r,childNode:o}}}},Me=function(e){if(e.properties){var t=e.properties.enterAnimation;t&&t(e.domNode,e.properties)}},Ce=[],je=!1,xe=function(e){(e.children||[]).forEach(xe),e.properties&&e.properties.afterRemoved&&e.properties.afterRemoved.apply(e.properties.bind||e.properties,[e.domNode])},Te=function(){je=!1,Ce.forEach(xe),Ce.length=0},Pe=function(e){Ce.push(e),je||(je=!0,"undefined"!=typeof window&&"requestIdleCallback"in window?window.requestIdleCallback(Te,{timeout:16}):setTimeout(Te,16))},Ie=function(e){var t=e.domNode;if(e.properties){e.properties.eventListeners&&Array.isArray(e.properties.eventListeners)&&e.properties.eventListeners.forEach(function(e){t.removeEventListener(e[0],e[1])});var r=e.properties.exitAnimation;if(r){t.style.pointerEvents="none";return void r(t,function(){t.parentNode&&(t.parentNode.removeChild(t),Pe(e))},e.properties)}}t.parentNode&&(t.parentNode.removeChild(t),Pe(e))},Le=function(e,t,r){if(t){var n,o=function(e,t){var r="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!r){if(Array.isArray(e)||(r=he(e))||t&&e&&"number"==typeof e.length){r&&(e=r);var n=0,o=function(){};return{s:o,n:function(){return n>=e.length?{done:!0}:{done:!1,value:e[n++]}},e:function(e){throw e},f:o}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var i,a=!0,s=!1;return{s:function(){r=r.call(e)},n:function(){var e=r.next();return a=e.done,e},e:function(e){s=!0,i=e},f:function(){try{a||null==r.return||r.return()}finally{if(s)throw i}}}}(t);try{for(o.s();!(n=o.n()).done;){var i=n.value;Fe(i,e,void 0,r)}}catch(e){o.e(e)}finally{o.f()}}},Re=function(e,t,r){if(Le(e,t.children,r),t.text&&(e.textContent=t.text),function(e,t,r){if(t)for(var n=r.eventHandlerInterceptor,o=Object.keys(t),i=o.length,a=function(){var i,a=o[s],l=t[a];if("className"===a)throw new Error('Property "className" is not supported, use "class".');if("class"===a)Ve(e,l,!0);else if("classes"===a)for(var c=Object.keys(l),u=c.length,d=0;d<u;d++){var f=c[d];l[f]&&e.classList.add(f)}else if("styles"===a)for(var p=Object.keys(l),h=p.length,m=0;m<h;m++){var y=p[m],v=l[y];v&&(Oe(v),r.styleApplyer(e,y,v))}else if("on"===a&&l)for(var b=0,g=Object.entries(t.on);b<g.length;b++){var w=pe(g[b],2),S=w[0],E=w[1],A="function"==typeof E?E:E.listener;n&&(A=n(S,A,e,t)),A&&e.addEventListener(S,A,"function"==typeof E?void 0:E.options)}else if("key"!==a&&null!=l){var O=fe(l);"function"===O?(0===a.lastIndexOf("on",0)&&(n&&(l=n(a,l,e,t)),"oninput"===a&&(i=l,l=function(e){i.apply(this,[e]),e.target["oninput-value"]=e.target.value})),e[a]=l):r.namespace===be?"href"===a?e.setAttributeNS(ge,a,l):e.setAttribute(a,l):"string"===O&&"value"!==a&&"innerHTML"!==a?e.setAttribute(a,l):("string"===O&&"value"===a&&null!=e&&e.tagName.indexOf("-")&&e.setAttribute(a,l),e[a]=l)}},s=0;s<i;s++)a()}(e,t.properties,r),t.properties&&t.properties.afterCreate)t.properties.afterCreate.apply(t.properties.bind||t.properties,[e,r,t.vnodeSelector,t.properties,t.children]);else if(t.properties&&t.properties.eventListeners){if(!Array.isArray(t.properties.eventListeners))throw new Error("eventListeners value must be an array");t.properties.eventListeners.forEach(function(t){e.addEventListener(t[0],t[1],t[2])})}},Fe=function(e,t,r,n){var o,i=0,a=e.vnodeSelector,s=t.ownerDocument;if(""===a)e.domNode?e.domNode.nodeValue=e.text:(o=e.domNode=s.createTextNode(e.text),void 0!==r?t.insertBefore(o,r):t.appendChild(o));else{for(var l=0;l<=a.length;++l){var c=a.charAt(l);if(l===a.length||"."===c||"#"===c){var u=a.charAt(i-1),d=a.slice(i,l);if("."===u)o.classList.add(d);else if("#"===u)o.id=d;else{var f;if("svg"===d&&(n=Ee(n,{namespace:be})),void 0!==n.namespace)o=e.domNode=s.createElementNS(n.namespace,d);else o=e.domNode=e.domNode||(null!==(f=e.properties)&&void 0!==f&&f.is?s.createElement(d,{is:e.properties.is}):s.createElement(d)),"input"===d&&e.properties&&void 0!==e.properties.type&&o.setAttribute("type",e.properties.type);void 0!==r?t.insertBefore(o,r):o.parentNode!==t&&t.appendChild(o)}i=l+1}}Re(o,e,n)}},Ve=function(e,t,r){t&&t.split(" ").forEach(function(t){t&&e.classList.toggle(t,r)})},We=function(e,t,r,n,o){if(r===n)return!1;n=n||Se;for(var i,a=(r=r||Se).length,s=n.length,l=0,c=0,u=!1;c<s;){var d=l<a?r[l]:void 0,f=n[c];if(void 0!==d&&Ae(d,f))u=ye(d,f,o)||u,l++;else{var p=ke(r,f,l+1);if(p>=0){for(i=l;i<p;i++)Ie(r[i]),Ne(r,i,e,"removed");u=ye(r[p],f,o)||u,l=p+1}else Fe(f,t,l<a?r[l].domNode:void 0,o),Me(f),Ne(n,c,e,"added")}c++}if(a>l)for(i=l;i<a;i++)Ie(r[i]),Ne(r,i,e,"removed");return u};ye=function(e,t,r){var n=e.domNode,o=!1;if(e===t)return!1;var i=!1;if(""===t.vnodeSelector){if(t.text!==e.text){var a=n.ownerDocument.createTextNode(t.text);return n.parentNode.replaceChild(a,n),t.domNode=a,o=!0}t.domNode=n}else 0===t.vnodeSelector.lastIndexOf("svg",0)&&(r=Ee(r,{namespace:be})),e.text!==t.text&&(i=!0,void 0===t.text?n.removeChild(n.firstChild):n.textContent=t.text),t.domNode=n,i=We(t,n,e.children,t.children,r)||i,i=function(e,t,r,n){if(r){for(var o=!1,i=Object.keys(r),a=i.length,s=0;s<a;s++){var l=i[s],c=r[l],u=t[l];if("class"===l)u!==c&&(Ve(e,u,!1),Ve(e,c,!0));else if("classes"===l)for(var d=e.classList,f=Object.keys(c),p=f.length,h=0;h<p;h++){var m=f[h],y=!!c[m];y!==!!u[m]&&(o=!0,y?d.add(m):d.remove(m))}else if("styles"===l)for(var v=Object.keys(c),b=v.length,g=0;g<b;g++){var w=v[g],S=c[w];S!==u[w]&&(o=!0,S?(Oe(S),n.styleApplyer(e,w,S)):n.styleApplyer(e,w,""))}else if(c||"string"!=typeof u||we.indexOf(l)<0&&(c=""),"value"===l){var E=e[l];E!==c&&(e["oninput-value"]?E===e["oninput-value"]:c!==u)&&(e[l]=c,e["oninput-value"]=void 0),c!==u&&(o=!0)}else if(we.indexOf(l)>=0)"string"==typeof c||!0===c?(e.setAttribute(l,""),e[l]=!0):(e.removeAttribute(l),e[l]=!1),o=!0;else if(c!==u){var A=fe(c);"function"===A&&n.eventHandlerInterceptor||(n.namespace===be?"href"===l?e.setAttributeNS(ge,l,c):e.setAttribute(l,c):"string"===A&&"innerHTML"!==l?"role"===l&&""===c?e.removeAttribute(l):e.setAttribute(l,c):e[l]!==c&&(e[l]=c),o=!0)}}return o}}(n,e.properties,t.properties,r)||i,t.properties&&t.properties.afterUpdate&&t.properties.afterUpdate.apply(t.properties.bind||t.properties,[n,r,t.vnodeSelector,t.properties,t.children]);return i&&t.properties&&t.properties.updateAnimation&&t.properties.updateAnimation(n,t.properties,e.properties),o};var De,He=function(e,t){return{getLastRender:function(){return e},update:function(r){if(e.vnodeSelector!==r.vnodeSelector)throw new Error("The selector for the root VNode may not be changed. (consider using dom.merge and add one extra level to the virtual DOM)");var n=e;e=r,ye(n,r,t)},domNode:e.domNode}},qe={namespace:void 0,performanceLogger:function(){},eventHandlerInterceptor:void 0,styleApplyer:function(e,t,r){"-"===t.charAt(0)?e.style.setProperty(t,r):e.style[t]=r}},$e=function(e){return Ee(qe,e)},_e={create:function(e,t){return t=$e(t),Fe(e,document.createElement("div"),void 0,t),He(e,t)},append:function(e,t,r){return r=$e(r),Fe(t,e,void 0,r),He(t,r)},insertBefore:function(e,t,r){return r=$e(r),Fe(t,e.parentNode,e,r),He(t,r)},merge:function(e,t,r){return r=$e(r),t.domNode=e,Re(e,t,r),He(t,r)},replace:function(e,t,r){return r=$e(r),Fe(t,e.parentNode,e,r),e.parentNode.removeChild(e),He(t,r)}};De=Array.prototype.find?function(e,t){return e.find(t)}:function(e,t){return e.filter(t)[0]};var Be=function(e,t,r){return function(n,o,i,a){return function(n){r("domEvent",n);var i=t(),a=function(e,t){for(var r=[];e&&e!==t;)r.push(e),e=e.parentNode;return r}(n.currentTarget,i.domNode);a.reverse();var s,l,c,u=function(e,t){var r=e;return t.forEach(function(e){r=r&&r.children?De(r.children,function(t){return t.domNode===e}):void 0}),r}(i.getLastRender(),a);(e.scheduleRender(),u)&&(s=(null!==(l=null!==(c=u.properties["on".concat(n.type)])&&void 0!==c?c:u.properties.on[n.type].listener)&&void 0!==l?l:u.properties.on[n.type]).apply(u.properties.bind||this,arguments));return void 0===s&&this.hasAttribute("data-force-event-handler")&&(s=o.apply(this,arguments)),r("domEventProcessed",n),s}}},Ue=function(e){return{vnodeSelector:"",properties:void 0,children:void 0,text:e.toString(),domNode:null}},ze=function(e,t){for(var r=0,n=e.length;r<n;r++){var o=e[r];Array.isArray(o)?ze(o,t):null!=o&&!1!==o&&(o.hasOwnProperty("vnodeSelector")||(o=Ue(o)),t.push(o))}},Ke=function(e,t){for(var r=arguments.length,n=new Array(r>2?r-2:0),o=2;o<r;o++)n[o-2]=arguments[o];if(1===n.length&&"string"==typeof n[0])return{vnodeSelector:e,properties:t||void 0,children:void 0,text:n[0],domNode:null};var i=[];return ze(n,i),{vnodeSelector:e,properties:t||void 0,children:i,text:void 0,domNode:null}},Qe={createCache:function(){var e,t;return{invalidate:function(){t=void 0,e=void 0},result:function(r,n){if(e)for(var o=0;o<r.length;o++)e[o]!==r[o]&&(t=void 0);return t||(t=n(),e=r),t}}},createMapping:function(e,t,r){var n=[],o=[];return{results:o,map:function(i){for(var a=i.map(e),s=o.slice(),l=0,c=0;c<i.length;c++){var u=i[c],d=a[c];if(d===n[l])o[c]=s[l],r(u,s[l],c),l++;else{for(var f=!1,p=1;p<n.length+1;p++){var h=(l+p)%n.length;if(n[h]===d){o[c]=s[h],r(i[c],s[h],c),l=h+1,f=!0;break}}f||(o[c]=t(u,c))}}o.length=i.length,n=a}}},createProjector:function(e){var t,r,n=$e(e),o=n.performanceLogger,i=!0,a=!1,s=[],l=[],c=function(e,r,i){var a;n.eventHandlerInterceptor=Be(t,function(){return a},o),a=e(r,i(),n),s.push(a),l.push(i)},u=function(){if(r=void 0,i){i=!1,o("renderStart",void 0);for(var e=0;e<s.length;e++){var t=l[e]();o("rendered",void 0),s[e].update(t),o("patched",void 0)}o("renderDone",void 0),i=!0}};return t={renderNow:u,scheduleRender:function(){r||a||(r=requestAnimationFrame(u))},stop:function(){r&&(cancelAnimationFrame(r),r=void 0),a=!0},resume:function(){a=!1,i=!0,t.scheduleRender()},append:function(e,t){c(_e.append,e,t)},insertBefore:function(e,t){c(_e.insertBefore,e,t)},merge:function(e,t){c(_e.merge,e,t)},replace:function(e,t){c(_e.replace,e,t)},detach:function(e){for(var t=0;t<l.length;t++)if(l[t]===e)return l.splice(t,1),s.splice(t,1)[0];throw new Error("renderFunction was not found")}}},dom:_e,h:Ke};!function(e){e.Maquette=Qe,e.h=Ke,e.CustomElement=G,e.CustomElementController=de,e.CustomElementConfig=o,e.PropertyRenderOnSet=m,e.RenderOnSet=m,e.Property=h,e.Query=i,e.Bind=n}(window);var Je=Qe.h,Ye=m})();const r=t.Y8,n=t.K9,o=t.y0,i=t.Wd,a=t.zG,s=t.mA,l=t.dd,c=t.XK,u=t.Qf,d=t.h;export{r as Bind,n as CustomElement,o as CustomElementConfig,i as CustomElementController,a as Maquette,s as Property,l as PropertyRenderOnSet,c as Query,u as RenderOnSet,d as h};
|
|
1
|
+
/*! P-ELEMENTS 2.1.0 - Thu Feb 12 2026 20:12:12 GMT+0100 (Midden-Europese standaardtijd) */var e={d:(t,r)=>{for(var n in r)e.o(r,n)&&!e.o(t,n)&&Object.defineProperty(t,n,{enumerable:!0,get:r[n]})},o:(e,t)=>Object.prototype.hasOwnProperty.call(e,t)},t={};(()=>{const{keys:e}=Object,t=!0,r=!1,n="querySelectorAll",o="querySelectorAll",{document:i,Element:a,MutationObserver:s,Set:l,WeakMap:c}=self,u=e=>o in e,{filter:d}=[],f=e=>{const f=new c,p=(t,r)=>{let n;if(r)for(let o,i=(e=>e.matches||e.webkitMatchesSelector||e.msMatchesSelector)(t),a=0,{length:s}=m;a<s;a++)i.call(t,o=m[a])&&(f.has(t)||f.set(t,new l),n=f.get(t),n.has(o)||(n.add(o),e.handle(t,r,o)));else f.has(t)&&(n=f.get(t),f.delete(t),n.forEach(n=>{e.handle(t,r,n)}))},h=(e,t=!0)=>{for(let r=0,{length:n}=e;r<n;r++)p(e[r],t)},{query:m}=e,y=e.root||i,v=((e,o=document,i=MutationObserver,a=["*"])=>{const s=(r,o,i,a,l,c)=>{for(const u of r)(c||n in u)&&(l?i.has(u)||(i.add(u),a.delete(u),e(u,l)):a.has(u)||(a.add(u),i.delete(u),e(u,l)),c||s(u[n](o),o,i,a,l,t))},l=new i(e=>{if(a.length){const n=a.join(","),o=new Set,i=new Set;for(const{addedNodes:a,removedNodes:l}of e)s(l,n,o,i,r,r),s(a,n,o,i,t,r)}}),{observe:c}=l;return(l.observe=e=>c.call(l,e,{subtree:t,childList:t}))(o),l})(p,y,s,m),{attachShadow:b}=a.prototype;return b&&(a.prototype.attachShadow=function(e){const t=b.call(this,e);return v.observe(t),t}),m.length&&h(y[o](m)),{drop:e=>{for(let t=0,{length:r}=e;t<r;t++)f.delete(e[t])},flush:()=>{const e=v.takeRecords();for(let t=0,{length:r}=e;t<r;t++)h(d.call(e[t].removedNodes,u),!1),h(d.call(e[t].addedNodes,u),!0)},observer:v,parse:h}},{customElements:p,document:h,Element:m,MutationObserver:y,Object:v,Promise:b,Map:g,Set:w,WeakMap:S,Reflect:E}=self,{createElement:A}=h,{define:k,get:O,upgrade:N}=p,{construct:M}=E||{construct(e){return e.call(this)}},{defineProperty:C,getOwnPropertyNames:j,setPrototypeOf:x}=v,T=new S,I=new w,P=new g,L=new g,R=new g,F=new g,V=[],W=[],D=e=>F.get(e)||O.call(p,e),{parse:q}=f({query:W,handle:(t,r,n)=>{const o=R.get(n);if(r&&!o.isPrototypeOf(t)){const r=(t=>{const r=e(t),n=[],o=new Set,{length:i}=r;for(let e=0;e<i;e++){n[e]=t[r[e]];try{delete t[r[e]]}catch(t){o.add(e)}}return()=>{for(let e=0;e<i;e++)o.has(e)||(t[r[e]]=n[e])}})(t);U=x(t,o);try{new o.constructor}finally{U=null,r()}}const i=(r?"":"dis")+"connectedCallback";i in o&&t[i]()}}),{parse:H}=f({query:V,handle(e,t){T.has(e)&&(t?I.add(e):I.delete(e),W.length&&z.call(W,e))}}),{attachShadow:$}=m.prototype;$&&(m.prototype.attachShadow=function(e){const t=$.call(this,e);return T.set(this,t),t});const _=e=>{if(!L.has(e)){let t,r=new b(e=>{t=e});L.set(e,{$:r,_:t})}return L.get(e).$},B=((e,t)=>{const r=e=>{for(let t=0,{length:r}=e;t<r;t++)n(e[t])},n=({target:e,attributeName:t,oldValue:r})=>{e.attributeChangedCallback(t,r,e.getAttribute(t))};return(o,i)=>{const{observedAttributes:a}=o.constructor;return a&&e(i).then(()=>{new t(r).observe(o,{attributes:!0,attributeOldValue:!0,attributeFilter:a});for(let e=0,{length:t}=a;e<t;e++)o.hasAttribute(a[e])&&n({target:o,attributeName:a[e],oldValue:null})}),o}})(_,y);let U=null;function z(e){const t=T.get(e);q(t.querySelectorAll(this),e.isConnected)}j(self).filter(e=>/^HTML.*Element$/.test(e)).forEach(e=>{const t=self[e];function r(){const{constructor:e}=this;if(!P.has(e))throw new TypeError("Illegal constructor");const{is:r,tag:n}=P.get(e);if(r){if(U)return B(U,r);const t=A.call(h,n);return t.setAttribute("is",r),B(x(t,e.prototype),r)}return M.call(this,t,[],e)}x(r,t),C(r.prototype=t.prototype,"constructor",{value:r}),C(self,e,{value:r})}),h.createElement=function(e,t){const r=t&&t.is;if(r){const t=F.get(r);if(t&&P.get(t).tag===e)return new t}const n=A.call(h,e);return r&&n.setAttribute("is",r),n},p.get=D,p.whenDefined=_,p.upgrade=function(e){const t=e.getAttribute("is");if(t){const r=F.get(t);if(r)return void B(x(e,r.prototype),t)}N.call(p,e)},p.define=function(e,t,r){if(D(e))throw new Error(`'${e}' has already been defined as a custom element`);let n;const o=r&&r.extends;P.set(t,o?{is:e,tag:o}:{is:"",tag:e}),o?(n=`${o}[is="${e}"]`,R.set(n,t.prototype),F.set(e,t),W.push(n)):(k.apply(p,arguments),V.push(n=e)),_(e).then(()=>{o?(q(h.querySelectorAll(n)),I.forEach(z,[n])):H(h.querySelectorAll(n))}),L.get(e)._(t)}})(),(()=>{const e=new WeakMap,t=new WeakMap,r=new WeakMap,n=new WeakMap,o=new WeakMap,i=new WeakMap,a=new WeakMap,s=new WeakMap,l=new WeakMap,c=new WeakMap,u=new WeakMap,d=new WeakMap,f=new WeakMap,p=new WeakMap,h=new WeakMap,m=(e,t,r)=>{e.getAttribute(t)!==r&&e.setAttribute(t,r)},y=(e,t)=>{e.toggleAttribute("internals-disabled",t),t?m(e,"aria-disabled","true"):e.removeAttribute("aria-disabled"),e.formDisabledCallback&&e.formDisabledCallback.apply(e,[t])},v=e=>{r.get(e).forEach(e=>{e.remove()}),r.set(e,[])},b=(e,t)=>{const n=document.createElement("input");return n.type="hidden",n.name=e.getAttribute("name"),e.after(n),r.get(t).push(n),n},g=(e,t)=>{if(t.length){const r=Array.from(t);r.forEach(t=>t.addEventListener("click",e.click.bind(e)));const[n]=r;let o=n.id;n.id||(o=`${n.htmlFor}_Label`,n.id=o),m(e,"aria-labelledby",o)}},w=e=>{const t=Array.from(e.elements).filter(e=>!e.tagName.includes("-")&&e.validity).map(e=>e.validity.valid),r=s.get(e)||[],o=[...t,...Array.from(r).filter(e=>e.isConnected).map(e=>n.get(e).validity.valid)].includes(!1);e.toggleAttribute("internals-invalid",o),e.toggleAttribute("internals-valid",!o)},S=e=>{w(O(e.target))},E=e=>{w(O(e.target))},A=e=>{const t=s.get(e.target);t&&t.size&&t.forEach(e=>{e.constructor.formAssociated&&e.formResetCallback&&e.formResetCallback.apply(e)})},k=(e,t,r)=>{if(t){const o=s.get(t);if(o)o.add(e);else{const r=new Set;r.add(e),s.set(t,r),(e=>{const t=["button[type=submit]","input[type=submit]","button:not([type])"].map(e=>`${e}:not([disabled])`).map(t=>`${t}:not([form])${e.id?`,${t}[form='${e.id}']`:""}`).join(",");e.addEventListener("click",r=>{if(r.target.closest(t)){const t=s.get(e);if(e.noValidate)return;t.size&&Array.from(t).reverse().map(e=>n.get(e).reportValidity()).includes(!1)&&r.preventDefault()}})})(t),t.addEventListener("reset",A),t.addEventListener("input",S),t.addEventListener("change",E)}i.set(t,{ref:e,internals:r}),e.constructor.formAssociated&&e.formAssociatedCallback&&setTimeout(()=>{e.formAssociatedCallback.apply(e,[t])},0),w(t)}},O=e=>{let t=e.parentNode;return t&&"FORM"!==t.tagName&&(t=O(t)),t},N=(e,t,r=DOMException)=>{if(!e.constructor.formAssociated)throw new r(t)},M=(e,t,r)=>{const o=s.get(e);return o&&o.size&&o.forEach(e=>{n.get(e)[r]()||(t=!1)}),t},C=e=>{let t=!1;if(e.constructor.formAssociated){let r=n.get(e);void 0===r&&(e.attachInternals(),r=n.get(e),t=!0);const{labels:o,form:i}=r;g(e,o),k(e,i,r)}return t};function j(){return"undefined"!=typeof MutationObserver}const x={ariaAtomic:"aria-atomic",ariaAutoComplete:"aria-autocomplete",ariaBrailleLabel:"aria-braillelabel",ariaBrailleRoleDescription:"aria-brailleroledescription",ariaBusy:"aria-busy",ariaChecked:"aria-checked",ariaColCount:"aria-colcount",ariaColIndex:"aria-colindex",ariaColIndexText:"aria-colindextext",ariaColSpan:"aria-colspan",ariaCurrent:"aria-current",ariaDescription:"aria-description",ariaDisabled:"aria-disabled",ariaExpanded:"aria-expanded",ariaHasPopup:"aria-haspopup",ariaHidden:"aria-hidden",ariaInvalid:"aria-invalid",ariaKeyShortcuts:"aria-keyshortcuts",ariaLabel:"aria-label",ariaLevel:"aria-level",ariaLive:"aria-live",ariaModal:"aria-modal",ariaMultiLine:"aria-multiline",ariaMultiSelectable:"aria-multiselectable",ariaOrientation:"aria-orientation",ariaPlaceholder:"aria-placeholder",ariaPosInSet:"aria-posinset",ariaPressed:"aria-pressed",ariaReadOnly:"aria-readonly",ariaRelevant:"aria-relevant",ariaRequired:"aria-required",ariaRoleDescription:"aria-roledescription",ariaRowCount:"aria-rowcount",ariaRowIndex:"aria-rowindex",ariaRowIndexText:"aria-rowindextext",ariaRowSpan:"aria-rowspan",ariaSelected:"aria-selected",ariaSetSize:"aria-setsize",ariaSort:"aria-sort",ariaValueMax:"aria-valuemax",ariaValueMin:"aria-valuemin",ariaValueNow:"aria-valuenow",ariaValueText:"aria-valuetext",role:"role"};function T(e){const t=n.get(e),{form:r}=t;k(e,r,t),g(e,t.labels)}const I=(e,t=!1)=>{const r=document.createTreeWalker(e,NodeFilter.SHOW_ELEMENT,{acceptNode:e=>n.has(e)?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP});let o=r.nextNode();const i=!t||e.disabled;for(;o;)o.formDisabledCallback&&i&&y(o,e.disabled),o=r.nextNode()},P={attributes:!0,attributeFilter:["disabled","name"]},L=j()?new MutationObserver(e=>{for(const t of e){const e=t.target;if("disabled"===t.attributeName&&(e.constructor.formAssociated?y(e,e.hasAttribute("disabled")):"fieldset"===e.localName&&I(e)),"name"===t.attributeName&&e.constructor.formAssociated){const t=n.get(e),r=l.get(e);t.setFormValue(r)}}}):{};function R(e){e.forEach(e=>{const{addedNodes:t,removedNodes:o}=e,i=Array.from(t),l=Array.from(o);i.forEach(e=>{if(n.has(e)&&e.constructor.formAssociated&&T(e),c.has(e)){const t=c.get(e);Object.keys(x).filter(e=>null!==t[e]).forEach(r=>{m(e,x[r],t[r])}),c.delete(e)}if(h.has(e)){const t=h.get(e);m(e,"internals-valid",t.validity.valid.toString()),m(e,"internals-invalid",(!t.validity.valid).toString()),m(e,"aria-invalid",(!t.validity.valid).toString()),h.delete(e)}if("form"===e.localName){const t=s.get(e),r=document.createTreeWalker(e,NodeFilter.SHOW_ELEMENT,{acceptNode:e=>!n.has(e)||!e.constructor.formAssociated||t&&t.has(e)?NodeFilter.FILTER_SKIP:NodeFilter.FILTER_ACCEPT});let o=r.nextNode();for(;o;)T(o),o=r.nextNode()}"fieldset"===e.localName&&(L.observe?.(e,P),I(e,!0))}),l.forEach(e=>{const t=n.get(e);if(t&&r.get(t)&&v(t),a.has(e)){a.get(e).disconnect()}})})}function F(e){e.forEach(e=>{const{removedNodes:t}=e;t.forEach(t=>{const r=f.get(e.target);n.has(t)&&C(t),r.disconnect()})})}j()&&new MutationObserver(R);const V={childList:!0,subtree:!0};class W{constructor(){this.badInput=!1,this.customError=!1,this.patternMismatch=!1,this.rangeOverflow=!1,this.rangeUnderflow=!1,this.stepMismatch=!1,this.tooLong=!1,this.tooShort=!1,this.typeMismatch=!1,this.valid=!0,this.valueMissing=!1,Object.seal(this)}}const D=e=>{let t=!0;for(let r in e)"valid"!==r&&!1!==e[r]&&(t=!1);return t},q=new WeakMap;function H(e,t){e.toggleAttribute(t,!0),e.part&&e.part.add(t)}class $ extends Set{static get isPolyfilled(){return!0}constructor(e){if(super(),!e||!e.tagName||-1===e.tagName.indexOf("-"))throw new TypeError("Illegal constructor");q.set(this,e)}add(e){if(!/^--/.test(e)||"string"!=typeof e)throw new DOMException(`Failed to execute 'add' on 'CustomStateSet': The specified value ${e} must start with '--'.`);const t=super.add(e),r=q.get(this),n=`state${e}`;return r.isConnected?H(r,n):setTimeout(()=>{H(r,n)}),t}clear(){for(let[e]of this.entries())this.delete(e);super.clear()}delete(e){const t=super.delete(e),r=q.get(this);return r.isConnected?(r.toggleAttribute(`state${e}`,!1),r.part&&r.part.remove(`state${e}`)):setTimeout(()=>{r.toggleAttribute(`state${e}`,!1),r.part&&r.part.remove(`state${e}`)}),t}}var _,B=function(e,t,r,n,o){if("m"===n)throw new TypeError("Private method is not writable");if("a"===n&&!o)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof t?e!==t||!o:!t.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===n?o.call(e,r):o?o.value=r:t.set(e,r),r},U=function(e,t,r,n){if("a"===r&&!n)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?e!==t||!n:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===r?n:"a"===r?n.call(e):n?n.value:t.get(e)};class z{constructor(e){_.set(this,void 0),B(this,_,e,"f");for(let t=0;t<e.length;t++){let r=e[t];this[t]=r,r.hasAttribute("name")&&(this[r.getAttribute("name")]=r)}Object.freeze(this)}get length(){return U(this,_,"f").length}[(_=new WeakMap,Symbol.iterator)](){return U(this,_,"f")[Symbol.iterator]()}item(e){return null==this[e]?null:this[e]}namedItem(e){return null==this[e]?null:this[e]}}class K{static get isPolyfilled(){return!0}constructor(o){if(!o||!o.tagName||-1===o.tagName.indexOf("-"))throw new TypeError("Illegal constructor");const i=o.getRootNode(),a=new W;this.states=new $(o),e.set(this,o),t.set(this,a),n.set(o,this),((e,t)=>{for(let r in x){t[r]=null;let n=null;const o=x[r];Object.defineProperty(t,r,{get:()=>n,set(r){n=r,e.isConnected?m(e,o,r):c.set(e,t)}})}})(o,this),((e,t)=>{r.set(t,[]),L.observe?.(e,P)})(o,this),Object.seal(this),i instanceof DocumentFragment&&(e=>{const t=new MutationObserver(F);window?.ShadyDOM?.inUse&&e.mode&&e.host&&(e=e.host),t.observe?.(e,{childList:!0}),f.set(e,t)})(i)}checkValidity(){const r=e.get(this);if(N(r,"Failed to execute 'checkValidity' on 'ElementInternals': The target element is not a form-associated custom element."),!this.willValidate)return!0;const n=t.get(this);if(!n.valid){const e=new Event("invalid",{bubbles:!1,cancelable:!0,composed:!1});r.dispatchEvent(e)}return n.valid}get form(){const t=e.get(this);let r;return N(t,"Failed to read the 'form' property from 'ElementInternals': The target element is not a form-associated custom element."),!0===t.constructor.formAssociated&&(r=O(t)),r}get labels(){const t=e.get(this);N(t,"Failed to read the 'labels' property from 'ElementInternals': The target element is not a form-associated custom element.");const r=t.getAttribute("id"),n=t.getRootNode();return n&&r?n.querySelectorAll(`[for="${r}"]`):[]}reportValidity(){const t=e.get(this);if(N(t,"Failed to execute 'reportValidity' on 'ElementInternals': The target element is not a form-associated custom element."),!this.willValidate)return!0;const r=this.checkValidity(),n=d.get(this);if(n&&!t.constructor.formAssociated)throw new DOMException("Failed to execute 'reportValidity' on 'ElementInternals': The target element is not a form-associated custom element.");return!r&&n&&(t.focus(),n.focus()),r}setFormValue(t){const r=e.get(this);if(N(r,"Failed to execute 'setFormValue' on 'ElementInternals': The target element is not a form-associated custom element."),v(this),null==t||t instanceof FormData)null!=t&&t instanceof FormData&&Array.from(t).reverse().forEach(([e,t])=>{if("string"==typeof t){const n=b(r,this);n.name=e,n.value=t}});else if(r.getAttribute("name")){b(r,this).value=t}l.set(r,t)}setValidity(r,n,i){const a=e.get(this);if(N(a,"Failed to execute 'setValidity' on 'ElementInternals': The target element is not a form-associated custom element."),!r)throw new TypeError("Failed to execute 'setValidity' on 'ElementInternals': 1 argument required, but only 0 present.");d.set(this,i);const s=t.get(this),l={};for(const e in r)l[e]=r[e];var c;0===Object.keys(l).length&&((c=s).badInput=!1,c.customError=!1,c.patternMismatch=!1,c.rangeOverflow=!1,c.rangeUnderflow=!1,c.stepMismatch=!1,c.tooLong=!1,c.tooShort=!1,c.typeMismatch=!1,c.valid=!0,c.valueMissing=!1);const u={...s,...l};delete u.valid;const{valid:f}=((e,t,r)=>(e.valid=D(t),Object.keys(t).forEach(r=>e[r]=t[r]),r&&w(r),e))(s,u,this.form);if(!f&&!n)throw new DOMException("Failed to execute 'setValidity' on 'ElementInternals': The second argument should not be empty if one or more flags in the first argument are true.");o.set(this,f?"":n),a.isConnected?(a.toggleAttribute("internals-invalid",!f),a.toggleAttribute("internals-valid",f),m(a,"aria-invalid",`${!f}`)):h.set(a,this)}get shadowRoot(){const t=e.get(this),r=u.get(t);return r||null}get validationMessage(){const t=e.get(this);return N(t,"Failed to read the 'validationMessage' property from 'ElementInternals': The target element is not a form-associated custom element."),o.get(this)}get validity(){const r=e.get(this);N(r,"Failed to read the 'validity' property from 'ElementInternals': The target element is not a form-associated custom element.");return t.get(this)}get willValidate(){const t=e.get(this);return N(t,"Failed to read the 'willValidate' property from 'ElementInternals': The target element is not a form-associated custom element."),!(t.matches(":disabled")||t.disabled||t.hasAttribute("disabled")||t.hasAttribute("readonly"))}}let J=!1,Z=!1;function G(e){Z||(Z=!0,window.CustomStateSet=$,e&&(HTMLElement.prototype.attachInternals=function(...t){const r=e.call(this,t);return r.states=new $(this),r}))}!!customElements.polyfillWrapFlushCallback||(function(){if("undefined"==typeof window||!window.ElementInternals||!HTMLElement.prototype.attachInternals)return!1;class e extends HTMLElement{constructor(){super(),this.internals=this.attachInternals()}}const t=`element-internals-feature-detection-${Math.random().toString(36).replace(/[^a-z]+/g,"")}`;customElements.define(t,e);const r=new e;return["shadowRoot","form","willValidate","validity","validationMessage","labels","setFormValue","setValidity","checkValidity","reportValidity"].every(e=>e in r.internals)}()?"undefined"==typeof window||window.CustomStateSet||G(HTMLElement.prototype.attachInternals):function(e=!0){let t=!1;if(!J){if(J=!0,"undefined"!=typeof window&&(window.ElementInternals=K),"undefined"!=typeof CustomElementRegistry){const r=CustomElementRegistry.prototype.define;CustomElementRegistry.prototype.define=function(e,n,o){if(n.formAssociated){const e=n.prototype.connectedCallback;n.prototype.connectedCallback=function(){p.has(this)||(p.set(this,!0),this.hasAttribute("disabled")&&y(this,!0)),null!=e&&e.apply(this),t=C(this)}}r.call(this,e,n,o)}}if("undefined"!=typeof HTMLElement&&(HTMLElement.prototype.attachInternals=function(){if(!this.tagName)return{};if(-1===this.tagName.indexOf("-"))throw new Error("Failed to execute 'attachInternals' on 'HTMLElement': Unable to attach ElementInternals to non-custom elements.");if(n.has(this)&&!t)throw new DOMException("DOMException: Failed to execute 'attachInternals' on 'HTMLElement': ElementInternals for the specified element was already attached.");return new K(this)}),"undefined"!=typeof Element){function o(...e){const t=i.apply(this,e);if(u.set(this,t),j()){const e=new MutationObserver(R);window.ShadyDOM?e.observe(this,V):e.observe(t,V),a.set(this,e)}return t}const i=Element.prototype.attachShadow;Element.prototype.attachShadow=o}j()&&"undefined"!=typeof document&&new MutationObserver(R).observe(document.documentElement,V),"undefined"!=typeof HTMLFormElement&&function(){const e=HTMLFormElement.prototype.checkValidity;HTMLFormElement.prototype.checkValidity=function(...t){let r=e.apply(this,t);return M(this,r,"checkValidity")};const t=HTMLFormElement.prototype.reportValidity;HTMLFormElement.prototype.reportValidity=function(...e){let r=t.apply(this,e);return M(this,r,"reportValidity")};const{get:r}=Object.getOwnPropertyDescriptor(HTMLFormElement.prototype,"elements");Object.defineProperty(HTMLFormElement.prototype,"elements",{get(...e){const t=r.call(this,...e),n=Array.from(s.get(this)||[]);if(0===n.length)return t;const o=Array.from(t).concat(n).sort((e,t)=>e.compareDocumentPosition?2&e.compareDocumentPosition(t)?1:-1:0);return new z(o)}})}(),(e||"undefined"!=typeof window&&!window.CustomStateSet)&&G()}}(!1))})(),(()=>{function r(e){return r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},r(e)}e.d(t,{K9:()=>Y,y0:()=>o,Wd:()=>de,zG:()=>Je,oI:()=>n,h:()=>Ze,MZ:()=>h,vi:()=>m,P:()=>i,kf:()=>Ge});var n=function(e,t,n){var o=n.value;if("function"!=typeof o)throw new Error("@bind decorator can only be applied to methods not: ".concat(r(o)));var i=!1;return{configurable:!0,get:function(){if(i||this===e.prototype||this.hasOwnProperty(t)||"function"!=typeof o)return o;var r=o.bind(this);return i=!0,Object.defineProperty(this,t,{configurable:!0,get:function(){return r},set:function(e){o=e,delete this[t]}}),i=!1,r},set:function(e){o=e}}},o=function(e){return function(t){customElements.get(e.tagName)?console.warn("Custom element with tag name ".concat(e.tagName," already exists.")):customElements.define(e.tagName,t,e.options)}},i=function(e){var t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];return function(r,n){Object.defineProperty(r,n,{get:function(){return t?this.shadowRoot.querySelector(e):this.querySelector(e)}})}};function a(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,n)}return r}function s(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?a(Object(r),!0).forEach(function(t){l(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):a(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}function l(e,t,r){return(t=function(e){var t=function(e,t){if("object"!=c(e)||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!=c(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==c(t)?t:t+""}(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function c(e){return c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},c(e)}var u=new WeakSet,d=new WeakMap,f=new WeakMap;function p(e,t,r,n,o){n===Boolean?r?e.setAttribute(t,""):e.removeAttribute(t):n===Object||n===Array?o&&o.toAttribute?e.setAttribute(t,o.toAttribute(r)):e.setAttribute(t,JSON.stringify(r)):null==r?e.removeAttribute(t):e.setAttribute(t,String(r))}function h(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.type,r=e.attribute,n=void 0===r||r,o=e.reflect,i=void 0!==o&&o,a=e.converter,l=e.readonly,h=void 0!==l&&l,m=function(e){if("string"==typeof e)switch(e){case"string":return String;case"number":return Number;case"boolean":return Boolean;case"object":return Object;case"array":return Array;default:return null}return e}(t);return function(t,r){var o=new WeakMap,l=function(e,t){if(!1!==t)return!0===t?e.replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase():"string"==typeof t?t:void 0}(r,n);Object.defineProperty(t,r,{get:function(){if(!o.has(this)&&l&&this.hasAttribute&&this.hasAttribute(l)){var e,t=this.getAttribute(l);if(null!==t)return e=a&&a.fromAttribute?a.fromAttribute(t):m===Boolean||(m===Number?Number(t):t),o.set(this,e),"function"==typeof this.renderNow&&this.renderNow(),e}return o.has(this)?o.get(this):m!==Boolean&&void 0},set:function(e){if(!h||!o.has(this)){var t,n=o.get(this),s=!1;if(null==m&&e!==n&&(s=!0),!o.has(this)&&l&&this.hasAttribute&&this.hasAttribute(l)){var y=this.getAttribute(l);if(null!==y)return t=a&&a.fromAttribute?a.fromAttribute(y):m===Boolean||(m===Number?Number(y):y),o.set(this,t),void(this.isConnected?("function"==typeof this.renderNow&&this.renderNow(),this.updated&&this.updated(r,n,t)):this.updated&&(f.has(this)||f.set(this,[]),f.get(this).push({propertyKey:r,oldValue:n,newValue:t})))}if(t=s?e:function(e,t,r){if(r&&r.fromAttribute&&"string"==typeof e)return r.fromAttribute(e);if(null==e)return e;switch(t){case String:return String(e);case Number:return Number(e);case Boolean:return Boolean(e);case Object:return"object"===c(e)?e:JSON.parse(String(e));case Array:return Array.isArray(e)?e:JSON.parse(String(e));default:return e}}(e,m,a),n!==t){var v=!this.shouldUpdate||this.shouldUpdate(r,n,t);if(o.set(this,v?t:n),i&&void 0!==l)if(this.isConnected){u.add(this);try{p(this,l,v?t:n,m,a)}finally{u.delete(this)}}else d.has(this)||d.set(this,new Map),d.get(this).set(l,{value:v?t:n,type:m,converter:a});this.isConnected?("function"==typeof this.renderNow&&this.renderNow(),this.updated&&this.updated(r,n,t)):this.updated&&(f.has(this)||f.set(this,[]),f.get(this).push({propertyKey:r,oldValue:n,newValue:t})),s&&"function"==typeof this.renderNow&&this.renderNow()}}},configurable:!0}),t.constructor._propertyInfo||(t.constructor._propertyInfo=new Map),t.constructor._propertyInfo.set(r,s(s({},e),{},{name:r,attribute:l,type:m})),l&&(t.constructor.observedAttributes||(t.constructor.observedAttributes=[]),t.constructor.observedAttributes.includes(l)||t.constructor.observedAttributes.push(l))}}var m=h({});function y(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,i,a,s=[],l=!0,c=!1;try{if(i=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;l=!1}else for(;!(l=(n=i.call(r)).done)&&(s.push(n.value),s.length!==t);l=!0);}catch(e){c=!0,o=e}finally{try{if(!l&&null!=r.return&&(a=r.return(),Object(a)!==a))return}finally{if(c)throw o}}return s}}(e,t)||b(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function v(e){return function(e){if(Array.isArray(e))return g(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||b(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function b(e,t){if(e){if("string"==typeof e)return g(e,t);var r={}.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?g(e,t):void 0}}function g(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=Array(t);r<t;r++)n[r]=e[r];return n}function w(e){return w="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},w(e)}function S(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,E(n.key),n)}}function E(e){var t=function(e,t){if("object"!=w(e)||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!=w(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==w(t)?t:t+""}function A(e,t){if(t&&("object"==w(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}function k(e){var t="function"==typeof Map?new Map:void 0;return k=function(e){if(null===e||!function(e){try{return-1!==Function.toString.call(e).indexOf("[native code]")}catch(t){return"function"==typeof e}}(e))return e;if("function"!=typeof e)throw new TypeError("Super expression must either be null or a function");if(void 0!==t){if(t.has(e))return t.get(e);t.set(e,r)}function r(){return function(e,t,r){if(O())return Reflect.construct.apply(null,arguments);var n=[null];n.push.apply(n,t);var o=new(e.bind.apply(e,n));return r&&N(o,r.prototype),o}(e,arguments,M(this).constructor)}return r.prototype=Object.create(e.prototype,{constructor:{value:r,enumerable:!1,writable:!0,configurable:!0}}),N(r,e)},k(e)}function O(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(e){}return(O=function(){return!!e})()}function N(e,t){return N=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},N(e,t)}function M(e){return M=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},M(e)}function C(e,t,r){j(e,t),t.set(e,r)}function j(e,t){if(t.has(e))throw new TypeError("Cannot initialize the same private elements twice on an object")}function x(e,t){return e.get(I(e,t))}function T(e,t,r){return e.set(I(e,t),r),r}function I(e,t,r){if("function"==typeof e?e===t:e.has(t))return arguments.length<3?t:r;throw new TypeError("Private element is not present on this object")}var P=[],L=new WeakMap,R=new WeakMap,F=new WeakMap,V=new WeakMap,W=new WeakMap,D=new WeakMap,q=new WeakMap,H=new WeakMap,$=new WeakMap,_=new WeakMap,B=new WeakMap,U=new WeakMap,z=new WeakMap,K=new WeakMap,J=new WeakMap,Z=new WeakMap,G=new WeakSet,Y=function(e){function t(e){var r,n,o,i;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),n=this,o=M(o=t),function(e,t){j(e,t),t.add(e)}(r=A(n,O()?Reflect.construct(o,i||[],M(n).constructor):o.apply(n,i)),G),C(r,L,void 0),C(r,R,void 0),C(r,F,!1),C(r,V,void 0),C(r,W,void 0),C(r,D,void 0),C(r,q,!1),C(r,H,!1),C(r,$,!1),C(r,_,!0),C(r,B,!0),C(r,U,null),C(r,z,void 0),C(r,K,[]),C(r,J,null),C(r,Z,null);var a=function(e){console.warn("ElementInternals.".concat(e," called before element was connected. Call will be ignored."))};return T(z,r,{setValidity:function(e,t,r){a("setValidity")},reportValidity:function(){return a("reportValidity"),!1},checkValidity:function(){return a("checkValidity"),!0},setFormValue:function(e,t){a("setFormValue")}}),I(G,r,te).call(r),I(G,r,Q).call(r),A(r,e)}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&N(e,t)}(t,e),r=t,(n=[{key:"isConnected",get:function(){return x(F,this)}},{key:"updateComplete",get:function(){return x(J,this)?x(J,this):Promise.resolve()}},{key:"internals",get:function(){if(!x(F,this)&&"object"===w(x(z,this)))return x(z,this);var e=this.constructor;if(null===x(U,this)&&e.formAssociated){var t=x(z,this);for(var r in T(z,this,null),T(U,this,this.attachInternals()),t)"function"!=typeof x(U,this)[r]&&(x(U,this)[r]=t[r])}return x(U,this)},set:function(e){T(U,this,e)}},{key:"requestUpdate",value:function(){var e=this;return x(J,this)||(T(J,this,new Promise(function(t){T(Z,e,t)})),this.scheduleRender()),x(J,this)}},{key:"addController",value:function(e){x(K,this).push(e),x(F,this)&&e.connected&&e.connected()}},{key:"scheduleRender",value:function(){var e;null===(e=x(L,this))||void 0===e||e.scheduleRender()}},{key:"renderNow",value:function(){var e,t=this;if(this.shadowRoot&&(x(J,this)||T(J,this,new Promise(function(e){T(Z,t,e)})),null===(e=x(L,this))||void 0===e||e.renderNow(),this.updated("",null,null),x(Z,this))){var r=x(Z,this);T(Z,this,null),T(J,this,null),r()}}},{key:"updated",value:function(e,t,r){}},{key:"shouldUpdate",value:function(e,t,r){return!0}},{key:"addStylesheetToRootNode",value:function(e,t){if(I(G,this),Array.isArray(document.adoptedStyleSheets)&&"replace"in CSSStyleSheet.prototype){if(x(W,this)||T(W,this,new CSSStyleSheet),x(W,this).replaceSync(e),x(q,this))return;if(t instanceof Document){var r=I(G,this,ne).call(this,e);-1===P.indexOf(r)&&(document.adoptedStyleSheets=[].concat(v(document.adoptedStyleSheets),[x(W,this)]),T(q,this,!0),P.push(r))}else this.shadowRoot.adoptedStyleSheets=[x(W,this)],T(q,this,!0)}else if(T(D,this,document.createElement("link")),x(D,this).rel="stylesheet",x(D,this).href=URL.createObjectURL(new Blob([e],{type:"text/css"})),t instanceof Document){var n=I(G,this,ne).call(this,e);-1===P.indexOf(n)&&(document.head.appendChild(x(D,this)),P.push(n))}else this.shadowRoot.appendChild(x(D,this))}},{key:"adoptStyle",value:function(e,t){this.addStylesheetToRootNode(t,e)}},{key:"createProjector",value:function(e,t){var r=this;return new Promise(function(n,o){var i,a=x(R,r)?x(R,r):"append";requestAnimationFrame(function(){(i=window.Maquette.createProjector({performanceLogger:function(e){"renderStart"!==e&&"renderDone"!==e||I(G,r,X).call(r,e)}}))[a](e,t.bind(r)),T(L,r,i),i.renderNow(),n(i),r.dispatchEvent(new CustomEvent("firstRender",{}))})})}},{key:"connectedCallback",value:function(){T(F,this,!0);for(var e=0,t=x(K,this).length;e<t;){var r=x(K,this)[e];null!=r&&r.connected&&r.connected(),e+=1}!function(e){var t=d.get(e);if(t){u.add(e);try{t.forEach(function(t,r){p(e,r,t.value,t.type,t.converter)})}finally{u.delete(e)}d.delete(e)}var r=f.get(e);if(r&&e.updated){for(var n=r.length,o=0;o<n;){var i=r[o];e.updated(i.propertyKey,i.oldValue,i.newValue),o+=1}f.delete(e)}}(this),this.renderNow()}},{key:"disconnectedCallback",value:function(){T(F,this,!1);for(var e=0,t=x(K,this).length;e<t;){var r=x(K,this)[e];null!=r&&r.disconnected&&r.disconnected(),e+=1}}},{key:"attributeChangedCallback",value:function(e,t,r){if(n=this,!u.has(n)){var n,o=this.constructor;if(null!=o&&o._propertyInfo){var i=Array.from(o._propertyInfo.values()).find(function(t){return t.attribute===e&&"string"==typeof t.attribute});if(i){var a=i.converter,s=r;null!=a&&a.fromAttribute?s=a.fromAttribute(r):i.type===Boolean?s=null!==r:i.type===Number&&(s=null===r?null:Number(r)),this[i.name]=s,this.scheduleRender()}}}}},{key:"render",value:function(){return null}}])&&S(r.prototype,n),o&&S(r,o),Object.defineProperty(r,"prototype",{writable:!1}),r;var r,n,o}(k(HTMLElement));function Q(){"function"==typeof this.init&&(this.init(),x(K,this).forEach(function(e){var t;null==e||null===(t=e.init)||void 0===t||t.call(e)}))}function X(e){var t=this;this[e]&&this[e](x("renderStart"===e?_:B,this));var r="host".concat(e.charAt(0).toUpperCase()).concat(e.slice(1));x(K,this).forEach(function(n){n[r]&&n[r](x("renderStart"===e?_:B,t))}),T("renderStart"===e?_:B,this,!1)}function ee(){var e=this.constructor;if(e._propertyInfo)for(var t=Array.from(e._propertyInfo.entries()),r=0,n=t.length;r<n;){var o=y(t[r],1)[0];if(Object.hasOwn(this,o)){var i=this[o];delete this[o],this[o]=i}r+=1}}function te(){var e=this,t=this.constructor.projectorMode;T(R,this,t||"append");var r=this.constructor.formAssociated,n=this.constructor.delegatesFocus;T($,this,n),r&&T(U,this,this.attachInternals());var o=this.constructor.style;if(o){T(H,this,!0),T(R,this,"replace"),this.shadowRoot||this.attachShadow({mode:"open",delegatesFocus:x($,this)}),I(G,this,re).call(this,o);var i=document.createElement("div");this.shadowRoot.appendChild(i),requestAnimationFrame(function(){e.createProjector(i,e.render).then(function(){I(G,e,ee).call(e)})})}}function re(e){T(V,this,e),x(H,this)&&this.shadowRoot?this.addStylesheetToRootNode(e,this.shadowRoot):x(H,this)||this.addStylesheetToRootNode(e,document)}function ne(e){for(var t=0,r=0;t<e.length;t++)r=Math.imul(31,r)+e.charCodeAt(t)|0;return r}function oe(e){return oe="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},oe(e)}function ie(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,ae(n.key),n)}}function ae(e){var t=function(e,t){if("object"!=oe(e)||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!=oe(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==oe(t)?t:t+""}function se(e,t,r){(function(e,t){if(t.has(e))throw new TypeError("Cannot initialize the same private elements twice on an object")})(e,t),t.set(e,r)}function le(e,t){return e.get(ce(e,t))}function ce(e,t,r){if("function"==typeof e?e===t:e.has(t))return arguments.length<3?t:r;throw new TypeError("Private element is not present on this object")}Y._propertyInfo=new Map;var ue=new WeakMap,de=function(){return e=function e(t){var r,n,o;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),se(this,ue,void 0),n=this,o=t,(r=ue).set(ce(r,n),o),le(ue,this).addController(this)},(t=[{key:"hostElement",get:function(){return le(ue,this)}},{key:"renderNow",value:function(){var e;null===(e=this.hostElement)||void 0===e||e.renderNow()}},{key:"scheduleRender",value:function(){var e;null===(e=this.hostElement)||void 0===e||e.scheduleRender()}}])&&ie(e.prototype,t),r&&ie(e,r),Object.defineProperty(e,"prototype",{writable:!1}),e;var e,t,r}();function fe(e){return fe="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},fe(e)}function pe(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,i,a,s=[],l=!0,c=!1;try{if(i=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;l=!1}else for(;!(l=(n=i.call(r)).done)&&(s.push(n.value),s.length!==t);l=!0);}catch(e){c=!0,o=e}finally{try{if(!l&&null!=r.return&&(a=r.return(),Object(a)!==a))return}finally{if(c)throw o}}return s}}(e,t)||he(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function he(e,t){if(e){if("string"==typeof e)return me(e,t);var r={}.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?me(e,t):void 0}}function me(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=Array(t);r<t;r++)n[r]=e[r];return n}var ye,ve="http://www.w3.org/",be="".concat(ve,"2000/svg"),ge="".concat(ve,"1999/xlink"),we=["allowfullscreen","async","autofocus","autoplay","checked","controls","default","defer","disabled","formnovalidate","hidden","ismap","itemscope","loop","multiple","muted","nomodule","novalidate","open","readonly","required","reversed","selected","scoped","seamless","typemustmatch"],Se=[],Ee=function(e,t){var r={};return Object.keys(e).forEach(function(t){r[t]=e[t]}),t&&Object.keys(t).forEach(function(e){r[e]=t[e]}),r},Ae=function(e,t){return e.vnodeSelector===t.vnodeSelector&&(e.properties&&t.properties?e.properties.key===t.properties.key&&e.properties.bind===t.properties.bind:!e.properties&&!t.properties)},ke=function(e){if("string"!=typeof e)throw new Error("Style values must be strings")},Oe=function(e,t,r){if(""!==t.vnodeSelector)for(var n=r;n<e.length;n++)if(Ae(e[n],t))return n;return-1},Ne=function(e,t,r,n){var o=e[t];if(""!==o.vnodeSelector){var i=o.properties;if(!(i?void 0===i.key?i.bind:i.key:void 0))for(var a=0;a<e.length;a++)if(a!==t){var s=e[a];if(Ae(s,o))throw{error:new Error("".concat(r.vnodeSelector," had a ").concat(o.vnodeSelector," child ").concat("added"===n?n:"removed",", but there is now more than one. You must add unique key properties to make them distinguishable.")),parentNode:r,childNode:o}}}},Me=function(e){if(e.properties){var t=e.properties.enterAnimation;t&&t(e.domNode,e.properties)}},Ce=[],je=!1,xe=function(e){(e.children||[]).forEach(xe),e.properties&&e.properties.afterRemoved&&e.properties.afterRemoved.apply(e.properties.bind||e.properties,[e.domNode])},Te=function(){je=!1,Ce.forEach(xe),Ce.length=0},Ie=function(e){Ce.push(e),je||(je=!0,"undefined"!=typeof window&&"requestIdleCallback"in window?window.requestIdleCallback(Te,{timeout:16}):setTimeout(Te,16))},Pe=function(e){var t=e.domNode;if(e.properties){e.properties.eventListeners&&Array.isArray(e.properties.eventListeners)&&e.properties.eventListeners.forEach(function(e){t.removeEventListener(e[0],e[1])});var r=e.properties.exitAnimation;if(r){t.style.pointerEvents="none";return void r(t,function(){t.parentNode&&(t.parentNode.removeChild(t),Ie(e))},e.properties)}}t.parentNode&&(t.parentNode.removeChild(t),Ie(e))},Le=function(e,t,r){if(t){var n,o=function(e,t){var r="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!r){if(Array.isArray(e)||(r=he(e))||t&&e&&"number"==typeof e.length){r&&(e=r);var n=0,o=function(){};return{s:o,n:function(){return n>=e.length?{done:!0}:{done:!1,value:e[n++]}},e:function(e){throw e},f:o}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var i,a=!0,s=!1;return{s:function(){r=r.call(e)},n:function(){var e=r.next();return a=e.done,e},e:function(e){s=!0,i=e},f:function(){try{a||null==r.return||r.return()}finally{if(s)throw i}}}}(t);try{for(o.s();!(n=o.n()).done;){var i=n.value;Fe(i,e,void 0,r)}}catch(e){o.e(e)}finally{o.f()}}},Re=function(e,t,r){if(Le(e,t.children,r),t.text&&(e.textContent=t.text),function(e,t,r){if(t)for(var n=r.eventHandlerInterceptor,o=Object.keys(t),i=o.length,a=function(){var i,a=o[s],l=t[a];if("className"===a)throw new Error('Property "className" is not supported, use "class".');if("class"===a)Ve(e,l,!0);else if("classes"===a)for(var c=Object.keys(l),u=c.length,d=0;d<u;d++){var f=c[d];l[f]&&e.classList.add(f)}else if("styles"===a)for(var p=Object.keys(l),h=p.length,m=0;m<h;m++){var y=p[m],v=l[y];v&&(ke(v),r.styleApplyer(e,y,v))}else if("on"===a&&l)for(var b=0,g=Object.entries(t.on);b<g.length;b++){var w=pe(g[b],2),S=w[0],E=w[1],A="function"==typeof E?E:E.listener;n&&(A=n(S,A,e,t)),A&&e.addEventListener(S,A,"function"==typeof E?void 0:E.options)}else if("key"!==a&&null!=l){var k=fe(l);"function"===k?(0===a.lastIndexOf("on",0)&&(n&&(l=n(a,l,e,t)),"oninput"===a&&(i=l,l=function(e){i.apply(this,[e]),e.target["oninput-value"]=e.target.value})),e[a]=l):r.namespace===be?"href"===a?e.setAttributeNS(ge,a,l):e.setAttribute(a,l):"string"===k&&"value"!==a&&"innerHTML"!==a?e.setAttribute(a,l):("string"===k&&"value"===a&&null!=e&&e.tagName.indexOf("-")&&e.setAttribute(a,l),e[a]=l)}},s=0;s<i;s++)a()}(e,t.properties,r),t.properties&&t.properties.afterCreate)t.properties.afterCreate.apply(t.properties.bind||t.properties,[e,r,t.vnodeSelector,t.properties,t.children]);else if(t.properties&&t.properties.eventListeners){if(!Array.isArray(t.properties.eventListeners))throw new Error("eventListeners value must be an array");t.properties.eventListeners.forEach(function(t){e.addEventListener(t[0],t[1],t[2])})}},Fe=function(e,t,r,n){var o,i=0,a=e.vnodeSelector,s=t.ownerDocument;if(""===a)e.domNode?e.domNode.nodeValue=e.text:(o=e.domNode=s.createTextNode(e.text),void 0!==r?t.insertBefore(o,r):t.appendChild(o));else{for(var l=0;l<=a.length;++l){var c=a.charAt(l);if(l===a.length||"."===c||"#"===c){var u=a.charAt(i-1),d=a.slice(i,l);if("."===u)o.classList.add(d);else if("#"===u)o.id=d;else{var f;if("svg"===d&&(n=Ee(n,{namespace:be})),void 0!==n.namespace)o=e.domNode=s.createElementNS(n.namespace,d);else o=e.domNode=e.domNode||(null!==(f=e.properties)&&void 0!==f&&f.is?s.createElement(d,{is:e.properties.is}):s.createElement(d)),"input"===d&&e.properties&&void 0!==e.properties.type&&o.setAttribute("type",e.properties.type);void 0!==r?t.insertBefore(o,r):o.parentNode!==t&&t.appendChild(o)}i=l+1}}Re(o,e,n)}},Ve=function(e,t,r){t&&t.split(" ").forEach(function(t){t&&e.classList.toggle(t,r)})},We=function(e,t,r,n,o){if(r===n)return!1;n=n||Se;for(var i,a=(r=r||Se).length,s=n.length,l=0,c=0,u=!1;c<s;){var d=l<a?r[l]:void 0,f=n[c];if(void 0!==d&&Ae(d,f))u=ye(d,f,o)||u,l++;else{var p=Oe(r,f,l+1);if(p>=0){for(i=l;i<p;i++)Pe(r[i]),Ne(r,i,e,"removed");u=ye(r[p],f,o)||u,l=p+1}else Fe(f,t,l<a?r[l].domNode:void 0,o),Me(f),Ne(n,c,e,"added")}c++}if(a>l)for(i=l;i<a;i++)Pe(r[i]),Ne(r,i,e,"removed");return u};ye=function(e,t,r){var n=e.domNode,o=!1;if(e===t)return!1;var i=!1;if(""===t.vnodeSelector){if(t.text!==e.text){var a=n.ownerDocument.createTextNode(t.text);return n.parentNode.replaceChild(a,n),t.domNode=a,o=!0}t.domNode=n}else 0===t.vnodeSelector.lastIndexOf("svg",0)&&(r=Ee(r,{namespace:be})),e.text!==t.text&&(i=!0,void 0===t.text?n.removeChild(n.firstChild):n.textContent=t.text),t.domNode=n,i=We(t,n,e.children,t.children,r)||i,i=function(e,t,r,n){if(r){for(var o=!1,i=Object.keys(r),a=i.length,s=0;s<a;s++){var l=i[s],c=r[l],u=t[l];if("class"===l)u!==c&&(Ve(e,u,!1),Ve(e,c,!0));else if("classes"===l)for(var d=e.classList,f=Object.keys(c),p=f.length,h=0;h<p;h++){var m=f[h],y=!!c[m];y!==!!u[m]&&(o=!0,y?d.add(m):d.remove(m))}else if("styles"===l)for(var v=Object.keys(c),b=v.length,g=0;g<b;g++){var w=v[g],S=c[w];S!==u[w]&&(o=!0,S?(ke(S),n.styleApplyer(e,w,S)):n.styleApplyer(e,w,""))}else if(c||"string"!=typeof u||we.indexOf(l)<0&&(c=""),"value"===l){var E=e[l];E!==c&&(e["oninput-value"]?E===e["oninput-value"]:c!==u)&&(e[l]=c,e["oninput-value"]=void 0),c!==u&&(o=!0)}else if(we.indexOf(l)>=0)"string"==typeof c||!0===c?(e.setAttribute(l,""),e[l]=!0):(e.removeAttribute(l),e[l]=!1),o=!0;else if(c!==u){var A=fe(c);"function"===A&&n.eventHandlerInterceptor||(n.namespace===be?"href"===l?e.setAttributeNS(ge,l,c):e.setAttribute(l,c):"string"===A&&"innerHTML"!==l?"role"===l&&""===c?e.removeAttribute(l):e.setAttribute(l,c):e[l]!==c&&(e[l]=c),o=!0)}}return o}}(n,e.properties,t.properties,r)||i,t.properties&&t.properties.afterUpdate&&t.properties.afterUpdate.apply(t.properties.bind||t.properties,[n,r,t.vnodeSelector,t.properties,t.children]);return i&&t.properties&&t.properties.updateAnimation&&t.properties.updateAnimation(n,t.properties,e.properties),o};var De,qe=function(e,t){return{getLastRender:function(){return e},update:function(r){if(e.vnodeSelector!==r.vnodeSelector)throw new Error("The selector for the root VNode may not be changed. (consider using dom.merge and add one extra level to the virtual DOM)");var n=e;e=r,ye(n,r,t)},domNode:e.domNode}},He={namespace:void 0,performanceLogger:function(){},eventHandlerInterceptor:void 0,styleApplyer:function(e,t,r){"-"===t.charAt(0)?e.style.setProperty(t,r):e.style[t]=r}},$e=function(e){return Ee(He,e)},_e={create:function(e,t){return t=$e(t),Fe(e,document.createElement("div"),void 0,t),qe(e,t)},append:function(e,t,r){return r=$e(r),Fe(t,e,void 0,r),qe(t,r)},insertBefore:function(e,t,r){return r=$e(r),Fe(t,e.parentNode,e,r),qe(t,r)},merge:function(e,t,r){return r=$e(r),t.domNode=e,Re(e,t,r),qe(t,r)},replace:function(e,t,r){return r=$e(r),Fe(t,e.parentNode,e,r),e.parentNode.removeChild(e),qe(t,r)}};De=Array.prototype.find?function(e,t){return e.find(t)}:function(e,t){return e.filter(t)[0]};var Be=function(e,t,r){return function(n,o,i,a){return function(n){r("domEvent",n);var i=t(),a=function(e,t){for(var r=[];e&&e!==t;)r.push(e),e=e.parentNode;return r}(n.currentTarget,i.domNode);a.reverse();var s,l,c,u=function(e,t){var r=e;return t.forEach(function(e){r=r&&r.children?De(r.children,function(t){return t.domNode===e}):void 0}),r}(i.getLastRender(),a);(e.scheduleRender(),u)&&(s=(null!==(l=null!==(c=u.properties["on".concat(n.type)])&&void 0!==c?c:u.properties.on[n.type].listener)&&void 0!==l?l:u.properties.on[n.type]).apply(u.properties.bind||this,arguments));return void 0===s&&this.hasAttribute("data-force-event-handler")&&(s=o.apply(this,arguments)),r("domEventProcessed",n),s}}},Ue=function(e){return{vnodeSelector:"",properties:void 0,children:void 0,text:e.toString(),domNode:null}},ze=function(e,t){for(var r=0,n=e.length;r<n;r++){var o=e[r];Array.isArray(o)?ze(o,t):null!=o&&!1!==o&&(o.hasOwnProperty("vnodeSelector")||(o=Ue(o)),t.push(o))}},Ke=function(e,t){for(var r=arguments.length,n=new Array(r>2?r-2:0),o=2;o<r;o++)n[o-2]=arguments[o];if(1===n.length&&"string"==typeof n[0])return{vnodeSelector:e,properties:t||void 0,children:void 0,text:n[0],domNode:null};var i=[];return ze(n,i),{vnodeSelector:e,properties:t||void 0,children:i,text:void 0,domNode:null}},Je={createCache:function(){var e,t;return{invalidate:function(){t=void 0,e=void 0},result:function(r,n){if(e)for(var o=0;o<r.length;o++)e[o]!==r[o]&&(t=void 0);return t||(t=n(),e=r),t}}},createMapping:function(e,t,r){var n=[],o=[];return{results:o,map:function(i){for(var a=i.map(e),s=o.slice(),l=0,c=0;c<i.length;c++){var u=i[c],d=a[c];if(d===n[l])o[c]=s[l],r(u,s[l],c),l++;else{for(var f=!1,p=1;p<n.length+1;p++){var h=(l+p)%n.length;if(n[h]===d){o[c]=s[h],r(i[c],s[h],c),l=h+1,f=!0;break}}f||(o[c]=t(u,c))}}o.length=i.length,n=a}}},createProjector:function(e){var t,r,n=$e(e),o=n.performanceLogger,i=!0,a=!1,s=[],l=[],c=function(e,r,i){var a;n.eventHandlerInterceptor=Be(t,function(){return a},o),a=e(r,i(),n),s.push(a),l.push(i)},u=function(){if(r=void 0,i){i=!1,o("renderStart",void 0);for(var e=0;e<s.length;e++){var t=l[e]();o("rendered",void 0),s[e].update(t),o("patched",void 0)}o("renderDone",void 0),i=!0}};return t={renderNow:u,scheduleRender:function(){r||a||(r=requestAnimationFrame(u))},stop:function(){r&&(cancelAnimationFrame(r),r=void 0),a=!0},resume:function(){a=!1,i=!0,t.scheduleRender()},append:function(e,t){c(_e.append,e,t)},insertBefore:function(e,t){c(_e.insertBefore,e,t)},merge:function(e,t){c(_e.merge,e,t)},replace:function(e,t){c(_e.replace,e,t)},detach:function(e){for(var t=0;t<l.length;t++)if(l[t]===e)return l.splice(t,1),s.splice(t,1)[0];throw new Error("renderFunction was not found")}}},dom:_e,h:Ke};!function(e){e.Maquette=Je,e.h=Ke,e.CustomElement=Y,e.CustomElementController=de,e.CustomElementConfig=o,e.propertyRenderOnSet=m,e.renderOnSet=m,e.property=h,e.query=i,e.bind=n}(window);var Ze=Ke,Ge=m})();const r=t.K9,n=t.y0,o=t.Wd,i=t.zG,a=t.oI,s=t.h,l=t.MZ,c=t.vi,u=t.P,d=t.kf;export{r as CustomElement,n as CustomElementConfig,o as CustomElementController,i as Maquette,a as bind,s as h,l as property,c as propertyRenderOnSet,u as query,d as renderOnSet};
|
package/package.json
CHANGED
|
@@ -1,33 +1,42 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "p-elements-core",
|
|
3
|
-
"version": "2.1.0
|
|
3
|
+
"version": "2.1.0",
|
|
4
4
|
"description": "P Elements Core V2",
|
|
5
5
|
"main": "dist/p-elements-core.js",
|
|
6
6
|
"types": "typings/p-elements-core.d.ts",
|
|
7
|
+
"files": [
|
|
8
|
+
"dist",
|
|
9
|
+
"typings",
|
|
10
|
+
"readme.md"
|
|
11
|
+
],
|
|
7
12
|
"repository": {
|
|
8
13
|
"type": "git",
|
|
9
14
|
"url": "gitlab.com:p-elements/p-element-core.git"
|
|
10
15
|
},
|
|
11
16
|
"workspaces": [
|
|
12
|
-
"docs",
|
|
13
17
|
"storybook/*"
|
|
14
18
|
],
|
|
15
19
|
"scripts": {
|
|
16
|
-
"test": "
|
|
17
|
-
"
|
|
20
|
+
"test": "vitest --browser --run",
|
|
21
|
+
"test:watch": "vitest --browser",
|
|
22
|
+
"test:ui": "vitest --browser --ui",
|
|
23
|
+
"test:coverage": "vitest --browser --coverage --run",
|
|
18
24
|
"dev-storybook": "npm run dev --workspace storybook/storybook-p-element-vite",
|
|
19
25
|
"clean": "rimraf ./dist",
|
|
20
26
|
"build": "npm run clean && webpack --mode=production",
|
|
21
27
|
"build-storybook": "npm run build --workspace storybook/storybook-p-element-vite",
|
|
22
28
|
"storybook": "npm run storybook --workspace storybook/storybook-demo",
|
|
23
29
|
"ws": "npx local-web-server -p 5001",
|
|
24
|
-
"develop": "concurrently \"npm run ws\" \"webpack --watch --mode=development\"
|
|
30
|
+
"develop": "concurrently \"npm run ws\" \"webpack --watch --mode=development\" "
|
|
25
31
|
},
|
|
26
32
|
"author": "P.A. Huisman",
|
|
27
33
|
"license": "ISC",
|
|
28
34
|
"devDependencies": {
|
|
29
35
|
"@babel/preset-env": "=7.24.7",
|
|
30
36
|
"@babel/preset-react": "=7.24.7",
|
|
37
|
+
"@vitest/browser-playwright": "^4.0.0",
|
|
38
|
+
"@vitest/coverage-v8": "^4.0.0",
|
|
39
|
+
"@vitest/ui": "^4.0.0",
|
|
31
40
|
"@webreflection/custom-elements-builtin": "^0.4.1",
|
|
32
41
|
"babel-loader": "^8.4.1",
|
|
33
42
|
"concurrently": "^9.2.1",
|
|
@@ -38,6 +47,7 @@
|
|
|
38
47
|
"ts-loader": "^9.2.6",
|
|
39
48
|
"typescript": "^5.4.3",
|
|
40
49
|
"underscore": "=1.13.1",
|
|
50
|
+
"vitest": "^4.0.0",
|
|
41
51
|
"webpack": "^5.105.0",
|
|
42
52
|
"webpack-cli": "=4.9.1"
|
|
43
53
|
}
|
package/readme.md
CHANGED
|
@@ -39,7 +39,7 @@ class MyElement extends CustomElement {
|
|
|
39
39
|
|
|
40
40
|
static isFormAssociated = true;
|
|
41
41
|
|
|
42
|
-
@
|
|
42
|
+
@property({type: "string", attribute: "value", reflect: true })
|
|
43
43
|
value: string = "Peter" ;
|
|
44
44
|
|
|
45
45
|
updated(property: string, oldValue: any, newValue: any) {
|
|
@@ -87,9 +87,9 @@ class SuperAnchorElement extends HTMLAnchorElement {
|
|
|
87
87
|
}
|
|
88
88
|
```
|
|
89
89
|
|
|
90
|
-
#### `@
|
|
90
|
+
#### `@property`
|
|
91
91
|
|
|
92
|
-
Use the `@
|
|
92
|
+
Use the `@property` decorator to define reactive properties.
|
|
93
93
|
|
|
94
94
|
example
|
|
95
95
|
|
|
@@ -100,7 +100,7 @@ example
|
|
|
100
100
|
class PFooElement extends CustomElement {
|
|
101
101
|
...
|
|
102
102
|
|
|
103
|
-
@
|
|
103
|
+
@property({type: "string", attribute: "nick-name", reflect: true})
|
|
104
104
|
nickName: string;
|
|
105
105
|
|
|
106
106
|
attributeChangedCallback(name: string, oldValue: string, newValue: string): void {
|
|
@@ -133,20 +133,20 @@ const stringArrayConverter: AttributeConverter<string[]> = {
|
|
|
133
133
|
};
|
|
134
134
|
|
|
135
135
|
class MyElement extend CustomElement {
|
|
136
|
-
@
|
|
136
|
+
@property({attribute: "items", reflect: true, converter: stringArrayConverter})
|
|
137
137
|
items: string[] = ["foo", "bar"];
|
|
138
138
|
}
|
|
139
139
|
```
|
|
140
|
-
#### `@
|
|
140
|
+
#### `@query` decorator
|
|
141
141
|
|
|
142
|
-
Use the `@
|
|
142
|
+
Use the `@query` decorator to define a property that returns an element from the shadow dom.
|
|
143
143
|
|
|
144
144
|
example
|
|
145
145
|
|
|
146
146
|
``` typescript
|
|
147
147
|
class PFooElement extends CustomElement {
|
|
148
148
|
...
|
|
149
|
-
@
|
|
149
|
+
@query("#MyInput")
|
|
150
150
|
nameInput: HTMLInputElement;
|
|
151
151
|
|
|
152
152
|
render = () => {
|
|
@@ -158,24 +158,24 @@ class PFooElement extends CustomElement {
|
|
|
158
158
|
}
|
|
159
159
|
```
|
|
160
160
|
|
|
161
|
-
#### `@
|
|
161
|
+
#### `@propertyRenderOnSet` `@renderOnSet`
|
|
162
162
|
|
|
163
|
-
Properties decorated with `@
|
|
163
|
+
Properties decorated with `@propertyRenderOnSet` or `@renderOnSet` call renderNow when setting a value.
|
|
164
164
|
|
|
165
165
|
example
|
|
166
166
|
|
|
167
167
|
``` typescript
|
|
168
168
|
class PFooElement extends CustomElement {
|
|
169
169
|
...
|
|
170
|
-
@
|
|
170
|
+
@propertyRenderOnSet
|
|
171
171
|
public foo: string = "foo";
|
|
172
172
|
}
|
|
173
173
|
```
|
|
174
174
|
|
|
175
|
-
#### `@
|
|
175
|
+
#### `@bind`
|
|
176
176
|
(deprecated, use arrow function `myFn = () => console.log('myFn')`)
|
|
177
177
|
|
|
178
|
-
Functions decorated with `@
|
|
178
|
+
Functions decorated with `@bind` will be replaced with the result of bind(this) on the function.
|
|
179
179
|
|
|
180
180
|
## CustomElementController
|
|
181
181
|
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import type { CustomElement } from './custom-element';
|
|
2
|
+
export interface ICustomElementController {
|
|
3
|
+
renderNow(): void;
|
|
4
|
+
init?: () => void;
|
|
5
|
+
connected?: () => void;
|
|
6
|
+
disconnected?: () => void;
|
|
7
|
+
hostRenderStart?: () => void;
|
|
8
|
+
hostRenderDone?: () => void;
|
|
9
|
+
hostElement: CustomElement;
|
|
10
|
+
}
|
|
11
|
+
export declare abstract class CustomElementController implements ICustomElementController {
|
|
12
|
+
#private;
|
|
13
|
+
constructor(hostElement: CustomElement);
|
|
14
|
+
get hostElement(): CustomElement;
|
|
15
|
+
renderNow(): void;
|
|
16
|
+
scheduleRender(): void;
|
|
17
|
+
}
|
|
18
|
+
//# sourceMappingURL=custom-element-controller.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"custom-element-controller.d.ts","sourceRoot":"","sources":["../src/custom-element-controller.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEtD,MAAM,WAAW,wBAAwB;IACvC,SAAS,IAAI,IAAI,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,IAAI,CAAC;IAClB,SAAS,CAAC,EAAG,MAAM,IAAI,CAAC;IACxB,YAAY,CAAC,EAAG,MAAM,IAAI,CAAC;IAC3B,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,cAAc,CAAC,EAAG,MAAM,IAAI,CAAC;IAC7B,WAAW,EAAE,aAAa,CAAC;CAC5B;AACD,8BAAsB,uBAAwB,YAAW,wBAAwB;;gBACnE,WAAW,EAAE,aAAa;IAOtC,IAAI,WAAW,kBAEd;IAED,SAAS;IAIT,cAAc;CAGf"}
|
|
@@ -0,0 +1,140 @@
|
|
|
1
|
+
import { type PropertyOptionsWithName } from "./decorators/property";
|
|
2
|
+
import { ICustomElementController } from "./custom-element-controller";
|
|
3
|
+
import { Projector, VNode } from "./maquette/interfaces";
|
|
4
|
+
export type ElementProjectorMode = "append" | "merge" | "replace";
|
|
5
|
+
declare var HTMLElement: {
|
|
6
|
+
prototype: HTMLElement;
|
|
7
|
+
new (param?: any): HTMLElement;
|
|
8
|
+
};
|
|
9
|
+
export declare abstract class CustomElement extends HTMLElement {
|
|
10
|
+
#private;
|
|
11
|
+
/**
|
|
12
|
+
* Map of reactive property metadata, indexed by property name
|
|
13
|
+
* Used by @property decorator and attributeChangedCallback
|
|
14
|
+
*
|
|
15
|
+
* @static
|
|
16
|
+
* @type {Map<string, PropertyOptionsWithName>}
|
|
17
|
+
*/
|
|
18
|
+
static readonly _propertyInfo: Map<string, PropertyOptionsWithName>;
|
|
19
|
+
constructor(self?: any);
|
|
20
|
+
/**
|
|
21
|
+
* Whether the component is currently connected to the DOM.
|
|
22
|
+
*
|
|
23
|
+
* @returns {boolean} True if connected, false otherwise
|
|
24
|
+
*/
|
|
25
|
+
get isConnected(): boolean;
|
|
26
|
+
/**
|
|
27
|
+
* Promise that resolves when the component has finished updating
|
|
28
|
+
* and rendering to the DOM.
|
|
29
|
+
*
|
|
30
|
+
* @returns {Promise<void>} A promise that resolves after the next render
|
|
31
|
+
*
|
|
32
|
+
* @example
|
|
33
|
+
* ```typescript
|
|
34
|
+
* component.name = 'new value';
|
|
35
|
+
* await component.updateComplete;
|
|
36
|
+
* // DOM is now updated
|
|
37
|
+
* ```
|
|
38
|
+
*/
|
|
39
|
+
get updateComplete(): Promise<void>;
|
|
40
|
+
/**
|
|
41
|
+
* Gets the ElementInternals for form-associated custom elements.
|
|
42
|
+
* Initializes internals on first access if the component is form-associated.
|
|
43
|
+
*
|
|
44
|
+
* @returns {ElementInternals | null} The element internals or null if not form-associated
|
|
45
|
+
*/
|
|
46
|
+
get internals(): ElementInternals | null;
|
|
47
|
+
protected set internals(elementInternals: ElementInternals);
|
|
48
|
+
/**
|
|
49
|
+
* Request an update and re-render of the component.
|
|
50
|
+
* Creates a promise that resolves when the update is complete.
|
|
51
|
+
*
|
|
52
|
+
* @returns {Promise<void>} A promise that resolves after rendering
|
|
53
|
+
*
|
|
54
|
+
* @example
|
|
55
|
+
* ```typescript
|
|
56
|
+
* await component.requestUpdate();
|
|
57
|
+
* // DOM is now updated
|
|
58
|
+
* ```
|
|
59
|
+
*/
|
|
60
|
+
requestUpdate(): Promise<void>;
|
|
61
|
+
addController(controller: ICustomElementController): void;
|
|
62
|
+
scheduleRender(): void;
|
|
63
|
+
/**
|
|
64
|
+
* Immediately render the component to its shadow DOM
|
|
65
|
+
* Calls the abstract render() method and updates DOM via uhtml
|
|
66
|
+
* Re-injects style elements if necessary
|
|
67
|
+
*
|
|
68
|
+
* @public
|
|
69
|
+
*/
|
|
70
|
+
renderNow(): void;
|
|
71
|
+
/**
|
|
72
|
+
* Lifecycle hook called when a property is updated
|
|
73
|
+
* Override to perform side effects when properties change
|
|
74
|
+
*
|
|
75
|
+
* @param {string} _propertyName - The name of the updated property
|
|
76
|
+
* @param {any} _oldValue - The previous property value
|
|
77
|
+
* @param {any} _newValue - The new property value
|
|
78
|
+
*
|
|
79
|
+
* @virtual
|
|
80
|
+
* @example
|
|
81
|
+
* ```typescript
|
|
82
|
+
* updated(propertyName: string, oldValue: any, newValue: any) {
|
|
83
|
+
* if (propertyName === 'count') {
|
|
84
|
+
* console.log(`Count changed from ${oldValue} to ${newValue}`);
|
|
85
|
+
* }
|
|
86
|
+
* }
|
|
87
|
+
* ```
|
|
88
|
+
*/
|
|
89
|
+
updated(_propertyName: string, _oldValue: any, _newValue: any): void;
|
|
90
|
+
/**
|
|
91
|
+
* Determine if component should update when a property changes
|
|
92
|
+
* Override to add custom logic for skipping updates
|
|
93
|
+
*
|
|
94
|
+
* @param {string} _name - The name of the property that changed
|
|
95
|
+
* @param {any} _oldValue - The previous property value
|
|
96
|
+
* @param {any} _newValue - The new property value
|
|
97
|
+
* @returns {boolean} True if the component should update, false otherwise
|
|
98
|
+
*
|
|
99
|
+
* @virtual
|
|
100
|
+
* @default true
|
|
101
|
+
* @example
|
|
102
|
+
* ```typescript
|
|
103
|
+
* shouldUpdate(name: string, oldValue: any, newValue: any): boolean {
|
|
104
|
+
* if (name === 'internal') {
|
|
105
|
+
* return false; // Skip updates for 'internal' property
|
|
106
|
+
* }
|
|
107
|
+
* return true;
|
|
108
|
+
* }
|
|
109
|
+
* ```
|
|
110
|
+
*/
|
|
111
|
+
shouldUpdate(_name: string, _oldValue: any, _newValue: any): boolean;
|
|
112
|
+
protected addStylesheetToRootNode(style: string, rootNode: ShadowRoot | Document): void;
|
|
113
|
+
protected adoptStyle(root: Document | ShadowRoot, css: string): string | void;
|
|
114
|
+
protected createProjector(element: Element, render: () => VNode): Promise<Projector>;
|
|
115
|
+
/**
|
|
116
|
+
* Lifecycle callback invoked when the element is added to the DOM.
|
|
117
|
+
* Initializes controllers, processes pending property updates, and renders.
|
|
118
|
+
*/
|
|
119
|
+
connectedCallback(): void;
|
|
120
|
+
/**
|
|
121
|
+
* Lifecycle callback invoked when the element is removed from the DOM.
|
|
122
|
+
* Marks the component as disconnected.
|
|
123
|
+
*/
|
|
124
|
+
disconnectedCallback(): void;
|
|
125
|
+
/**
|
|
126
|
+
* Lifecycle hook called when observed attributes change
|
|
127
|
+
* Synchronizes HTML attribute changes to reactive properties
|
|
128
|
+
* Prevents infinite loops by skipping updates initiated by property setters
|
|
129
|
+
*
|
|
130
|
+
* @param {string} name - The name of the changed attribute
|
|
131
|
+
* @param {string | null} _oldValue - The previous attribute value (unused)
|
|
132
|
+
* @param {string | null} newValue - The new attribute value
|
|
133
|
+
*
|
|
134
|
+
* @private
|
|
135
|
+
*/
|
|
136
|
+
attributeChangedCallback(name: string, _oldValue: string | null, newValue: string | null): void;
|
|
137
|
+
render(): VNode;
|
|
138
|
+
}
|
|
139
|
+
export {};
|
|
140
|
+
//# sourceMappingURL=custom-element.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"custom-element.d.ts","sourceRoot":"","sources":["../src/custom-element.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,uBAAuB,EAG7B,MAAM,uBAAuB,CAAC;AAE/B,OAAO,EAAE,wBAAwB,EAAE,MAAM,6BAA6B,CAAC;AACvE,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAEzD,MAAM,MAAM,oBAAoB,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC;AAElE,OAAO,CAAC,IAAI,WAAW,EAAE;IACvB,SAAS,EAAE,WAAW,CAAC;IACvB,KAAK,KAAK,CAAC,KAAA,GAAG,WAAW,CAAC;CAC3B,CAAC;AAYF,8BAAsB,aAAc,SAAQ,WAAW;;IACrD;;;;;;OAMG;IACH,MAAM,CAAC,QAAQ,CAAC,aAAa,EAAE,GAAG,CAAC,MAAM,EAAE,uBAAuB,CAAC,CACvD;gBA6CA,IAAI,CAAC,EAAE,GAAG;IAqCtB;;;;OAIG;IACH,IAAI,WAAW,IAAI,OAAO,CAEzB;IAED;;;;;;;;;;;;OAYG;IACH,IAAI,cAAc,IAAI,OAAO,CAAC,IAAI,CAAC,CAKlC;IAED;;;;;OAKG;IACH,IAAI,SAAS,IAAI,gBAAgB,GAAG,IAAI,CAmBvC;IAED,SAAS,KAAK,SAAS,CAAC,gBAAgB,EAAE,gBAAgB,EAEzD;IAED;;;;;;;;;;;OAWG;IACH,aAAa,IAAI,OAAO,CAAC,IAAI,CAAC;IAU9B,aAAa,CAAC,UAAU,EAAE,wBAAwB;IAOlD,cAAc,IAAI,IAAI;IAItB;;;;;;OAMG;IACH,SAAS,IAAI,IAAI;IA6BjB;;;;;;;;;;;;;;;;;OAiBG;IACH,OAAO,CAAC,aAAa,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,GAAG,IAAI;IAIpE;;;;;;;;;;;;;;;;;;;;OAoBG;IACH,YAAY,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,GAAG,OAAO;IAIpE,SAAS,CAAC,uBAAuB,CAC/B,KAAK,EAAE,MAAM,EACb,QAAQ,EAAE,UAAU,GAAG,QAAQ;IA0CjC,SAAS,CAAC,UAAU,CAClB,IAAI,EAAE,QAAQ,GAAG,UAAU,EAC3B,GAAG,EAAE,MAAM,GACV,MAAM,GAAG,IAAI;IAIhB,SAAS,CAAC,eAAe,CACvB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,KAAK,GAClB,OAAO,CAAC,SAAS,CAAC;IA6HrB;;;OAGG;IACH,iBAAiB,IAAI,IAAI;IAgBzB;;;OAGG;IACH,oBAAoB,IAAI,IAAI;IAa5B;;;;;;;;;;OAUG;IACH,wBAAwB,CACtB,IAAI,EAAE,MAAM,EACZ,SAAS,EAAE,MAAM,GAAG,IAAI,EACxB,QAAQ,EAAE,MAAM,GAAG,IAAI,GACtB,IAAI;IAkCP,MAAM,IAAI,KAAK;CAGhB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"bind.d.ts","sourceRoot":"","sources":["../../src/decorators/bind.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,IAAI,GAAI,WAAM,EAAE,QAAG,EAAE,eAAU;;;;CA6C3C,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"custom-element-config.d.ts","sourceRoot":"","sources":["../../src/decorators/custom-element-config.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,cAAc;IAC7B,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE;QACR,OAAO,EAAE,MAAM,CAAC;KACjB,CAAC;CACH;AACD,eAAO,MAAM,mBAAmB,GAAI,QAAQ,cAAc,MAChD,YAAO,SAShB,CAAC"}
|