@vonage/vivid 5.21.0 → 5.23.0

package/bundled/vivid-element.cjs

@@ -1,4 +1,4 @@
 var e,t=`fast-kernel`;try{if(document.currentScript)e=document.currentScript.getAttribute(t);else{let n=document.getElementsByTagName(`script`);e=n[n.length-1].getAttribute(t)}}catch{e=`isolate`}var n;switch(e){case`share`:n=Object.freeze({updateQueue:1,observable:2,contextEvent:3,elementRegistry:4});break;case`share-v2`:n=Object.freeze({updateQueue:1.2,observable:2.2,contextEvent:3.2,elementRegistry:4.2});break;default:let e=`-${Math.random().toString(36).substring(2,8)}`;n=Object.freeze({updateQueue:`1.2${e}`,observable:`2.2${e}`,contextEvent:`3.2${e}`,elementRegistry:`4.2${e}`});break}var r;(function(e){e[e.needsArrayObservation=1101]=`needsArrayObservation`,e[e.onlySetDOMPolicyOnce=1201]=`onlySetDOMPolicyOnce`,e[e.bindingInnerHTMLRequiresTrustedTypes=1202]=`bindingInnerHTMLRequiresTrustedTypes`,e[e.twoWayBindingRequiresObservables=1203]=`twoWayBindingRequiresObservables`,e[e.hostBindingWithoutHost=1204]=`hostBindingWithoutHost`,e[e.unsupportedBindingBehavior=1205]=`unsupportedBindingBehavior`,e[e.directCallToHTMLTagNotAllowed=1206]=`directCallToHTMLTagNotAllowed`,e[e.onlySetTemplatePolicyOnce=1207]=`onlySetTemplatePolicyOnce`,e[e.cannotSetTemplatePolicyAfterCompilation=1208]=`cannotSetTemplatePolicyAfterCompilation`,e[e.blockedByDOMPolicy=1209]=`blockedByDOMPolicy`,e[e.missingElementDefinition=1401]=`missingElementDefinition`,e[e.noRegistrationForContext=1501]=`noRegistrationForContext`,e[e.noFactoryForResolver=1502]=`noFactoryForResolver`,e[e.invalidResolverStrategy=1503]=`invalidResolverStrategy`,e[e.cannotAutoregisterDependency=1504]=`cannotAutoregisterDependency`,e[e.cannotResolveKey=1505]=`cannotResolveKey`,e[e.cannotConstructNativeFunction=1506]=`cannotConstructNativeFunction`,e[e.cannotJITRegisterNonConstructor=1507]=`cannotJITRegisterNonConstructor`,e[e.cannotJITRegisterIntrinsic=1508]=`cannotJITRegisterIntrinsic`,e[e.cannotJITRegisterInterface=1509]=`cannotJITRegisterInterface`,e[e.invalidResolver=1510]=`invalidResolver`,e[e.invalidKey=1511]=`invalidKey`,e[e.noDefaultResolver=1512]=`noDefaultResolver`,e[e.cyclicDependency=1513]=`cyclicDependency`,e[e.connectUpdateRequiresController=1514]=`connectUpdateRequiresController`})(r||={});var i=e=>typeof e==`function`,a=e=>typeof e==`string`,o=()=>void 0;(function(){if(!(typeof globalThis<`u`))if(typeof global<`u`)global.globalThis=global;else if(typeof self<`u`)self.globalThis=self;else if(typeof window<`u`)window.globalThis=window;else{let e=Function(`return this`)();e.globalThis=e}})(),(function(){`requestIdleCallback`in globalThis||(globalThis.requestIdleCallback=function(e,t){let n=Date.now();return setTimeout(()=>{e({didTimeout:t?.timeout?Date.now()-n>=t.timeout:!1,timeRemaining:()=>0})},1)},globalThis.cancelIdleCallback=function(e){clearTimeout(e)})})();var s={configurable:!1,enumerable:!1,writable:!1};globalThis.FAST===void 0&&Reflect.defineProperty(globalThis,`FAST`,Object.assign({value:Object.create(null)},s));var c=globalThis.FAST;if(c.getById===void 0){let e=Object.create(null);Reflect.defineProperty(c,`getById`,Object.assign({value(t,n){let r=e[t];return r===void 0&&(r=n?e[t]=n():null),r}},s))}c.error===void 0&&Object.assign(c,{warn(){},error(e){return Error(`Error ${e}`)},addMessages(){}});var l=Object.freeze([]);function u(){let e=new Map;return Object.freeze({register(t){return e.has(t.type)?!1:(e.set(t.type,t),!0)},getByType(t){return e.get(t)},getForInstance(t){if(t!=null)return e.get(t.constructor)}})}function d(){let e=new WeakMap;return function(t){let n=e.get(t);if(n===void 0){let r=Reflect.getPrototypeOf(t);for(;n===void 0&&r!==null;)n=e.get(r),r=Reflect.getPrototypeOf(r);n=n===void 0?[]:n.slice(0),e.set(t,n)}return n}}function f(e){e.prototype.toJSON=o}var p=Object.freeze({none:0,attribute:1,booleanAttribute:2,property:3,content:4,tokenList:5,event:6}),m=e=>e,ee=globalThis.trustedTypes?globalThis.trustedTypes.createPolicy(`fast-html`,{createHTML:m}):{createHTML:m},h=Object.freeze({createHTML(e){return ee.createHTML(e)},protect(e,t,n,r){return r}}),te=h,g=Object.freeze({get policy(){return h},setPolicy(e){if(h!==te)throw c.error(r.onlySetDOMPolicyOnce);h=e},setAttribute(e,t,n){n==null?e.removeAttribute(t):e.setAttribute(t,n)},setBooleanAttribute(e,t,n){n?e.setAttribute(t,``):e.removeAttribute(t)}}),_=class{constructor(e,t){this.sub1=void 0,this.sub2=void 0,this.spillover=void 0,this.subject=e,this.sub1=t}has(e){return this.spillover===void 0?this.sub1===e||this.sub2===e:this.spillover.indexOf(e)!==-1}subscribe(e){let t=this.spillover;if(t===void 0){if(this.has(e))return;if(this.sub1===void 0){this.sub1=e;return}if(this.sub2===void 0){this.sub2=e;return}this.spillover=[this.sub1,this.sub2,e],this.sub1=void 0,this.sub2=void 0}else t.indexOf(e)===-1&&t.push(e)}unsubscribe(e){let t=this.spillover;if(t===void 0)this.sub1===e?this.sub1=void 0:this.sub2===e&&(this.sub2=void 0);else{let n=t.indexOf(e);n!==-1&&t.splice(n,1)}}notify(e){let t=this.spillover,n=this.subject;if(t===void 0){let t=this.sub1,r=this.sub2;t!==void 0&&t.handleChange(n,e),r!==void 0&&r.handleChange(n,e)}else for(let r=0,i=t.length;r<i;++r)t[r].handleChange(n,e)}},ne=class{constructor(e){this.subscribers={},this.subjectSubscribers=null,this.subject=e}notify(e){var t,n;(t=this.subscribers[e])==null||t.notify(e),(n=this.subjectSubscribers)==null||n.notify(e)}subscribe(e,t){let n;n=t?this.subscribers[t]??(this.subscribers[t]=new _(this.subject)):this.subjectSubscribers??=new _(this.subject),n.subscribe(e)}unsubscribe(e,t){var n,r;t?(n=this.subscribers[t])==null||n.unsubscribe(e):(r=this.subjectSubscribers)==null||r.unsubscribe(e)}},re=c.getById(n.updateQueue,()=>{let e=[],t=[],n=globalThis.requestAnimationFrame,r=!0;function i(){if(t.length)throw t.shift()}function a(n){try{n.call()}catch(n){if(r)t.push(n),setTimeout(i,0);else throw e.length=0,n}}function o(){let t=0;for(;t<e.length;)if(a(e[t]),t++,t>1024){for(let n=0,r=e.length-t;n<r;n++)e[n]=e[n+t];e.length-=t,t=0}e.length=0}function s(t){e.push(t),e.length<2&&(r?n(o):o())}return Object.freeze({enqueue:s,next:()=>new Promise(s),process:o,setMode:e=>r=e})}),v=Object.freeze({unknown:void 0,coupled:1}),y=c.getById(n.observable,()=>{let e=re.enqueue,t=/(:|&&|\|\||if|\?\.)/,n=new WeakMap,o,s=e=>{throw c.error(r.needsArrayObservation)};function l(e){let t=e.$fastController??n.get(e);return t===void 0&&(Array.isArray(e)?t=s(e):n.set(e,t=new ne(e))),t}let u=d();class p{constructor(e){this.name=e,this.field=`_${e}`,this.callback=`${e}Changed`}getValue(e){return o!==void 0&&o.watch(e,this.name),e[this.field]}setValue(e,t){let n=this.field,r=e[n];if(r!==t){e[n]=t;let a=e[this.callback];i(a)&&a.call(e,r,t),l(e).notify(this.name)}}}class m extends _{constructor(e,t,n=!1){super(e,t),this.expression=e,this.isVolatileBinding=n,this.needsRefresh=!0,this.needsQueue=!0,this.isAsync=!0,this.first=this,this.last=null,this.propertySource=void 0,this.propertyName=void 0,this.notifier=void 0,this.next=void 0}setMode(e){this.isAsync=this.needsQueue=e}bind(e){this.controller=e;let t=this.observe(e.source,e.context);return!e.isBound&&this.requiresUnbind(e)&&e.onUnbind(this),t}requiresUnbind(e){return e.sourceLifetime!==v.coupled||this.first!==this.last||this.first.propertySource!==e.source}unbind(e){this.dispose()}observe(e,t){this.needsRefresh&&this.last!==null&&this.dispose();let n=o;o=this.needsRefresh?this:void 0,this.needsRefresh=this.isVolatileBinding;let r;try{r=this.expression(e,t)}finally{o=n}return r}disconnect(){this.dispose()}dispose(){if(this.last!==null){let e=this.first;for(;e!==void 0;)e.notifier.unsubscribe(this,e.propertyName),e=e.next;this.last=null,this.needsRefresh=this.needsQueue=this.isAsync}}watch(e,t){let n=this.last,r=l(e),i=n===null?this.first:{};if(i.propertySource=e,i.propertyName=t,i.notifier=r,r.subscribe(this,t),n!==null){if(!this.needsRefresh){let t;o=void 0,t=n.propertySource[n.propertyName],o=this,e===t&&(this.needsRefresh=!0)}n.next=i}this.last=i}handleChange(){this.needsQueue?(this.needsQueue=!1,e(this)):this.isAsync||this.call()}call(){this.last!==null&&(this.needsQueue=this.isAsync,this.notify(this))}*records(){let e=this.first;for(;e!==void 0;)yield e,e=e.next}}return f(m),Object.freeze({setArrayObserverFactory(e){s=e},getNotifier:l,track(e,t){o&&o.watch(e,t)},trackVolatile(){o&&(o.needsRefresh=!0)},notify(e,t){l(e).notify(t)},defineProperty(e,t){a(t)&&(t=new p(t)),u(e).push(t),Reflect.defineProperty(e,t.name,{enumerable:!0,get(){return t.getValue(this)},set(e){t.setValue(this,e)}})},getAccessors:u,binding(e,t,n=this.isVolatileBinding(e)){return new m(e,t,n)},isVolatileBinding(e){return t.test(e.toString())}})});function ie(e,t){y.defineProperty(e,t)}function ae(e,t,n){return Object.assign({},n,{get(){return y.trackVolatile(),n.get.apply(this)}})}var oe=c.getById(n.contextEvent,()=>{let e=null;return{get(){return e},set(t){e=t}}}),b=Object.freeze({default:{index:0,length:0,get event(){return b.getEvent()},eventDetail(){return this.event.detail},eventTarget(){return this.event.target}},getEvent(){return oe.get()},setEvent(e){oe.set(e)}}),x=class{constructor(e,t,n=!1){this.evaluate=e,this.policy=t,this.isVolatile=n}},se=class extends x{createObserver(e){return y.binding(this.evaluate,e,this.isVolatile)}};function S(e,t,n=y.isVolatileBinding(e)){return new se(e,t,n)}var ce=class extends x{createObserver(){return this}bind(e){return this.evaluate(e.source,e.context)}};f(ce);function C(e,t){return new ce(e,t)}var le;function ue(e){return e.map(e=>e instanceof w?ue(e.styles):[e]).reduce((e,t)=>e.concat(t),[])}var w=class e{get strategy(){return this._strategy===null&&this.withStrategy(le),this._strategy}constructor(t){this.styles=t,this.targets=new WeakSet,this._strategy=null,this.behaviors=t.map(t=>t instanceof e?t.behaviors:null).reduce((e,t)=>t===null?e:e===null?t:e.concat(t),null)}addStylesTo(e){this.strategy.addStylesTo(e),this.targets.add(e)}removeStylesFrom(e){this.strategy.removeStylesFrom(e),this.targets.delete(e)}isAttachedTo(e){return this.targets.has(e)}withBehaviors(...e){return this.behaviors=this.behaviors===null?e:this.behaviors.concat(e),this}withStrategy(e){return this._strategy=new e(ue(this.styles)),this}static setDefaultStrategy(e){le=e}static normalize(t){return t===void 0?void 0:Array.isArray(t)?new e(t):t instanceof e?t:new e([t])}};w.supportsAdoptedStyleSheets=Array.isArray(document.adoptedStyleSheets)&&`replace`in CSSStyleSheet.prototype;var T=`fast-${Math.random().toString(36).substring(2,8)}`,E=`${T}{`,D=`}${T}`,de=D.length,fe=0,O=()=>`${T}-${++fe}`,pe=Object.freeze({interpolation:e=>`${E}${e}${D}`,attribute:e=>`${O()}="${E}${e}${D}"`,comment:e=>`<!--${E}${e}${D}-->`}),k=Object.freeze({parse(e,t){let n=e.split(E);if(n.length===1)return null;let r=[];for(let e=0,i=n.length;e<i;++e){let i=n[e],a=i.indexOf(D),o;if(a===-1)o=i;else{let e=i.substring(0,a);r.push(t[e]),o=i.substring(a+de)}o!==``&&r.push(o)}return r}}),me=u(),A=Object.freeze({getForInstance:me.getForInstance,getByType:me.getByType,define(e,t){return t||={},t.type=e,me.register(t),e},assignAspect(e,t){if(!t){e.aspectType=p.content;return}switch(e.sourceAspect=t,t[0]){case`:`:e.targetAspect=t.substring(1),e.aspectType=e.targetAspect===`classList`?p.tokenList:p.property;break;case`?`:e.targetAspect=t.substring(1),e.aspectType=p.booleanAttribute;break;case`@`:e.targetAspect=t.substring(1),e.aspectType=p.event;break;default:e.targetAspect=t,e.aspectType=p.attribute;break}}}),he=class{constructor(e){this.options=e}createHTML(e){return pe.attribute(e(this))}createBehavior(){return this}};f(he);var ge=/fe-b\$\$start\$\$(\d+)\$\$(.+)\$\$fe-b/,_e=/fe-b\$\$end\$\$(\d+)\$\$(.+)\$\$fe-b/,ve=/fe-repeat\$\$start\$\$(\d+)\$\$fe-repeat/,ye=/fe-repeat\$\$end\$\$(\d+)\$\$fe-repeat/,be=/^(?:.{0,1000})fe-eb\$\$start\$\$(.+?)\$\$fe-eb/,xe=/fe-eb\$\$end\$\$(.{0,1000})\$\$fe-eb(?:.{0,1000})$/;function Se(e){return e&&e.nodeType===Node.COMMENT_NODE}var j=Object.freeze({attributeMarkerName:`data-fe-b`,compactAttributeMarkerName:`data-fe-c`,attributeBindingSeparator:` `,contentBindingStartMarker(e,t){return`fe-b$$start$$${e}$$${t}$$fe-b`},contentBindingEndMarker(e,t){return`fe-b$$end$$${e}$$${t}$$fe-b`},repeatStartMarker(e){return`fe-repeat$$start$$${e}$$fe-repeat`},repeatEndMarker(e){return`fe-repeat$$end$$${e}$$fe-repeat`},isContentBindingStartMarker(e){return ge.test(e)},isContentBindingEndMarker(e){return _e.test(e)},isRepeatViewStartMarker(e){return ve.test(e)},isRepeatViewEndMarker(e){return ye.test(e)},isElementBoundaryStartMarker(e){return Se(e)&&be.test(e.data.trim())},isElementBoundaryEndMarker(e){return Se(e)&&xe.test(e.data)},parseAttributeBinding(e){let t=e.getAttribute(this.attributeMarkerName);return t===null?t:t.split(this.attributeBindingSeparator).map(e=>parseInt(e))},parseEnumeratedAttributeBinding(e){let t=[],n=this.attributeMarkerName.length+1,r=`${this.attributeMarkerName}-`;for(let i of e.getAttributeNames())if(i.startsWith(r)){let e=Number(i.slice(n));if(!Number.isNaN(e))t.push(e);else throw c.error(1601,{name:i,expectedFormat:`${r}<number>`})}return t.length===0?null:t},parseCompactAttributeBinding(e){let t=`${this.compactAttributeMarkerName}-`,n=e.getAttributeNames().find(e=>e.startsWith(t));if(!n)return null;let r=n.slice(t.length).split(`-`),i=parseInt(r[0],10),a=parseInt(r[1],10);if(r.length!==2||Number.isNaN(i)||Number.isNaN(a)||i<0||a<1)throw c.error(1604,{name:n,expectedFormat:`${this.compactAttributeMarkerName}-{index}-{count}`});let o=[];for(let e=0;e<a;e++)o.push(i+e);return o},parseContentBindingStartMarker(e){return Te(ge,e)},parseContentBindingEndMarker(e){return Te(_e,e)},parseRepeatStartMarker(e){return Ce(ve,e)},parseRepeatEndMarker(e){return Ce(ye,e)},parseElementBoundaryStartMarker(e){return we(be,e.trim())},parseElementBoundaryEndMarker(e){return we(xe,e)}});function Ce(e,t){let n=e.exec(t);return n===null?n:parseInt(n[1])}function we(e,t){let n=e.exec(t);return n===null?n:n[1]}function Te(e,t){let n=e.exec(t);return n===null?n:[parseInt(n[1]),n[2]]}var M=Symbol.for(`fe-hydration`);function N(e){return e[M]===M}var Ee=`defer-hydration`,De=class extends Error{constructor(e,t,n){super(e),this.factories=t,this.node=n}};function Oe(e){return e.nodeType===Node.COMMENT_NODE}function ke(e){return e.nodeType===Node.TEXT_NODE}function Ae(e,t){let n=document.createRange();return n.setStart(e,0),n.setEnd(t,Oe(t)||ke(t)?t.data.length:t.childNodes.length),n}function je(e){return e instanceof DocumentFragment&&`mode`in e}function Me(e,t,n){let r=Ae(e,t),i=r.commonAncestorContainer,a=Ie(n),o=document.createTreeWalker(i,NodeFilter.SHOW_ELEMENT+NodeFilter.SHOW_COMMENT+NodeFilter.SHOW_TEXT,{acceptNode(e){return r.comparePoint(e,0)===0?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_REJECT}}),s={},c={},l=o.currentNode=e;for(;l!==null;){switch(l.nodeType){case Node.ELEMENT_NODE:Ne(l,n,s,a);break;case Node.COMMENT_NODE:Pe(l,o,n,s,c,a);break}l=o.nextNode()}return r.detach(),{targets:s,boundaries:c}}function Ne(e,t,n,r){let i=j.parseAttributeBinding(e)??j.parseEnumeratedAttributeBinding(e)??j.parseCompactAttributeBinding(e);if(i!==null){for(let a of i){let i=t[a+r];if(!i)throw new De(`HydrationView was unable to successfully target factory on ${e.nodeName} inside ${e.getRootNode().host.nodeName}. This likely indicates a template mismatch between SSR rendering and hydration.`,t,e);P(i,e,n)}e.removeAttribute(j.attributeMarkerName)}}function Pe(e,t,n,r,i,a){if(j.isElementBoundaryStartMarker(e)){Fe(e,t);return}if(j.isContentBindingStartMarker(e.data)){let o=j.parseContentBindingStartMarker(e.data);if(o===null)return;let[s,c]=o,l=n[s+a],u=[],d=t.nextSibling();e.data=``;let f=d;for(;d!==null;){if(Oe(d)){let e=j.parseContentBindingEndMarker(d.data);if(e&&e[1]===c)break}u.push(d),d=t.nextSibling()}if(d===null){let t=e.getRootNode();throw Error(`Error hydrating Comment node inside "${je(t)?t.host.nodeName:t.nodeName}".`)}d.data=``,u.length===1&&ke(u[0])?P(l,u[0],r):(d!==f&&d.previousSibling!==null&&(i[l.targetNodeId]={first:f,last:d.previousSibling}),P(l,d.parentNode.insertBefore(document.createTextNode(``),d),r))}}function Fe(e,t){let n=j.parseElementBoundaryStartMarker(e.data),r=t.nextSibling();for(;r!==null;){if(Oe(r)){let e=j.parseElementBoundaryEndMarker(r.data);if(e&&e===n)break}r=t.nextSibling()}}function Ie(e){let t=0;for(let n=0,r=e.length;n<r&&e[n].targetNodeId===`h`;++n)t++;return t}function P(e,t,n){if(e.targetNodeId===void 0)throw Error(`Factory could not be target to the node`);n[e.targetNodeId]=t}var Le;function Re(e,t){let n=e.parentNode,r=e,i;for(;r!==t;){if(i=r.nextSibling,!i)throw Error(`Unmatched first/last child inside "${t.getRootNode().host.nodeName}".`);n.removeChild(r),r=i}n.removeChild(t)}var ze=class{constructor(){this.index=0,this.length=0}get event(){return b.getEvent()}get isEven(){return this.index%2==0}get isOdd(){return this.index%2!=0}get isFirst(){return this.index===0}get isInMiddle(){return!this.isFirst&&!this.isLast}get isLast(){return this.index===this.length-1}eventDetail(){return this.event.detail}eventTarget(){return this.event.target}},F=class extends ze{constructor(e,t,n){super(),this.fragment=e,this.factories=t,this.targets=n,this.behaviors=null,this.unbindables=[],this.source=null,this.isBound=!1,this.sourceLifetime=v.unknown,this.context=this,this.firstChild=e.firstChild,this.lastChild=e.lastChild}appendTo(e){e.appendChild(this.fragment)}insertBefore(e){if(this.fragment.hasChildNodes())e.parentNode.insertBefore(this.fragment,e);else{let t=this.lastChild;if(e.previousSibling===t)return;let n=e.parentNode,r=this.firstChild,i;for(;r!==t;)i=r.nextSibling,n.insertBefore(r,e),r=i;n.insertBefore(t,e)}}remove(){let e=this.fragment,t=this.lastChild,n=this.firstChild,r;for(;n!==t;)r=n.nextSibling,e.appendChild(n),n=r;e.appendChild(t)}dispose(){Re(this.firstChild,this.lastChild),this.unbind()}onUnbind(e){this.unbindables.push(e)}bind(e,t=this){if(this.source===e)return;let n=this.behaviors;if(n===null){this.source=e,this.context=t,this.behaviors=n=Array(this.factories.length);let r=this.factories;for(let e=0,t=r.length;e<t;++e){let t=r[e].createBehavior();t.bind(this),n[e]=t}}else{this.source!==null&&this.evaluateUnbindables(),this.isBound=!1,this.source=e,this.context=t;for(let e=0,t=n.length;e<t;++e)n[e].bind(this)}this.isBound=!0}unbind(){!this.isBound||this.source===null||(this.evaluateUnbindables(),this.source=null,this.context=this,this.isBound=!1)}evaluateUnbindables(){let e=this.unbindables;for(let t=0,n=e.length;t<n;++t)e[t].unbind(this);e.length=0}static disposeContiguousBatch(e){if(e.length!==0){Re(e[0].firstChild,e[e.length-1].lastChild);for(let t=0,n=e.length;t<n;++t)e[t].unbind()}}};f(F),y.defineProperty(F.prototype,`index`),y.defineProperty(F.prototype,`length`);var I={unhydrated:`unhydrated`,hydrating:`hydrating`,hydrated:`hydrated`},Be=class extends Error{constructor(e,t,n,r){super(e),this.factory=t,this.fragment=n,this.templateString=r}},Ve=class extends ze{get hydrationStage(){return this._hydrationStage}get targets(){return this._targets}get bindingViewBoundaries(){return this._bindingViewBoundaries}constructor(e,t,n,r){super(),this.firstChild=e,this.lastChild=t,this.sourceTemplate=n,this.hostBindingTarget=r,this[Le]=M,this.context=this,this.source=null,this.isBound=!1,this.sourceLifetime=v.unknown,this.unbindables=[],this.fragment=null,this.behaviors=null,this._hydrationStage=I.unhydrated,this._bindingViewBoundaries={},this._targets={},this.factories=n.compile().factories}insertBefore(e){if(this.fragment!==null)if(this.fragment.hasChildNodes())e.parentNode.insertBefore(this.fragment,e);else{let t=this.lastChild;if(e.previousSibling===t)return;let n=e.parentNode,r=this.firstChild,i;for(;r!==t;)i=r.nextSibling,n.insertBefore(r,e),r=i;n.insertBefore(t,e)}}appendTo(e){this.fragment!==null&&e.appendChild(this.fragment)}remove(){let e=this.fragment||=document.createDocumentFragment(),t=this.lastChild,n=this.firstChild,r;for(;n!==t;){if(r=n.nextSibling,!r)throw Error(`Unmatched first/last child inside "${t.getRootNode().host.nodeName}".`);e.appendChild(n),n=r}e.appendChild(t)}bind(e,t=this){if(this.hydrationStage!==I.hydrated&&(this._hydrationStage=I.hydrating),this.source===e)return;let n=this.behaviors;if(n===null){this.source=e,this.context=t;try{let{targets:e,boundaries:t}=Me(this.firstChild,this.lastChild,this.factories);this._targets=e,this._bindingViewBoundaries=t}catch(e){if(e instanceof De){let t=this.sourceTemplate.html;typeof t!=`string`&&(t=t.innerHTML),e.templateString=t}throw e}this.behaviors=n=Array(this.factories.length);let r=this.factories;for(let e=0,t=r.length;e<t;++e){let t=r[e];if(t.targetNodeId===`h`&&this.hostBindingTarget&&P(t,this.hostBindingTarget,this._targets),t.targetNodeId in this.targets){let r=t.createBehavior();r.bind(this),n[e]=r}else{let e=this.sourceTemplate.html;typeof e!=`string`&&(e=e.innerHTML);let n=(this.firstChild?.getRootNode()).host?.nodeName||`unknown`,r=t,i=[`HydrationView was unable to successfully target bindings inside "<${n.toLowerCase()}>".`,`
 Mismatch Details:`,`  - Expected target node ID: "${t.targetNodeId}"`,`  - Available target IDs: [${Object.keys(this.targets).join(`, `)||`none`}]`];throw t.targetTagName&&i.push(`  - Expected tag name: "${t.targetTagName}"`),r.sourceAspect&&i.push(`  - Source aspect: "${r.sourceAspect}"`),r.aspectType!==void 0&&i.push(`  - Aspect type: ${r.aspectType}`),i.push(`
 This usually means:`,`  1. The server-rendered HTML doesn't match the client template`,`  2. The hydration markers are missing or corrupted`,`  3. The DOM structure was modified before hydration`,`\nTemplate: ${e.slice(0,200)}${e.length>200?`...`:``}`),new Be(i.join(`
-`),t,Ae(this.firstChild,this.lastChild).cloneContents(),e)}}}else{this.source!==null&&this.evaluateUnbindables(),this.isBound=!1,this.source=e,this.context=t;for(let e=0,t=n.length;e<t;++e)n[e].bind(this)}this.isBound=!0,this._hydrationStage=I.hydrated}unbind(){!this.isBound||this.source===null||(this.evaluateUnbindables(),this.source=null,this.context=this,this.isBound=!1)}dispose(){Re(this.firstChild,this.lastChild),this.unbind()}onUnbind(e){this.unbindables.push(e)}evaluateUnbindables(){let e=this.unbindables;for(let t=0,n=e.length;t<n;++t)e[t].unbind(this);e.length=0}};Le=M,f(Ve);function He(e){return e.create!==void 0}function Ue(e,t,n,r){if(n??=``,He(n)){e.textContent=``;let t=e.$fastView;if(t===void 0)if(N(r)&&N(n)&&r.bindingViewBoundaries[this.targetNodeId]!==void 0&&r.hydrationStage!==I.hydrated){let e=r.bindingViewBoundaries[this.targetNodeId];t=n.hydrate(e.first,e.last)}else t=n.create();else e.$fastTemplate!==n&&(t.isComposed&&(t.remove(),t.unbind()),t=n.create());t.isComposed?t.needsBindOnly&&(t.needsBindOnly=!1,t.bind(r.source,r.context)):(t.isComposed=!0,t.bind(r.source,r.context),t.insertBefore(e),e.$fastView=t,e.$fastTemplate=n)}else{let t=e.$fastView;t!==void 0&&t.isComposed&&(t.isComposed=!1,t.remove(),t.needsBindOnly?t.needsBindOnly=!1:t.unbind()),e.textContent=n}}function We(e,t,n){let r=`${this.id}-t`,i=e[r]??(e[r]={v:0,cv:Object.create(null)}),a=i.cv,o=i.v,s=e[t];if(n!=null&&n.length){let e=n.split(/\s+/);for(let t=0,n=e.length;t<n;++t){let n=e[t];n!==``&&(a[n]=o,s.add(n))}}if(i.v=o+1,o!==0){--o;for(let e in a)a[e]===o&&s.remove(e)}}var Ge={[p.attribute]:g.setAttribute,[p.booleanAttribute]:g.setBooleanAttribute,[p.property]:(e,t,n)=>e[t]=n,[p.content]:Ue,[p.tokenList]:We,[p.event]:()=>void 0},L=class{constructor(e){this.dataBinding=e,this.updateTarget=null,this.aspectType=p.content}createHTML(e){return pe.interpolation(e(this))}createBehavior(){if(this.updateTarget===null){let e=Ge[this.aspectType],t=this.dataBinding.policy??this.policy;if(!e)throw c.error(r.unsupportedBindingBehavior);this.data=`${this.id}-d`,this.updateTarget=t.protect(this.targetTagName,this.aspectType,this.targetAspect,e)}return this}bind(e){let t=e.targets[this.targetNodeId],n=N(e)&&e.hydrationStage&&e.hydrationStage!==I.hydrated;switch(this.aspectType){case p.event:t[this.data]=e,t.addEventListener(this.targetAspect,this,this.dataBinding.options);break;case p.content:e.onUnbind(this);default:{let r=t[this.data]??(t[this.data]=this.dataBinding.createObserver(this,this));if(r.target=t,r.controller=e,n&&(this.aspectType===p.attribute||this.aspectType===p.booleanAttribute)){r.bind(e);break}this.updateTarget(t,this.targetAspect,r.bind(e),e);break}}}unbind(e){let t=e.targets[this.targetNodeId].$fastView;t!==void 0&&t.isComposed&&(t.unbind(),t.needsBindOnly=!0)}handleEvent(e){let t=e.currentTarget[this.data];if(t.isBound){b.setEvent(e);let n=this.dataBinding.evaluate(t.source,t.context);b.setEvent(null),n!==!0&&e.preventDefault()}}handleChange(e,t){let n=t.controller;if(!n.isBound)return;let r=t.target;this.updateTarget(r,this.targetAspect,t.bind(n),n)}};A.define(L,{aspected:!0});var Ke=(e,t)=>`${e}.${t}`,qe={},R={index:0,node:null};function Je(e){e.startsWith(`fast-`)||c.warn(r.hostBindingWithoutHost,{name:e})}var Ye=new Proxy(document.createElement(`div`),{get(e,t){Je(t);let n=Reflect.get(e,t);return i(n)?n.bind(e):n},set(e,t,n){return Je(t),Reflect.set(e,t,n)}}),Xe=class{constructor(e,t,n){this.fragment=e,this.directives=t,this.policy=n,this.proto=null,this.nodeIds=new Set,this.descriptors={},this.factories=[]}addFactory(e,t,n,r,i){this.nodeIds.has(n)||(this.nodeIds.add(n),this.addTargetDescriptor(t,n,r)),e.id=e.id??O(),e.targetNodeId=n,e.targetTagName=i,e.policy=e.policy??this.policy,this.factories.push(e)}freeze(){return this.proto=Object.create(null,this.descriptors),this}addTargetDescriptor(e,t,n){let r=this.descriptors;if(t===`r`||t===`h`||r[t])return;if(!r[e]){let t=e.lastIndexOf(`.`),n=e.substring(0,t),r=parseInt(e.substring(t+1),10);this.addTargetDescriptor(n,e,r)}let i=qe[t];if(!i){let r=`_${t}`;qe[t]=i={get(){return this[r]??(this[r]=this[e].childNodes[n])}}}r[t]=i}createView(e){let t=this.fragment.cloneNode(!0),n=Object.create(this.proto);n.r=t,n.h=e??Ye;for(let e of this.nodeIds)Reflect.get(n,e);return new F(t,this.factories,n)}};function Ze(e,t,n,r,i,a=!1){let o=n.attributes,s=e.directives;for(let c=0,l=o.length;c<l;++c){let u=o[c],d=u.value,f=k.parse(d,s),p=null;f===null?a&&(p=new L(C(()=>d,e.policy)),A.assignAspect(p,u.name)):p=z.aggregate(f,e.policy),p!==null&&(n.removeAttributeNode(u),c--,l--,e.addFactory(p,t,r,i,n.tagName))}}function Qe(e,t,n,r,i){let o=k.parse(t.textContent,e.directives);if(o===null)return R.node=t.nextSibling,R.index=i+1,R;let s,c=s=t;for(let t=0,l=o.length;t<l;++t){let l=o[t];t!==0&&(i++,r=Ke(n,i),s=c.parentNode.insertBefore(document.createTextNode(``),c.nextSibling)),a(l)?s.textContent=l:(s.textContent=` `,A.assignAspect(l),e.addFactory(l,n,r,i,null)),c=s}return R.index=i+1,R.node=c.nextSibling,R}function $e(e,t,n){let r=0,i=t.firstChild;for(;i;){let t=et(e,n,i,r);i=t.node,r=t.index}}function et(e,t,n,r){let i=Ke(t,r);switch(n.nodeType){case 1:Ze(e,t,n,i,r),$e(e,n,i);break;case 3:return Qe(e,n,t,i,r);case 8:{let a=k.parse(n.data,e.directives);a!==null&&e.addFactory(z.aggregate(a),t,i,r,null);break}}return R.index=r+1,R.node=n.nextSibling,R}function tt(e,t){return e&&e.nodeType===8&&k.parse(e.data,t)!==null}var nt=`TEMPLATE`,z={compile(e,t,n=g.policy){let r;if(a(e)){r=document.createElement(nt),r.innerHTML=n.createHTML(e);let t=r.content.firstElementChild;t!==null&&t.tagName===nt&&(r=t)}else r=e;!r.content.firstChild&&!r.content.lastChild&&r.content.appendChild(document.createComment(``));let i=document.adoptNode(r.content),o=new Xe(i,t,n);return Ze(o,``,r,`h`,0,!0),(tt(i.firstChild,t)||i.childNodes.length===1&&Object.keys(t).length>0)&&i.insertBefore(document.createComment(``),i.firstChild),$e(o,i,`r`),R.node=null,o.freeze()},setDefaultStrategy(e){this.compile=e},aggregate(e,t=g.policy){if(e.length===1)return e[0];let n,r=!1,i,o=e.length,s=e.map(e=>a(e)?()=>e:(n=e.sourceAspect||n,r||=e.dataBinding.isVolatile,i||=e.dataBinding.policy,e.dataBinding.evaluate)),c=new L(S((e,t)=>{let n=``;for(let r=0;r<o;++r)n+=s[r](e,t);return n},i??t,r));return A.assignAspect(c,n),c}},rt=`boolean`,it=`reflect`,at=Object.freeze({locate:d()}),ot={toView(e){return e?`true`:`false`},fromView(e){return!(e==null||e===`false`||e===!1||e===0)}};function st(e){if(e==null)return null;let t=e*1;return isNaN(t)?null:t}var ct={toView(e){let t=st(e);return t&&t.toString()},fromView:st},lt=class e{constructor(e,t,n=t.toLowerCase(),r=it,i){this.guards=new Set,this.Owner=e,this.name=t,this.attribute=n,this.mode=r,this.converter=i,this.fieldName=`_${t}`,this.callbackName=`${t}Changed`,this.hasCallback=this.callbackName in e.prototype,r===rt&&i===void 0&&(this.converter=ot)}setValue(e,t){let n=e[this.fieldName],r=this.converter;r!==void 0&&(t=r.fromView(t)),n!==t&&(e[this.fieldName]=t,this.tryReflectToAttribute(e),this.hasCallback&&e[this.callbackName](n,t),e.$fastController.notify(this.name))}getValue(e){return y.track(e,this.name),e[this.fieldName]}onAttributeChangedCallback(e,t){this.guards.has(e)||(this.guards.add(e),this.setValue(e,t),this.guards.delete(e))}tryReflectToAttribute(e){let t=this.mode,n=this.guards;n.has(e)||t===`fromView`||re.enqueue(()=>{n.add(e);let r=e[this.fieldName];switch(t){case it:let t=this.converter;g.setAttribute(e,this.attribute,t===void 0?r:t.toView(r));break;case rt:g.setBooleanAttribute(e,this.attribute,r);break}n.delete(e)})}static collect(t,...n){let r=[];n.push(at.locate(t));for(let i=0,o=n.length;i<o;++i){let o=n[i];if(o!==void 0)for(let n=0,i=o.length;n<i;++n){let i=o[n];a(i)?r.push(new e(t,i)):r.push(new e(t,i.property,i.attribute,i.mode,i.converter))}}return r}};function ut(e,t){let n;function r(e,t){arguments.length>1&&(n.property=t),at.locate(e.constructor).push(n)}if(arguments.length>1){n={},r(e,t);return}return n=e===void 0?{}:e,r}var dt=function(e,t,n,r){function i(e){return e instanceof n?e:new n(function(t){t(e)})}return new(n||=Promise)(function(n,a){function o(e){try{c(r.next(e))}catch(e){a(e)}}function s(e){try{c(r.throw(e))}catch(e){a(e)}}function c(e){e.done?n(e.value):i(e.value).then(o,s)}c((r=r.apply(e,t||[])).next())})},B,ft={mode:`open`},pt={},V=new Set,H=c.getById(n.elementRegistry,()=>u()),mt={deferAndHydrate:`defer-and-hydrate`},U=class{get isDefined(){return this.platformDefined}constructor(e,t=e.definition){this.platformDefined=!1,a(t)&&(t={name:t}),this.type=e,this.name=t.name,this.template=t.template,this.templateOptions=t.templateOptions,this.registry=t.registry??customElements;let n=e.prototype,r=lt.collect(e,t.attributes),i=Array(r.length),o={},s={};for(let e=0,t=r.length;e<t;++e){let t=r[e];i[e]=t.attribute,o[t.name]=t,s[t.attribute]=t,y.defineProperty(n,t)}Reflect.defineProperty(e,`observedAttributes`,{value:i,enumerable:!0}),this.attributes=r,this.propertyLookup=o,this.attributeLookup=s,this.shadowOptions=t.shadowOptions===void 0?ft:t.shadowOptions===null?void 0:Object.assign(Object.assign({},ft),t.shadowOptions),this.elementOptions=t.elementOptions===void 0?pt:Object.assign(Object.assign({},pt),t.elementOptions),this.styles=w.normalize(t.styles),H.register(this),y.defineProperty(B.isRegistered,this.name),B.isRegistered[this.name]=this.type}define(e=this.registry){var t,n;let r=this.type;return e.get(this.name)||(this.platformDefined=!0,e.define(this.name,r,this.elementOptions),(n=(t=this.lifecycleCallbacks)?.elementDidDefine)==null||n.call(t,this.name)),this}static compose(e,t){return V.has(e)||H.getByType(e)?new B(class extends e{},t):new B(e,t)}static registerBaseType(e){V.add(e)}static composeAsync(e,t){return new Promise(n=>{(V.has(e)||H.getByType(e))&&n(new B(class extends e{},t));let r=new B(e,t);y.getNotifier(r).subscribe({handleChange:()=>{var e,t;(t=(e=r.lifecycleCallbacks)?.templateDidUpdate)==null||t.call(e,r.name),n(r)}},`template`)})}};B=U,U.isRegistered={},U.getByType=H.getByType,U.getForInstance=H.getForInstance,U.registerAsync=e=>dt(void 0,void 0,void 0,function*(){return new Promise(t=>{B.isRegistered[e]&&t(B.isRegistered[e]),y.getNotifier(B.isRegistered).subscribe({handleChange:()=>t(B.isRegistered[e])},e)})}),y.defineProperty(U.prototype,`template`);var ht=/([ \x09\x0a\x0c\x0d])([^\0-\x1F\x7F-\x9F "'>=/]+)([ \x09\x0a\x0c\x0d]*=[ \x09\x0a\x0c\x0d]*(?:[^ \x09\x0a\x0c\x0d"'`<>=]*|"[^"]*|'[^']*))$/,gt=Object.create(null),W=class{constructor(e,t=gt){this.html=e,this.factories=t}createHTML(e){let t=this.factories;for(let n in t)e(t[n]);return this.html}};W.empty=new W(``),A.define(W);function _t(e,t,n,r=A.getForInstance(e)){if(r.aspected){let n=ht.exec(t);n!==null&&A.assignAspect(e,n[2])}return e.createHTML(n)}var vt=class e{constructor(e,t={},n){this.policy=n,this.result=null,this.html=e,this.factories=t}compile(){return this.result===null&&(this.result=z.compile(this.html,this.factories,this.policy)),this.result}create(e){return this.compile().createView(e)}inline(){return new W(a(this.html)?this.html:this.html.innerHTML,this.factories)}withPolicy(e){if(this.result)throw c.error(r.cannotSetTemplatePolicyAfterCompilation);if(this.policy)throw c.error(r.onlySetTemplatePolicyOnce);return this.policy=e,this}render(e,t,n){let r=this.create(n);return r.bind(e),r.appendTo(t),r}static create(t,n,r){let a=``,o=Object.create(null),s=e=>{let t=e.id??=O();return o[t]=e,t};for(let e=0,r=t.length-1;e<r;++e){let r=t[e],o=n[e],c;if(a+=r,i(o))o=new L(S(o));else if(o instanceof x)o=new L(o);else if(!(c=A.getForInstance(o))){let e=o;o=new L(C(()=>e))}a+=_t(o,r,s,c)}return new e(a+t[t.length-1],o,r)}};f(vt);var yt=((e,...t)=>{if(Array.isArray(e)&&Array.isArray(e.raw))return vt.create(e,t);throw c.error(r.directCallToHTMLTagNotAllowed)});yt.partial=e=>new W(e);var bt=class extends MutationObserver{constructor(e){function t(e){this.callback.call(null,e.filter(e=>this.observedNodes.has(e.target)))}super(t),this.callback=e,this.observedNodes=new Set}observe(e,t){this.observedNodes.add(e),super.observe(e,t)}unobserve(e){this.observedNodes.delete(e),this.observedNodes.size<1&&this.disconnect()}},xt=Object.freeze({create(e){let t=[],n={},r=null,i=!1;return{source:e,context:b.default,targets:n,get isBound(){return i},addBehaviorFactory(e,t){let n=e;n.id=n.id??O(),n.targetNodeId=n.targetNodeId??O(),n.targetTagName=t.tagName??null,n.policy=n.policy??g.policy,this.addTarget(n.targetNodeId,t),this.addBehavior(n.createBehavior())},addTarget(e,t){n[e]=t},addBehavior(e){t.push(e),i&&e.bind(this)},onUnbind(e){r===null&&(r=[]),r.push(e)},connectedCallback(e){i||(i=!0,t.forEach(e=>e.bind(this)))},disconnectedCallback(e){i&&(i=!1,r!==null&&r.forEach(e=>e.unbind(this)))}}}}),St={bubbles:!0,composed:!0,cancelable:!0},G=`isConnected`,Ct=new WeakMap;function K(e){return e.shadowRoot??Ct.get(e)??null}var wt,q;(function(e){e[e.connecting=0]=`connecting`,e[e.connected=1]=`connected`,e[e.disconnecting=2]=`disconnecting`,e[e.disconnected=3]=`disconnected`})(q||={});var J=class e extends ne{get isConnected(){return y.track(this,G),this.stage===q.connected}get context(){return this.view?.context??b.default}get isBound(){return this.view?.isBound??!1}get sourceLifetime(){return this.view?.sourceLifetime}get template(){if(this._template===null){let e=this.definition;this.source.resolveTemplate?this._template=this.source.resolveTemplate():e.template&&(this._template=e.template??null)}return this._template}set template(e){this._template!==e&&(this._template=e,this.needsInitialization||this.renderTemplate(e))}get shadowOptions(){return this._shadowRootOptions}set shadowOptions(e){if(this._shadowRootOptions===void 0&&e!==void 0){this._shadowRootOptions=e;let t=this.source.shadowRoot;t?this.hasExistingShadowRoot=!0:(t=this.source.attachShadow(e),e.mode===`closed`&&Ct.set(this.source,t))}}get mainStyles(){if(this._mainStyles===null){let e=this.definition;this.source.resolveStyles?this._mainStyles=this.source.resolveStyles():e.styles&&(this._mainStyles=e.styles??null)}return this._mainStyles}set mainStyles(e){this._mainStyles!==e&&(this._mainStyles!==null&&this.removeStyles(this._mainStyles),this._mainStyles=e,this.needsInitialization||this.addStyles(e))}constructor(e,t){super(e),this.boundObservables=null,this.needsInitialization=!0,this.hasExistingShadowRoot=!1,this._template=null,this.stage=q.disconnected,this.guardBehaviorConnection=!1,this.behaviors=null,this.behaviorsConnected=!1,this._mainStyles=null,this.$fastController=this,this.view=null,this.source=e,this.definition=t,this.shadowOptions=t.shadowOptions;let n=y.getAccessors(e);if(n.length>0){let t=this.boundObservables=Object.create(null);for(let r=0,i=n.length;r<i;++r){let i=n[r].name,a=e[i];a!==void 0&&(delete e[i],t[i]=a)}}}onUnbind(e){var t;(t=this.view)==null||t.onUnbind(e)}addBehavior(e){let t=this.behaviors??=new Map,n=t.get(e)??0;n===0?(t.set(e,1),e.addedCallback&&e.addedCallback(this),e.connectedCallback&&!this.guardBehaviorConnection&&(this.stage===q.connected||this.stage===q.connecting)&&e.connectedCallback(this)):t.set(e,n+1)}removeBehavior(e,t=!1){let n=this.behaviors;if(n===null)return;let r=n.get(e);r!==void 0&&(r===1||t?(n.delete(e),e.disconnectedCallback&&this.stage!==q.disconnected&&e.disconnectedCallback(this),e.removedCallback&&e.removedCallback(this)):n.set(e,r-1))}addStyles(e){if(!e)return;let t=this.source;if(e instanceof HTMLElement)(K(t)??this.source).append(e);else if(!e.isAttachedTo(t)){let n=e.behaviors;if(e.addStylesTo(t),n!==null)for(let e=0,t=n.length;e<t;++e)this.addBehavior(n[e])}}removeStyles(e){if(!e)return;let t=this.source;if(e instanceof HTMLElement)(K(t)??t).removeChild(e);else if(e.isAttachedTo(t)){let n=e.behaviors;if(e.removeStylesFrom(t),n!==null)for(let e=0,t=n.length;e<t;++e)this.removeBehavior(n[e])}}connect(){this.stage===q.disconnected&&(this.stage=q.connecting,this.bindObservables(),this.connectBehaviors(),this.needsInitialization?(this.renderTemplate(this.template),this.addStyles(this.mainStyles),this.needsInitialization=!1):this.view!==null&&this.view.bind(this.source),this.stage=q.connected,y.notify(this,G))}bindObservables(){if(this.boundObservables!==null){let e=this.source,t=this.boundObservables,n=Object.keys(t);for(let r=0,i=n.length;r<i;++r){let i=n[r];e[i]=t[i]}this.boundObservables=null}}connectBehaviors(){if(this.behaviorsConnected===!1){let e=this.behaviors;if(e!==null){this.guardBehaviorConnection=!0;for(let t of e.keys())t.connectedCallback&&t.connectedCallback(this);this.guardBehaviorConnection=!1}this.behaviorsConnected=!0}}disconnectBehaviors(){if(this.behaviorsConnected===!0){let e=this.behaviors;if(e!==null)for(let t of e.keys())t.disconnectedCallback&&t.disconnectedCallback(this);this.behaviorsConnected=!1}}disconnect(){this.stage===q.connected&&(this.stage=q.disconnecting,y.notify(this,G),this.view!==null&&this.view.unbind(),this.disconnectBehaviors(),this.stage=q.disconnected)}onAttributeChangedCallback(e,t,n){let r=this.definition.attributeLookup[e];r!==void 0&&r.onAttributeChangedCallback(this.source,n)}emit(e,t,n){return this.stage===q.connected?this.source.dispatchEvent(new CustomEvent(e,Object.assign(Object.assign({detail:t},St),n))):!1}renderTemplate(e){let t=this.source,n=K(t)??t;if(this.view!==null)this.view.dispose(),this.view=null;else if(!this.needsInitialization||this.hasExistingShadowRoot){this.hasExistingShadowRoot=!1;for(let e=n.firstChild;e!==null;e=n.firstChild)n.removeChild(e)}e&&(this.view=e.render(t,n,t),this.view.sourceLifetime=v.coupled)}static forCustomElement(t,n=!1){let i=t.$fastController;if(i!==void 0&&!n)return i;let a=U.getForInstance(t);if(a===void 0)throw c.error(r.missingElementDefinition);return y.getNotifier(a).subscribe({handleChange:()=>{e.forCustomElement(t,!0),t.$fastController.connect()}},`template`),y.getNotifier(a).subscribe({handleChange:()=>{e.forCustomElement(t,!0),t.$fastController.connect()}},`shadowOptions`),t.$fastController=new wt(t,a)}static setStrategy(e){wt=e}};f(J),J.setStrategy(J);function Y(e){return`adoptedStyleSheets`in e?e:K(e)??e.getRootNode()}var Tt=class e{constructor(t){let n=e.styleSheetCache;this.sheets=t.map(e=>{if(e instanceof CSSStyleSheet)return e;let t=n.get(e);return t===void 0&&(t=new CSSStyleSheet,t.replaceSync(e),n.set(e,t)),t})}addStylesTo(e){At(Y(e),this.sheets)}removeStylesFrom(e){jt(Y(e),this.sheets)}};Tt.styleSheetCache=new Map;var Et=0,Dt=()=>`fast-${++Et}`;function Ot(e){return e===document?document.body:e}var kt=class{constructor(e){this.styles=e,this.styleClass=Dt()}addStylesTo(e){e=Ot(Y(e));let t=this.styles,n=this.styleClass;for(let r=0;r<t.length;r++){let i=document.createElement(`style`);i.innerHTML=t[r],i.className=n,e.append(i)}}removeStylesFrom(e){e=Ot(Y(e));let t=e.querySelectorAll(`.${this.styleClass}`);for(let n=0,r=t.length;n<r;++n)e.removeChild(t[n])}},At=(e,t)=>{e.adoptedStyleSheets=[...e.adoptedStyleSheets,...t]},jt=(e,t)=>{e.adoptedStyleSheets=e.adoptedStyleSheets.filter(e=>t.indexOf(e)===-1)};if(w.supportsAdoptedStyleSheets){try{document.adoptedStyleSheets.push(),document.adoptedStyleSheets.splice(),At=(e,t)=>{e.adoptedStyleSheets.push(...t)},jt=(e,t)=>{for(let n of t){let t=e.adoptedStyleSheets.indexOf(n);t!==-1&&e.adoptedStyleSheets.splice(t,1)}}}catch{}w.setDefaultStrategy(Tt)}else w.setDefaultStrategy(kt);var Mt=`needs-hydration`,X=class e extends J{get shadowOptions(){return super.shadowOptions}set shadowOptions(e){super.shadowOptions=e,(this.hasExistingShadowRoot||e!==void 0&&!this.template)&&this.definition.templateOptions===mt.deferAndHydrate&&(this.source.toggleAttribute(Ee,!0),this.source.toggleAttribute(Mt,!0))}addHydratingInstance(){if(!e.hydratingInstances)return;let t=this.definition.name,n=e.hydratingInstances.get(t);n||(n=new Set,e.hydratingInstances.set(t,n)),n.add(this.source)}static config(t){return e.lifecycleCallbacks=t,this}static hydrationObserverHandler(t){for(let n of t)n.target.hasAttribute(`defer-hydration`)||(e.hydrationObserver.unobserve(n.target),n.target.$fastController.connect())}static checkHydrationComplete(t){var n,r;if(t.didTimeout){e.idleCallbackId=requestIdleCallback(e.checkHydrationComplete,{timeout:50});return}if(e.hydratingInstances?.size===0){try{(r=(n=e.lifecycleCallbacks).hydrationComplete)==null||r.call(n)}catch{}J.setStrategy(J)}}connect(){var t,n,r,i,a;if(this.needsHydration=this.needsHydration??this.source.hasAttribute(Mt),this.needsHydration&&this.addHydratingInstance(),this.source.hasAttribute(`defer-hydration`)){this.addHydratingInstance(),e.hydrationObserver.observe(this.source,{attributeFilter:[Ee]});return}if(!this.needsHydration){super.connect(),this.removeHydratingInstance();return}if(this.stage===q.disconnected){if(!e.hydrationStarted){e.hydrationStarted=!0;try{(n=(t=e.lifecycleCallbacks).hydrationStarted)==null||n.call(t)}catch{}}try{(i=(r=e.lifecycleCallbacks).elementWillHydrate)==null||i.call(r,this.source)}catch{}if(this.stage=q.connecting,this.bindObservables(),this.connectBehaviors(),this.template)if(N(this.template)){let e=this.source,t=K(e)??e,n=t.firstChild,r=t.lastChild;e.shadowRoot===null&&(j.isElementBoundaryStartMarker(n)&&(n.data=``,n=n.nextSibling),j.isElementBoundaryEndMarker(r)&&(r.data=``,r=r.previousSibling)),this.view=this.template.hydrate(n,r,e),(a=this.view)==null||a.bind(this.source)}else this.renderTemplate(this.template);this.addStyles(this.mainStyles),this.stage=q.connected,this.source.removeAttribute(Mt),this.needsInitialization=this.needsHydration=!1,this.removeHydratingInstance(),y.notify(this,G)}}removeHydratingInstance(){var t,n;if(!e.hydratingInstances)return;try{(n=(t=e.lifecycleCallbacks).elementDidHydrate)==null||n.call(t,this.source)}catch{}let r=this.definition.name,i=e.hydratingInstances.get(r);i&&(i.delete(this.source),i.size||e.hydratingInstances.delete(r),e.idleCallbackId&&cancelIdleCallback(e.idleCallbackId),e.idleCallbackId=requestIdleCallback(e.checkHydrationComplete,{timeout:50}))}disconnect(){super.disconnect(),e.hydrationObserver.unobserve(this.source)}static install(){J.setStrategy(e)}};X.hydrationObserver=new bt(X.hydrationObserverHandler),X.lifecycleCallbacks={},X.hydrationStarted=!1,X.idleCallbackId=null,X.hydratingInstances=new Map;function Nt(e){let t=class extends e{constructor(){super(),J.forCustomElement(this)}$emit(e,t,n){return this.$fastController.emit(e,t,n)}connectedCallback(){this.$fastController.connect()}disconnectedCallback(){this.$fastController.disconnect()}attributeChangedCallback(e,t,n){this.$fastController.onAttributeChangedCallback(e,t,n)}};return U.registerBaseType(t),t}function Pt(e,t){return i(e)?U.compose(e,t):U.compose(this,e)}function Ft(e,t){return i(e)?new Promise(n=>{U.composeAsync(e,t).then(e=>{n(e)})}).then(e=>e.define().type):new Promise(t=>{U.composeAsync(this,e).then(e=>{t(e)})}).then(e=>e.define().type)}function It(e,t){return i(e)?U.compose(e,t).define().type:U.compose(this,e).define().type}function Lt(e){return Nt(e)}var Rt=Object.assign(Nt(HTMLElement),{from:Lt,define:It,compose:Pt,defineAsync:Ft});function zt(e,t){return e instanceof Function?e(t):e}var Bt=new Set,Vt=new Map,Ht=e=>(t=`vwc`)=>{let n=e=>`${t}-${e}`,r=e=>{let i=n(e.name),a=e.type;if(a.componentName=e.name,Bt.has(i))return;Vt.has(a)&&Vt.get(a)!==i&&(a=class extends a{}),Bt.add(i),Vt.set(a,i);for(let t of e.dependencies)r(t);let o=new Map([[e.type,i],...e.dependencies.map(e=>[e.type,n(e.name)])]),s={tagFor:(t,n)=>{if(!o.has(t))throw Error(`Could not get tag for ${t.name} as it is not a dependency of ${e.name}.`);let r=o.get(t);return n?r:yt.partial(r)},tagForNonDependency(e){return n(e)}};U.compose(a,{...e.options,template:zt(e.template,s),name:`${t}-${e.name}`}).define()};r(e)},Ut=(e,t,n,r,i)=>({name:e,type:t,template:n,dependencies:r,options:i}),Wt=new WeakMap,Z=e=>{let t=Wt.get(e);return t||(t=[],Wt.set(e,t)),t},Gt=(e,t)=>{Z(e).push(t)},Kt=(e,t)=>{Z(e).splice(Z(e).indexOf(t),1)},qt=(e,t)=>{Z(e).forEach(n=>n(e,t))},Jt=e=>e===`delegate`,Yt=e=>`vvd${e.charAt(0).toUpperCase()}${e.slice(1)}`,Xt=(e,t)=>{if(Jt(e._vividAriaBehaviour)){let n=e[t];e[`_${t}`]=null,e.removeAttribute($(t)),e[`_${t}`]=n,e[t]===null?delete e.dataset[Yt(t)]:e.dataset[Yt(t)]=e[t]}else g.setAttribute(e,$(t),e[t])},Q=new WeakMap,Zt=(e,t)=>{let n=Q.get(e);n?n.add(t):Q.set(e,new Set([t]))},Qt=(e,t)=>{e.isConnected?Xt(e,t):Zt(e,t)},$t=e=>{let t=Q.get(e);if(t){for(let n of t)Xt(e,n);Q.delete(e)}},en=`role.ariaAtomic.ariaAutoComplete.ariaBusy.ariaChecked.ariaColCount.ariaColIndex.ariaColIndexText.ariaColSpan.ariaCurrent.ariaDescription.ariaDisabled.ariaExpanded.ariaHasPopup.ariaHidden.ariaInvalid.ariaKeyShortcuts.ariaLabel.ariaLevel.ariaLive.ariaModal.ariaMultiLine.ariaMultiSelectable.ariaOrientation.ariaPlaceholder.ariaPosInSet.ariaPressed.ariaReadOnly.ariaRequired.ariaRoleDescription.ariaRowCount.ariaRowIndex.ariaRowIndexText.ariaRowSpan.ariaSelected.ariaSetSize.ariaSort.ariaValueMax.ariaValueMin.ariaValueNow.ariaValueText.ariaRelevant`.split(`.`),tn=[`ariaControls`,`ariaDescribedBy`,`ariaDetails`,`ariaErrorMessage`,`ariaFlowTo`,`ariaLabelledBy`,`ariaOwns`],nn=[...en,...tn],$=e=>e.replace(`aria`,`aria-`).toLowerCase(),rn=e=>{class t extends e{constructor(...e){super(...e),this._vividAriaBehaviour=`default`;for(let e of nn)this[`_${e}`]=null}connectedCallback(){super.connectedCallback(),$t(this)}}for(let e of nn)ut({attribute:$(e),mode:`fromView`})(t.prototype,e),t.prototype[`${e}Changed`]=function(){Qt(this,e),this._vividAriaBehaviour!==`default`&&qt(this,e)};return t},an=e=>{class t extends e{#e=new Set;_addController(e){this.#e.add(e),this.$fastController.isConnected&&e.hostConnected?.()}_removeController(e){this.#e.delete(e)}connectedCallback(){super.connectedCallback();for(let e of this.#e)e.hostConnected?.()}disconnectedCallback(){super.disconnectedCallback();for(let e of this.#e)e.hostDisconnected?.()}}return t};function on(){let e=new WeakMap;return t=>(e.has(t)||e.set(t,[]),e.get(t))}var sn=on(),cn=e=>(t,n)=>{sn(t.constructor).push({newPropertyName:n,...e})},ln=e=>{class t extends e{#e(e){let t=!1,n=!1,r=t=>n&&e.fromDeprecated(t[e.deprecatedPropertyName])===t[e.newPropertyName],i=n=>t&&e.toDeprecated&&e.toDeprecated(n[e.newPropertyName])===n[e.deprecatedPropertyName],a={handleChange(a,o){if(o===e.newPropertyName){if(t=!0,!e.toDeprecated||r(a))return;a[e.deprecatedPropertyName]=e.toDeprecated(a[e.newPropertyName])}if(o===e.deprecatedPropertyName){if(n=!0,i(a))return;a[e.newPropertyName]=e.fromDeprecated(a[e.deprecatedPropertyName])}}},o=y.getNotifier(this);o.subscribe(a,e.newPropertyName),o.subscribe(a,e.deprecatedPropertyName)}constructor(...e){super(...e);for(let e of sn(this.constructor))this.#e(e)}}return t},un=class extends rn(ln(an(Rt))){static{this.VIVID_VERSION=`5.21.0`}connectedCallback(){super.connectedCallback();let e=this.constructor.componentName;this.setAttribute(`data-vvd-component`,e)}};Object.defineProperty(exports,`A`,{enumerable:!0,get:function(){return ie}}),Object.defineProperty(exports,`C`,{enumerable:!0,get:function(){return pe}}),Object.defineProperty(exports,`D`,{enumerable:!0,get:function(){return x}}),Object.defineProperty(exports,`E`,{enumerable:!0,get:function(){return S}}),Object.defineProperty(exports,`F`,{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,`I`,{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,`L`,{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,`M`,{enumerable:!0,get:function(){return re}}),Object.defineProperty(exports,`N`,{enumerable:!0,get:function(){return _}}),Object.defineProperty(exports,`O`,{enumerable:!0,get:function(){return b}}),Object.defineProperty(exports,`P`,{enumerable:!0,get:function(){return g}}),Object.defineProperty(exports,`R`,{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,`S`,{enumerable:!0,get:function(){return he}}),Object.defineProperty(exports,`T`,{enumerable:!0,get:function(){return C}}),Object.defineProperty(exports,`_`,{enumerable:!0,get:function(){return F}}),Object.defineProperty(exports,`a`,{enumerable:!0,get:function(){return en}}),Object.defineProperty(exports,`b`,{enumerable:!0,get:function(){return N}}),Object.defineProperty(exports,`c`,{enumerable:!0,get:function(){return Gt}}),Object.defineProperty(exports,`d`,{enumerable:!0,get:function(){return Ht}}),Object.defineProperty(exports,`f`,{enumerable:!0,get:function(){return xt}}),Object.defineProperty(exports,`g`,{enumerable:!0,get:function(){return L}}),Object.defineProperty(exports,`h`,{enumerable:!0,get:function(){return ct}}),Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return tn}}),Object.defineProperty(exports,`j`,{enumerable:!0,get:function(){return ae}}),Object.defineProperty(exports,`k`,{enumerable:!0,get:function(){return y}}),Object.defineProperty(exports,`l`,{enumerable:!0,get:function(){return Kt}}),Object.defineProperty(exports,`m`,{enumerable:!0,get:function(){return ut}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return cn}}),Object.defineProperty(exports,`o`,{enumerable:!0,get:function(){return Qt}}),Object.defineProperty(exports,`p`,{enumerable:!0,get:function(){return yt}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return $}}),Object.defineProperty(exports,`s`,{enumerable:!0,get:function(){return qt}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return un}}),Object.defineProperty(exports,`u`,{enumerable:!0,get:function(){return Ut}}),Object.defineProperty(exports,`v`,{enumerable:!0,get:function(){return I}}),Object.defineProperty(exports,`w`,{enumerable:!0,get:function(){return w}}),Object.defineProperty(exports,`x`,{enumerable:!0,get:function(){return A}}),Object.defineProperty(exports,`y`,{enumerable:!0,get:function(){return j}});
+`),t,Ae(this.firstChild,this.lastChild).cloneContents(),e)}}}else{this.source!==null&&this.evaluateUnbindables(),this.isBound=!1,this.source=e,this.context=t;for(let e=0,t=n.length;e<t;++e)n[e].bind(this)}this.isBound=!0,this._hydrationStage=I.hydrated}unbind(){!this.isBound||this.source===null||(this.evaluateUnbindables(),this.source=null,this.context=this,this.isBound=!1)}dispose(){Re(this.firstChild,this.lastChild),this.unbind()}onUnbind(e){this.unbindables.push(e)}evaluateUnbindables(){let e=this.unbindables;for(let t=0,n=e.length;t<n;++t)e[t].unbind(this);e.length=0}};Le=M,f(Ve);function He(e){return e.create!==void 0}function Ue(e,t,n,r){if(n??=``,He(n)){e.textContent=``;let t=e.$fastView;if(t===void 0)if(N(r)&&N(n)&&r.bindingViewBoundaries[this.targetNodeId]!==void 0&&r.hydrationStage!==I.hydrated){let e=r.bindingViewBoundaries[this.targetNodeId];t=n.hydrate(e.first,e.last)}else t=n.create();else e.$fastTemplate!==n&&(t.isComposed&&(t.remove(),t.unbind()),t=n.create());t.isComposed?t.needsBindOnly&&(t.needsBindOnly=!1,t.bind(r.source,r.context)):(t.isComposed=!0,t.bind(r.source,r.context),t.insertBefore(e),e.$fastView=t,e.$fastTemplate=n)}else{let t=e.$fastView;t!==void 0&&t.isComposed&&(t.isComposed=!1,t.remove(),t.needsBindOnly?t.needsBindOnly=!1:t.unbind()),e.textContent=n}}function We(e,t,n){let r=`${this.id}-t`,i=e[r]??(e[r]={v:0,cv:Object.create(null)}),a=i.cv,o=i.v,s=e[t];if(n!=null&&n.length){let e=n.split(/\s+/);for(let t=0,n=e.length;t<n;++t){let n=e[t];n!==``&&(a[n]=o,s.add(n))}}if(i.v=o+1,o!==0){--o;for(let e in a)a[e]===o&&s.remove(e)}}var Ge={[p.attribute]:g.setAttribute,[p.booleanAttribute]:g.setBooleanAttribute,[p.property]:(e,t,n)=>e[t]=n,[p.content]:Ue,[p.tokenList]:We,[p.event]:()=>void 0},L=class{constructor(e){this.dataBinding=e,this.updateTarget=null,this.aspectType=p.content}createHTML(e){return pe.interpolation(e(this))}createBehavior(){if(this.updateTarget===null){let e=Ge[this.aspectType],t=this.dataBinding.policy??this.policy;if(!e)throw c.error(r.unsupportedBindingBehavior);this.data=`${this.id}-d`,this.updateTarget=t.protect(this.targetTagName,this.aspectType,this.targetAspect,e)}return this}bind(e){let t=e.targets[this.targetNodeId],n=N(e)&&e.hydrationStage&&e.hydrationStage!==I.hydrated;switch(this.aspectType){case p.event:t[this.data]=e,t.addEventListener(this.targetAspect,this,this.dataBinding.options);break;case p.content:e.onUnbind(this);default:{let r=t[this.data]??(t[this.data]=this.dataBinding.createObserver(this,this));if(r.target=t,r.controller=e,n&&(this.aspectType===p.attribute||this.aspectType===p.booleanAttribute)){r.bind(e);break}this.updateTarget(t,this.targetAspect,r.bind(e),e);break}}}unbind(e){let t=e.targets[this.targetNodeId].$fastView;t!==void 0&&t.isComposed&&(t.unbind(),t.needsBindOnly=!0)}handleEvent(e){let t=e.currentTarget[this.data];if(t.isBound){b.setEvent(e);let n=this.dataBinding.evaluate(t.source,t.context);b.setEvent(null),n!==!0&&e.preventDefault()}}handleChange(e,t){let n=t.controller;if(!n.isBound)return;let r=t.target;this.updateTarget(r,this.targetAspect,t.bind(n),n)}};A.define(L,{aspected:!0});var Ke=(e,t)=>`${e}.${t}`,qe={},R={index:0,node:null};function Je(e){e.startsWith(`fast-`)||c.warn(r.hostBindingWithoutHost,{name:e})}var Ye=new Proxy(document.createElement(`div`),{get(e,t){Je(t);let n=Reflect.get(e,t);return i(n)?n.bind(e):n},set(e,t,n){return Je(t),Reflect.set(e,t,n)}}),Xe=class{constructor(e,t,n){this.fragment=e,this.directives=t,this.policy=n,this.proto=null,this.nodeIds=new Set,this.descriptors={},this.factories=[]}addFactory(e,t,n,r,i){this.nodeIds.has(n)||(this.nodeIds.add(n),this.addTargetDescriptor(t,n,r)),e.id=e.id??O(),e.targetNodeId=n,e.targetTagName=i,e.policy=e.policy??this.policy,this.factories.push(e)}freeze(){return this.proto=Object.create(null,this.descriptors),this}addTargetDescriptor(e,t,n){let r=this.descriptors;if(t===`r`||t===`h`||r[t])return;if(!r[e]){let t=e.lastIndexOf(`.`),n=e.substring(0,t),r=parseInt(e.substring(t+1),10);this.addTargetDescriptor(n,e,r)}let i=qe[t];if(!i){let r=`_${t}`;qe[t]=i={get(){return this[r]??(this[r]=this[e].childNodes[n])}}}r[t]=i}createView(e){let t=this.fragment.cloneNode(!0),n=Object.create(this.proto);n.r=t,n.h=e??Ye;for(let e of this.nodeIds)Reflect.get(n,e);return new F(t,this.factories,n)}};function Ze(e,t,n,r,i,a=!1){let o=n.attributes,s=e.directives;for(let c=0,l=o.length;c<l;++c){let u=o[c],d=u.value,f=k.parse(d,s),p=null;f===null?a&&(p=new L(C(()=>d,e.policy)),A.assignAspect(p,u.name)):p=z.aggregate(f,e.policy),p!==null&&(n.removeAttributeNode(u),c--,l--,e.addFactory(p,t,r,i,n.tagName))}}function Qe(e,t,n,r,i){let o=k.parse(t.textContent,e.directives);if(o===null)return R.node=t.nextSibling,R.index=i+1,R;let s,c=s=t;for(let t=0,l=o.length;t<l;++t){let l=o[t];t!==0&&(i++,r=Ke(n,i),s=c.parentNode.insertBefore(document.createTextNode(``),c.nextSibling)),a(l)?s.textContent=l:(s.textContent=` `,A.assignAspect(l),e.addFactory(l,n,r,i,null)),c=s}return R.index=i+1,R.node=c.nextSibling,R}function $e(e,t,n){let r=0,i=t.firstChild;for(;i;){let t=et(e,n,i,r);i=t.node,r=t.index}}function et(e,t,n,r){let i=Ke(t,r);switch(n.nodeType){case 1:Ze(e,t,n,i,r),$e(e,n,i);break;case 3:return Qe(e,n,t,i,r);case 8:{let a=k.parse(n.data,e.directives);a!==null&&e.addFactory(z.aggregate(a),t,i,r,null);break}}return R.index=r+1,R.node=n.nextSibling,R}function tt(e,t){return e&&e.nodeType===8&&k.parse(e.data,t)!==null}var nt=`TEMPLATE`,z={compile(e,t,n=g.policy){let r;if(a(e)){r=document.createElement(nt),r.innerHTML=n.createHTML(e);let t=r.content.firstElementChild;t!==null&&t.tagName===nt&&(r=t)}else r=e;!r.content.firstChild&&!r.content.lastChild&&r.content.appendChild(document.createComment(``));let i=document.adoptNode(r.content),o=new Xe(i,t,n);return Ze(o,``,r,`h`,0,!0),(tt(i.firstChild,t)||i.childNodes.length===1&&Object.keys(t).length>0)&&i.insertBefore(document.createComment(``),i.firstChild),$e(o,i,`r`),R.node=null,o.freeze()},setDefaultStrategy(e){this.compile=e},aggregate(e,t=g.policy){if(e.length===1)return e[0];let n,r=!1,i,o=e.length,s=e.map(e=>a(e)?()=>e:(n=e.sourceAspect||n,r||=e.dataBinding.isVolatile,i||=e.dataBinding.policy,e.dataBinding.evaluate)),c=new L(S((e,t)=>{let n=``;for(let r=0;r<o;++r)n+=s[r](e,t);return n},i??t,r));return A.assignAspect(c,n),c}},rt=`boolean`,it=`reflect`,at=Object.freeze({locate:d()}),ot={toView(e){return e?`true`:`false`},fromView(e){return!(e==null||e===`false`||e===!1||e===0)}};function st(e){if(e==null)return null;let t=e*1;return isNaN(t)?null:t}var ct={toView(e){let t=st(e);return t&&t.toString()},fromView:st},lt=class e{constructor(e,t,n=t.toLowerCase(),r=it,i){this.guards=new Set,this.Owner=e,this.name=t,this.attribute=n,this.mode=r,this.converter=i,this.fieldName=`_${t}`,this.callbackName=`${t}Changed`,this.hasCallback=this.callbackName in e.prototype,r===rt&&i===void 0&&(this.converter=ot)}setValue(e,t){let n=e[this.fieldName],r=this.converter;r!==void 0&&(t=r.fromView(t)),n!==t&&(e[this.fieldName]=t,this.tryReflectToAttribute(e),this.hasCallback&&e[this.callbackName](n,t),e.$fastController.notify(this.name))}getValue(e){return y.track(e,this.name),e[this.fieldName]}onAttributeChangedCallback(e,t){this.guards.has(e)||(this.guards.add(e),this.setValue(e,t),this.guards.delete(e))}tryReflectToAttribute(e){let t=this.mode,n=this.guards;n.has(e)||t===`fromView`||re.enqueue(()=>{n.add(e);let r=e[this.fieldName];switch(t){case it:let t=this.converter;g.setAttribute(e,this.attribute,t===void 0?r:t.toView(r));break;case rt:g.setBooleanAttribute(e,this.attribute,r);break}n.delete(e)})}static collect(t,...n){let r=[];n.push(at.locate(t));for(let i=0,o=n.length;i<o;++i){let o=n[i];if(o!==void 0)for(let n=0,i=o.length;n<i;++n){let i=o[n];a(i)?r.push(new e(t,i)):r.push(new e(t,i.property,i.attribute,i.mode,i.converter))}}return r}};function ut(e,t){let n;function r(e,t){arguments.length>1&&(n.property=t),at.locate(e.constructor).push(n)}if(arguments.length>1){n={},r(e,t);return}return n=e===void 0?{}:e,r}var dt=function(e,t,n,r){function i(e){return e instanceof n?e:new n(function(t){t(e)})}return new(n||=Promise)(function(n,a){function o(e){try{c(r.next(e))}catch(e){a(e)}}function s(e){try{c(r.throw(e))}catch(e){a(e)}}function c(e){e.done?n(e.value):i(e.value).then(o,s)}c((r=r.apply(e,t||[])).next())})},B,ft={mode:`open`},pt={},V=new Set,H=c.getById(n.elementRegistry,()=>u()),mt={deferAndHydrate:`defer-and-hydrate`},U=class{get isDefined(){return this.platformDefined}constructor(e,t=e.definition){this.platformDefined=!1,a(t)&&(t={name:t}),this.type=e,this.name=t.name,this.template=t.template,this.templateOptions=t.templateOptions,this.registry=t.registry??customElements;let n=e.prototype,r=lt.collect(e,t.attributes),i=Array(r.length),o={},s={};for(let e=0,t=r.length;e<t;++e){let t=r[e];i[e]=t.attribute,o[t.name]=t,s[t.attribute]=t,y.defineProperty(n,t)}Reflect.defineProperty(e,`observedAttributes`,{value:i,enumerable:!0}),this.attributes=r,this.propertyLookup=o,this.attributeLookup=s,this.shadowOptions=t.shadowOptions===void 0?ft:t.shadowOptions===null?void 0:Object.assign(Object.assign({},ft),t.shadowOptions),this.elementOptions=t.elementOptions===void 0?pt:Object.assign(Object.assign({},pt),t.elementOptions),this.styles=w.normalize(t.styles),H.register(this),y.defineProperty(B.isRegistered,this.name),B.isRegistered[this.name]=this.type}define(e=this.registry){var t,n;let r=this.type;return e.get(this.name)||(this.platformDefined=!0,e.define(this.name,r,this.elementOptions),(n=(t=this.lifecycleCallbacks)?.elementDidDefine)==null||n.call(t,this.name)),this}static compose(e,t){return V.has(e)||H.getByType(e)?new B(class extends e{},t):new B(e,t)}static registerBaseType(e){V.add(e)}static composeAsync(e,t){return new Promise(n=>{(V.has(e)||H.getByType(e))&&n(new B(class extends e{},t));let r=new B(e,t);y.getNotifier(r).subscribe({handleChange:()=>{var e,t;(t=(e=r.lifecycleCallbacks)?.templateDidUpdate)==null||t.call(e,r.name),n(r)}},`template`)})}};B=U,U.isRegistered={},U.getByType=H.getByType,U.getForInstance=H.getForInstance,U.registerAsync=e=>dt(void 0,void 0,void 0,function*(){return new Promise(t=>{B.isRegistered[e]&&t(B.isRegistered[e]),y.getNotifier(B.isRegistered).subscribe({handleChange:()=>t(B.isRegistered[e])},e)})}),y.defineProperty(U.prototype,`template`);var ht=/([ \x09\x0a\x0c\x0d])([^\0-\x1F\x7F-\x9F "'>=/]+)([ \x09\x0a\x0c\x0d]*=[ \x09\x0a\x0c\x0d]*(?:[^ \x09\x0a\x0c\x0d"'`<>=]*|"[^"]*|'[^']*))$/,gt=Object.create(null),W=class{constructor(e,t=gt){this.html=e,this.factories=t}createHTML(e){let t=this.factories;for(let n in t)e(t[n]);return this.html}};W.empty=new W(``),A.define(W);function _t(e,t,n,r=A.getForInstance(e)){if(r.aspected){let n=ht.exec(t);n!==null&&A.assignAspect(e,n[2])}return e.createHTML(n)}var vt=class e{constructor(e,t={},n){this.policy=n,this.result=null,this.html=e,this.factories=t}compile(){return this.result===null&&(this.result=z.compile(this.html,this.factories,this.policy)),this.result}create(e){return this.compile().createView(e)}inline(){return new W(a(this.html)?this.html:this.html.innerHTML,this.factories)}withPolicy(e){if(this.result)throw c.error(r.cannotSetTemplatePolicyAfterCompilation);if(this.policy)throw c.error(r.onlySetTemplatePolicyOnce);return this.policy=e,this}render(e,t,n){let r=this.create(n);return r.bind(e),r.appendTo(t),r}static create(t,n,r){let a=``,o=Object.create(null),s=e=>{let t=e.id??=O();return o[t]=e,t};for(let e=0,r=t.length-1;e<r;++e){let r=t[e],o=n[e],c;if(a+=r,i(o))o=new L(S(o));else if(o instanceof x)o=new L(o);else if(!(c=A.getForInstance(o))){let e=o;o=new L(C(()=>e))}a+=_t(o,r,s,c)}return new e(a+t[t.length-1],o,r)}};f(vt);var yt=((e,...t)=>{if(Array.isArray(e)&&Array.isArray(e.raw))return vt.create(e,t);throw c.error(r.directCallToHTMLTagNotAllowed)});yt.partial=e=>new W(e);var bt=class extends MutationObserver{constructor(e){function t(e){this.callback.call(null,e.filter(e=>this.observedNodes.has(e.target)))}super(t),this.callback=e,this.observedNodes=new Set}observe(e,t){this.observedNodes.add(e),super.observe(e,t)}unobserve(e){this.observedNodes.delete(e),this.observedNodes.size<1&&this.disconnect()}},xt=Object.freeze({create(e){let t=[],n={},r=null,i=!1;return{source:e,context:b.default,targets:n,get isBound(){return i},addBehaviorFactory(e,t){let n=e;n.id=n.id??O(),n.targetNodeId=n.targetNodeId??O(),n.targetTagName=t.tagName??null,n.policy=n.policy??g.policy,this.addTarget(n.targetNodeId,t),this.addBehavior(n.createBehavior())},addTarget(e,t){n[e]=t},addBehavior(e){t.push(e),i&&e.bind(this)},onUnbind(e){r===null&&(r=[]),r.push(e)},connectedCallback(e){i||(i=!0,t.forEach(e=>e.bind(this)))},disconnectedCallback(e){i&&(i=!1,r!==null&&r.forEach(e=>e.unbind(this)))}}}}),St={bubbles:!0,composed:!0,cancelable:!0},G=`isConnected`,Ct=new WeakMap;function K(e){return e.shadowRoot??Ct.get(e)??null}var wt,q;(function(e){e[e.connecting=0]=`connecting`,e[e.connected=1]=`connected`,e[e.disconnecting=2]=`disconnecting`,e[e.disconnected=3]=`disconnected`})(q||={});var J=class e extends ne{get isConnected(){return y.track(this,G),this.stage===q.connected}get context(){return this.view?.context??b.default}get isBound(){return this.view?.isBound??!1}get sourceLifetime(){return this.view?.sourceLifetime}get template(){if(this._template===null){let e=this.definition;this.source.resolveTemplate?this._template=this.source.resolveTemplate():e.template&&(this._template=e.template??null)}return this._template}set template(e){this._template!==e&&(this._template=e,this.needsInitialization||this.renderTemplate(e))}get shadowOptions(){return this._shadowRootOptions}set shadowOptions(e){if(this._shadowRootOptions===void 0&&e!==void 0){this._shadowRootOptions=e;let t=this.source.shadowRoot;t?this.hasExistingShadowRoot=!0:(t=this.source.attachShadow(e),e.mode===`closed`&&Ct.set(this.source,t))}}get mainStyles(){if(this._mainStyles===null){let e=this.definition;this.source.resolveStyles?this._mainStyles=this.source.resolveStyles():e.styles&&(this._mainStyles=e.styles??null)}return this._mainStyles}set mainStyles(e){this._mainStyles!==e&&(this._mainStyles!==null&&this.removeStyles(this._mainStyles),this._mainStyles=e,this.needsInitialization||this.addStyles(e))}constructor(e,t){super(e),this.boundObservables=null,this.needsInitialization=!0,this.hasExistingShadowRoot=!1,this._template=null,this.stage=q.disconnected,this.guardBehaviorConnection=!1,this.behaviors=null,this.behaviorsConnected=!1,this._mainStyles=null,this.$fastController=this,this.view=null,this.source=e,this.definition=t,this.shadowOptions=t.shadowOptions;let n=y.getAccessors(e);if(n.length>0){let t=this.boundObservables=Object.create(null);for(let r=0,i=n.length;r<i;++r){let i=n[r].name,a=e[i];a!==void 0&&(delete e[i],t[i]=a)}}}onUnbind(e){var t;(t=this.view)==null||t.onUnbind(e)}addBehavior(e){let t=this.behaviors??=new Map,n=t.get(e)??0;n===0?(t.set(e,1),e.addedCallback&&e.addedCallback(this),e.connectedCallback&&!this.guardBehaviorConnection&&(this.stage===q.connected||this.stage===q.connecting)&&e.connectedCallback(this)):t.set(e,n+1)}removeBehavior(e,t=!1){let n=this.behaviors;if(n===null)return;let r=n.get(e);r!==void 0&&(r===1||t?(n.delete(e),e.disconnectedCallback&&this.stage!==q.disconnected&&e.disconnectedCallback(this),e.removedCallback&&e.removedCallback(this)):n.set(e,r-1))}addStyles(e){if(!e)return;let t=this.source;if(e instanceof HTMLElement)(K(t)??this.source).append(e);else if(!e.isAttachedTo(t)){let n=e.behaviors;if(e.addStylesTo(t),n!==null)for(let e=0,t=n.length;e<t;++e)this.addBehavior(n[e])}}removeStyles(e){if(!e)return;let t=this.source;if(e instanceof HTMLElement)(K(t)??t).removeChild(e);else if(e.isAttachedTo(t)){let n=e.behaviors;if(e.removeStylesFrom(t),n!==null)for(let e=0,t=n.length;e<t;++e)this.removeBehavior(n[e])}}connect(){this.stage===q.disconnected&&(this.stage=q.connecting,this.bindObservables(),this.connectBehaviors(),this.needsInitialization?(this.renderTemplate(this.template),this.addStyles(this.mainStyles),this.needsInitialization=!1):this.view!==null&&this.view.bind(this.source),this.stage=q.connected,y.notify(this,G))}bindObservables(){if(this.boundObservables!==null){let e=this.source,t=this.boundObservables,n=Object.keys(t);for(let r=0,i=n.length;r<i;++r){let i=n[r];e[i]=t[i]}this.boundObservables=null}}connectBehaviors(){if(this.behaviorsConnected===!1){let e=this.behaviors;if(e!==null){this.guardBehaviorConnection=!0;for(let t of e.keys())t.connectedCallback&&t.connectedCallback(this);this.guardBehaviorConnection=!1}this.behaviorsConnected=!0}}disconnectBehaviors(){if(this.behaviorsConnected===!0){let e=this.behaviors;if(e!==null)for(let t of e.keys())t.disconnectedCallback&&t.disconnectedCallback(this);this.behaviorsConnected=!1}}disconnect(){this.stage===q.connected&&(this.stage=q.disconnecting,y.notify(this,G),this.view!==null&&this.view.unbind(),this.disconnectBehaviors(),this.stage=q.disconnected)}onAttributeChangedCallback(e,t,n){let r=this.definition.attributeLookup[e];r!==void 0&&r.onAttributeChangedCallback(this.source,n)}emit(e,t,n){return this.stage===q.connected?this.source.dispatchEvent(new CustomEvent(e,Object.assign(Object.assign({detail:t},St),n))):!1}renderTemplate(e){let t=this.source,n=K(t)??t;if(this.view!==null)this.view.dispose(),this.view=null;else if(!this.needsInitialization||this.hasExistingShadowRoot){this.hasExistingShadowRoot=!1;for(let e=n.firstChild;e!==null;e=n.firstChild)n.removeChild(e)}e&&(this.view=e.render(t,n,t),this.view.sourceLifetime=v.coupled)}static forCustomElement(t,n=!1){let i=t.$fastController;if(i!==void 0&&!n)return i;let a=U.getForInstance(t);if(a===void 0)throw c.error(r.missingElementDefinition);return y.getNotifier(a).subscribe({handleChange:()=>{e.forCustomElement(t,!0),t.$fastController.connect()}},`template`),y.getNotifier(a).subscribe({handleChange:()=>{e.forCustomElement(t,!0),t.$fastController.connect()}},`shadowOptions`),t.$fastController=new wt(t,a)}static setStrategy(e){wt=e}};f(J),J.setStrategy(J);function Y(e){return`adoptedStyleSheets`in e?e:K(e)??e.getRootNode()}var Tt=class e{constructor(t){let n=e.styleSheetCache;this.sheets=t.map(e=>{if(e instanceof CSSStyleSheet)return e;let t=n.get(e);return t===void 0&&(t=new CSSStyleSheet,t.replaceSync(e),n.set(e,t)),t})}addStylesTo(e){At(Y(e),this.sheets)}removeStylesFrom(e){jt(Y(e),this.sheets)}};Tt.styleSheetCache=new Map;var Et=0,Dt=()=>`fast-${++Et}`;function Ot(e){return e===document?document.body:e}var kt=class{constructor(e){this.styles=e,this.styleClass=Dt()}addStylesTo(e){e=Ot(Y(e));let t=this.styles,n=this.styleClass;for(let r=0;r<t.length;r++){let i=document.createElement(`style`);i.innerHTML=t[r],i.className=n,e.append(i)}}removeStylesFrom(e){e=Ot(Y(e));let t=e.querySelectorAll(`.${this.styleClass}`);for(let n=0,r=t.length;n<r;++n)e.removeChild(t[n])}},At=(e,t)=>{e.adoptedStyleSheets=[...e.adoptedStyleSheets,...t]},jt=(e,t)=>{e.adoptedStyleSheets=e.adoptedStyleSheets.filter(e=>t.indexOf(e)===-1)};if(w.supportsAdoptedStyleSheets){try{document.adoptedStyleSheets.push(),document.adoptedStyleSheets.splice(),At=(e,t)=>{e.adoptedStyleSheets.push(...t)},jt=(e,t)=>{for(let n of t){let t=e.adoptedStyleSheets.indexOf(n);t!==-1&&e.adoptedStyleSheets.splice(t,1)}}}catch{}w.setDefaultStrategy(Tt)}else w.setDefaultStrategy(kt);var Mt=`needs-hydration`,X=class e extends J{get shadowOptions(){return super.shadowOptions}set shadowOptions(e){super.shadowOptions=e,(this.hasExistingShadowRoot||e!==void 0&&!this.template)&&this.definition.templateOptions===mt.deferAndHydrate&&(this.source.toggleAttribute(Ee,!0),this.source.toggleAttribute(Mt,!0))}addHydratingInstance(){if(!e.hydratingInstances)return;let t=this.definition.name,n=e.hydratingInstances.get(t);n||(n=new Set,e.hydratingInstances.set(t,n)),n.add(this.source)}static config(t){return e.lifecycleCallbacks=t,this}static hydrationObserverHandler(t){for(let n of t)n.target.hasAttribute(`defer-hydration`)||(e.hydrationObserver.unobserve(n.target),n.target.$fastController.connect())}static checkHydrationComplete(t){var n,r;if(t.didTimeout){e.idleCallbackId=requestIdleCallback(e.checkHydrationComplete,{timeout:50});return}if(e.hydratingInstances?.size===0){try{(r=(n=e.lifecycleCallbacks).hydrationComplete)==null||r.call(n)}catch{}J.setStrategy(J)}}connect(){var t,n,r,i,a;if(this.needsHydration=this.needsHydration??this.source.hasAttribute(Mt),this.needsHydration&&this.addHydratingInstance(),this.source.hasAttribute(`defer-hydration`)){this.addHydratingInstance(),e.hydrationObserver.observe(this.source,{attributeFilter:[Ee]});return}if(!this.needsHydration){super.connect(),this.removeHydratingInstance();return}if(this.stage===q.disconnected){if(!e.hydrationStarted){e.hydrationStarted=!0;try{(n=(t=e.lifecycleCallbacks).hydrationStarted)==null||n.call(t)}catch{}}try{(i=(r=e.lifecycleCallbacks).elementWillHydrate)==null||i.call(r,this.source)}catch{}if(this.stage=q.connecting,this.bindObservables(),this.connectBehaviors(),this.template)if(N(this.template)){let e=this.source,t=K(e)??e,n=t.firstChild,r=t.lastChild;e.shadowRoot===null&&(j.isElementBoundaryStartMarker(n)&&(n.data=``,n=n.nextSibling),j.isElementBoundaryEndMarker(r)&&(r.data=``,r=r.previousSibling)),this.view=this.template.hydrate(n,r,e),(a=this.view)==null||a.bind(this.source)}else this.renderTemplate(this.template);this.addStyles(this.mainStyles),this.stage=q.connected,this.source.removeAttribute(Mt),this.needsInitialization=this.needsHydration=!1,this.removeHydratingInstance(),y.notify(this,G)}}removeHydratingInstance(){var t,n;if(!e.hydratingInstances)return;try{(n=(t=e.lifecycleCallbacks).elementDidHydrate)==null||n.call(t,this.source)}catch{}let r=this.definition.name,i=e.hydratingInstances.get(r);i&&(i.delete(this.source),i.size||e.hydratingInstances.delete(r),e.idleCallbackId&&cancelIdleCallback(e.idleCallbackId),e.idleCallbackId=requestIdleCallback(e.checkHydrationComplete,{timeout:50}))}disconnect(){super.disconnect(),e.hydrationObserver.unobserve(this.source)}static install(){J.setStrategy(e)}};X.hydrationObserver=new bt(X.hydrationObserverHandler),X.lifecycleCallbacks={},X.hydrationStarted=!1,X.idleCallbackId=null,X.hydratingInstances=new Map;function Nt(e){let t=class extends e{constructor(){super(),J.forCustomElement(this)}$emit(e,t,n){return this.$fastController.emit(e,t,n)}connectedCallback(){this.$fastController.connect()}disconnectedCallback(){this.$fastController.disconnect()}attributeChangedCallback(e,t,n){this.$fastController.onAttributeChangedCallback(e,t,n)}};return U.registerBaseType(t),t}function Pt(e,t){return i(e)?U.compose(e,t):U.compose(this,e)}function Ft(e,t){return i(e)?new Promise(n=>{U.composeAsync(e,t).then(e=>{n(e)})}).then(e=>e.define().type):new Promise(t=>{U.composeAsync(this,e).then(e=>{t(e)})}).then(e=>e.define().type)}function It(e,t){return i(e)?U.compose(e,t).define().type:U.compose(this,e).define().type}function Lt(e){return Nt(e)}var Rt=Object.assign(Nt(HTMLElement),{from:Lt,define:It,compose:Pt,defineAsync:Ft});function zt(e,t){return e instanceof Function?e(t):e}var Bt=new Set,Vt=new Map,Ht=e=>(t=`vwc`)=>{let n=e=>`${t}-${e}`,r=e=>{let i=n(e.name),a=e.type;if(a.componentName=e.name,Bt.has(i))return;Vt.has(a)&&Vt.get(a)!==i&&(a=class extends a{}),Bt.add(i),Vt.set(a,i);for(let t of e.dependencies)r(t);let o=new Map([[e.type,i],...e.dependencies.map(e=>[e.type,n(e.name)])]),s={tagFor:(t,n)=>{if(!o.has(t))throw Error(`Could not get tag for ${t.name} as it is not a dependency of ${e.name}.`);let r=o.get(t);return n?r:yt.partial(r)},tagForNonDependency(e){return n(e)}};U.compose(a,{...e.options,template:zt(e.template,s),name:`${t}-${e.name}`}).define()};r(e)},Ut=(e,t,n,r,i)=>({name:e,type:t,template:n,dependencies:r,options:i}),Wt=new WeakMap,Z=e=>{let t=Wt.get(e);return t||(t=[],Wt.set(e,t)),t},Gt=(e,t)=>{Z(e).push(t)},Kt=(e,t)=>{Z(e).splice(Z(e).indexOf(t),1)},qt=(e,t)=>{Z(e).forEach(n=>n(e,t))},Jt=e=>e===`delegate`,Yt=e=>`vvd${e.charAt(0).toUpperCase()}${e.slice(1)}`,Xt=(e,t)=>{if(Jt(e._vividAriaBehaviour)){let n=e[t];e[`_${t}`]=null,e.removeAttribute($(t)),e[`_${t}`]=n,e[t]===null?delete e.dataset[Yt(t)]:e.dataset[Yt(t)]=e[t]}else g.setAttribute(e,$(t),e[t])},Q=new WeakMap,Zt=(e,t)=>{let n=Q.get(e);n?n.add(t):Q.set(e,new Set([t]))},Qt=(e,t)=>{e.isConnected?Xt(e,t):Zt(e,t)},$t=e=>{let t=Q.get(e);if(t){for(let n of t)Xt(e,n);Q.delete(e)}},en=`role.ariaAtomic.ariaAutoComplete.ariaBusy.ariaChecked.ariaColCount.ariaColIndex.ariaColIndexText.ariaColSpan.ariaCurrent.ariaDescription.ariaDisabled.ariaExpanded.ariaHasPopup.ariaHidden.ariaInvalid.ariaKeyShortcuts.ariaLabel.ariaLevel.ariaLive.ariaModal.ariaMultiLine.ariaMultiSelectable.ariaOrientation.ariaPlaceholder.ariaPosInSet.ariaPressed.ariaReadOnly.ariaRequired.ariaRoleDescription.ariaRowCount.ariaRowIndex.ariaRowIndexText.ariaRowSpan.ariaSelected.ariaSetSize.ariaSort.ariaValueMax.ariaValueMin.ariaValueNow.ariaValueText.ariaRelevant`.split(`.`),tn=[`ariaControls`,`ariaDescribedBy`,`ariaDetails`,`ariaErrorMessage`,`ariaFlowTo`,`ariaLabelledBy`,`ariaOwns`],nn=[...en,...tn],$=e=>e.replace(`aria`,`aria-`).toLowerCase(),rn=e=>{class t extends e{constructor(...e){super(...e),this._vividAriaBehaviour=`default`;for(let e of nn)this[`_${e}`]=null}connectedCallback(){super.connectedCallback(),$t(this)}}for(let e of nn)ut({attribute:$(e),mode:`fromView`})(t.prototype,e),t.prototype[`${e}Changed`]=function(){Qt(this,e),this._vividAriaBehaviour!==`default`&&qt(this,e)};return t},an=e=>{class t extends e{#e=new Set;_addController(e){this.#e.add(e),this.$fastController.isConnected&&e.hostConnected?.()}_removeController(e){this.#e.delete(e)}connectedCallback(){super.connectedCallback();for(let e of this.#e)e.hostConnected?.()}disconnectedCallback(){super.disconnectedCallback();for(let e of this.#e)e.hostDisconnected?.()}}return t};function on(){let e=new WeakMap;return t=>(e.has(t)||e.set(t,[]),e.get(t))}var sn=on(),cn=e=>(t,n)=>{sn(t.constructor).push({newPropertyName:n,...e})},ln=e=>{class t extends e{#e(e){let t=!1,n=!1,r=t=>n&&e.fromDeprecated(t[e.deprecatedPropertyName])===t[e.newPropertyName],i=n=>t&&e.toDeprecated&&e.toDeprecated(n[e.newPropertyName])===n[e.deprecatedPropertyName],a={handleChange(a,o){if(o===e.newPropertyName){if(t=!0,!e.toDeprecated||r(a))return;a[e.deprecatedPropertyName]=e.toDeprecated(a[e.newPropertyName])}if(o===e.deprecatedPropertyName){if(n=!0,i(a))return;a[e.newPropertyName]=e.fromDeprecated(a[e.deprecatedPropertyName])}}},o=y.getNotifier(this);o.subscribe(a,e.newPropertyName),o.subscribe(a,e.deprecatedPropertyName)}constructor(...e){super(...e);for(let e of sn(this.constructor))this.#e(e)}}return t},un=class extends rn(ln(an(Rt))){static{this.VIVID_VERSION=`5.23.0`}connectedCallback(){super.connectedCallback();let e=this.constructor.componentName;this.setAttribute(`data-vvd-component`,e)}};Object.defineProperty(exports,`A`,{enumerable:!0,get:function(){return ie}}),Object.defineProperty(exports,`C`,{enumerable:!0,get:function(){return pe}}),Object.defineProperty(exports,`D`,{enumerable:!0,get:function(){return x}}),Object.defineProperty(exports,`E`,{enumerable:!0,get:function(){return S}}),Object.defineProperty(exports,`F`,{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,`I`,{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,`L`,{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,`M`,{enumerable:!0,get:function(){return re}}),Object.defineProperty(exports,`N`,{enumerable:!0,get:function(){return _}}),Object.defineProperty(exports,`O`,{enumerable:!0,get:function(){return b}}),Object.defineProperty(exports,`P`,{enumerable:!0,get:function(){return g}}),Object.defineProperty(exports,`R`,{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,`S`,{enumerable:!0,get:function(){return he}}),Object.defineProperty(exports,`T`,{enumerable:!0,get:function(){return C}}),Object.defineProperty(exports,`_`,{enumerable:!0,get:function(){return F}}),Object.defineProperty(exports,`a`,{enumerable:!0,get:function(){return en}}),Object.defineProperty(exports,`b`,{enumerable:!0,get:function(){return N}}),Object.defineProperty(exports,`c`,{enumerable:!0,get:function(){return Gt}}),Object.defineProperty(exports,`d`,{enumerable:!0,get:function(){return Ht}}),Object.defineProperty(exports,`f`,{enumerable:!0,get:function(){return xt}}),Object.defineProperty(exports,`g`,{enumerable:!0,get:function(){return L}}),Object.defineProperty(exports,`h`,{enumerable:!0,get:function(){return ct}}),Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return tn}}),Object.defineProperty(exports,`j`,{enumerable:!0,get:function(){return ae}}),Object.defineProperty(exports,`k`,{enumerable:!0,get:function(){return y}}),Object.defineProperty(exports,`l`,{enumerable:!0,get:function(){return Kt}}),Object.defineProperty(exports,`m`,{enumerable:!0,get:function(){return ut}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return cn}}),Object.defineProperty(exports,`o`,{enumerable:!0,get:function(){return Qt}}),Object.defineProperty(exports,`p`,{enumerable:!0,get:function(){return yt}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return $}}),Object.defineProperty(exports,`s`,{enumerable:!0,get:function(){return qt}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return un}}),Object.defineProperty(exports,`u`,{enumerable:!0,get:function(){return Ut}}),Object.defineProperty(exports,`v`,{enumerable:!0,get:function(){return I}}),Object.defineProperty(exports,`w`,{enumerable:!0,get:function(){return w}}),Object.defineProperty(exports,`x`,{enumerable:!0,get:function(){return A}}),Object.defineProperty(exports,`y`,{enumerable:!0,get:function(){return j}});

package/bundled/vivid-element.js

@@ -1865,7 +1865,7 @@ var sn = on(), cn = (e) => (t, n) => {
 	return t;
 }, un = class extends rn(ln(an(Rt))) {
 	static {
-		this.VIVID_VERSION = "5.21.0";
+		this.VIVID_VERSION = "5.23.0";
 	}
 	connectedCallback() {
 		super.connectedCallback();

package/bundled/with-contextual-help.cjs

@@ -1 +1 @@
-const e=require(`./vivid-element.cjs`),t=require(`./decorate.cjs`);var n=n=>{class r extends n{get _hasContextualHelp(){return(this._contextualHelpSlottedContent?.length??0)>0}_isFromContextualHelp(e){return e.composedPath().some(e=>e?.closest?.(`[slot="contextual-help"],[data-vvd-component="contextual-help"]`))}}return t.t([e.A],r.prototype,`_contextualHelpSlottedContent`,void 0),r};Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return n}});
+const e=require(`./vivid-element.cjs`),t=require(`./decorate.cjs`);var n=n=>{class r extends n{get _hasContextualHelp(){return(this._contextualHelpSlottedContent?.length??0)>0}_isFromContextualHelp(e){return e.composedPath().some(e=>e instanceof Element?e.closest(`[slot="contextual-help"],[data-vvd-component="contextual-help"]`):!1)}}return t.t([e.A],r.prototype,`_contextualHelpSlottedContent`,void 0),r};Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return n}});

package/bundled/with-contextual-help.js

@@ -7,7 +7,7 @@ var n = (n) => {
 			return (this._contextualHelpSlottedContent?.length ?? 0) > 0;
 		}
 		_isFromContextualHelp(e) {
-			return e.composedPath().some((e) => e?.closest?.("[slot=\"contextual-help\"],[data-vvd-component=\"contextual-help\"]"));
+			return e.composedPath().some((e) => e instanceof Element ? e.closest("[slot=\"contextual-help\"],[data-vvd-component=\"contextual-help\"]") : !1);
 		}
 	}
 	return t([e], r.prototype, "_contextualHelpSlottedContent", void 0), r;

package/calendar/index.cjs

@@ -1,4 +1,4 @@
-const e=require(`../bundled/vivid-element.cjs`),t=require(`../bundled/repeat.cjs`),n=require(`../bundled/enums.cjs`),r=require(`../bundled/decorate.cjs`),i=require(`../bundled/class-names.cjs`),a=require(`../bundled/calendar-event.cjs`);var o=`:host{block-size:inherit;max-block-size:inherit;display:block;overflow:auto}ol{margin:0;padding:0;list-style:none}[role=grid i]{z-index:0;grid-template-columns:min-content auto;grid-template-areas:"filler column-headers""row-headers calendar";inline-size:max(100%,500px);min-inline-size:880px;margin:auto;display:grid;position:relative}.row-headers{grid-area:row-headers;grid-template-rows:repeat(24,1fr);margin-inline-end:2px;display:grid}.row-headers>[role=rowheader i]{justify-content:flex-end;align-items:flex-end;display:flex}.row-headers>[role=rowheader i]>time{font:var(--vvd-typography-base-condensed);text-transform:uppercase;white-space:nowrap;font-size:small;line-height:1}.sticky-column .row-headers,.sticky-all .row-headers{z-index:1;background-color:var(--calendar-column-background-color,var(--vvd-color-canvas));margin-inline-end:3px;position:sticky;inset-inline-start:0}.calendar-row{display:contents}.calendar-grid-presentation{background:var(--vvd-color-surface-2dp);counter-reset:listing;filter:var(--vvd-shadow-surface-2dp);border-radius:8px;grid-template:repeat(24,1fr)/repeat(7,1fr);grid-area:calendar;grid-auto-flow:column;gap:1px;display:grid;overflow:hidden}.hours{display:contents}.hours>[role=listitem i]{grid-column:1/8;grid-row:var(--row);min-block-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) + 8));pointer-events:none;position:relative}.hours>[role=listitem i]:not(:first-child):after{border-block-end:var(--vvd-color-neutral-100) 1px solid;content:"";inline-size:100%;margin-block-start:-1px;position:absolute}.hours>[role=listitem i]:nth-child(24n+1){--row:1}.hours>[role=listitem i]:nth-child(24n+2){--row:2}.hours>[role=listitem i]:nth-child(24n+3){--row:3}.hours>[role=listitem i]:nth-child(24n+4){--row:4}.hours>[role=listitem i]:nth-child(24n+5){--row:5}.hours>[role=listitem i]:nth-child(24n+6){--row:6}.hours>[role=listitem i]:nth-child(24n+7){--row:7}.hours>[role=listitem i]:nth-child(24n+8){--row:8}.hours>[role=listitem i]:nth-child(24n+9){--row:9}.hours>[role=listitem i]:nth-child(24n+10){--row:10}.hours>[role=listitem i]:nth-child(24n+11){--row:11}.hours>[role=listitem i]:nth-child(24n+12){--row:12}.hours>[role=listitem i]:nth-child(24n+13){--row:13}.hours>[role=listitem i]:nth-child(24n+14){--row:14}.hours>[role=listitem i]:nth-child(24n+15){--row:15}.hours>[role=listitem i]:nth-child(24n+16){--row:16}.hours>[role=listitem i]:nth-child(24n+17){--row:17}.hours>[role=listitem i]:nth-child(24n+18){--row:18}.hours>[role=listitem i]:nth-child(24n+19){--row:19}.hours>[role=listitem i]:nth-child(24n+20){--row:20}.hours>[role=listitem i]:nth-child(24n+21){--row:21}.hours>[role=listitem i]:nth-child(24n+22){--row:22}.hours>[role=listitem i]:nth-child(24n+23){--row:23}.hours>[role=listitem i]:nth-child(24n+24){--row:24}[role=gridcell i]{grid-auto-flow:column;gap:1px;display:grid}[role=gridcell i],[role=columnheader i],[role=columnheader i] [role=button i]{position:relative}[role=gridcell i]:before,[role=columnheader i]:before,[role=columnheader i] [role=button i]:before{z-index:-1;background-color:var(--vvd-color-information-400);content:"";position:absolute;inset:0}[role=gridcell i]:focus,[role=columnheader i]:focus,[role=columnheader i] [role=button i]:focus{outline:none}[role=gridcell i]:not(:focus-visible):before,[role=columnheader i]:not(:focus-visible):before,[role=columnheader i] [role=button i]:not(:focus-visible):before{display:none}.columns{display:contents}.columns>[role=gridcell i]{grid-column:var(--column);grid-row:1/25;position:relative}.columns>[role=gridcell i]:first-child{--column:1}.columns>[role=gridcell i]:nth-child(2){--column:2}.columns>[role=gridcell i]:nth-child(3){--column:3}.columns>[role=gridcell i]:nth-child(4){--column:4}.columns>[role=gridcell i]:nth-child(5){--column:5}.columns>[role=gridcell i]:nth-child(6){--column:6}.columns>[role=gridcell i]:nth-child(7){--column:7}.columns>[role=gridcell i]:not(:first-child):after{border-inline-end:var(--vvd-color-neutral-100) 1px solid;content:"";block-size:100%;margin-inline-start:-1px;position:absolute}.column-headers{grid-area:column-headers;grid-template-columns:repeat(7,1fr);display:grid}.column-headers [role=columnheader i] h2{font:var(--vvd-typography-heading-4);grid-template-columns:1fr auto 1fr;align-items:baseline;margin:0;display:grid}.column-headers [role=columnheader i] h2>em{font:inherit;inline-size:min-content;inset-inline-start:0}.column-headers [role=columnheader i] h2>small{font:var(--vvd-typography-base-condensed);text-transform:uppercase}.sticky-header .column-headers,.sticky-all .column-headers{z-index:1;background-color:var(--calendar-header-background-color,var(--vvd-color-canvas));margin-block-end:3px;position:sticky;inset-block-start:0}.filler{background-color:#0000;grid-area:filler}.sticky-header .filler,.sticky-all .filler,.sticky-column .filler{z-index:2;background-color:var(--calendar-header-background-color,var(--vvd-color-canvas));margin-block-end:3px;position:sticky}.sticky-column .filler{inset-inline-start:0}.sticky-header .filler{inset-block-start:0}.sticky-all .filler{inset-block-start:0;inset-inline-start:0}`,s=`ArrowUp`,c=`ArrowRight`,l=`ArrowDown`,u=`ArrowLeft`;function d(e){return e instanceof HTMLElement&&(e.matches(`[role="gridcell"i]`)||e.matches(`[role="columnheader"i]`))}var f=e=>e.matches(`[role="columnheader"i]`)?`[role="gridcell"i]`:`[role="columnheader"i]`;function p(e,t){if(t.parentNode instanceof HTMLElement)switch(e){case c:return t.nextElementSibling||t.parentNode.firstElementChild;case u:return t.previousElementSibling||t.parentNode.lastElementChild;case s:case l:{let{children:e}=t.parentNode,n=Array.from(e).indexOf(t);return this.shadowRoot.querySelector(`${f(t)}:nth-child(${n+1})`)}}}function m(e,t){if(e!==`ArrowDown`)return;let n=t.closest(`[role="columnheader"i]`),r=this.shadowRoot.querySelectorAll(`[role="columnheader"i]`),i=Array.from(r).indexOf(n);return this.shadowRoot.querySelector(`[role="gridcell"i]:nth-child(${i+1})`)}function h(e){let t=e.closest(`[role="gridcell"i], [role="columnheader"i]`);if(t){let{parentElement:e}=t;if(e)return e.children&&Array.from(e.children).indexOf(t)}}function g(e,t,n){let r=t.closest(`[role="rowheader"], [role="gridcell"i]`);if(r){let t=r.getBoundingClientRect(),i=(e.clientY-t.y)/(t.height/n);return Math.round((i+2**-52)*100)/100}}var _=function(e){if(!(e instanceof KeyboardEvent||e instanceof MouseEvent))throw Error(`Invalid event. Event must be instance of KeyboardEvent or MouseEvent`);let[t]=e.composedPath();if(!(t&&t instanceof HTMLElement&&this.shadowRoot.contains(t)))throw Error(`Invalid event. Event must contain a target object which is a direct descendant of calendar`);let n=h(t),r;e instanceof MouseEvent&&(r=g(e,t,this._hours));let i={...n!=null&&{day:n},...r!=null&&{hour:r}};return Object.keys(i).length>0?i:null},v=e=>{let t=window.getComputedStyle(e).overflowY,n=window.getComputedStyle(e).overflowX;return{vertical:(t===`auto`||t===`scroll`)&&e.scrollHeight>e.clientHeight,horizontal:(n===`auto`||n===`scroll`)&&e.scrollWidth>e.clientWidth}},y=class extends e.t{constructor(...e){super(...e),this.hour12=!1,this.stickyMode=n.o.All,this._hours=24,this._days=7,this.hoursAsDatetime=Array.from({length:this._hours-1}).fill(new Date(new Date().setHours(0,0,0))).map((e,t)=>new Date(e.setHours(++t))),this._generateDaysArr=e=>{if(e.length==this._days)return e;let t=new Date(e[e.length-1]);return t.setDate(t.getDate()+1),this._generateDaysArr([...e,t])},this.getEventContext=_}get#e(){let{activeElement:e}=document;return e instanceof a.t?e:null}getCalendarEventContainingCell(e){let t=e.getAttribute(`slot`);return this.shadowRoot.querySelector(`slot[name="${t}"i]`).parentElement}arrowKeysInteractions(e){let{activeElement:t}=this.shadowRoot,n;n=d(t)?p.call(this,e,t):this.#e?this.getCalendarEventContainingCell(this.#e):t?.matches(`em[role="button"i]`)?m.call(this,e,t):this.shadowRoot.querySelector(`[role="columnheader"i]`),this.activateElement(n)}activateElement(e){e?.addEventListener(`blur`,({target:e})=>e.setAttribute(`tabindex`,`-1`),{once:!0}),e?.setAttribute(`tabindex`,`0`),e?.focus()}onKeydown({key:e}){let t=[s,c,l,u].some(t=>t==e);return t&&this.arrowKeysInteractions(e),!t}connectedCallback(){super.connectedCallback(),this.initializeScrollPosition()}initializeScrollPosition(){if(!v(this).vertical)return;let t=this.scrollHeight/this._hours*7;e.M.enqueue(()=>{this.scrollTo({top:t})})}};r.t([e.m],y.prototype,`datetime`,void 0),r.t([e.m({attribute:`start-day`})],y.prototype,`startDay`,void 0),r.t([e.m],y.prototype,`locales`,void 0),r.t([e.m({mode:`boolean`})],y.prototype,`hour12`,void 0),r.t([e.m({attribute:`sticky-mode`,mode:`fromView`})],y.prototype,`stickyMode`,void 0);function b(e){let t=e=>`0${e}`.slice(-2);return`${e.getFullYear()}-${t(e.getMonth()+1)}-${t(e.getDate())}`}var x=new Map([[`sunday`,0],[`monday`,1]]);function S(e=new Date,t){e=new Date(e);let n=x.get(t);n??=1;let r=e.getDate()-(e.getDay()+7-n)%7;return new Date(e.setDate(r))}var C=({stickyMode:e})=>i.t([`sticky-${e}`,!!e]),w=()=>e.p` <div class="row-headers" role="row">
+const e=require(`../bundled/vivid-element.cjs`),t=require(`../bundled/repeat.cjs`),n=require(`../bundled/enums.cjs`),r=require(`../bundled/decorate.cjs`),i=require(`../bundled/class-names.cjs`),a=require(`../bundled/calendar-event.cjs`);var o=`:host{block-size:inherit;max-block-size:inherit;display:block;overflow:auto}ol{margin:0;padding:0;list-style:none}[role=grid i]{z-index:0;grid-template-columns:min-content auto;grid-template-areas:"filler column-headers""row-headers calendar";inline-size:max(100%,500px);min-inline-size:880px;margin:auto;display:grid;position:relative}.row-headers{grid-area:row-headers;grid-template-rows:repeat(24,1fr);margin-inline-end:2px;display:grid}.row-headers>[role=rowheader i]{justify-content:flex-end;align-items:flex-end;display:flex}.row-headers>[role=rowheader i]>time{font:var(--vvd-typography-base-condensed);text-transform:uppercase;white-space:nowrap;font-size:small;line-height:1}.sticky-column .row-headers,.sticky-all .row-headers{z-index:1;background-color:var(--calendar-column-background-color,var(--vvd-color-canvas));margin-inline-end:3px;position:sticky;inset-inline-start:0}.calendar-row{display:contents}.calendar-grid-presentation{background:var(--vvd-color-surface-2dp);counter-reset:listing;filter:var(--vvd-shadow-surface-2dp);border-radius:8px;grid-template:repeat(24,1fr)/repeat(7,1fr);grid-area:calendar;grid-auto-flow:column;gap:1px;display:grid;overflow:hidden}.hours{display:contents}.hours>[role=listitem i]{grid-column:1/8;grid-row:var(--row);min-block-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) + 8));pointer-events:none;position:relative}.hours>[role=listitem i]:not(:first-child):after{border-block-end:var(--vvd-color-neutral-100) 1px solid;content:"";inline-size:100%;margin-block-start:-1px;position:absolute}.hours>[role=listitem i]:nth-child(24n+1){--row:1}.hours>[role=listitem i]:nth-child(24n+2){--row:2}.hours>[role=listitem i]:nth-child(24n+3){--row:3}.hours>[role=listitem i]:nth-child(24n+4){--row:4}.hours>[role=listitem i]:nth-child(24n+5){--row:5}.hours>[role=listitem i]:nth-child(24n+6){--row:6}.hours>[role=listitem i]:nth-child(24n+7){--row:7}.hours>[role=listitem i]:nth-child(24n+8){--row:8}.hours>[role=listitem i]:nth-child(24n+9){--row:9}.hours>[role=listitem i]:nth-child(24n+10){--row:10}.hours>[role=listitem i]:nth-child(24n+11){--row:11}.hours>[role=listitem i]:nth-child(24n+12){--row:12}.hours>[role=listitem i]:nth-child(24n+13){--row:13}.hours>[role=listitem i]:nth-child(24n+14){--row:14}.hours>[role=listitem i]:nth-child(24n+15){--row:15}.hours>[role=listitem i]:nth-child(24n+16){--row:16}.hours>[role=listitem i]:nth-child(24n+17){--row:17}.hours>[role=listitem i]:nth-child(24n+18){--row:18}.hours>[role=listitem i]:nth-child(24n+19){--row:19}.hours>[role=listitem i]:nth-child(24n+20){--row:20}.hours>[role=listitem i]:nth-child(24n+21){--row:21}.hours>[role=listitem i]:nth-child(24n+22){--row:22}.hours>[role=listitem i]:nth-child(24n+23){--row:23}.hours>[role=listitem i]:nth-child(24n+24){--row:24}[role=gridcell i]{grid-auto-flow:column;gap:1px;display:grid}[role=gridcell i],[role=columnheader i],[role=columnheader i] [role=button i]{position:relative}[role=gridcell i]:before,[role=columnheader i]:before,[role=columnheader i] [role=button i]:before{z-index:-1;background-color:var(--vvd-color-information-400);content:"";position:absolute;inset:0}[role=gridcell i]:focus,[role=columnheader i]:focus,[role=columnheader i] [role=button i]:focus{outline:none}[role=gridcell i]:not(:focus-visible):before,[role=columnheader i]:not(:focus-visible):before,[role=columnheader i] [role=button i]:not(:focus-visible):before{display:none}.columns{display:contents}.columns>[role=gridcell i]{grid-column:var(--column);grid-row:1/25;position:relative}.columns>[role=gridcell i]:first-child{--column:1}.columns>[role=gridcell i]:nth-child(2){--column:2}.columns>[role=gridcell i]:nth-child(3){--column:3}.columns>[role=gridcell i]:nth-child(4){--column:4}.columns>[role=gridcell i]:nth-child(5){--column:5}.columns>[role=gridcell i]:nth-child(6){--column:6}.columns>[role=gridcell i]:nth-child(7){--column:7}.columns>[role=gridcell i]:not(:first-child):after{border-inline-end:var(--vvd-color-neutral-100) 1px solid;content:"";block-size:100%;margin-inline-start:-1px;position:absolute}.column-headers{grid-area:column-headers;grid-template-columns:repeat(7,1fr);display:grid}.column-headers [role=columnheader i] h2{font:var(--vvd-typography-heading-4);grid-template-columns:1fr auto 1fr;align-items:baseline;margin:0;display:grid}.column-headers [role=columnheader i] h2>em{font:inherit;inline-size:min-content;inset-inline-start:0}.column-headers [role=columnheader i] h2>small{font:var(--vvd-typography-base-condensed);text-transform:uppercase}.sticky-header .column-headers,.sticky-all .column-headers{z-index:1;background-color:var(--calendar-header-background-color,var(--vvd-color-canvas));margin-block-end:3px;position:sticky;inset-block-start:0}.filler{background-color:#0000;grid-area:filler}.sticky-header .filler,.sticky-all .filler,.sticky-column .filler{z-index:2;background-color:var(--calendar-header-background-color,var(--vvd-color-canvas));margin-block-end:3px;position:sticky}.sticky-column .filler{inset-inline-start:0}.sticky-header .filler{inset-block-start:0}.sticky-all .filler{inset-block-start:0;inset-inline-start:0}`,s=`ArrowUp`,c=`ArrowRight`,l=`ArrowDown`,u=`ArrowLeft`;function d(e){return e instanceof HTMLElement&&(e.matches(`[role="gridcell"i]`)||e.matches(`[role="columnheader"i]`))}var f=e=>e.matches(`[role="columnheader"i]`)?`[role="gridcell"i]`:`[role="columnheader"i]`;function p(e,t){if(t.parentNode instanceof HTMLElement)switch(e){case c:return t.nextElementSibling||t.parentNode.firstElementChild;case u:return t.previousElementSibling||t.parentNode.lastElementChild;case s:case l:{let{children:e}=t.parentNode,n=Array.from(e).indexOf(t);return this.shadowRoot.querySelector(`${f(t)}:nth-child(${n+1})`)}}}function m(e,t){if(e!==`ArrowDown`)return;let n=t.closest(`[role="columnheader"i]`),r=this.shadowRoot.querySelectorAll(`[role="columnheader"i]`),i=Array.from(r).indexOf(n);return this.shadowRoot.querySelector(`[role="gridcell"i]:nth-child(${i+1})`)}function h(e){let t=e.closest(`[role="gridcell"i], [role="columnheader"i]`);if(t){let{parentElement:e}=t;if(e)return Array.from(e.children).indexOf(t)}}function g(e,t,n){let r=t.closest(`[role="rowheader"], [role="gridcell"i]`);if(r){let t=r.getBoundingClientRect(),i=(e.clientY-t.y)/(t.height/n);return Math.round((i+2**-52)*100)/100}}var _=function(e){if(!(e instanceof KeyboardEvent||e instanceof MouseEvent))throw Error(`Invalid event. Event must be instance of KeyboardEvent or MouseEvent`);let[t]=e.composedPath();if(!(t instanceof HTMLElement&&this.shadowRoot.contains(t)))throw Error(`Invalid event. Event must contain a target object which is a direct descendant of calendar`);let n=h(t),r;e instanceof MouseEvent&&(r=g(e,t,this._hours));let i={...n!=null&&{day:n},...r!=null&&{hour:r}};return Object.keys(i).length>0?i:null},v=e=>{let t=window.getComputedStyle(e).overflowY,n=window.getComputedStyle(e).overflowX;return{vertical:(t===`auto`||t===`scroll`)&&e.scrollHeight>e.clientHeight,horizontal:(n===`auto`||n===`scroll`)&&e.scrollWidth>e.clientWidth}},y=class extends e.t{constructor(...e){super(...e),this.hour12=!1,this.stickyMode=n.o.All,this._hours=24,this._days=7,this.hoursAsDatetime=Array.from({length:this._hours-1}).fill(new Date(new Date().setHours(0,0,0))).map((e,t)=>new Date(e.setHours(t+1))),this._generateDaysArr=e=>{if(e.length==this._days)return e;let t=new Date(e[e.length-1]);return t.setDate(t.getDate()+1),this._generateDaysArr([...e,t])},this.getEventContext=_}get#e(){let{activeElement:e}=document;return e instanceof a.t?e:null}getCalendarEventContainingCell(e){let t=e.getAttribute(`slot`);return this.shadowRoot.querySelector(`slot[name="${t}"i]`).parentElement}arrowKeysInteractions(e){let{activeElement:t}=this.shadowRoot,n;n=d(t)?p.call(this,e,t):this.#e?this.getCalendarEventContainingCell(this.#e):t?.matches(`em[role="button"i]`)?m.call(this,e,t):this.shadowRoot.querySelector(`[role="columnheader"i]`),this.activateElement(n)}activateElement(e){e?.addEventListener(`blur`,({target:e})=>e.setAttribute(`tabindex`,`-1`),{once:!0}),e?.setAttribute(`tabindex`,`0`),e?.focus()}onKeydown({key:e}){let t=[s,c,l,u].some(t=>t==e);return t&&this.arrowKeysInteractions(e),!t}connectedCallback(){super.connectedCallback(),this.initializeScrollPosition()}initializeScrollPosition(){if(!v(this).vertical)return;let t=this.scrollHeight/this._hours*7;e.M.enqueue(()=>{this.scrollTo({top:t})})}};r.t([e.m],y.prototype,`datetime`,void 0),r.t([e.m({attribute:`start-day`})],y.prototype,`startDay`,void 0),r.t([e.m],y.prototype,`locales`,void 0),r.t([e.m({mode:`boolean`})],y.prototype,`hour12`,void 0),r.t([e.m({attribute:`sticky-mode`,mode:`fromView`})],y.prototype,`stickyMode`,void 0);function b(e){let t=e=>`0${e}`.slice(-2);return`${e.getFullYear()}-${t(e.getMonth()+1)}-${t(e.getDate())}`}var x=new Map([[`sunday`,0],[`monday`,1]]);function S(e=new Date,t){e=new Date(e);let n=x.get(t);n??=1;let r=e.getDate()-(e.getDay()+7-n)%7;return new Date(e.setDate(r))}var C=({stickyMode:e})=>i.t([`sticky-${e}`,!!e]),w=()=>e.p` <div class="row-headers" role="row">
 		${t.n(e=>e.hoursAsDatetime,e.p`<span role="rowheader">
 				<time
 					datetime="${(e,t)=>new Intl.DateTimeFormat(t.parent.locales,{hour:`numeric`,minute:`numeric`,hour12:!1}).format(e)}"

package/calendar/index.js

@@ -34,7 +34,7 @@ function b(e) {
 	if (t) {
 		let { parentElement: e } = t;
 		/* v8 ignore else -- @preserve */
-		if (e) return e.children && Array.from(e.children).indexOf(t);
+		if (e) return Array.from(e.children).indexOf(t);
 	}
 }
 function x(e, t, n) {
@@ -47,7 +47,7 @@ function x(e, t, n) {
 var S = function(e) {
 	if (!(e instanceof KeyboardEvent || e instanceof MouseEvent)) throw Error("Invalid event. Event must be instance of KeyboardEvent or MouseEvent");
 	let [t] = e.composedPath();
-	if (!(t && t instanceof HTMLElement && this.shadowRoot.contains(t))) throw Error("Invalid event. Event must contain a target object which is a direct descendant of calendar");
+	if (!(t instanceof HTMLElement && this.shadowRoot.contains(t))) throw Error("Invalid event. Event must contain a target object which is a direct descendant of calendar");
 	let n = b(t), r;
 	e instanceof MouseEvent && (r = x(e, t, this._hours));
 	let i = {
@@ -63,7 +63,7 @@ var S = function(e) {
 	};
 }, w = class extends i {
 	constructor(...e) {
-		super(...e), this.hour12 = !1, this.stickyMode = s.All, this._hours = 24, this._days = 7, this.hoursAsDatetime = Array.from({ length: this._hours - 1 }).fill(new Date((/* @__PURE__ */ new Date()).setHours(0, 0, 0))).map((e, t) => new Date(e.setHours(++t))), this._generateDaysArr = (e) => {
+		super(...e), this.hour12 = !1, this.stickyMode = s.All, this._hours = 24, this._days = 7, this.hoursAsDatetime = Array.from({ length: this._hours - 1 }).fill(new Date((/* @__PURE__ */ new Date()).setHours(0, 0, 0))).map((e, t) => new Date(e.setHours(t + 1))), this._generateDaysArr = (e) => {
 			if (e.length == this._days) return e;
 			let t = new Date(e[e.length - 1]);
 			return t.setDate(t.getDate() + 1), this._generateDaysArr([...e, t]);

package/color-picker/index.cjs

@@ -1,5 +1,5 @@
-const e=require(`../bundled/vivid-element.cjs`),t=require(`../bundled/repeat.cjs`),n=require(`../bundled/slotted.cjs`),r=require(`../bundled/ref.cjs`),i=require(`../bundled/when.cjs`),a=require(`../bundled/decorate.cjs`),o=require(`../bundled/definition2.cjs`),s=require(`../bundled/with-success-text.cjs`),c=require(`../bundled/with-error-text.cjs`),l=require(`../bundled/with-contextual-help.cjs`),ee=require(`../bundled/trapped-focus.cjs`),u=require(`../bundled/class-names.cjs`),d=require(`../bundled/delegates-aria.cjs`),f=require(`../bundled/definition6.cjs`),p=require(`../bundled/definition8.cjs`),m=require(`../bundled/definition9.cjs`),te=require(`../bundled/dialog.cjs`),h=require(`../bundled/mixins.cjs`),g=require(`../bundled/definition12.cjs`),_=require(`../bundled/base-color-picker.cjs`);var ne=`.palette{grid-template-columns:repeat(var(--swatches-per-row,7), var(--_color-swatch-size,24px));display:grid}.swatch{background-color:var(--swatch-color);block-size:var(--_color-swatch-size,24px);color:var(--vvd-color-canvas);cursor:pointer;inline-size:var(--_color-swatch-size,24px);border-radius:4px;padding:0;position:relative}.swatch:not(.contrast){border:none}.swatch.contrast{border:1px solid var(--vvd-color-neutral-400);color:var(--vvd-color-canvas-text)}.swatch:focus-visible{box-shadow:0 0 0 4px color-mix(in srgb, var(--focus-stroke-color,var(--vvd-color-cta-500)), transparent 85%), inset 0 0 0 3px var(--focus-stroke-gap-color,currentColor);outline:none;outline:1px solid var(--focus-stroke-color,var(--vvd-color-cta-500));outline-offset:calc(-1px - var(--focus-inset,0px));--focus-stroke-gap-color:transparent;--focus-inset:-3px}:host{--_low-ink-color:var(--vvd-color-neutral-600);display:inline-block}.base{min-inline-size:var(--_color-picker-min-inline-size,280px);display:inline-block}.control{inline-size:100%}.button{box-sizing:border-box;background-color:var(--button-color,var(--vvd-color-canvas-text));block-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 8));color:var(--vvd-color-canvas);inline-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 8));padding-inline:calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 8)) / 4);vertical-align:middle;border:0;border-radius:4px;align-items:center;margin:0;text-decoration:none;display:inline-flex}.button.contrast{color:var(--vvd-color-canvas-text)}.button:not(.disabled){cursor:pointer}.button.disabled{background-color:var(--vvd-color-neutral-300);color:var(--vvd-color-neutral-500);cursor:not-allowed}.button:focus-visible{--focus-stroke-gap-color:transparent;box-shadow:0 0 0 4px color-mix(in srgb, var(--focus-stroke-color,var(--vvd-color-cta-500)), transparent 85%), inset 0 0 0 3px var(--focus-stroke-gap-color,currentColor);outline:1px solid var(--focus-stroke-color,var(--vvd-color-cta-500));outline-offset:calc(-1px - var(--focus-inset,0px))}.button [data-vvd-component=icon]{font-size:calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 8)) / 2);line-height:1}.dialog{min-inline-size:var(--_color-picker-popup-min-inline-size,264px);flex-direction:column;display:flex}.dialog .header{justify-content:space-between;align-items:center;padding-block:8px;padding-inline:16px;display:inline-flex}.dialog .header-title{font:var(--vvd-typography-base-extended-bold);margin-block:0}.dialog .body{flex-direction:column;gap:16px;margin-block-end:16px;padding-inline:16px;display:flex}.dialog .hex-input-wrapper{align-items:stretch;gap:8px;display:flex}.dialog .hex-input-wrapper [data-vvd-component=button]{flex:none}.dialog .footer{border-top:1px solid var(--vvd-color-neutral-200);padding:16px}.dialog .footer-header{margin-block-end:8px}.dialog .swatches-count{color:var(--_low-ink-color);font:var(--vvd-typography-base)}.dialog .palette{gap:var(--_color-swatches-gap,8px)}vvd-hex-input{flex:auto;min-width:0}vvd-hex-input::part(input),vvd-hex-input>input{box-sizing:border-box;background-color:var(--vvd-color-canvas);width:100%;height:100%;box-shadow:inset 0 0 0 1px var(--vvd-color-neutral-500);font:var(--vvd-typography-base);padding-inline:calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2))) / 2.5);border:0;border-radius:8px;outline:#0000}vvd-hex-input::part(input):focus-visible,vvd-hex-input>input:focus-visible{box-shadow:0 0 0 4px color-mix(in srgb, var(--focus-stroke-color,var(--vvd-color-cta-500)), transparent 85%), inset 0 0 0 3px var(--focus-stroke-gap-color,currentColor);outline:1px solid var(--focus-stroke-color,var(--vvd-color-cta-500));outline-offset:calc(-1px - var(--focus-inset,0px));--focus-stroke-gap-color:transparent}vvd-hex-picker{width:auto;height:auto;gap:16px;inline-size:100%}vvd-hex-picker::part(saturation){border-radius:8px;block-size:120px}vvd-hex-picker::part(hue){border-radius:8px;flex:0 0 8px}vvd-hex-picker::part(hue-pointer){width:10px;height:10px}vvd-hex-picker::part(saturation-pointer){width:18px;height:18px}::part(popup-base){inline-size:max-content;min-block-size:var(--_color-picker-popup-min-inline-size,264px);min-inline-size:var(--_color-picker-popup-min-inline-size,264px)}.visually-hidden{clip:rect(0 0 0 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}`,v=(e,t=0,n=1)=>e>n?n:e<t?t:e,y=(e,t=0,n=10**t)=>Math.round(n*e)/n;360/(Math.PI*2);var re=e=>ce(b(e)),b=e=>(e[0]===`#`&&(e=e.substring(1)),e.length<6?{r:parseInt(e[0]+e[0],16),g:parseInt(e[1]+e[1],16),b:parseInt(e[2]+e[2],16),a:e.length===4?y(parseInt(e[3]+e[3],16)/255,2):1}:{r:parseInt(e.substring(0,2),16),g:parseInt(e.substring(2,4),16),b:parseInt(e.substring(4,6),16),a:e.length===8?y(parseInt(e.substring(6,8),16)/255,2):1}),ie=e=>se(oe(e)),ae=({h:e,s:t,v:n,a:r})=>{let i=(200-t)*n/100;return{h:y(e),s:y(i>0&&i<200?t*n/100/(i<=100?i:200-i)*100:0),l:y(i/2),a:y(r,2)}},x=e=>{let{h:t,s:n,l:r}=ae(e);return`hsl(${t}, ${n}%, ${r}%)`},oe=({h:e,s:t,v:n,a:r})=>{e=e/360*6,t/=100,n/=100;let i=Math.floor(e),a=n*(1-t),o=n*(1-(e-i)*t),s=n*(1-(1-e+i)*t),c=i%6;return{r:y([n,o,a,a,s,n][c]*255),g:y([s,n,n,o,a,a][c]*255),b:y([a,a,s,n,n,o][c]*255),a:y(r,2)}},S=e=>{let t=e.toString(16);return t.length<2?`0`+t:t},se=({r:e,g:t,b:n,a:r})=>{let i=r<1?S(y(r*255)):``;return`#`+S(e)+S(t)+S(n)+i},ce=({r:e,g:t,b:n,a:r})=>{let i=Math.max(e,t,n),a=i-Math.min(e,t,n),o=a?i===e?(t-n)/a:i===t?2+(n-e)/a:4+(e-t)/a:0;return{h:y(60*(o<0?o+6:o)),s:y(i?a/i*100:0),v:y(i/255*100),a:r}},C=(e,t)=>{if(e===t)return!0;for(let n in e)if(e[n]!==t[n])return!1;return!0},le=(e,t)=>e.toLowerCase()===t.toLowerCase()?!0:C(b(e),b(t)),w={},T=e=>{let t=w[e];return t||(t=document.createElement(`template`),t.innerHTML=e,w[e]=t),t},E=(e,t,n)=>{e.dispatchEvent(new CustomEvent(t,{bubbles:!0,detail:n}))},D=!1,O=e=>`touches`in e,ue=e=>D&&!O(e)?!1:(D||=O(e),!0),k=(e,t)=>{let n=O(t)?t.touches[0]:t,r=e.el.getBoundingClientRect();E(e.el,`move`,e.getMove({x:v((n.pageX-(r.left+window.pageXOffset))/r.width),y:v((n.pageY-(r.top+window.pageYOffset))/r.height)}))},de=(e,t)=>{let n=t.keyCode;n>40||e.xy&&n<37||n<33||(t.preventDefault(),E(e.el,`move`,e.getMove({x:n===39?.01:n===37?-.01:n===34?.05:n===33?-.05:n===35?1:n===36?-1:0,y:n===40?.01:n===38?-.01:0},!0)))},A=class{constructor(e,t,n,r){let i=T(`<div role="slider" tabindex="0" part="${t}" ${n}><div part="${t}-pointer"></div></div>`);e.appendChild(i.content.cloneNode(!0));let a=e.querySelector(`[part=${t}]`);a.addEventListener(`mousedown`,this),a.addEventListener(`touchstart`,this),a.addEventListener(`keydown`,this),this.el=a,this.xy=r,this.nodes=[a.firstChild,a]}set dragging(e){let t=e?document.addEventListener:document.removeEventListener;t(D?`touchmove`:`mousemove`,this),t(D?`touchend`:`mouseup`,this)}handleEvent(e){switch(e.type){case`mousedown`:case`touchstart`:if(e.preventDefault(),!ue(e)||!D&&e.button!=0)return;this.el.focus(),k(this,e),this.dragging=!0;break;case`mousemove`:case`touchmove`:e.preventDefault(),k(this,e);break;case`mouseup`:case`touchend`:this.dragging=!1;break;case`keydown`:de(this,e);break}}style(e){e.forEach((e,t)=>{for(let n in e)this.nodes[t].style.setProperty(n,e[n])})}},fe=class extends A{constructor(e){super(e,`hue`,`aria-label="Hue" aria-valuemin="0" aria-valuemax="360"`,!1)}update({h:e}){this.h=e,this.style([{left:`${e/360*100}%`,color:x({h:e,s:100,v:100,a:1})}]),this.el.setAttribute(`aria-valuenow`,`${y(e)}`)}getMove(e,t){return{h:t?v(this.h+e.x*360,0,360):360*e.x}}},pe=class extends A{constructor(e){super(e,`saturation`,`aria-label="Color"`,!0)}update(e){this.hsva=e,this.style([{top:`${100-e.v}%`,left:`${e.s}%`,color:x(e)},{"background-color":x({h:e.h,s:100,v:100,a:1})}]),this.el.setAttribute(`aria-valuetext`,`Saturation ${y(e.s)}%, Brightness ${y(e.v)}%`)}getMove(e,t){return{s:t?v(this.hsva.s+e.x*100,0,100):e.x*100,v:t?v(this.hsva.v-e.y*100,0,100):Math.round(100-e.y*100)}}},me=`:host{display:flex;flex-direction:column;position:relative;width:200px;height:200px;user-select:none;-webkit-user-select:none;cursor:default}:host([hidden]){display:none!important}[role=slider]{position:relative;touch-action:none;user-select:none;-webkit-user-select:none;outline:0}[role=slider]:last-child{border-radius:0 0 8px 8px}[part$=pointer]{position:absolute;z-index:1;box-sizing:border-box;width:28px;height:28px;display:flex;place-content:center center;transform:translate(-50%,-50%);background-color:#fff;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2)}[part$=pointer]::after{content:"";width:100%;height:100%;border-radius:inherit;background-color:currentColor}[role=slider]:focus [part$=pointer]{transform:translate(-50%,-50%) scale(1.1)}`,he=`[part=hue]{flex:0 0 24px;background:linear-gradient(to right,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%)}[part=hue-pointer]{top:50%;z-index:2}`,ge=`[part=saturation]{flex-grow:1;border-color:transparent;border-bottom:12px solid #000;border-radius:8px 8px 0 0;background-image:linear-gradient(to top,#000,transparent),linear-gradient(to right,#fff,rgba(255,255,255,0));box-shadow:inset 0 0 0 1px rgba(0,0,0,.05)}[part=saturation-pointer]{z-index:3}`,j=Symbol(`same`),M=Symbol(`color`),N=Symbol(`hsva`),P=Symbol(`update`),F=Symbol(`parts`),I=Symbol(`css`),L=Symbol(`sliders`),_e=class extends HTMLElement{static get observedAttributes(){return[`color`]}get[I](){return[me,he,ge]}get[L](){return[pe,fe]}get color(){return this[M]}set color(e){if(!this[j](e)){let t=this.colorModel.toHsva(e);this[P](t),this[M]=e}}constructor(){super();let e=T(`<style>${this[I].join(``)}</style>`),t=this.attachShadow({mode:`open`});t.appendChild(e.content.cloneNode(!0)),t.addEventListener(`move`,this),this[F]=this[L].map(e=>new e(t))}connectedCallback(){if(this.hasOwnProperty(`color`)){let e=this.color;delete this.color,this.color=e}else this.color||=this.colorModel.defaultColor}attributeChangedCallback(e,t,n){let r=this.colorModel.fromAttr(n);this[j](r)||(this.color=r)}handleEvent(e){let t=this[N],n={...t,...e.detail};this[P](n);let r;!C(n,t)&&!this[j](r=this.colorModel.fromHsva(n))&&(this[M]=r,E(this,`color-changed`,{value:r}))}[j](e){return this.color&&this.colorModel.equal(e,this.color)}[P](e){this[N]=e,this[F].forEach(t=>t.update(e))}},ve={defaultColor:`#000`,toHsva:re,fromHsva:({h:e,s:t,v:n})=>ie({h:e,s:t,v:n,a:1}),equal:le,fromAttr:e=>e},ye=class extends _e{get colorModel(){return ve}},R=class extends ye{};customElements.define(`hex-color-picker`,R);var be=/^#?([0-9A-F]{3,8})$/i,z=(e,t)=>{let n=be.exec(e),r=n?n[1].length:0;return r===3||r===6||!!t&&r===4||!!t&&r===8},xe=T(`<slot><input part="input" spellcheck="false"></slot>`),B=(e,t)=>e.replace(/([^0-9A-F]+)/gi,``).substring(0,t?8:6),V=Symbol(`alpha`),H=Symbol(`color`),U=Symbol(`saved`),W=Symbol(`input`),G=Symbol(`init`),K=Symbol(`prefix`),q=Symbol(`update`),Se=class extends HTMLElement{static get observedAttributes(){return[`alpha`,`color`,`prefixed`]}get color(){return this[H]}set color(e){this[H]=e,this[q](e)}get alpha(){return this[V]}set alpha(e){this[V]=e,this.toggleAttribute(`alpha`,e);let t=this.color;t&&!z(t,e)&&(this.color=t.startsWith(`#`)?t.substring(0,t.length===5?4:7):t.substring(0,t.length===4?3:6))}get prefixed(){return this[K]}set prefixed(e){this[K]=e,this.toggleAttribute(`prefixed`,e),this[q](this.color)}constructor(){super();let e=this.attachShadow({mode:`open`});e.appendChild(xe.content.cloneNode(!0)),e.firstElementChild.addEventListener(`slotchange`,()=>this[G](e))}connectedCallback(){if(this[G](this.shadowRoot),this.hasOwnProperty(`alpha`)){let e=this.alpha;delete this.alpha,this.alpha=e}else this.alpha=this.hasAttribute(`alpha`);if(this.hasOwnProperty(`prefixed`)){let e=this.prefixed;delete this.prefixed,this.prefixed=e}else this.prefixed=this.hasAttribute(`prefixed`);if(this.hasOwnProperty(`color`)){let e=this.color;delete this.color,this.color=e}else this.color==null?this.color=this.getAttribute(`color`)||``:this[H]&&this[q](this[H])}handleEvent(e){let{value:t}=e.target;switch(e.type){case`input`:let e=B(t,this.alpha);this[U]=this.color,(z(e,this.alpha)||t===``)&&(this.color=e,this.dispatchEvent(new CustomEvent(`color-changed`,{bubbles:!0,detail:{value:e?`#`+e:``}})));break;case`blur`:t&&!z(t,this.alpha)&&(this.color=this[U])}}attributeChangedCallback(e,t,n){e===`color`&&this.color!==n&&(this.color=n);let r=n!=null;e===`alpha`&&this.alpha!==r&&(this.alpha=r),e===`prefixed`&&this.prefixed!==r&&(this.prefixed=r)}[G](e){let t=this.querySelector(`input`);if(!t){let n;for(;n=this.firstChild;)n.remove();t=e.querySelector(`input`)}t.addEventListener(`input`,this),t.addEventListener(`blur`,this),this[W]=t,this[q](this.color)}[q](e){this[W]&&(this[W].value=e==null||e==``?``:(this.prefixed?`#`:``)+B(e,this.alpha))}},J=class extends Se{};customElements.define(`hex-input`,J);var Y=`vvd-hex-picker`,X=`vvd-hex-input`,Ce=class extends R{static{this.displayName=`VvdHexPicker`}},we=class extends J{static{this.displayName=`VvdHexInput`}};customElements.get(Y)||customElements.define(Y,Ce),customElements.get(X)||customElements.define(X,we);var Z=Y,Q=X,$=class extends l.t(h.t(c.t(s.t(d.t(ee.t(_.t(e.t))))))){constructor(...e){super(...e),this.disableSavedColors=!1,this.savedColors=[],this.maxSwatches=6,this.#e=e=>{this._isInPath(e,this._buttonEl)||this._isInPath(e,this._popupEl)||(this.open=!1)},this.copyIconName=`copy-2-line`,this.#t=null,this._copyValueToClipboard=async e=>{try{await navigator.clipboard.writeText(e),this._setTemporaryCopyIcon(`check-circle-line`),this._ariaLiveDescription=this.locale.colorPicker.copySuccessMessage(e)}catch{alert(this.locale.colorPicker.copyErrorText),this._setTemporaryCopyIcon(`error-line`),this._ariaLiveDescription=this.locale.colorPicker.copyErrorText}},this._ariaLiveDescription=``}static{this.HEX_COLOR_PATTERN=/^#(([0-9a-fA-F]{2}){3}|([0-9a-fA-F]){3})$/}placeholderChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.placeholder=this.placeholder)}handleChange(){this.$emit(`change`)}openChanged(e,t){t&&this.isConnected&&requestAnimationFrame(()=>{this._refreshCanvasColor()})}savedColorsKeyChanged(){this.savedColors=this._loadSavedColors()}get _savedColorsStorageKey(){return this.savedColorsKey?this.savedColorsKey:`vvd-saved-colors:${this.tagName.toLowerCase()}`}_handleColorSaving(){this._saveCurrentColor()}_saveCurrentColor(){let e=this.value;if(typeof e!=`string`||!_.n(e))return;let t=Array.isArray(this.savedColors)?[...this.savedColors]:[],n=t.findIndex(t=>t?.value===e);n!==-1&&t.splice(n,1),t.unshift({value:e}),this.savedColors=t.slice(0,this._maxSwatchesNormalized),this._setSavedColors(this.savedColors)}_loadSavedColors(){try{let e=localStorage.getItem(this._savedColorsStorageKey);if(!e)return[];let t=JSON.parse(e);return Array.isArray(t)?t.filter(e=>e&&typeof e.value==`string`&&_.n(e.value)).map(e=>({value:e.value,label:typeof e.label==`string`?e.label:void 0})):[]}catch{return[]}}_setSavedColors(e){try{localStorage.setItem(this._savedColorsStorageKey,JSON.stringify(e))}catch{}}get allSwatches(){let e=Array.isArray(this.swatches)?this.swatches:[],t=Array.isArray(this.savedColors)?this.savedColors:[],n=new Set,r=[],i=e=>{!e||typeof e.value!=`string`||!_.n(e.value)||n.has(e.value)||(n.add(e.value),r.push(e))};return this.disableSavedColors||t.forEach(i),e.forEach(i),r.slice(0,this._maxSwatchesNormalized)}get _maxSwatchesNormalized(){return Number.isFinite(this.maxSwatches)?Math.max(0,Math.floor(this.maxSwatches)):0}maxSwatchesChanged(){let e=this._maxSwatchesNormalized;this.savedColors?.length>e&&(this.savedColors=this.savedColors.slice(0,e),this._setSavedColors(this.savedColors))}_onPickerColorChanged(e){typeof e.detail?.value==`string`&&(this.value=e.detail?.value)}valueChanged(e,t){this._vcHexPickerEl&&typeof t==`string`&&(this._vcHexPickerEl.color=t),this._vcHexInputEl&&typeof t==`string`&&(this._vcHexInputEl.color=t)}_onTextFieldInput(e){let t=e.currentTarget;this.value=t.value}get _buttonColor(){return this._canvasColor||this._refreshCanvasColor(),this.value&&_.n(this.value)?this.value:`var(--vvd-color-canvas-text)`}_onButtonClick(){this.open=!this.open}_handleCloseRequest(){this.open=!1}_isInPath(e,t){if(!t)return!1;let n=e.composedPath?.();return!!(n&&n.includes(t))}#e;connectedCallback(){super.connectedCallback(),this.savedColors=this._loadSavedColors(),document.addEventListener(`mousedown`,this.#e,!0)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener(`mousedown`,this.#e,!0)}#t;_setTemporaryCopyIcon(e,t=2e3){this.copyIconName=e,this.#t&&clearTimeout(this.#t),this.#t=setTimeout(()=>{this.copyIconName=`copy-2-line`,this.#t=null},t)}_onBaseKeydown(e){return this.open&&te.t(e)?(this.open=!1,!1):!this._trappedFocus(e,()=>this._focusableElsWithinDialog())}_focusableElsWithinDialog(){return this._popupEl.querySelectorAll(`button:not([role="gridcell"]), [data-vvd-component="button"], vwc-button:not([role="gridcell"])`)}_handleCellKeydown(e,t,n,r){if(e.key===`Tab`){e.preventDefault();let t=this._focusableElsWithinDialog(),n=Array.prototype.indexOf.call(t,e.currentTarget);return t[e.shiftKey?(n-1+t.length)%t.length:(n+1)%t.length]?.focus(),!1}return super._handleCellKeydown(e,t,n,r)}_handleSwatchSelection(e){this.value!==e&&(this._ariaLiveDescription=this.locale.colorPicker.selectionSuccessMessage(e)),super._handleSwatchSelection(e)}};a.t([e.m],$.prototype,`placeholder`,void 0),a.t([e.m({attribute:`saved-colors-key`})],$.prototype,`savedColorsKey`,void 0),a.t([e.m({mode:`boolean`,attribute:`disable-saved-colors`})],$.prototype,`disableSavedColors`,void 0),a.t([e.A],$.prototype,`savedColors`,void 0),a.t([e.m({attribute:`max-swatches`,mode:`fromView`,converter:e.h})],$.prototype,`maxSwatches`,void 0),a.t([e.A],$.prototype,`copyIconName`,void 0),a.t([e.A],$.prototype,`_ariaLiveDescription`,void 0);function Te(t,i){return e.p`
-		<${t} 
+const e=require(`../bundled/vivid-element.cjs`),t=require(`../bundled/repeat.cjs`),n=require(`../bundled/slotted.cjs`),r=require(`../bundled/ref.cjs`),i=require(`../bundled/when.cjs`),a=require(`../bundled/decorate.cjs`),o=require(`../bundled/definition2.cjs`),s=require(`../bundled/with-success-text.cjs`),c=require(`../bundled/with-error-text.cjs`),l=require(`../bundled/with-contextual-help.cjs`),ee=require(`../bundled/trapped-focus.cjs`),u=require(`../bundled/class-names.cjs`),d=require(`../bundled/delegates-aria.cjs`),f=require(`../bundled/definition6.cjs`),p=require(`../bundled/definition8.cjs`),m=require(`../bundled/definition9.cjs`),te=require(`../bundled/dialog.cjs`),h=require(`../bundled/mixins.cjs`),g=require(`../bundled/definition12.cjs`),_=require(`../bundled/base-color-picker.cjs`);var ne=`.palette{grid-template-columns:repeat(var(--swatches-per-row,7), var(--_color-swatch-size,24px));display:grid}.swatch{background-color:var(--swatch-color);block-size:var(--_color-swatch-size,24px);color:var(--vvd-color-canvas);cursor:pointer;inline-size:var(--_color-swatch-size,24px);border-radius:4px;padding:0;position:relative}.swatch:not(.contrast){border:none}.swatch.contrast{border:1px solid var(--vvd-color-neutral-400);color:var(--vvd-color-canvas-text)}.swatch:focus-visible{box-shadow:0 0 0 4px color-mix(in srgb, var(--focus-stroke-color,var(--vvd-color-cta-500)), transparent 85%), inset 0 0 0 3px var(--focus-stroke-gap-color,currentColor);outline:none;outline:1px solid var(--focus-stroke-color,var(--vvd-color-cta-500));outline-offset:calc(-1px - var(--focus-inset,0px));--focus-stroke-gap-color:transparent;--focus-inset:-3px}:host{--_low-ink-color:var(--vvd-color-neutral-600);display:inline-block}.base{min-inline-size:var(--_color-picker-min-inline-size,280px);display:inline-block}.control{inline-size:100%}.button{box-sizing:border-box;background-color:var(--button-color,var(--vvd-color-canvas-text));block-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 8));color:var(--vvd-color-canvas);inline-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 8));padding-inline:calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 8)) / 4);vertical-align:middle;border:0;border-radius:4px;align-items:center;margin:0;text-decoration:none;display:inline-flex}.button.contrast{color:var(--vvd-color-canvas-text)}.button:not(.disabled){cursor:pointer}.button.disabled{background-color:var(--vvd-color-neutral-300);color:var(--vvd-color-neutral-500);cursor:not-allowed}.button:focus-visible{--focus-stroke-gap-color:transparent;box-shadow:0 0 0 4px color-mix(in srgb, var(--focus-stroke-color,var(--vvd-color-cta-500)), transparent 85%), inset 0 0 0 3px var(--focus-stroke-gap-color,currentColor);outline:1px solid var(--focus-stroke-color,var(--vvd-color-cta-500));outline-offset:calc(-1px - var(--focus-inset,0px))}.button [data-vvd-component=icon]{font-size:calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 8)) / 2);line-height:1}.dialog{min-inline-size:var(--_color-picker-popup-min-inline-size,264px);flex-direction:column;display:flex}.dialog .header{justify-content:space-between;align-items:center;padding-block:8px;padding-inline:16px;display:inline-flex}.dialog .header-title{font:var(--vvd-typography-base-extended-bold);margin-block:0}.dialog .body{flex-direction:column;gap:16px;margin-block-end:16px;padding-inline:16px;display:flex}.dialog .hex-input-wrapper{align-items:stretch;gap:8px;display:flex}.dialog .hex-input-wrapper [data-vvd-component=button]{flex:none}.dialog .footer{border-top:1px solid var(--vvd-color-neutral-200);padding:16px}.dialog .footer-header{margin-block-end:8px}.dialog .swatches-count{color:var(--_low-ink-color);font:var(--vvd-typography-base)}.dialog .palette{gap:var(--_color-swatches-gap,8px)}vvd-hex-input{flex:auto;min-width:0}vvd-hex-input::part(input),vvd-hex-input>input{box-sizing:border-box;background-color:var(--vvd-color-canvas);width:100%;height:100%;box-shadow:inset 0 0 0 1px var(--vvd-color-neutral-500);font:var(--vvd-typography-base);padding-inline:calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2))) / 2.5);border:0;border-radius:8px;outline:#0000}vvd-hex-input::part(input):focus-visible,vvd-hex-input>input:focus-visible{box-shadow:0 0 0 4px color-mix(in srgb, var(--focus-stroke-color,var(--vvd-color-cta-500)), transparent 85%), inset 0 0 0 3px var(--focus-stroke-gap-color,currentColor);outline:1px solid var(--focus-stroke-color,var(--vvd-color-cta-500));outline-offset:calc(-1px - var(--focus-inset,0px));--focus-stroke-gap-color:transparent}vvd-hex-picker{width:auto;height:auto;gap:16px;inline-size:100%}vvd-hex-picker::part(saturation){border-radius:8px;block-size:120px}vvd-hex-picker::part(hue){border-radius:8px;flex:0 0 8px}vvd-hex-picker::part(hue-pointer){width:10px;height:10px}vvd-hex-picker::part(saturation-pointer){width:18px;height:18px}::part(popup-base){inline-size:max-content;min-block-size:var(--_color-picker-popup-min-inline-size,264px);min-inline-size:var(--_color-picker-popup-min-inline-size,264px)}.visually-hidden{clip:rect(0 0 0 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}`,v=(e,t=0,n=1)=>e>n?n:e<t?t:e,y=(e,t=0,n=10**t)=>Math.round(n*e)/n;360/(Math.PI*2);var re=e=>ce(b(e)),b=e=>(e[0]===`#`&&(e=e.substring(1)),e.length<6?{r:parseInt(e[0]+e[0],16),g:parseInt(e[1]+e[1],16),b:parseInt(e[2]+e[2],16),a:e.length===4?y(parseInt(e[3]+e[3],16)/255,2):1}:{r:parseInt(e.substring(0,2),16),g:parseInt(e.substring(2,4),16),b:parseInt(e.substring(4,6),16),a:e.length===8?y(parseInt(e.substring(6,8),16)/255,2):1}),ie=e=>se(oe(e)),ae=({h:e,s:t,v:n,a:r})=>{let i=(200-t)*n/100;return{h:y(e),s:y(i>0&&i<200?t*n/100/(i<=100?i:200-i)*100:0),l:y(i/2),a:y(r,2)}},x=e=>{let{h:t,s:n,l:r}=ae(e);return`hsl(${t}, ${n}%, ${r}%)`},oe=({h:e,s:t,v:n,a:r})=>{e=e/360*6,t/=100,n/=100;let i=Math.floor(e),a=n*(1-t),o=n*(1-(e-i)*t),s=n*(1-(1-e+i)*t),c=i%6;return{r:y([n,o,a,a,s,n][c]*255),g:y([s,n,n,o,a,a][c]*255),b:y([a,a,s,n,n,o][c]*255),a:y(r,2)}},S=e=>{let t=e.toString(16);return t.length<2?`0`+t:t},se=({r:e,g:t,b:n,a:r})=>{let i=r<1?S(y(r*255)):``;return`#`+S(e)+S(t)+S(n)+i},ce=({r:e,g:t,b:n,a:r})=>{let i=Math.max(e,t,n),a=i-Math.min(e,t,n),o=a?i===e?(t-n)/a:i===t?2+(n-e)/a:4+(e-t)/a:0;return{h:y(60*(o<0?o+6:o)),s:y(i?a/i*100:0),v:y(i/255*100),a:r}},C=(e,t)=>{if(e===t)return!0;for(let n in e)if(e[n]!==t[n])return!1;return!0},le=(e,t)=>e.toLowerCase()===t.toLowerCase()?!0:C(b(e),b(t)),w={},T=e=>{let t=w[e];return t||(t=document.createElement(`template`),t.innerHTML=e,w[e]=t),t},E=(e,t,n)=>{e.dispatchEvent(new CustomEvent(t,{bubbles:!0,detail:n}))},D=!1,O=e=>`touches`in e,ue=e=>D&&!O(e)?!1:(D||=O(e),!0),k=(e,t)=>{let n=O(t)?t.touches[0]:t,r=e.el.getBoundingClientRect();E(e.el,`move`,e.getMove({x:v((n.pageX-(r.left+window.pageXOffset))/r.width),y:v((n.pageY-(r.top+window.pageYOffset))/r.height)}))},de=(e,t)=>{let n=t.keyCode;n>40||e.xy&&n<37||n<33||(t.preventDefault(),E(e.el,`move`,e.getMove({x:n===39?.01:n===37?-.01:n===34?.05:n===33?-.05:n===35?1:n===36?-1:0,y:n===40?.01:n===38?-.01:0},!0)))},A=class{constructor(e,t,n,r){let i=T(`<div role="slider" tabindex="0" part="${t}" ${n}><div part="${t}-pointer"></div></div>`);e.appendChild(i.content.cloneNode(!0));let a=e.querySelector(`[part=${t}]`);a.addEventListener(`mousedown`,this),a.addEventListener(`touchstart`,this),a.addEventListener(`keydown`,this),this.el=a,this.xy=r,this.nodes=[a.firstChild,a]}set dragging(e){let t=e?document.addEventListener:document.removeEventListener;t(D?`touchmove`:`mousemove`,this),t(D?`touchend`:`mouseup`,this)}handleEvent(e){switch(e.type){case`mousedown`:case`touchstart`:if(e.preventDefault(),!ue(e)||!D&&e.button!=0)return;this.el.focus(),k(this,e),this.dragging=!0;break;case`mousemove`:case`touchmove`:e.preventDefault(),k(this,e);break;case`mouseup`:case`touchend`:this.dragging=!1;break;case`keydown`:de(this,e);break}}style(e){e.forEach((e,t)=>{for(let n in e)this.nodes[t].style.setProperty(n,e[n])})}},fe=class extends A{constructor(e){super(e,`hue`,`aria-label="Hue" aria-valuemin="0" aria-valuemax="360"`,!1)}update({h:e}){this.h=e,this.style([{left:`${e/360*100}%`,color:x({h:e,s:100,v:100,a:1})}]),this.el.setAttribute(`aria-valuenow`,`${y(e)}`)}getMove(e,t){return{h:t?v(this.h+e.x*360,0,360):360*e.x}}},pe=class extends A{constructor(e){super(e,`saturation`,`aria-label="Color"`,!0)}update(e){this.hsva=e,this.style([{top:`${100-e.v}%`,left:`${e.s}%`,color:x(e)},{"background-color":x({h:e.h,s:100,v:100,a:1})}]),this.el.setAttribute(`aria-valuetext`,`Saturation ${y(e.s)}%, Brightness ${y(e.v)}%`)}getMove(e,t){return{s:t?v(this.hsva.s+e.x*100,0,100):e.x*100,v:t?v(this.hsva.v-e.y*100,0,100):Math.round(100-e.y*100)}}},me=`:host{display:flex;flex-direction:column;position:relative;width:200px;height:200px;user-select:none;-webkit-user-select:none;cursor:default}:host([hidden]){display:none!important}[role=slider]{position:relative;touch-action:none;user-select:none;-webkit-user-select:none;outline:0}[role=slider]:last-child{border-radius:0 0 8px 8px}[part$=pointer]{position:absolute;z-index:1;box-sizing:border-box;width:28px;height:28px;display:flex;place-content:center center;transform:translate(-50%,-50%);background-color:#fff;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2)}[part$=pointer]::after{content:"";width:100%;height:100%;border-radius:inherit;background-color:currentColor}[role=slider]:focus [part$=pointer]{transform:translate(-50%,-50%) scale(1.1)}`,he=`[part=hue]{flex:0 0 24px;background:linear-gradient(to right,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%)}[part=hue-pointer]{top:50%;z-index:2}`,ge=`[part=saturation]{flex-grow:1;border-color:transparent;border-bottom:12px solid #000;border-radius:8px 8px 0 0;background-image:linear-gradient(to top,#000,transparent),linear-gradient(to right,#fff,rgba(255,255,255,0));box-shadow:inset 0 0 0 1px rgba(0,0,0,.05)}[part=saturation-pointer]{z-index:3}`,j=Symbol(`same`),M=Symbol(`color`),N=Symbol(`hsva`),P=Symbol(`update`),F=Symbol(`parts`),I=Symbol(`css`),L=Symbol(`sliders`),_e=class extends HTMLElement{static get observedAttributes(){return[`color`]}get[I](){return[me,he,ge]}get[L](){return[pe,fe]}get color(){return this[M]}set color(e){if(!this[j](e)){let t=this.colorModel.toHsva(e);this[P](t),this[M]=e}}constructor(){super();let e=T(`<style>${this[I].join(``)}</style>`),t=this.attachShadow({mode:`open`});t.appendChild(e.content.cloneNode(!0)),t.addEventListener(`move`,this),this[F]=this[L].map(e=>new e(t))}connectedCallback(){if(this.hasOwnProperty(`color`)){let e=this.color;delete this.color,this.color=e}else this.color||=this.colorModel.defaultColor}attributeChangedCallback(e,t,n){let r=this.colorModel.fromAttr(n);this[j](r)||(this.color=r)}handleEvent(e){let t=this[N],n={...t,...e.detail};this[P](n);let r;!C(n,t)&&!this[j](r=this.colorModel.fromHsva(n))&&(this[M]=r,E(this,`color-changed`,{value:r}))}[j](e){return this.color&&this.colorModel.equal(e,this.color)}[P](e){this[N]=e,this[F].forEach(t=>t.update(e))}},ve={defaultColor:`#000`,toHsva:re,fromHsva:({h:e,s:t,v:n})=>ie({h:e,s:t,v:n,a:1}),equal:le,fromAttr:e=>e},ye=class extends _e{get colorModel(){return ve}},R=class extends ye{};customElements.define(`hex-color-picker`,R);var be=/^#?([0-9A-F]{3,8})$/i,z=(e,t)=>{let n=be.exec(e),r=n?n[1].length:0;return r===3||r===6||!!t&&r===4||!!t&&r===8},xe=T(`<slot><input part="input" spellcheck="false"></slot>`),B=(e,t)=>e.replace(/([^0-9A-F]+)/gi,``).substring(0,t?8:6),V=Symbol(`alpha`),H=Symbol(`color`),U=Symbol(`saved`),W=Symbol(`input`),G=Symbol(`init`),K=Symbol(`prefix`),q=Symbol(`update`),Se=class extends HTMLElement{static get observedAttributes(){return[`alpha`,`color`,`prefixed`]}get color(){return this[H]}set color(e){this[H]=e,this[q](e)}get alpha(){return this[V]}set alpha(e){this[V]=e,this.toggleAttribute(`alpha`,e);let t=this.color;t&&!z(t,e)&&(this.color=t.startsWith(`#`)?t.substring(0,t.length===5?4:7):t.substring(0,t.length===4?3:6))}get prefixed(){return this[K]}set prefixed(e){this[K]=e,this.toggleAttribute(`prefixed`,e),this[q](this.color)}constructor(){super();let e=this.attachShadow({mode:`open`});e.appendChild(xe.content.cloneNode(!0)),e.firstElementChild.addEventListener(`slotchange`,()=>this[G](e))}connectedCallback(){if(this[G](this.shadowRoot),this.hasOwnProperty(`alpha`)){let e=this.alpha;delete this.alpha,this.alpha=e}else this.alpha=this.hasAttribute(`alpha`);if(this.hasOwnProperty(`prefixed`)){let e=this.prefixed;delete this.prefixed,this.prefixed=e}else this.prefixed=this.hasAttribute(`prefixed`);if(this.hasOwnProperty(`color`)){let e=this.color;delete this.color,this.color=e}else this.color==null?this.color=this.getAttribute(`color`)||``:this[H]&&this[q](this[H])}handleEvent(e){let{value:t}=e.target;switch(e.type){case`input`:let e=B(t,this.alpha);this[U]=this.color,(z(e,this.alpha)||t===``)&&(this.color=e,this.dispatchEvent(new CustomEvent(`color-changed`,{bubbles:!0,detail:{value:e?`#`+e:``}})));break;case`blur`:t&&!z(t,this.alpha)&&(this.color=this[U])}}attributeChangedCallback(e,t,n){e===`color`&&this.color!==n&&(this.color=n);let r=n!=null;e===`alpha`&&this.alpha!==r&&(this.alpha=r),e===`prefixed`&&this.prefixed!==r&&(this.prefixed=r)}[G](e){let t=this.querySelector(`input`);if(!t){let n;for(;n=this.firstChild;)n.remove();t=e.querySelector(`input`)}t.addEventListener(`input`,this),t.addEventListener(`blur`,this),this[W]=t,this[q](this.color)}[q](e){this[W]&&(this[W].value=e==null||e==``?``:(this.prefixed?`#`:``)+B(e,this.alpha))}},J=class extends Se{};customElements.define(`hex-input`,J);var Y=`vvd-hex-picker`,X=`vvd-hex-input`,Ce=class extends R{static{this.displayName=`VvdHexPicker`}},we=class extends J{static{this.displayName=`VvdHexInput`}};customElements.get(Y)||customElements.define(Y,Ce),customElements.get(X)||customElements.define(X,we);var Z=Y,Q=X,$=class extends l.t(h.t(c.t(s.t(d.t(ee.t(_.t(e.t))))))){constructor(...e){super(...e),this.disableSavedColors=!1,this.savedColors=[],this.maxSwatches=6,this.#e=e=>{this._isInPath(e,this._buttonEl)||this._isInPath(e,this._popupEl)||(this.open=!1)},this.copyIconName=`copy-2-line`,this.#t=null,this._copyValueToClipboard=async e=>{try{await navigator.clipboard.writeText(e),this._setTemporaryCopyIcon(`check-circle-line`),this._ariaLiveDescription=this.locale.colorPicker.copySuccessMessage(e)}catch{alert(this.locale.colorPicker.copyErrorText),this._setTemporaryCopyIcon(`error-line`),this._ariaLiveDescription=this.locale.colorPicker.copyErrorText}},this._ariaLiveDescription=``}static{this.HEX_COLOR_PATTERN=/^#(([0-9a-fA-F]{2}){3}|([0-9a-fA-F]){3})$/}placeholderChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.placeholder=this.placeholder)}handleChange(){this.$emit(`change`)}openChanged(e,t){t&&this.isConnected&&requestAnimationFrame(()=>{this._refreshCanvasColor()})}savedColorsKeyChanged(){this.savedColors=this._loadSavedColors()}get _savedColorsStorageKey(){return this.savedColorsKey?this.savedColorsKey:`vvd-saved-colors:${this.tagName.toLowerCase()}`}_handleColorSaving(){this._saveCurrentColor()}_saveCurrentColor(){let e=this.value;if(typeof e!=`string`||!_.n(e))return;let t=Array.isArray(this.savedColors)?[...this.savedColors]:[],n=t.findIndex(t=>t.value===e);n!==-1&&t.splice(n,1),t.unshift({value:e}),this.savedColors=t.slice(0,this._maxSwatchesNormalized),this._setSavedColors(this.savedColors)}_loadSavedColors(){try{let e=localStorage.getItem(this._savedColorsStorageKey);if(!e)return[];let t=JSON.parse(e);return Array.isArray(t)?t.filter(e=>e&&typeof e.value==`string`&&_.n(e.value)).map(e=>({value:e.value,label:typeof e.label==`string`?e.label:void 0})):[]}catch{return[]}}_setSavedColors(e){try{localStorage.setItem(this._savedColorsStorageKey,JSON.stringify(e))}catch{}}get allSwatches(){let e=Array.isArray(this.swatches)?this.swatches:[],t=Array.isArray(this.savedColors)?this.savedColors:[],n=new Set,r=[],i=e=>{!e||typeof e.value!=`string`||!_.n(e.value)||n.has(e.value)||(n.add(e.value),r.push(e))};return this.disableSavedColors||t.forEach(i),e.forEach(i),r.slice(0,this._maxSwatchesNormalized)}get _maxSwatchesNormalized(){return Number.isFinite(this.maxSwatches)?Math.max(0,Math.floor(this.maxSwatches)):0}maxSwatchesChanged(){let e=this._maxSwatchesNormalized;this.savedColors.length>e&&(this.savedColors=this.savedColors.slice(0,e),this._setSavedColors(this.savedColors))}_onPickerColorChanged(e){typeof e.detail.value==`string`&&(this.value=e.detail.value)}valueChanged(e,t){this._vcHexPickerEl&&typeof t==`string`&&(this._vcHexPickerEl.color=t),this._vcHexInputEl&&typeof t==`string`&&(this._vcHexInputEl.color=t)}_onTextFieldInput(e){let t=e.currentTarget;this.value=t.value}get _buttonColor(){return this._canvasColor||this._refreshCanvasColor(),this.value&&_.n(this.value)?this.value:`var(--vvd-color-canvas-text)`}_onButtonClick(){this.open=!this.open}_handleCloseRequest(){this.open=!1}_isInPath(e,t){if(!t)return!1;let n=e.composedPath?.();return!!(n&&n.includes(t))}#e;connectedCallback(){super.connectedCallback(),this.savedColors=this._loadSavedColors(),document.addEventListener(`mousedown`,this.#e,!0)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener(`mousedown`,this.#e,!0)}#t;_setTemporaryCopyIcon(e,t=2e3){this.copyIconName=e,this.#t&&clearTimeout(this.#t),this.#t=setTimeout(()=>{this.copyIconName=`copy-2-line`,this.#t=null},t)}_onBaseKeydown(e){return this.open&&te.t(e)?(this.open=!1,!1):!this._trappedFocus(e,()=>this._focusableElsWithinDialog())}_focusableElsWithinDialog(){return this._popupEl.querySelectorAll(`button:not([role="gridcell"]), [data-vvd-component="button"], vwc-button:not([role="gridcell"])`)}_handleCellKeydown(e,t,n,r){if(e.key===`Tab`){e.preventDefault();let t=this._focusableElsWithinDialog(),n=Array.prototype.indexOf.call(t,e.currentTarget);return t[e.shiftKey?(n-1+t.length)%t.length:(n+1)%t.length]?.focus(),!1}return super._handleCellKeydown(e,t,n,r)}_handleSwatchSelection(e){this.value!==e&&(this._ariaLiveDescription=this.locale.colorPicker.selectionSuccessMessage(e)),super._handleSwatchSelection(e)}};a.t([e.m],$.prototype,`placeholder`,void 0),a.t([e.m({attribute:`saved-colors-key`})],$.prototype,`savedColorsKey`,void 0),a.t([e.m({mode:`boolean`,attribute:`disable-saved-colors`})],$.prototype,`disableSavedColors`,void 0),a.t([e.A],$.prototype,`savedColors`,void 0),a.t([e.m({attribute:`max-swatches`,mode:`fromView`,converter:e.h})],$.prototype,`maxSwatches`,void 0),a.t([e.A],$.prototype,`copyIconName`,void 0),a.t([e.A],$.prototype,`_ariaLiveDescription`,void 0);function Te(t,i){return e.p`
+		<${t}
 			id="text-field"
 			class="${e=>u.t(`control`)}"
 			pattern="${$.HEX_COLOR_PATTERN.source}"
@@ -19,15 +19,15 @@ const e=require(`../bundled/vivid-element.cjs`),t=require(`../bundled/repeat.cjs
 			${d.n()}
 			${r.t(`_textFieldEl`)}
 		>
-			<button 
+			<button
 				aria-label="${e=>e.locale.colorPicker.pickerButtonLabel}"
 				aria-expanded="${e=>e.open}"
   			aria-haspopup="dialog"
-				class="button ${e=>u.t(e._applyContrastClass(e._buttonColor)?`contrast`:``,e.disabled?`disabled`:``)}" 
-				style="--button-color: ${e=>e._buttonColor};" 
+				class="button ${e=>u.t(e._applyContrastClass(e._buttonColor)?`contrast`:``,e.disabled?`disabled`:``)}"
+				style="--button-color: ${e=>e._buttonColor};"
 				?disabled="${e=>e.disabled}"
 				@click="${e=>e._onButtonClick()}"
-				slot="action-items" 
+				slot="action-items"
 				${r.t(`_buttonEl`)}>
 				<${i} name="edit-line"></${i}>
 			</button>
@@ -47,8 +47,8 @@ const e=require(`../bundled/vivid-element.cjs`),t=require(`../bundled/repeat.cjs
 			<h2 class="header-title" id="color-picker-title">
 				<slot name="popup-text">${e=>e.locale.colorPicker.popupLabel}</slot>
 			</h2>
-			<${t} size="condensed" 
-				aria-label="${e=>e.locale.colorPicker.closeButtonLabel}" 
+			<${t} size="condensed"
+				aria-label="${e=>e.locale.colorPicker.closeButtonLabel}"
 				@click="${e=>e._handleCloseRequest()}">
 				<${n} slot="icon" name="close-line"></${n}>
 			</${t}>
@@ -69,17 +69,17 @@ const e=require(`../bundled/vivid-element.cjs`),t=require(`../bundled/repeat.cjs
 					@color-changed="${(e,t)=>e._onPickerColorChanged(t.event)}"
 					${r.t(`_vcHexInputEl`)}
 				>
-					<input name="hex-code-input" aria-label="${e=>e.locale.colorPicker.hexInputLabel}" 
+					<input name="hex-code-input" aria-label="${e=>e.locale.colorPicker.hexInputLabel}"
 						placeholder="${e=>e.placeholder}"
     				@blur="${(e,t)=>t.event.stopImmediatePropagation()}"
 						part="input">
 				</${e.p.partial(Q)}>
-				<${i} placement="top" 
-					text="${e=>e.locale.colorPicker.copyButtonLabel}" 
+				<${i} placement="top"
+					text="${e=>e.locale.colorPicker.copyButtonLabel}"
 					exportparts="vvd-theme-alternate">
-					<${t} 
-						slot="anchor" size="normal" 
-						aria-label="${e=>e.locale.colorPicker.copyButtonLabel}" 
+					<${t}
+						slot="anchor" size="normal"
+						aria-label="${e=>e.locale.colorPicker.copyButtonLabel}"
 						@click="${e=>e._copyValueToClipboard(e.value)}">
 						<${n} slot="icon" name="${e=>e.copyIconName}"></${n}>
 					</${t}>
@@ -106,8 +106,8 @@ const e=require(`../bundled/vivid-element.cjs`),t=require(`../bundled/repeat.cjs
 			>
 				${t.n(e=>e.allSwatches,e=>e._renderColorSwatch(r,a),{positioning:!0})}
 				${i.t(e=>!e.disableSavedColors,e.p`
-						<${a} placement="top" 
-							text="${e=>e.locale.colorPicker.saveButtonLabel}" 
+						<${a} placement="top"
+							text="${e=>e.locale.colorPicker.saveButtonLabel}"
 							exportparts="vvd-theme-alternate">
 							<${n}
 								slot="anchor"
@@ -141,11 +141,11 @@ const e=require(`../bundled/vivid-element.cjs`),t=require(`../bundled/repeat.cjs
 				:open="${e=>e.open}"
 				:anchor="${e=>e._buttonEl}"
 				placement="top"
-				offset="10" 
+				offset="10"
 				${r.t(`_popupEl`)}>
-				<div class="dialog" 
-					role="dialog" 
-					aria-modal="true" 
+				<div class="dialog"
+					role="dialog"
+					aria-modal="true"
 					aria-labelledby="color-picker-title">
 					${Ee(c,a)}
 					${De(c,a,l)}

package/color-picker/index.js

@@ -392,7 +392,7 @@ var Z = Y, Q = X, $ = class extends re(me(f(ne(oe(ie(_e(a))))))) {
 	_saveCurrentColor() {
 		let e = this.value;
 		if (typeof e != "string" || !h(e)) return;
-		let t = Array.isArray(this.savedColors) ? [...this.savedColors] : [], n = t.findIndex((t) => t?.value === e);
+		let t = Array.isArray(this.savedColors) ? [...this.savedColors] : [], n = t.findIndex((t) => t.value === e);
 		n !== -1 && t.splice(n, 1), t.unshift({ value: e }), this.savedColors = t.slice(0, this._maxSwatchesNormalized), this._setSavedColors(this.savedColors);
 	}
 	_loadSavedColors() {
@@ -424,10 +424,10 @@ var Z = Y, Q = X, $ = class extends re(me(f(ne(oe(ie(_e(a))))))) {
 	}
 	maxSwatchesChanged() {
 		let e = this._maxSwatchesNormalized;
-		this.savedColors?.length > e && (this.savedColors = this.savedColors.slice(0, e), this._setSavedColors(this.savedColors));
+		this.savedColors.length > e && (this.savedColors = this.savedColors.slice(0, e), this._setSavedColors(this.savedColors));
 	}
 	_onPickerColorChanged(e) {
-		typeof e.detail?.value == "string" && (this.value = e.detail?.value);
+		typeof e.detail.value == "string" && (this.value = e.detail.value);
 	}
 	valueChanged(e, t) {
 		this._vcHexPickerEl && typeof t == "string" && (this._vcHexPickerEl.color = t), this._vcHexInputEl && typeof t == "string" && (this._vcHexInputEl.color = t);
@@ -493,7 +493,7 @@ d([r], $.prototype, "placeholder", void 0), d([r({ attribute: "saved-colors-key"
 //#region src/lib/color-picker/color-picker.template.ts
 function ze(e, t) {
 	return i`
-		<${e} 
+		<${e}
 			id="text-field"
 			class="${(e) => p("control")}"
 			pattern="${$.HEX_COLOR_PATTERN.source}"
@@ -517,15 +517,15 @@ function ze(e, t) {
 			${ae()}
 			${l("_textFieldEl")}
 		>
-			<button 
+			<button
 				aria-label="${(e) => e.locale.colorPicker.pickerButtonLabel}"
 				aria-expanded="${(e) => e.open}"
   			aria-haspopup="dialog"
-				class="button ${(e) => p(e._applyContrastClass(e._buttonColor) ? "contrast" : "", e.disabled ? "disabled" : "")}" 
-				style="--button-color: ${(e) => e._buttonColor};" 
+				class="button ${(e) => p(e._applyContrastClass(e._buttonColor) ? "contrast" : "", e.disabled ? "disabled" : "")}"
+				style="--button-color: ${(e) => e._buttonColor};"
 				?disabled="${(e) => e.disabled}"
 				@click="${(e) => e._onButtonClick()}"
-				slot="action-items" 
+				slot="action-items"
 				${l("_buttonEl")}>
 				<${t} name="edit-line"></${t}>
 			</button>
@@ -548,8 +548,8 @@ function Be(e, t) {
 			<h2 class="header-title" id="color-picker-title">
 				<slot name="popup-text">${(e) => e.locale.colorPicker.popupLabel}</slot>
 			</h2>
-			<${e} size="condensed" 
-				aria-label="${(e) => e.locale.colorPicker.closeButtonLabel}" 
+			<${e} size="condensed"
+				aria-label="${(e) => e.locale.colorPicker.closeButtonLabel}"
 				@click="${(e) => e._handleCloseRequest()}">
 				<${t} slot="icon" name="close-line"></${t}>
 			</${e}>
@@ -573,17 +573,17 @@ function Ve(e, t, n) {
 					@color-changed="${(e, t) => e._onPickerColorChanged(t.event)}"
 					${l("_vcHexInputEl")}
 				>
-					<input name="hex-code-input" aria-label="${(e) => e.locale.colorPicker.hexInputLabel}" 
+					<input name="hex-code-input" aria-label="${(e) => e.locale.colorPicker.hexInputLabel}"
 						placeholder="${(e) => e.placeholder}"
     				@blur="${(e, t) => t.event.stopImmediatePropagation()}"
 						part="input">
 				</${i.partial(Q)}>
-				<${n} placement="top" 
-					text="${(e) => e.locale.colorPicker.copyButtonLabel}" 
+				<${n} placement="top"
+					text="${(e) => e.locale.colorPicker.copyButtonLabel}"
 					exportparts="vvd-theme-alternate">
-					<${e} 
-						slot="anchor" size="normal" 
-						aria-label="${(e) => e.locale.colorPicker.copyButtonLabel}" 
+					<${e}
+						slot="anchor" size="normal"
+						aria-label="${(e) => e.locale.colorPicker.copyButtonLabel}"
 						@click="${(e) => e._copyValueToClipboard(e.value)}">
 						<${t} slot="icon" name="${(e) => e.copyIconName}"></${t}>
 					</${e}>
@@ -613,8 +613,8 @@ function He(e, t, n) {
 			>
 				${s((e) => e.allSwatches, (e) => e._renderColorSwatch(t, n), { positioning: !0 })}
 				${u((e) => !e.disableSavedColors, i`
-						<${n} placement="top" 
-							text="${(e) => e.locale.colorPicker.saveButtonLabel}" 
+						<${n} placement="top"
+							text="${(e) => e.locale.colorPicker.saveButtonLabel}"
 							exportparts="vvd-theme-alternate">
 							<${e}
 								slot="anchor"
@@ -657,11 +657,11 @@ t(o("color-picker", $, (e) => {
 				:open="${(e) => e.open}"
 				:anchor="${(e) => e._buttonEl}"
 				placement="top"
-				offset="10" 
+				offset="10"
 				${l("_popupEl")}>
-				<div class="dialog" 
-					role="dialog" 
-					aria-modal="true" 
+				<div class="dialog"
+					role="dialog"
+					aria-modal="true"
 					aria-labelledby="color-picker-title">
 					${Be(a, n)}
 					${Ve(a, n, o)}