@fabric-msft/fabric-web 0.1.0-beta

package/esm/index.min.js

@@ -0,0 +1,1218 @@
+function e(e,t,o,i){var s,r=arguments.length,n=r<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,o,i);else for(var a=e.length-1;a>=0;a--)(s=e[a])&&(n=(r<3?s(n):r>3?s(t,o,n):s(t,o))||n);return r>3&&n&&Object.defineProperty(t,o,n),n}let t;"function"==typeof SuppressedError&&SuppressedError;const o="fast-kernel";try{if(document.currentScript)t=document.currentScript.getAttribute(o);else{const e=document.getElementsByTagName("script");t=e[e.length-1].getAttribute(o)}}catch(e){t="isolate"}let i;switch(t){case"share":i=Object.freeze({updateQueue:1,observable:2,contextEvent:3,elementRegistry:4});break;case"share-v2":i=Object.freeze({updateQueue:1.2,observable:2.2,contextEvent:3.2,elementRegistry:4.2});break;default:const e=`-${Math.random().toString(36).substring(2,8)}`;i=Object.freeze({updateQueue:`1.2${e}`,observable:`2.2${e}`,contextEvent:`3.2${e}`,elementRegistry:`4.2${e}`})}const s=e=>"function"==typeof e,r=e=>"string"==typeof e,n=()=>{};var a="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};!function(){if("undefined"==typeof globalThis)if(void 0!==a)a.globalThis=a;else if("undefined"!=typeof self)self.globalThis=self;else if("undefined"!=typeof window)window.globalThis=window;else{const e=new Function("return this")();e.globalThis=e}}();const l={configurable:!1,enumerable:!1,writable:!1};void 0===globalThis.FAST&&Reflect.defineProperty(globalThis,"FAST",Object.assign({value:Object.create(null)},l));const d=globalThis.FAST;if(void 0===d.getById){const e=Object.create(null);Reflect.defineProperty(d,"getById",Object.assign({value(t,o){let i=e[t];return void 0===i&&(i=o?e[t]=o():null),i}},l))}void 0===d.error&&Object.assign(d,{warn(){},error:e=>new Error(`Error ${e}`),addMessages(){}});const c=Object.freeze([]);function h(){const e=new Map;return Object.freeze({register:t=>!e.has(t.type)&&(e.set(t.type,t),!0),getByType:t=>e.get(t),getForInstance(t){if(null!=t)return e.get(t.constructor)}})}function u(){const e=new WeakMap;return function(t){let o=e.get(t);if(void 0===o){let i=Reflect.getPrototypeOf(t);for(;void 0===o&&null!==i;)o=e.get(i),i=Reflect.getPrototypeOf(i);o=void 0===o?[]:o.slice(0),e.set(t,o)}return o}}function p(e){e.prototype.toJSON=n}const f=Object.freeze({none:0,attribute:1,booleanAttribute:2,property:3,content:4,tokenList:5,event:6}),g=e=>e,v=globalThis.trustedTypes?globalThis.trustedTypes.createPolicy("fast-html",{createHTML:g}):{createHTML:g};let m=Object.freeze({createHTML:e=>v.createHTML(e),protect:(e,t,o,i)=>i});const b=m,w=Object.freeze({get policy(){return m},setPolicy(e){if(m!==b)throw d.error(1201);m=e},setAttribute(e,t,o){null==o?e.removeAttribute(t):e.setAttribute(t,o)},setBooleanAttribute(e,t,o){o?e.setAttribute(t,""):e.removeAttribute(t)}}),y=d.getById(i.updateQueue,(()=>{const e=[],t=[],o=globalThis.requestAnimationFrame;let i=!0;function s(){if(t.length)throw t.shift()}function r(o){try{o.call()}catch(o){if(!i)throw e.length=0,o;t.push(o),setTimeout(s,0)}}function n(){let t=0;for(;t<e.length;)if(r(e[t]),t++,t>1024){for(let o=0,i=e.length-t;o<i;o++)e[o]=e[o+t];e.length-=t,t=0}e.length=0}function a(t){e.push(t),e.length<2&&(i?o(n):n())}return Object.freeze({enqueue:a,next:()=>new Promise(a),process:n,setMode:e=>i=e})}));class x{constructor(e,t){this.sub1=void 0,this.sub2=void 0,this.spillover=void 0,this.subject=e,this.sub1=t}has(e){return void 0===this.spillover?this.sub1===e||this.sub2===e:-1!==this.spillover.indexOf(e)}subscribe(e){const t=this.spillover;if(void 0===t){if(this.has(e))return;if(void 0===this.sub1)return void(this.sub1=e);if(void 0===this.sub2)return void(this.sub2=e);this.spillover=[this.sub1,this.sub2,e],this.sub1=void 0,this.sub2=void 0}else{-1===t.indexOf(e)&&t.push(e)}}unsubscribe(e){const t=this.spillover;if(void 0===t)this.sub1===e?this.sub1=void 0:this.sub2===e&&(this.sub2=void 0);else{const o=t.indexOf(e);-1!==o&&t.splice(o,1)}}notify(e){const t=this.spillover,o=this.subject;if(void 0===t){const t=this.sub1,i=this.sub2;void 0!==t&&t.handleChange(o,e),void 0!==i&&i.handleChange(o,e)}else for(let i=0,s=t.length;i<s;++i)t[i].handleChange(o,e)}}class k{constructor(e){this.subscribers={},this.subjectSubscribers=null,this.subject=e}notify(e){var t,o;null===(t=this.subscribers[e])||void 0===t||t.notify(e),null===(o=this.subjectSubscribers)||void 0===o||o.notify(e)}subscribe(e,t){var o,i;let s;s=t?null!==(o=this.subscribers[t])&&void 0!==o?o:this.subscribers[t]=new x(this.subject):null!==(i=this.subjectSubscribers)&&void 0!==i?i:this.subjectSubscribers=new x(this.subject),s.subscribe(e)}unsubscribe(e,t){var o,i;t?null===(o=this.subscribers[t])||void 0===o||o.unsubscribe(e):null===(i=this.subjectSubscribers)||void 0===i||i.unsubscribe(e)}}const S=Object.freeze({unknown:void 0,coupled:1}),C=d.getById(i.observable,(()=>{const e=y.enqueue,t=/(:|&&|\|\||if|\?\.)/,o=new WeakMap;let i,n=e=>{throw d.error(1101)};function a(e){var t;let i=null!==(t=e.$fastController)&&void 0!==t?t:o.get(e);return void 0===i&&(Array.isArray(e)?i=n(e):o.set(e,i=new k(e))),i}const l=u();class c{constructor(e){this.name=e,this.field=`_${e}`,this.callback=`${e}Changed`}getValue(e){return void 0!==i&&i.watch(e,this.name),e[this.field]}setValue(e,t){const o=this.field,i=e[o];if(i!==t){e[o]=t;const r=e[this.callback];s(r)&&r.call(e,i,t),a(e).notify(this.name)}}}class h extends x{constructor(e,t,o=!1){super(e,t),this.expression=e,this.isVolatileBinding=o,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;const t=this.observe(e.source,e.context);return!e.isBound&&this.requiresUnbind(e)&&e.onUnbind(this),t}requiresUnbind(e){return e.sourceLifetime!==S.coupled||this.first!==this.last||this.first.propertySource!==e.source}unbind(e){this.dispose()}observe(e,t){this.needsRefresh&&null!==this.last&&this.dispose();const o=i;let s;i=this.needsRefresh?this:void 0,this.needsRefresh=this.isVolatileBinding;try{s=this.expression(e,t)}finally{i=o}return s}disconnect(){this.dispose()}dispose(){if(null!==this.last){let e=this.first;for(;void 0!==e;)e.notifier.unsubscribe(this,e.propertyName),e=e.next;this.last=null,this.needsRefresh=this.needsQueue=this.isAsync}}watch(e,t){const o=this.last,s=a(e),r=null===o?this.first:{};if(r.propertySource=e,r.propertyName=t,r.notifier=s,s.subscribe(this,t),null!==o){if(!this.needsRefresh){let t;i=void 0,t=o.propertySource[o.propertyName],i=this,e===t&&(this.needsRefresh=!0)}o.next=r}this.last=r}handleChange(){this.needsQueue?(this.needsQueue=!1,e(this)):this.isAsync||this.call()}call(){null!==this.last&&(this.needsQueue=this.isAsync,this.notify(this))}*records(){let e=this.first;for(;void 0!==e;)yield e,e=e.next}}return p(h),Object.freeze({setArrayObserverFactory(e){n=e},getNotifier:a,track(e,t){i&&i.watch(e,t)},trackVolatile(){i&&(i.needsRefresh=!0)},notify(e,t){a(e).notify(t)},defineProperty(e,t){r(t)&&(t=new c(t)),l(e).push(t),Reflect.defineProperty(e,t.name,{enumerable:!0,get(){return t.getValue(this)},set(e){t.setValue(this,e)}})},getAccessors:l,binding(e,t,o=this.isVolatileBinding(e)){return new h(e,t,o)},isVolatileBinding:e=>t.test(e.toString())})}));function B(e,t){C.defineProperty(e,t)}const P=d.getById(i.contextEvent,(()=>{let e=null;return{get:()=>e,set(t){e=t}}})),E=Object.freeze({default:{index:0,length:0,get event(){return E.getEvent()},eventDetail(){return this.event.detail},eventTarget(){return this.event.target}},getEvent:()=>P.get(),setEvent(e){P.set(e)}});class A{constructor(e,t,o=!1){this.evaluate=e,this.policy=t,this.isVolatile=o}}class T extends A{createObserver(e){return C.binding(this.evaluate,e,this.isVolatile)}}function $(e,t,o=C.isVolatileBinding(e)){return new T(e,t,o)}class I extends A{createObserver(){return this}bind(e){return this.evaluate(e.source,e.context)}}function F(e,t){return new I(e,t)}let L;function M(e){return e.map((e=>e instanceof N?M(e.styles):[e])).reduce(((e,t)=>e.concat(t)),[])}p(I);class N{constructor(e){this.styles=e,this.targets=new WeakSet,this._strategy=null,this.behaviors=e.map((e=>e instanceof N?e.behaviors:null)).reduce(((e,t)=>null===t?e:null===e?t:e.concat(t)),null)}get strategy(){return null===this._strategy&&this.withStrategy(L),this._strategy}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=null===this.behaviors?e:this.behaviors.concat(e),this}withStrategy(e){return this._strategy=new e(M(this.styles)),this}static setDefaultStrategy(e){L=e}static normalize(e){return void 0===e?void 0:Array.isArray(e)?new N(e):e instanceof N?e:new N([e])}}N.supportsAdoptedStyleSheets=Array.isArray(document.adoptedStyleSheets)&&"replace"in CSSStyleSheet.prototype;const O=h(),V=Object.freeze({getForInstance:O.getForInstance,getByType:O.getByType,define:e=>(O.register({type:e}),e)});function R(e,t,o){t.source.style.setProperty(e.targetAspect,o.bind(t))}class D{constructor(e,t){this.dataBinding=e,this.targetAspect=t}createCSS(e){return e(this),`var(${this.targetAspect})`}addedCallback(e){var t;const o=e.source;if(!o.$cssBindings){o.$cssBindings=new Map;const e=o.setAttribute;o.setAttribute=(t,i)=>{e.call(o,t,i),"style"===t&&o.$cssBindings.forEach(((e,t)=>R(t,e.controller,e.observer)))}}const i=null!==(t=e[this.targetAspect])&&void 0!==t?t:e[this.targetAspect]=this.dataBinding.createObserver(this,this);i.controller=e,e.source.$cssBindings.set(this,{controller:e,observer:i})}connectedCallback(e){R(this,e,e[this.targetAspect])}removedCallback(e){e.source.$cssBindings&&e.source.$cssBindings.delete(this)}handleChange(e,t){R(this,t.controller,t)}}V.define(D);const z=`${Math.random().toString(36).substring(2,8)}`;let H=0;const _=()=>`--v${z}${++H}`;function j(e,t){const o=[];let i="";const r=[],n=e=>{r.push(e)};for(let r=0,a=e.length-1;r<a;++r){i+=e[r];let a=t[r];s(a)?a=new D($(a),_()).createCSS(n):a instanceof A?a=new D(a,_()).createCSS(n):void 0!==V.getForInstance(a)&&(a=a.createCSS(n)),a instanceof N||a instanceof CSSStyleSheet?(""!==i.trim()&&(o.push(i),i=""),o.push(a)):i+=a}return i+=e[e.length-1],""!==i.trim()&&o.push(i),{styles:o,behaviors:r}}const G=(e,...t)=>{const{styles:o,behaviors:i}=j(e,t),s=new N(o);return i.length?s.withBehaviors(...i):s};class W{constructor(e,t){this.behaviors=t,this.css="";const o=e.reduce(((e,t)=>(r(t)?this.css+=t:e.push(t),e)),[]);o.length&&(this.styles=new N(o))}createCSS(e){return this.behaviors.forEach(e),this.styles&&e(this),this.css}addedCallback(e){e.addStyles(this.styles)}removedCallback(e){e.removeStyles(this.styles)}}V.define(W),G.partial=(e,...t)=>{const{styles:o,behaviors:i}=j(e,t);return new W(o,i)};const q=`fast-${Math.random().toString(36).substring(2,8)}`,K=`${q}{`,U=`}${q}`,X=U.length;let Y=0;const Q=()=>`${q}-${++Y}`,Z=Object.freeze({interpolation:e=>`${K}${e}${U}`,attribute:e=>`${Q()}="${K}${e}${U}"`,comment:e=>`\x3c!--${K}${e}${U}--\x3e`}),J=Object.freeze({parse(e,t){const o=e.split(K);if(1===o.length)return null;const i=[];for(let e=0,s=o.length;e<s;++e){const s=o[e],r=s.indexOf(U);let n;if(-1===r)n=s;else{const e=s.substring(0,r);i.push(t[e]),n=s.substring(r+X)}""!==n&&i.push(n)}return i}}),ee=h(),te=Object.freeze({getForInstance:ee.getForInstance,getByType:ee.getByType,define:(e,t)=>((t=t||{}).type=e,ee.register(t),e),assignAspect(e,t){if(t)switch(e.sourceAspect=t,t[0]){case":":e.targetAspect=t.substring(1),e.aspectType="classList"===e.targetAspect?f.tokenList:f.property;break;case"?":e.targetAspect=t.substring(1),e.aspectType=f.booleanAttribute;break;case"@":e.targetAspect=t.substring(1),e.aspectType=f.event;break;default:e.targetAspect=t,e.aspectType=f.attribute}else e.aspectType=f.content}});class oe{constructor(e){this.options=e}createHTML(e){return Z.attribute(e(this))}createBehavior(){return this}}p(oe);const ie={[f.attribute]:w.setAttribute,[f.booleanAttribute]:w.setBooleanAttribute,[f.property]:(e,t,o)=>e[t]=o,[f.content]:function(e,t,o,i){if(null==o&&(o=""),o.create){e.textContent="";let t=e.$fastView;void 0===t?t=o.create():e.$fastTemplate!==o&&(t.isComposed&&(t.remove(),t.unbind()),t=o.create()),t.isComposed?t.needsBindOnly&&(t.needsBindOnly=!1,t.bind(i.source,i.context)):(t.isComposed=!0,t.bind(i.source,i.context),t.insertBefore(e),e.$fastView=t,e.$fastTemplate=o)}else{const t=e.$fastView;void 0!==t&&t.isComposed&&(t.isComposed=!1,t.remove(),t.needsBindOnly?t.needsBindOnly=!1:t.unbind()),e.textContent=o}},[f.tokenList]:function(e,t,o){var i;const s=`${this.id}-t`,r=null!==(i=e[s])&&void 0!==i?i:e[s]={v:0,cv:Object.create(null)},n=r.cv;let a=r.v;const l=e[t];if(null!=o&&o.length){const e=o.split(/\s+/);for(let t=0,o=e.length;t<o;++t){const o=e[t];""!==o&&(n[o]=a,l.add(o))}}if(r.v=a+1,0!==a){a-=1;for(const e in n)n[e]===a&&l.remove(e)}},[f.event]:()=>{}};class se{constructor(e){this.dataBinding=e,this.updateTarget=null,this.aspectType=f.content}createHTML(e){return Z.interpolation(e(this))}createBehavior(){var e;if(null===this.updateTarget){const t=ie[this.aspectType],o=null!==(e=this.dataBinding.policy)&&void 0!==e?e:this.policy;if(!t)throw d.error(1205);this.data=`${this.id}-d`,this.updateTarget=o.protect(this.targetTagName,this.aspectType,this.targetAspect,t)}return this}bind(e){var t;const o=e.targets[this.targetNodeId];switch(this.aspectType){case f.event:o[this.data]=e,o.addEventListener(this.targetAspect,this,this.dataBinding.options);break;case f.content:e.onUnbind(this);default:const i=null!==(t=o[this.data])&&void 0!==t?t:o[this.data]=this.dataBinding.createObserver(this,this);i.target=o,i.controller=e,this.updateTarget(o,this.targetAspect,i.bind(e),e)}}unbind(e){const t=e.targets[this.targetNodeId].$fastView;void 0!==t&&t.isComposed&&(t.unbind(),t.needsBindOnly=!0)}handleEvent(e){const t=e.currentTarget[this.data];if(t.isBound){E.setEvent(e);const o=this.dataBinding.evaluate(t.source,t.context);E.setEvent(null),!0!==o&&e.preventDefault()}}handleChange(e,t){const o=t.target,i=t.controller;this.updateTarget(o,this.targetAspect,t.bind(i),i)}}function re(e,t){const o=e.parentNode;let i,s=e;for(;s!==t;)i=s.nextSibling,o.removeChild(s),s=i;o.removeChild(t)}te.define(se,{aspected:!0});class ne{constructor(e,t,o){this.fragment=e,this.factories=t,this.targets=o,this.behaviors=null,this.unbindables=[],this.source=null,this.isBound=!1,this.sourceLifetime=S.unknown,this.context=this,this.index=0,this.length=0,this.firstChild=e.firstChild,this.lastChild=e.lastChild}get event(){return E.getEvent()}get isEven(){return this.index%2==0}get isOdd(){return this.index%2!=0}get isFirst(){return 0===this.index}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}appendTo(e){e.appendChild(this.fragment)}insertBefore(e){if(this.fragment.hasChildNodes())e.parentNode.insertBefore(this.fragment,e);else{const t=this.lastChild;if(e.previousSibling===t)return;const o=e.parentNode;let i,s=this.firstChild;for(;s!==t;)i=s.nextSibling,o.insertBefore(s,e),s=i;o.insertBefore(t,e)}}remove(){const e=this.fragment,t=this.lastChild;let o,i=this.firstChild;for(;i!==t;)o=i.nextSibling,e.appendChild(i),i=o;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 o=this.behaviors;if(null===o){this.source=e,this.context=t,this.behaviors=o=new Array(this.factories.length);const i=this.factories;for(let e=0,t=i.length;e<t;++e){const t=i[e].createBehavior();t.bind(this),o[e]=t}}else{null!==this.source&&this.evaluateUnbindables(),this.isBound=!1,this.source=e,this.context=t;for(let e=0,t=o.length;e<t;++e)o[e].bind(this)}this.isBound=!0}unbind(){this.isBound&&null!==this.source&&(this.evaluateUnbindables(),this.source=null,this.context=this,this.isBound=!1)}evaluateUnbindables(){const e=this.unbindables;for(let t=0,o=e.length;t<o;++t)e[t].unbind(this);e.length=0}static disposeContiguousBatch(e){if(0!==e.length){re(e[0].firstChild,e[e.length-1].lastChild);for(let t=0,o=e.length;t<o;++t)e[t].unbind()}}}p(ne),C.defineProperty(ne.prototype,"index"),C.defineProperty(ne.prototype,"length");const ae=(e,t)=>`${e}.${t}`,le={},de={index:0,node:null};function ce(e){e.startsWith("fast-")||d.warn(1204,{name:e})}const he=new Proxy(document.createElement("div"),{get(e,t){ce(t);const o=Reflect.get(e,t);return s(o)?o.bind(e):o},set:(e,t,o)=>(ce(t),Reflect.set(e,t,o))});class ue{constructor(e,t,o){this.fragment=e,this.directives=t,this.policy=o,this.proto=null,this.nodeIds=new Set,this.descriptors={},this.factories=[]}addFactory(e,t,o,i,s){var r,n;this.nodeIds.has(o)||(this.nodeIds.add(o),this.addTargetDescriptor(t,o,i)),e.id=null!==(r=e.id)&&void 0!==r?r:Q(),e.targetNodeId=o,e.targetTagName=s,e.policy=null!==(n=e.policy)&&void 0!==n?n:this.policy,this.factories.push(e)}freeze(){return this.proto=Object.create(null,this.descriptors),this}addTargetDescriptor(e,t,o){const i=this.descriptors;if("r"===t||"h"===t||i[t])return;if(!i[e]){const t=e.lastIndexOf("."),o=e.substring(0,t),i=parseInt(e.substring(t+1));this.addTargetDescriptor(o,e,i)}let s=le[t];if(!s){const i=`_${t}`;le[t]=s={get(){var t;return null!==(t=this[i])&&void 0!==t?t:this[i]=this[e].childNodes[o]}}}i[t]=s}createView(e){const t=this.fragment.cloneNode(!0),o=Object.create(this.proto);o.r=t,o.h=null!=e?e:he;for(const e of this.nodeIds)o[e];return new ne(t,this.factories,o)}}function pe(e,t,o,i,s,r=!1){const n=o.attributes,a=e.directives;for(let l=0,d=n.length;l<d;++l){const c=n[l],h=c.value,u=J.parse(h,a);let p=null;null===u?r&&(p=new se(F((()=>h),e.policy)),te.assignAspect(p,c.name)):p=me.aggregate(u,e.policy),null!==p&&(o.removeAttributeNode(c),l--,d--,e.addFactory(p,t,i,s,o.tagName))}}function fe(e,t,o){let i=0,s=t.firstChild;for(;s;){const t=ge(e,o,s,i);s=t.node,i=t.index}}function ge(e,t,o,i){const s=ae(t,i);switch(o.nodeType){case 1:pe(e,t,o,s,i),fe(e,o,s);break;case 3:return function(e,t,o,i,s){const n=J.parse(t.textContent,e.directives);if(null===n)return de.node=t.nextSibling,de.index=s+1,de;let a,l=a=t;for(let t=0,d=n.length;t<d;++t){const d=n[t];0!==t&&(s++,i=ae(o,s),a=l.parentNode.insertBefore(document.createTextNode(""),l.nextSibling)),r(d)?a.textContent=d:(a.textContent=" ",te.assignAspect(d),e.addFactory(d,o,i,s,null)),l=a}return de.index=s+1,de.node=l.nextSibling,de}(e,o,t,s,i);case 8:const n=J.parse(o.data,e.directives);null!==n&&e.addFactory(me.aggregate(n),t,s,i,null)}return de.index=i+1,de.node=o.nextSibling,de}const ve="TEMPLATE",me={compile(e,t,o=w.policy){let i;if(r(e)){i=document.createElement(ve),i.innerHTML=o.createHTML(e);const t=i.content.firstElementChild;null!==t&&t.tagName===ve&&(i=t)}else i=e;i.content.firstChild||i.content.lastChild||i.content.appendChild(document.createComment(""));const s=document.adoptNode(i.content),n=new ue(s,t,o);var a,l;return pe(n,"",i,"h",0,!0),a=s.firstChild,l=t,(a&&8==a.nodeType&&null!==J.parse(a.data,l)||1===s.childNodes.length&&Object.keys(t).length>0)&&s.insertBefore(document.createComment(""),s.firstChild),fe(n,s,"r"),de.node=null,n.freeze()},setDefaultStrategy(e){this.compile=e},aggregate(e,t=w.policy){if(1===e.length)return e[0];let o,i,s,n=!1;const a=e.length,l=e.map((e=>r(e)?()=>e:(o=e.sourceAspect||o,i=e.dataBinding||i,n=n||e.dataBinding.isVolatile,s=s||e.dataBinding.policy,e.dataBinding.evaluate)));i.evaluate=(e,t)=>{let o="";for(let i=0;i<a;++i)o+=l[i](e,t);return o},i.isVolatile=n,i.policy=null!=s?s:t;const d=new se(i);return te.assignAspect(d,o),d}},be=/([ \x09\x0a\x0c\x0d])([^\0-\x1F\x7F-\x9F "'>=/]+)([ \x09\x0a\x0c\x0d]*=[ \x09\x0a\x0c\x0d]*(?:[^ \x09\x0a\x0c\x0d"'`<>=]*|"[^"]*|'[^']*))$/,we=Object.create(null);class ye{constructor(e,t=we){this.html=e,this.factories=t}createHTML(e){const t=this.factories;for(const o in t)e(t[o]);return this.html}}function xe(e,t,o,i=te.getForInstance(e)){if(i.aspected){const o=be.exec(t);null!==o&&te.assignAspect(e,o[2])}return e.createHTML(o)}ye.empty=new ye(""),te.define(ye);class ke{constructor(e,t={},o){this.policy=o,this.result=null,this.html=e,this.factories=t}create(e){return null===this.result&&(this.result=me.compile(this.html,this.factories,this.policy)),this.result.createView(e)}inline(){return new ye(r(this.html)?this.html:this.html.innerHTML,this.factories)}withPolicy(e){if(this.result)throw d.error(1208);if(this.policy)throw d.error(1207);return this.policy=e,this}render(e,t,o){const i=this.create(o);return i.bind(e),i.appendTo(t),i}static create(e,t,o){let i="";const r=Object.create(null),n=e=>{var t;const o=null!==(t=e.id)&&void 0!==t?t:e.id=Q();return r[o]=e,o};for(let o=0,r=e.length-1;o<r;++o){const r=e[o];let a,l=t[o];if(i+=r,s(l))l=new se($(l));else if(l instanceof A)l=new se(l);else if(!(a=te.getForInstance(l))){const e=l;l=new se(F((()=>e)))}i+=xe(l,r,n,a)}return new ke(i+e[e.length-1],r,o)}}p(ke);const Se=(e,...t)=>{if(Array.isArray(e)&&Array.isArray(e.raw))return ke.create(e,t);throw d.error(1206)};Se.partial=e=>new ye(e);class Ce extends oe{bind(e){e.source[this.options]=e.targets[this.targetNodeId]}}te.define(Ce);const Be=e=>new Ce(e),Pe=()=>null;function Ee(e){return void 0===e?Pe:s(e)?e:()=>e}function Ae(e,t,o){const i=s(e)?e:()=>e,r=Ee(t),n=Ee(o);return(e,t)=>i(e,t)?r(e,t):n(e,t)}class Te extends oe{get id(){return this._id}set id(e){this._id=e,this._controllerProperty=`${e}-c`}bind(e){const t=e.targets[this.targetNodeId];t[this._controllerProperty]=e,this.updateTarget(e.source,this.computeNodes(t)),this.observe(t),e.onUnbind(this)}unbind(e){const t=e.targets[this.targetNodeId];this.updateTarget(e.source,c),this.disconnect(t),t[this._controllerProperty]=null}getSource(e){return e[this._controllerProperty].source}updateTarget(e,t){e[this.options.property]=t}computeNodes(e){let t=this.getNodes(e);return"filter"in this.options&&(t=t.filter(this.options.filter)),t}}const $e="slotchange";class Ie extends Te{observe(e){e.addEventListener($e,this)}disconnect(e){e.removeEventListener($e,this)}getNodes(e){return e.assignedNodes(this.options)}handleEvent(e){const t=e.currentTarget;this.updateTarget(this.getSource(t),this.computeNodes(t))}}function Fe(e){return r(e)&&(e={property:e}),new Ie(e)}te.define(Ie);const Le="boolean",Me="reflect",Ne=Object.freeze({locate:u()}),Oe={toView:e=>e?"true":"false",fromView:e=>null!=e&&"false"!==e&&!1!==e&&0!==e};function Ve(e){if(null==e)return null;const t=1*e;return isNaN(t)?null:t}const Re={toView(e){const t=Ve(e);return t?t.toString():t},fromView:Ve};class De{constructor(e,t,o=t.toLowerCase(),i=Me,s){this.guards=new Set,this.Owner=e,this.name=t,this.attribute=o,this.mode=i,this.converter=s,this.fieldName=`_${t}`,this.callbackName=`${t}Changed`,this.hasCallback=this.callbackName in e.prototype,i===Le&&void 0===s&&(this.converter=Oe)}setValue(e,t){const o=e[this.fieldName],i=this.converter;void 0!==i&&(t=i.fromView(t)),o!==t&&(e[this.fieldName]=t,this.tryReflectToAttribute(e),this.hasCallback&&e[this.callbackName](o,t),e.$fastController.notify(this.name))}getValue(e){return C.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){const t=this.mode,o=this.guards;o.has(e)||"fromView"===t||y.enqueue((()=>{o.add(e);const i=e[this.fieldName];switch(t){case Me:const t=this.converter;w.setAttribute(e,this.attribute,void 0!==t?t.toView(i):i);break;case Le:w.setBooleanAttribute(e,this.attribute,i)}o.delete(e)}))}static collect(e,...t){const o=[];t.push(Ne.locate(e));for(let i=0,s=t.length;i<s;++i){const s=t[i];if(void 0!==s)for(let t=0,i=s.length;t<i;++t){const i=s[t];r(i)?o.push(new De(e,i)):o.push(new De(e,i.property,i.attribute,i.mode,i.converter))}}return o}}function ze(e,t){let o;function i(e,t){arguments.length>1&&(o.property=t),Ne.locate(e.constructor).push(o)}return arguments.length>1?(o={},void i(e,t)):(o=void 0===e?{}:e,i)}const He={mode:"open"},_e={},je=new Set,Ge=d.getById(i.elementRegistry,(()=>h()));class We{constructor(e,t=e.definition){var o;this.platformDefined=!1,r(t)&&(t={name:t}),this.type=e,this.name=t.name,this.template=t.template,this.registry=null!==(o=t.registry)&&void 0!==o?o:customElements;const i=e.prototype,s=De.collect(e,t.attributes),n=new Array(s.length),a={},l={};for(let e=0,t=s.length;e<t;++e){const t=s[e];n[e]=t.attribute,a[t.name]=t,l[t.attribute]=t,C.defineProperty(i,t)}Reflect.defineProperty(e,"observedAttributes",{value:n,enumerable:!0}),this.attributes=s,this.propertyLookup=a,this.attributeLookup=l,this.shadowOptions=void 0===t.shadowOptions?He:null===t.shadowOptions?void 0:Object.assign(Object.assign({},He),t.shadowOptions),this.elementOptions=void 0===t.elementOptions?_e:Object.assign(Object.assign({},_e),t.elementOptions),this.styles=N.normalize(t.styles),Ge.register(this)}get isDefined(){return this.platformDefined}define(e=this.registry){const t=this.type;return e.get(this.name)||(this.platformDefined=!0,e.define(this.name,t,this.elementOptions)),this}static compose(e,t){return je.has(e)||Ge.getByType(e)?new We(class extends e{},t):new We(e,t)}static registerBaseType(e){je.add(e)}}We.getByType=Ge.getByType,We.getForInstance=Ge.getForInstance;const qe={bubbles:!0,composed:!0,cancelable:!0},Ke="isConnected",Ue=new WeakMap;function Xe(e){var t,o;return null!==(o=null!==(t=e.shadowRoot)&&void 0!==t?t:Ue.get(e))&&void 0!==o?o:null}let Ye;class Qe extends k{constructor(e,t){super(e),this.boundObservables=null,this.needsInitialization=!0,this.hasExistingShadowRoot=!1,this._template=null,this.stage=3,this.guardBehaviorConnection=!1,this.behaviors=null,this._mainStyles=null,this.$fastController=this,this.view=null,this.source=e,this.definition=t;const o=t.shadowOptions;if(void 0!==o){let t=e.shadowRoot;t?this.hasExistingShadowRoot=!0:(t=e.attachShadow(o),"closed"===o.mode&&Ue.set(e,t))}const i=C.getAccessors(e);if(i.length>0){const t=this.boundObservables=Object.create(null);for(let o=0,s=i.length;o<s;++o){const s=i[o].name,r=e[s];void 0!==r&&(delete e[s],t[s]=r)}}}get isConnected(){return C.track(this,Ke),1===this.stage}get context(){var e,t;return null!==(t=null===(e=this.view)||void 0===e?void 0:e.context)&&void 0!==t?t:E.default}get isBound(){var e,t;return null!==(t=null===(e=this.view)||void 0===e?void 0:e.isBound)&&void 0!==t&&t}get sourceLifetime(){var e;return null===(e=this.view)||void 0===e?void 0:e.sourceLifetime}get template(){var e;if(null===this._template){const t=this.definition;this.source.resolveTemplate?this._template=this.source.resolveTemplate():t.template&&(this._template=null!==(e=t.template)&&void 0!==e?e:null)}return this._template}set template(e){this._template!==e&&(this._template=e,this.needsInitialization||this.renderTemplate(e))}get mainStyles(){var e;if(null===this._mainStyles){const t=this.definition;this.source.resolveStyles?this._mainStyles=this.source.resolveStyles():t.styles&&(this._mainStyles=null!==(e=t.styles)&&void 0!==e?e:null)}return this._mainStyles}set mainStyles(e){this._mainStyles!==e&&(null!==this._mainStyles&&this.removeStyles(this._mainStyles),this._mainStyles=e,this.needsInitialization||this.addStyles(e))}onUnbind(e){var t;null===(t=this.view)||void 0===t||t.onUnbind(e)}addBehavior(e){var t,o;const i=null!==(t=this.behaviors)&&void 0!==t?t:this.behaviors=new Map,s=null!==(o=i.get(e))&&void 0!==o?o:0;0===s?(i.set(e,1),e.addedCallback&&e.addedCallback(this),!e.connectedCallback||this.guardBehaviorConnection||1!==this.stage&&0!==this.stage||e.connectedCallback(this)):i.set(e,s+1)}removeBehavior(e,t=!1){const o=this.behaviors;if(null===o)return;const i=o.get(e);void 0!==i&&(1===i||t?(o.delete(e),e.disconnectedCallback&&3!==this.stage&&e.disconnectedCallback(this),e.removedCallback&&e.removedCallback(this)):o.set(e,i-1))}addStyles(e){var t;if(!e)return;const o=this.source;if(e instanceof HTMLElement){(null!==(t=Xe(o))&&void 0!==t?t:this.source).append(e)}else if(!e.isAttachedTo(o)){const t=e.behaviors;if(e.addStylesTo(o),null!==t)for(let e=0,o=t.length;e<o;++e)this.addBehavior(t[e])}}removeStyles(e){var t;if(!e)return;const o=this.source;if(e instanceof HTMLElement){(null!==(t=Xe(o))&&void 0!==t?t:o).removeChild(e)}else if(e.isAttachedTo(o)){const t=e.behaviors;if(e.removeStylesFrom(o),null!==t)for(let e=0,o=t.length;e<o;++e)this.removeBehavior(t[e])}}connect(){if(3!==this.stage)return;if(this.stage=0,null!==this.boundObservables){const e=this.source,t=this.boundObservables,o=Object.keys(t);for(let i=0,s=o.length;i<s;++i){const s=o[i];e[s]=t[s]}this.boundObservables=null}const e=this.behaviors;if(null!==e){this.guardBehaviorConnection=!0;for(const t of e.keys())t.connectedCallback&&t.connectedCallback(this);this.guardBehaviorConnection=!1}this.needsInitialization?(this.renderTemplate(this.template),this.addStyles(this.mainStyles),this.needsInitialization=!1):null!==this.view&&this.view.bind(this.source),this.stage=1,C.notify(this,Ke)}disconnect(){if(1!==this.stage)return;this.stage=2,C.notify(this,Ke),null!==this.view&&this.view.unbind();const e=this.behaviors;if(null!==e)for(const t of e.keys())t.disconnectedCallback&&t.disconnectedCallback(this);this.stage=3}onAttributeChangedCallback(e,t,o){const i=this.definition.attributeLookup[e];void 0!==i&&i.onAttributeChangedCallback(this.source,o)}emit(e,t,o){return 1===this.stage&&this.source.dispatchEvent(new CustomEvent(e,Object.assign(Object.assign({detail:t},qe),o)))}renderTemplate(e){var t;const o=this.source,i=null!==(t=Xe(o))&&void 0!==t?t:o;if(null!==this.view)this.view.dispose(),this.view=null;else if(!this.needsInitialization||this.hasExistingShadowRoot){this.hasExistingShadowRoot=!1;for(let e=i.firstChild;null!==e;e=i.firstChild)i.removeChild(e)}e&&(this.view=e.render(o,i,o),this.view.sourceLifetime=S.coupled)}static forCustomElement(e){const t=e.$fastController;if(void 0!==t)return t;const o=We.getForInstance(e);if(void 0===o)throw d.error(1401);return e.$fastController=new Ye(e,o)}static setStrategy(e){Ye=e}}function Ze(e){var t;return"adoptedStyleSheets"in e?e:null!==(t=Xe(e))&&void 0!==t?t:e.getRootNode()}p(Qe),Qe.setStrategy(Qe);class Je{constructor(e){const t=Je.styleSheetCache;this.sheets=e.map((e=>{if(e instanceof CSSStyleSheet)return e;let o=t.get(e);return void 0===o&&(o=new CSSStyleSheet,o.replaceSync(e),t.set(e,o)),o}))}addStylesTo(e){it(Ze(e),this.sheets)}removeStylesFrom(e){st(Ze(e),this.sheets)}}Je.styleSheetCache=new Map;let et=0;function tt(e){return e===document?document.body:e}class ot{constructor(e){this.styles=e,this.styleClass="fast-"+ ++et}addStylesTo(e){e=tt(Ze(e));const t=this.styles,o=this.styleClass;for(let i=0;i<t.length;i++){const s=document.createElement("style");s.innerHTML=t[i],s.className=o,e.append(s)}}removeStylesFrom(e){const t=(e=tt(Ze(e))).querySelectorAll(`.${this.styleClass}`);for(let o=0,i=t.length;o<i;++o)e.removeChild(t[o])}}let it=(e,t)=>{e.adoptedStyleSheets=[...e.adoptedStyleSheets,...t]},st=(e,t)=>{e.adoptedStyleSheets=e.adoptedStyleSheets.filter((e=>-1===t.indexOf(e)))};if(N.supportsAdoptedStyleSheets){try{document.adoptedStyleSheets.push(),document.adoptedStyleSheets.splice(),it=(e,t)=>{e.adoptedStyleSheets.push(...t)},st=(e,t)=>{for(const o of t){const t=e.adoptedStyleSheets.indexOf(o);-1!==t&&e.adoptedStyleSheets.splice(t,1)}}}catch(e){}N.setDefaultStrategy(Je)}else N.setDefaultStrategy(ot);function rt(e){const t=class extends e{constructor(){super(),Qe.forCustomElement(this)}$emit(e,t,o){return this.$fastController.emit(e,t,o)}connectedCallback(){this.$fastController.connect()}disconnectedCallback(){this.$fastController.disconnect()}attributeChangedCallback(e,t,o){this.$fastController.onAttributeChangedCallback(e,t,o)}};return We.registerBaseType(t),t}const nt=Object.assign(rt(HTMLElement),{from:function(e){return rt(e)},define:function(e,t){return s(e)?We.compose(e,t).define().type:We.compose(this,e).define().type},compose:function(e,t){return s(e)?We.compose(e,t):We.compose(this,e)}});class at extends nt{constructor(){super(...arguments),this.hidden=!0}hiddenChanged(e,t){e!==t&&this.$emit("hiddenchanged",this.hidden)}}e([ze({mode:"boolean"})],at.prototype,"hidden",void 0);const lt=Object.freeze({prefix:"fabric",shadowRootMode:"open",registry:customElements}),dt="ArrowDown",ct="ArrowUp",ht="Enter",ut="Escape",pt="Home",ft="Tab";let gt=0;function vt(e=""){return`${e}${gt++}`}function mt(e){return e?"string"==typeof e?new ye(e):"inline"in e?e.inline():e:ye.empty}function bt(e){return Se`
+        <slot name="end" ${Be("end")}>${mt(e.end)}</slot>
+    `.inline()}function wt(e){return Se`
+        <slot name="start" ${Be("start")}>${mt(e.start)}</slot>
+    `.inline()}function yt(e){return`:host([hidden]){display:none}:host{display:${e}}`}function xt(e){const t=e.parentElement;if(t)return t;{const t=e.getRootNode();if(t.host instanceof HTMLElement)return t.host}return null}class kt{constructor(e){this.value=e,this.notifier=C.getNotifier(this),this.dependencies=new Set,this.binding=C.binding(e,this),this.binding.setMode(!1)}static getOrCreate(e){let t=kt.cache.get(e);return t||(t=new kt(e),kt.cache.set(e,t),t)}evaluate(e,t){return this.binding.observe((o=>{if(this.dependencies.add(o),t===o){if(e.parent)return e.parent.getTokenValue(o);throw new Error("DesignTokenNode has encountered a circular token reference. Avoid this by setting the token value for an ancestor node.")}return e.getTokenValue(o)}))}handleChange(){this.notifier.notify(void 0)}}kt.cache=new WeakMap;class St{constructor(e,t,o,i){this.token=e,this.evaluator=t,this.node=o,this.subscriber=i,this.value=t.evaluate(o,e),this.subscriber&&C.getNotifier(this.evaluator).subscribe(this.subscriber)}dispose(){this.subscriber&&C.getNotifier(this.evaluator).unsubscribe(this.subscriber)}update(){return this.value=this.evaluator.evaluate(this.node,this.token),this}}class Ct{constructor(e,t,o,i){this.target=e,this.type=t,this.token=o,this.value=i}notify(){C.getNotifier(this.token).notify(this)}}class Bt{constructor(){this._parent=null,this._children=new Set,this._values=new Map,this._derived=new Map,this.dependencyGraph=new Map}static isDerivedTokenValue(e){return"function"==typeof e}static isDerivedFor(e,t){return e._derived.has(t)}static collectDerivedContext(e){const t=new Map;if(null===e.parent)return t;let o=Bt.getAssignedTokensForNode(e),i=e.parent;do{const e=Bt.getAssignedTokensForNode(i);for(let s=0,r=e.length;s<r;s++){const r=e[s];!o.includes(r)&&Bt.isDerivedFor(i,r)&&t.set(r,i._derived.get(r))}o=Array.from(new Set(o.concat(e))),i=i.parent}while(null!==i);return t}static getLocalTokenValue(e,t){return Bt.isAssigned(e,t)?Bt.isDerivedFor(e,t)?e._derived.get(t).value:e._values.get(t):void 0}static getOrCreateDependencyGraph(e,t){let o=e.dependencyGraph.get(t);return o||(o=new Set,e.dependencyGraph.set(t,o),o)}static notify(){const e=this._notifications;this._notifications=[];for(const t of e)t.notify()}static queueNotification(...e){this._notifications.push(...e)}static getAssignedTokensForNode(e){return Array.from(e._values.keys())}static composeAssignedTokensForNode(e){const t=new Set(Bt.getAssignedTokensForNode(e));let o=e.parent;for(;null!==o;){const e=Bt.getAssignedTokensForNode(o);for(const o of e)t.add(o);o=o.parent}return Array.from(t)}static isAssigned(e,t){return e._values.has(t)}get parent(){return this._parent}get children(){return Array.from(this._children)}appendChild(e){var t,o;let i=null;null!==e.parent&&(i=Bt.composeAssignedTokensForNode(e.parent),e.parent._children.delete(e));const s=Bt.composeAssignedTokensForNode(this),r=Bt.collectDerivedContext(this);e._parent=this,this._children.add(e);for(const o of s){let s=0;if(null!==i){const e=i.indexOf(o);-1!==e&&(s=1,i.splice(e,1))}e.dispatch(new Ct(this,s,o,null===(t=r.get(o))||void 0===t?void 0:t.evaluator.value))}if(null!==i&&i.length>0)for(const t of i)e.dispatch(new Ct(this,2,t,null===(o=r.get(t))||void 0===o?void 0:o.evaluator.value));Bt.notify()}removeChild(e){if(e.parent===this){const t=Bt.composeAssignedTokensForNode(this);e._parent=null,this._children.delete(e);for(const o of t)e.dispatch(new Ct(this,2,o));Bt.notify()}}dispose(){this.parent&&(this.parent._children.delete(this),this._parent=null);for(const[,e]of this._derived)e.dispose()}setTokenValue(e,t){const o=Bt.isAssigned(this,e)||Bt.isDerivedFor(this,e)?1:0,i=Bt.getLocalTokenValue(this,e);this._values.set(e,t),Bt.isDerivedFor(this,e)&&this.tearDownDerivedTokenValue(e);const s=Bt.isDerivedTokenValue(t),r=Bt.collectDerivedContext(this);let n;if(s){n=this.setupDerivedTokenValue(e,t,!0).value}else n=t;i!==n&&Bt.queueNotification(new Ct(this,o,e,t)),this.dispatch(new Ct(this,o,e,t)),r.forEach(((e,t)=>{if(!Bt.isDerivedFor(this,t)){Bt.getLocalTokenValue(this,t)!==(e=this.setupDerivedTokenValue(t,e.evaluator.value)).value&&Bt.queueNotification(new Ct(this,1,t,e.evaluator.value)),this.dispatch(new Ct(this,0,t,e.evaluator.value))}})),Bt.notify()}getTokenValue(e){let t,o=this;for(;null!==o;){if(Bt.isDerivedFor(o,e)){t=o._derived.get(e).value;break}if(Bt.isAssigned(o,e)){t=o._values.get(e);break}o=o._parent}if(void 0!==t)return t;throw new Error(`No value set for token ${e} in node tree.`)}deleteTokenValue(e){if(Bt.isAssigned(this,e)){const t=Bt.getLocalTokenValue(this,e);let o;this._values.delete(e),this.tearDownDerivedTokenValue(e);try{o=this.getTokenValue(e)}catch(e){o=void 0}Bt.queueNotification(new Ct(this,2,e)),t!==o&&this.dispatch(new Ct(this,2,e)),Bt.notify()}}dispatch(e){var t,o,i;if(this!==e.target){const{token:s}=e,r=Bt.isAssigned(this,s),n=r&&(null===(t=this._derived.get(s))||void 0===t?void 0:t.evaluator.dependencies.has(s));if(r&&!n)return;2===e.type&&!r&&Bt.isDerivedFor(this,s)&&(this.tearDownDerivedTokenValue(s),Bt.queueNotification(new Ct(this,2,s))),n&&(e=new Ct(this,1,s,null===(o=this._derived.get(s))||void 0===o?void 0:o.evaluator.value));const{value:a}=e;if(a&&Bt.isDerivedTokenValue(a)){const t=kt.getOrCreate(a).dependencies;let o=!1;for(const e of t)if(Bt.isAssigned(this,e)){o=!0;break}if(o){const t=null===(i=this._derived.get(s))||void 0===i?void 0:i.value,o=this.setupDerivedTokenValue(s,a);if(t!==o.value){const i=new Ct(this,void 0===t?0:1,s,o.evaluator.value);Bt.queueNotification(i),e=i}}}}this.collectLocalChangeRecords(e).forEach((e=>{Bt.queueNotification(e),this.dispatch(e)})),this.notifyChildren(e)}collectLocalChangeRecords(e){const t=new Map;for(const o of Bt.getOrCreateDependencyGraph(this,e.token))o.value!==o.update().value&&t.set(o.token,new Ct(this,1,o.token,o.evaluator.value));return t}notifyChildren(...e){if(this.children.length)for(let t=0,o=this.children.length;t<o;t++)for(let o=0;o<e.length;o++)this.children[t].dispatch(e[o])}tearDownDerivedTokenValue(e){if(Bt.isDerivedFor(this,e)){const t=this._derived.get(e);t.dispose(),this._derived.delete(e),t.evaluator.dependencies.forEach((e=>{Bt.getOrCreateDependencyGraph(this,e).delete(t)}))}}setupDerivedTokenValue(e,t,o=!1){const i=new St(e,kt.getOrCreate(t),this,o?{handleChange:()=>{if(i.value!==i.update().value){const e=new Ct(this,1,i.token,i.evaluator.value);Bt.queueNotification(e),this.dispatch(e),Bt.notify()}}}:void 0);return this._derived.set(e,i),i.evaluator.dependencies.forEach((t=>{t!==e&&Bt.getOrCreateDependencyGraph(this,t).add(i)})),i}}Bt._notifications=[];class Pt{setProperty(e,t){y.enqueue((()=>this.target.setProperty(e,t)))}removeProperty(e){y.enqueue((()=>this.target.removeProperty(e)))}}class Et extends Pt{constructor(){super();const e=new CSSStyleSheet;this.target=e.cssRules[e.insertRule(":root{}")].style,document.adoptedStyleSheets=[...document.adoptedStyleSheets,e]}}class At extends Pt{constructor(){super(),this.style=document.createElement("style"),document.head.appendChild(this.style);const{sheet:e}=this.style;if(e){const t=e.insertRule(":root{}",e.cssRules.length);this.target=e.cssRules[t].style}}}class Tt{constructor(e){this.store=new Map,this.target=null;const t=e.$fastController;this.style=document.createElement("style"),t.addStyles(this.style),C.getNotifier(t).subscribe(this,"isConnected"),this.handleChange(t,"isConnected")}targetChanged(){if(null!==this.target)for(const[e,t]of this.store.entries())this.target.setProperty(e,t)}setProperty(e,t){this.store.set(e,t),y.enqueue((()=>{null!==this.target&&this.target.setProperty(e,t)}))}removeProperty(e){this.store.delete(e),y.enqueue((()=>{null!==this.target&&this.target.removeProperty(e)}))}handleChange(e,t){const{sheet:o}=this.style;if(o){const e=o.insertRule(":host{}",o.cssRules.length);this.target=o.cssRules[e].style}else this.target=null}}e([B],Tt.prototype,"target",void 0);class $t{setProperty(e,t){$t.properties[e]=t;for(const o of $t.roots.values())o.setProperty(e,t)}removeProperty(e){delete $t.properties[e];for(const t of $t.roots.values())t.removeProperty(e)}static registerRoot(e){const{roots:t}=$t;if(!t.has(e)){t.add(e);for(const t in $t.properties)e.setProperty(t,$t.properties[t])}}static unregisterRoot(e){const{roots:t}=$t;if(t.has(e)){t.delete(e);for(const t in $t.properties)e.removeProperty(t)}}}$t.roots=new Set,$t.properties={};const It=new WeakMap,Ft=N.supportsAdoptedStyleSheets?class extends Pt{constructor(e){super();const t=new CSSStyleSheet;this.target=t.cssRules[t.insertRule(":host{}")].style,e.$fastController.addStyles(new N([t]))}}:Tt,Lt=Object.freeze({getOrCreate(e){if(It.has(e))return It.get(e);let t;return t=e instanceof Document?N.supportsAdoptedStyleSheets?new Et:new At:new Ft(e),It.set(e,t),t}});class Mt{constructor(e){this.subscriberNotifier={handleChange:(e,t)=>{const o={target:t.target===Rt.defaultNode?"default":t.target.target,token:this};this.subscribers.notify(o)}},this.name=e.name,C.getNotifier(this).subscribe(this.subscriberNotifier)}get $value(){return this.default}get default(){return Rt.defaultNode.getTokenValue(this)}get subscribers(){return this._subscribers||(this._subscribers=new x(this)),this._subscribers}static isCSSDesignTokenConfiguration(e){return"string"==typeof e.cssCustomPropertyName}static create(e){return"string"==typeof e?new Nt({name:e,cssCustomPropertyName:e}):Mt.isCSSDesignTokenConfiguration(e)?new Nt(e):new Mt(e)}static withStrategy(e){Rt.withStrategy(e)}static registerDefaultStyleTarget(e=document){(e instanceof nt||e instanceof Document)&&(e=Lt.getOrCreate(e)),$t.registerRoot(e)}static unregisterDefaultStyleTarget(e=document){(e instanceof nt||e instanceof Document)&&(e=Lt.getOrCreate(e)),$t.unregisterRoot(e)}getValueFor(e){return Rt.getOrCreate(e).getTokenValue(this)}setValueFor(e,t){Rt.getOrCreate(e).setTokenValue(this,this.normalizeValue(t))}deleteValueFor(e){return Rt.getOrCreate(e).deleteTokenValue(this),this}withDefault(e){return Rt.defaultNode.setTokenValue(this,this.normalizeValue(e)),this}subscribe(e){this.subscribers.subscribe(e)}unsubscribe(e){this.subscribers.unsubscribe(e)}alias(e){return t=>t(e)}normalizeValue(e){return e instanceof Mt&&(e=this.alias(e)),e}}let Nt=class extends Mt{constructor(e){super(e),this.cssReflector={handleChange:(e,t)=>{const o=t.target===Rt.defaultNode?Rt.rootStyleSheetTarget:t.target instanceof Rt?Lt.getOrCreate(t.target.target):null;o&&(2===t.type?o.removeProperty(this.cssCustomProperty):o.setProperty(this.cssCustomProperty,this.resolveCSSValue(t.target.getTokenValue(this))))}},this.cssCustomProperty=`--${e.cssCustomPropertyName}`,this.cssVar=`var(${this.cssCustomProperty})`,C.getNotifier(this).subscribe(this.cssReflector)}createCSS(){return this.cssVar}createHTML(){return this.cssVar}resolveCSSValue(e){return e&&"function"==typeof e.createCSS?e.createCSS():e}};var Ot;Nt=e([function(e){V.define(e)},function(e){te.define(e,Ot)}],Nt);const Vt={contains:function(e,t){let o=t;for(;null!==o;){if(o===e)return!0;o=xt(o)}return!1},parent(e){let t=xt(e);for(;null!==t;){if(t instanceof nt)return t;t=xt(t)}return null}};class Rt extends Bt{constructor(e){super(),this.target=e,this.setTokenValue=this.lazyAttachToDefault(super.setTokenValue),this.getTokenValue=this.lazyAttachToDefault(super.getTokenValue),this.deleteTokenValue=this.lazyAttachToDefault(super.deleteTokenValue)}static get strategy(){return void 0===this._strategy&&Rt.withStrategy(Vt),this._strategy}connectedCallback(e){let t=Rt.findParent(e.source);if(null===t&&(t=Rt.defaultNode),t!==this.parent){const o=[];for(const i of t.children)i instanceof Rt&&Rt.strategy.contains(e.source,i.target)&&o.push(i);t.appendChild(this);for(const e of o)this.appendChild(e)}}disconnectedCallback(e){Rt.cache.delete(this.target),this.dispose()}static getOrCreate(e){let t=Rt.cache.get(e);return t||(t=new Rt(e),Rt.cache.set(e,t),e.$fastController.addBehavior(Rt.strategy),e.$fastController.addBehavior(t),t)}static withStrategy(e){this._strategy=e}static findParent(e){let t=Rt.strategy.parent(e);for(;null!==t;){const e=Rt.cache.get(t);if(e)return e;t=Rt.strategy.parent(t)}return null}lazyAttachToDefault(e){return(...t)=>(null===this.parent&&Rt.defaultNode.appendChild(this),e.apply(this,t))}}Rt.defaultNode=new Bt,Rt.rootStyleSheetTarget=new $t,Rt.cache=new WeakMap;const{create:Dt}=Mt;Dt("borderRadiusNone");const zt=Dt("borderRadiusSmall"),Ht=Dt("borderRadiusMedium");Dt("borderRadiusLarge"),Dt("borderRadiusXLarge"),Dt("borderRadiusCircular"),Dt("fontSizeBase100");const _t=Dt("fontSizeBase200"),jt=Dt("fontSizeBase300"),Gt=Dt("fontSizeBase400"),Wt=Dt("fontSizeBase500");Dt("fontSizeBase600"),Dt("fontSizeHero700"),Dt("fontSizeHero800"),Dt("fontSizeHero900"),Dt("fontSizeHero1000"),Dt("lineHeightBase100");const qt=Dt("lineHeightBase200"),Kt=Dt("lineHeightBase300"),Ut=Dt("lineHeightBase400");Dt("lineHeightBase500"),Dt("lineHeightBase600"),Dt("lineHeightHero700"),Dt("lineHeightHero800"),Dt("lineHeightHero900"),Dt("lineHeightHero1000");const Xt=Dt("fontFamilyBase");Dt("fontFamilyMonospace"),Dt("fontFamilyNumeric");const Yt=Dt("fontWeightRegular");Dt("fontWeightMedium");const Qt=Dt("fontWeightSemibold");Dt("fontWeightBold"),Dt("strokeWidthThin");const Zt=Dt("strokeWidthThick");Dt("strokeWidthThicker"),Dt("strokeWidthThickest"),Dt("spacingHorizontalNone"),Dt("spacingHorizontalXXS"),Dt("spacingHorizontalXS"),Dt("spacingHorizontalSNudge");const Jt=Dt("spacingHorizontalS");Dt("spacingHorizontalMNudge");const eo=Dt("spacingHorizontalM"),to=Dt("spacingHorizontalL");Dt("spacingHorizontalXL");const oo=Dt("spacingHorizontalXXL"),io=Dt("spacingHorizontalXXXL");Dt("spacingVerticalNone");const so=Dt("spacingVerticalXXS"),ro=Dt("spacingVerticalXS");Dt("spacingVerticalSNudge"),Dt("spacingVerticalS"),Dt("spacingVerticalMNudge"),Dt("spacingVerticalM");const no=Dt("spacingVerticalL");Dt("spacingVerticalXL");const ao=Dt("spacingVerticalXXL");Dt("spacingVerticalXXXL"),Dt("durationUltraFast"),Dt("durationFaster"),Dt("durationFast"),Dt("durationNormal"),Dt("durationSlow"),Dt("durationSlower"),Dt("durationUltraSlow"),Dt("curveAccelerateMax"),Dt("curveAccelerateMid"),Dt("curveAccelerateMin"),Dt("curveDecelerateMax"),Dt("curveDecelerateMid"),Dt("curveDecelerateMin"),Dt("curveEasyEaseMax"),Dt("curveEasyEase"),Dt("curveLinear");const lo=Dt("colorNeutralForeground1");Dt("colorNeutralForeground1Hover"),Dt("colorNeutralForeground1Pressed"),Dt("colorNeutralForeground1Selected"),Dt("colorNeutralForeground2"),Dt("colorNeutralForeground2Hover"),Dt("colorNeutralForeground2Pressed"),Dt("colorNeutralForeground2Selected"),Dt("colorNeutralForeground2BrandHover"),Dt("colorNeutralForeground2BrandPressed"),Dt("colorNeutralForeground2BrandSelected");const co=Dt("colorNeutralForeground3");Dt("colorNeutralForeground3Hover"),Dt("colorNeutralForeground3Pressed"),Dt("colorNeutralForeground3Selected"),Dt("colorNeutralForeground3BrandHover"),Dt("colorNeutralForeground3BrandPressed"),Dt("colorNeutralForeground3BrandSelected"),Dt("colorNeutralForeground4"),Dt("colorNeutralForegroundDisabled"),Dt("colorNeutralForegroundInvertedDisabled"),Dt("colorBrandForegroundLink"),Dt("colorBrandForegroundLinkHover"),Dt("colorBrandForegroundLinkPressed"),Dt("colorBrandForegroundLinkSelected"),Dt("colorNeutralForeground2Link"),Dt("colorNeutralForeground2LinkHover"),Dt("colorNeutralForeground2LinkPressed"),Dt("colorNeutralForeground2LinkSelected"),Dt("colorCompoundBrandForeground1"),Dt("colorCompoundBrandForeground1Hover"),Dt("colorCompoundBrandForeground1Pressed"),Dt("colorBrandForeground1");const ho=Dt("colorBrandForeground2");Dt("colorNeutralForeground1Static"),Dt("colorNeutralForegroundStaticInverted"),Dt("colorNeutralForegroundInverted"),Dt("colorNeutralForegroundInvertedHover"),Dt("colorNeutralForegroundInvertedPressed"),Dt("colorNeutralForegroundInvertedSelected"),Dt("colorNeutralForegroundInverted2");const uo=Dt("colorNeutralForegroundOnBrand");Dt("colorNeutralForegroundInvertedLink"),Dt("colorNeutralForegroundInvertedLinkHover"),Dt("colorNeutralForegroundInvertedLinkPressed"),Dt("colorNeutralForegroundInvertedLinkSelected"),Dt("colorBrandForegroundInverted"),Dt("colorBrandForegroundInvertedHover"),Dt("colorBrandForegroundInvertedPressed"),Dt("colorBrandForegroundOnLight"),Dt("colorBrandForegroundOnLightHover"),Dt("colorBrandForegroundOnLightPressed"),Dt("colorBrandForegroundOnLightSelected");const po=Dt("colorNeutralBackground1");Dt("colorNeutralBackground1Hover"),Dt("colorNeutralBackground1Pressed"),Dt("colorNeutralBackground1Selected");const fo=Dt("colorNeutralBackground2");Dt("colorNeutralBackground2Hover"),Dt("colorNeutralBackground2Pressed"),Dt("colorNeutralBackground2Selected");const go=Dt("colorNeutralBackground3");Dt("colorNeutralBackground3Hover"),Dt("colorNeutralBackground3Pressed"),Dt("colorNeutralBackground3Selected"),Dt("colorNeutralBackground4"),Dt("colorNeutralBackground4Hover"),Dt("colorNeutralBackground4Pressed"),Dt("colorNeutralBackground4Selected"),Dt("colorNeutralBackground5"),Dt("colorNeutralBackground5Hover"),Dt("colorNeutralBackground5Pressed"),Dt("colorNeutralBackground5Selected"),Dt("colorNeutralBackground6"),Dt("colorNeutralBackgroundInverted"),Dt("colorNeutralBackgroundStatic"),Dt("colorSubtleBackground"),Dt("colorSubtleBackgroundHover"),Dt("colorSubtleBackgroundPressed"),Dt("colorSubtleBackgroundSelected"),Dt("colorSubtleBackgroundLightAlphaHover"),Dt("colorSubtleBackgroundLightAlphaPressed"),Dt("colorSubtleBackgroundLightAlphaSelected"),Dt("colorSubtleBackgroundInverted"),Dt("colorSubtleBackgroundInvertedHover"),Dt("colorSubtleBackgroundInvertedPressed"),Dt("colorSubtleBackgroundInvertedSelected"),Dt("colorTransparentBackground"),Dt("colorTransparentBackgroundHover"),Dt("colorTransparentBackgroundPressed"),Dt("colorTransparentBackgroundSelected"),Dt("colorNeutralBackgroundDisabled"),Dt("colorNeutralBackgroundInvertedDisabled"),Dt("colorNeutralStencil1"),Dt("colorNeutralStencil2"),Dt("colorNeutralStencil1Alpha"),Dt("colorNeutralStencil2Alpha"),Dt("colorBackgroundOverlay"),Dt("colorScrollbarOverlay");const vo=Dt("colorBrandBackground");Dt("colorBrandBackgroundHover"),Dt("colorBrandBackgroundPressed"),Dt("colorBrandBackgroundSelected"),Dt("colorCompoundBrandBackground"),Dt("colorCompoundBrandBackgroundHover"),Dt("colorCompoundBrandBackgroundPressed"),Dt("colorBrandBackgroundStatic"),Dt("colorBrandBackground2"),Dt("colorBrandBackgroundInverted"),Dt("colorBrandBackgroundInvertedHover"),Dt("colorBrandBackgroundInvertedPressed"),Dt("colorBrandBackgroundInvertedSelected"),Dt("colorNeutralStrokeAccessible"),Dt("colorNeutralStrokeAccessibleHover"),Dt("colorNeutralStrokeAccessiblePressed"),Dt("colorNeutralStrokeAccessibleSelected");const mo=Dt("colorNeutralStroke1");Dt("colorNeutralStroke1Hover"),Dt("colorNeutralStroke1Pressed"),Dt("colorNeutralStroke1Selected"),Dt("colorNeutralStroke2"),Dt("colorNeutralStroke3"),Dt("colorNeutralStrokeOnBrand"),Dt("colorNeutralStrokeOnBrand2"),Dt("colorNeutralStrokeOnBrand2Hover"),Dt("colorNeutralStrokeOnBrand2Pressed"),Dt("colorNeutralStrokeOnBrand2Selected"),Dt("colorBrandStroke1"),Dt("colorBrandStroke2"),Dt("colorCompoundBrandStroke"),Dt("colorCompoundBrandStrokeHover"),Dt("colorCompoundBrandStrokePressed"),Dt("colorNeutralStrokeDisabled"),Dt("colorNeutralStrokeInvertedDisabled");const bo=Dt("colorTransparentStroke"),wo=Dt("colorTransparentStrokeInteractive");Dt("colorTransparentStrokeDisabled"),Dt("colorStrokeFocus1");const yo=Dt("colorStrokeFocus2");Dt("colorNeutralShadowAmbient"),Dt("colorNeutralShadowKey"),Dt("colorNeutralShadowAmbientLighter"),Dt("colorNeutralShadowKeyLighter"),Dt("colorNeutralShadowAmbientDarker"),Dt("colorNeutralShadowKeyDarker"),Dt("colorBrandShadowAmbient"),Dt("colorBrandShadowKey"),Dt("colorPaletteRedBackground1"),Dt("colorPaletteRedBackground2"),Dt("colorPaletteRedBackground3"),Dt("colorPaletteRedForeground1"),Dt("colorPaletteRedForeground2");const xo=Dt("colorPaletteRedForeground3");Dt("colorPaletteRedBorderActive"),Dt("colorPaletteRedBorder1"),Dt("colorPaletteRedBorder2"),Dt("colorPaletteGreenBackground1"),Dt("colorPaletteGreenBackground2"),Dt("colorPaletteGreenBackground3"),Dt("colorPaletteGreenForeground1"),Dt("colorPaletteGreenForeground2"),Dt("colorPaletteGreenForeground3"),Dt("colorPaletteGreenBorderActive"),Dt("colorPaletteGreenBorder1"),Dt("colorPaletteGreenBorder2"),Dt("colorPaletteDarkOrangeBackground1"),Dt("colorPaletteDarkOrangeBackground2"),Dt("colorPaletteDarkOrangeBackground3"),Dt("colorPaletteDarkOrangeForeground1"),Dt("colorPaletteDarkOrangeForeground2"),Dt("colorPaletteDarkOrangeForeground3"),Dt("colorPaletteDarkOrangeBorderActive"),Dt("colorPaletteDarkOrangeBorder1"),Dt("colorPaletteDarkOrangeBorder2"),Dt("colorPaletteYellowBackground1"),Dt("colorPaletteYellowBackground2"),Dt("colorPaletteYellowBackground3"),Dt("colorPaletteYellowForeground1"),Dt("colorPaletteYellowForeground2"),Dt("colorPaletteYellowForeground3"),Dt("colorPaletteYellowBorderActive"),Dt("colorPaletteYellowBorder1"),Dt("colorPaletteYellowBorder2"),Dt("colorPaletteBerryBackground1"),Dt("colorPaletteBerryBackground2"),Dt("colorPaletteBerryBackground3"),Dt("colorPaletteBerryForeground1"),Dt("colorPaletteBerryForeground2"),Dt("colorPaletteBerryForeground3"),Dt("colorPaletteBerryBorderActive"),Dt("colorPaletteBerryBorder1"),Dt("colorPaletteBerryBorder2"),Dt("colorPaletteLightGreenBackground1"),Dt("colorPaletteLightGreenBackground2"),Dt("colorPaletteLightGreenBackground3"),Dt("colorPaletteLightGreenForeground1"),Dt("colorPaletteLightGreenForeground2"),Dt("colorPaletteLightGreenForeground3"),Dt("colorPaletteLightGreenBorderActive"),Dt("colorPaletteLightGreenBorder1"),Dt("colorPaletteLightGreenBorder2"),Dt("colorPaletteMarigoldBackground1"),Dt("colorPaletteMarigoldBackground2"),Dt("colorPaletteMarigoldBackground3"),Dt("colorPaletteMarigoldForeground1"),Dt("colorPaletteMarigoldForeground2"),Dt("colorPaletteMarigoldForeground3"),Dt("colorPaletteMarigoldBorderActive"),Dt("colorPaletteMarigoldBorder1"),Dt("colorPaletteMarigoldBorder2"),Dt("colorPaletteDarkRedBackground2"),Dt("colorPaletteDarkRedForeground2"),Dt("colorPaletteDarkRedBorderActive"),Dt("colorPaletteCranberryBackground2"),Dt("colorPaletteCranberryForeground2"),Dt("colorPaletteCranberryBorderActive"),Dt("colorPalettePumpkinBackground2"),Dt("colorPalettePumpkinForeground2"),Dt("colorPalettePumpkinBorderActive"),Dt("colorPalettePeachBackground2"),Dt("colorPalettePeachForeground2"),Dt("colorPalettePeachBorderActive"),Dt("colorPaletteGoldBackground2"),Dt("colorPaletteGoldForeground2"),Dt("colorPaletteGoldBorderActive"),Dt("colorPaletteBrassBackground2"),Dt("colorPaletteBrassForeground2"),Dt("colorPaletteBrassBorderActive"),Dt("colorPaletteBrownBackground2"),Dt("colorPaletteBrownForeground2"),Dt("colorPaletteBrownBorderActive"),Dt("colorPaletteForestBackground2"),Dt("colorPaletteForestForeground2"),Dt("colorPaletteForestBorderActive"),Dt("colorPaletteSeafoamBackground2"),Dt("colorPaletteSeafoamForeground2"),Dt("colorPaletteSeafoamBorderActive"),Dt("colorPaletteDarkGreenBackground2"),Dt("colorPaletteDarkGreenForeground2"),Dt("colorPaletteDarkGreenBorderActive"),Dt("colorPaletteLightTealBackground2"),Dt("colorPaletteLightTealForeground2"),Dt("colorPaletteLightTealBorderActive"),Dt("colorPaletteTealBackground2"),Dt("colorPaletteTealForeground2"),Dt("colorPaletteTealBorderActive"),Dt("colorPaletteSteelBackground2"),Dt("colorPaletteSteelForeground2"),Dt("colorPaletteSteelBorderActive"),Dt("colorPaletteBlueBackground2"),Dt("colorPaletteBlueForeground2"),Dt("colorPaletteBlueBorderActive"),Dt("colorPaletteRoyalBlueBackground2"),Dt("colorPaletteRoyalBlueForeground2"),Dt("colorPaletteRoyalBlueBorderActive"),Dt("colorPaletteCornflowerBackground2"),Dt("colorPaletteCornflowerForeground2"),Dt("colorPaletteCornflowerBorderActive"),Dt("colorPaletteNavyBackground2"),Dt("colorPaletteNavyForeground2"),Dt("colorPaletteNavyBorderActive"),Dt("colorPaletteLavenderBackground2"),Dt("colorPaletteLavenderForeground2"),Dt("colorPaletteLavenderBorderActive"),Dt("colorPalettePurpleBackground2"),Dt("colorPalettePurpleForeground2"),Dt("colorPalettePurpleBorderActive"),Dt("colorPaletteGrapeBackground2"),Dt("colorPaletteGrapeForeground2"),Dt("colorPaletteGrapeBorderActive"),Dt("colorPaletteLilacBackground2"),Dt("colorPaletteLilacForeground2"),Dt("colorPaletteLilacBorderActive"),Dt("colorPalettePinkBackground2"),Dt("colorPalettePinkForeground2"),Dt("colorPalettePinkBorderActive"),Dt("colorPaletteMagentaBackground2"),Dt("colorPaletteMagentaForeground2"),Dt("colorPaletteMagentaBorderActive"),Dt("colorPalettePlumBackground2"),Dt("colorPalettePlumForeground2"),Dt("colorPalettePlumBorderActive"),Dt("colorPaletteBeigeBackground2"),Dt("colorPaletteBeigeForeground2"),Dt("colorPaletteBeigeBorderActive"),Dt("colorPaletteMinkBackground2"),Dt("colorPaletteMinkForeground2"),Dt("colorPaletteMinkBorderActive"),Dt("colorPalettePlatinumBackground2"),Dt("colorPalettePlatinumForeground2"),Dt("colorPalettePlatinumBorderActive"),Dt("colorPaletteAnchorBackground2"),Dt("colorPaletteAnchorForeground2"),Dt("colorPaletteAnchorBorderActive"),Dt("colorPaletteRedForegroundInverted"),Dt("colorPaletteGreenForegroundInverted"),Dt("colorPaletteYellowForegroundInverted"),Dt("shadow2");const ko=Dt("shadow4"),So=Dt("shadow8"),Co=Dt("shadow16");Dt("shadow28"),Dt("shadow64"),Dt("shadow2Brand"),Dt("shadow4Brand"),Dt("shadow8Brand"),Dt("shadow16Brand"),Dt("shadow28Brand"),Dt("shadow64Brand");
+/*!
+* tabbable 6.2.0
+* @license MIT, https://github.com/focus-trap/tabbable/blob/master/LICENSE
+*/
+var Bo=["input:not([inert])","select:not([inert])","textarea:not([inert])","a[href]:not([inert])","button:not([inert])","[tabindex]:not(slot):not([inert])","audio[controls]:not([inert])","video[controls]:not([inert])",'[contenteditable]:not([contenteditable="false"]):not([inert])',"details>summary:first-of-type:not([inert])","details:not([inert])"].join(","),Po="undefined"==typeof Element,Eo=Po?function(){}:Element.prototype.matches||Element.prototype.msMatchesSelector||Element.prototype.webkitMatchesSelector,Ao=!Po&&Element.prototype.getRootNode?function(e){var t;return null==e||null===(t=e.getRootNode)||void 0===t?void 0:t.call(e)}:function(e){return null==e?void 0:e.ownerDocument},To=function e(t,o){var i;void 0===o&&(o=!0);var s=null==t||null===(i=t.getAttribute)||void 0===i?void 0:i.call(t,"inert");return""===s||"true"===s||o&&t&&e(t.parentNode)},$o=function(e){if(!e)throw new Error("No node provided");return e.tabIndex<0&&(/^(AUDIO|VIDEO|DETAILS)$/.test(e.tagName)||function(e){var t,o=null==e||null===(t=e.getAttribute)||void 0===t?void 0:t.call(e,"contenteditable");return""===o||"true"===o}(e))&&!function(e){return!isNaN(parseInt(e.getAttribute("tabindex"),10))}(e)?0:e.tabIndex},Io=function(e){return"INPUT"===e.tagName},Fo=function(e){return function(e){return Io(e)&&"radio"===e.type}(e)&&!function(e){if(!e.name)return!0;var t,o=e.form||Ao(e),i=function(e){return o.querySelectorAll('input[type="radio"][name="'+e+'"]')};if("undefined"!=typeof window&&void 0!==window.CSS&&"function"==typeof window.CSS.escape)t=i(window.CSS.escape(e.name));else try{t=i(e.name)}catch(e){return console.error("Looks like you have a radio button with a name attribute containing invalid CSS selector characters and need the CSS.escape polyfill: %s",e.message),!1}var s=function(e,t){for(var o=0;o<e.length;o++)if(e[o].checked&&e[o].form===t)return e[o]}(t,e.form);return!s||s===e}(e)},Lo=function(e){var t=e.getBoundingClientRect(),o=t.width,i=t.height;return 0===o&&0===i},Mo=function(e,t){var o=t.displayCheck,i=t.getShadowRoot;if("hidden"===getComputedStyle(e).visibility)return!0;var s=Eo.call(e,"details>summary:first-of-type")?e.parentElement:e;if(Eo.call(s,"details:not([open]) *"))return!0;if(o&&"full"!==o&&"legacy-full"!==o){if("non-zero-area"===o)return Lo(e)}else{if("function"==typeof i){for(var r=e;e;){var n=e.parentElement,a=Ao(e);if(n&&!n.shadowRoot&&!0===i(n))return Lo(e);e=e.assignedSlot?e.assignedSlot:n||a===e.ownerDocument?n:a.host}e=r}if(function(e){var t,o,i,s,r=e&&Ao(e),n=null===(t=r)||void 0===t?void 0:t.host,a=!1;if(r&&r!==e)for(a=!!(null!==(o=n)&&void 0!==o&&null!==(i=o.ownerDocument)&&void 0!==i&&i.contains(n)||null!=e&&null!==(s=e.ownerDocument)&&void 0!==s&&s.contains(e));!a&&n;){var l,d,c;a=!(null===(d=n=null===(l=r=Ao(n))||void 0===l?void 0:l.host)||void 0===d||null===(c=d.ownerDocument)||void 0===c||!c.contains(n))}return a}(e))return!e.getClientRects().length;if("legacy-full"!==o)return!0}return!1},No=function(e,t){return!(t.disabled||To(t)||function(e){return Io(e)&&"hidden"===e.type}(t)||Mo(t,e)||function(e){return"DETAILS"===e.tagName&&Array.prototype.slice.apply(e.children).some((function(e){return"SUMMARY"===e.tagName}))}(t)||function(e){if(/^(INPUT|BUTTON|SELECT|TEXTAREA)$/.test(e.tagName))for(var t=e.parentElement;t;){if("FIELDSET"===t.tagName&&t.disabled){for(var o=0;o<t.children.length;o++){var i=t.children.item(o);if("LEGEND"===i.tagName)return!!Eo.call(t,"fieldset[disabled] *")||!i.contains(e)}return!0}t=t.parentElement}return!1}(t))},Oo=function(e,t){if(t=t||{},!e)throw new Error("No node provided");return!1!==Eo.call(e,Bo)&&function(e,t){return!(Fo(t)||$o(t)<0||!No(e,t))}(t,e)};const Vo=["start","end"],Ro=["top","right","bottom","left"].reduce(((e,t)=>e.concat(t,t+"-"+Vo[0],t+"-"+Vo[1])),[]),Do=Math.min,zo=Math.max,Ho=Math.round,_o=Math.floor,jo=e=>({x:e,y:e}),Go={left:"right",right:"left",bottom:"top",top:"bottom"},Wo={start:"end",end:"start"};function qo(e,t,o){return zo(e,Do(t,o))}function Ko(e,t){return"function"==typeof e?e(t):e}function Uo(e){return e.split("-")[0]}function Xo(e){return e.split("-")[1]}function Yo(e){return"y"===e?"height":"width"}function Qo(e){return["top","bottom"].includes(Uo(e))?"y":"x"}function Zo(e){return"x"===Qo(e)?"y":"x"}function Jo(e){return e.replace(/left|right|bottom|top/g,(e=>Go[e]))}function ei(e){return"number"!=typeof e?function(e){return{top:0,right:0,bottom:0,left:0,...e}}(e):{top:e,right:e,bottom:e,left:e}}function ti(e){return{...e,top:e.y,left:e.x,right:e.x+e.width,bottom:e.y+e.height}}function oi(e,t,o){let{reference:i,floating:s}=e;const r=Qo(t),n=Zo(t),a=Yo(n),l=Uo(t),d="y"===r,c=i.x+i.width/2-s.width/2,h=i.y+i.height/2-s.height/2,u=i[a]/2-s[a]/2;let p;switch(l){case"top":p={x:c,y:i.y-s.height};break;case"bottom":p={x:c,y:i.y+i.height};break;case"right":p={x:i.x+i.width,y:h};break;case"left":p={x:i.x-s.width,y:h};break;default:p={x:i.x,y:i.y}}switch(Xo(t)){case"start":p[n]-=u*(o&&d?-1:1);break;case"end":p[n]+=u*(o&&d?-1:1)}return p}function ii(e,t,o){return(e?[...o.filter((t=>Xo(t)===e)),...o.filter((t=>Xo(t)!==e))]:o.filter((e=>Uo(e)===e))).filter((o=>!e||(Xo(o)===e||!!t&&function(e){return e.replace(/start|end/g,(e=>Wo[e]))}(o)!==o)))}const si=function(e){return void 0===e&&(e=0),{name:"offset",options:e,async fn(t){var o,i;const{x:s,y:r,placement:n,middlewareData:a}=t,l=await async function(e,t){const{placement:o,platform:i,elements:s}=e,r=await(null==i.isRTL?void 0:i.isRTL(s.floating)),n=Uo(o),a=Xo(o),l="y"===Qo(o),d=["left","top"].includes(n)?-1:1,c=r&&l?-1:1,h=Ko(t,e);let{mainAxis:u,crossAxis:p,alignmentAxis:f}="number"==typeof h?{mainAxis:h,crossAxis:0,alignmentAxis:null}:{mainAxis:0,crossAxis:0,alignmentAxis:null,...h};return a&&"number"==typeof f&&(p="end"===a?-1*f:f),l?{x:p*c,y:u*d}:{x:u*d,y:p*c}}(t,e);return n===(null==(o=a.offset)?void 0:o.placement)&&null!=(i=a.arrow)&&i.alignmentOffset?{}:{x:s+l.x,y:r+l.y,data:{...l,placement:n}}}}};function ri(e){return li(e)?(e.nodeName||"").toLowerCase():"#document"}function ni(e){var t;return(null==e||null==(t=e.ownerDocument)?void 0:t.defaultView)||window}function ai(e){var t;return null==(t=(li(e)?e.ownerDocument:e.document)||window.document)?void 0:t.documentElement}function li(e){return e instanceof Node||e instanceof ni(e).Node}function di(e){return e instanceof Element||e instanceof ni(e).Element}function ci(e){return e instanceof HTMLElement||e instanceof ni(e).HTMLElement}function hi(e){return"undefined"!=typeof ShadowRoot&&(e instanceof ShadowRoot||e instanceof ni(e).ShadowRoot)}function ui(e){const{overflow:t,overflowX:o,overflowY:i,display:s}=mi(e);return/auto|scroll|overlay|hidden|clip/.test(t+i+o)&&!["inline","contents"].includes(s)}function pi(e){return["table","td","th"].includes(ri(e))}function fi(e){const t=gi(),o=mi(e);return"none"!==o.transform||"none"!==o.perspective||!!o.containerType&&"normal"!==o.containerType||!t&&!!o.backdropFilter&&"none"!==o.backdropFilter||!t&&!!o.filter&&"none"!==o.filter||["transform","perspective","filter"].some((e=>(o.willChange||"").includes(e)))||["paint","layout","strict","content"].some((e=>(o.contain||"").includes(e)))}function gi(){return!("undefined"==typeof CSS||!CSS.supports)&&CSS.supports("-webkit-backdrop-filter","none")}function vi(e){return["html","body","#document"].includes(ri(e))}function mi(e){return ni(e).getComputedStyle(e)}function bi(e){return di(e)?{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}:{scrollLeft:e.pageXOffset,scrollTop:e.pageYOffset}}function wi(e){if("html"===ri(e))return e;const t=e.assignedSlot||e.parentNode||hi(e)&&e.host||ai(e);return hi(t)?t.host:t}function yi(e){const t=wi(e);return vi(t)?e.ownerDocument?e.ownerDocument.body:e.body:ci(t)&&ui(t)?t:yi(t)}function xi(e,t,o){var i;void 0===t&&(t=[]),void 0===o&&(o=!0);const s=yi(e),r=s===(null==(i=e.ownerDocument)?void 0:i.body),n=ni(s);return r?t.concat(n,n.visualViewport||[],ui(s)?s:[],n.frameElement&&o?xi(n.frameElement):[]):t.concat(s,xi(s,[],o))}function ki(e){const t=mi(e);let o=parseFloat(t.width)||0,i=parseFloat(t.height)||0;const s=ci(e),r=s?e.offsetWidth:o,n=s?e.offsetHeight:i,a=Ho(o)!==r||Ho(i)!==n;return a&&(o=r,i=n),{width:o,height:i,$:a}}function Si(e){return di(e)?e:e.contextElement}function Ci(e){const t=Si(e);if(!ci(t))return jo(1);const o=t.getBoundingClientRect(),{width:i,height:s,$:r}=ki(t);let n=(r?Ho(o.width):o.width)/i,a=(r?Ho(o.height):o.height)/s;return n&&Number.isFinite(n)||(n=1),a&&Number.isFinite(a)||(a=1),{x:n,y:a}}const Bi=jo(0);function Pi(e){const t=ni(e);return gi()&&t.visualViewport?{x:t.visualViewport.offsetLeft,y:t.visualViewport.offsetTop}:Bi}function Ei(e,t,o,i){void 0===t&&(t=!1),void 0===o&&(o=!1);const s=e.getBoundingClientRect(),r=Si(e);let n=jo(1);t&&(i?di(i)&&(n=Ci(i)):n=Ci(e));const a=function(e,t,o){return void 0===t&&(t=!1),!(!o||t&&o!==ni(e))&&t}(r,o,i)?Pi(r):jo(0);let l=(s.left+a.x)/n.x,d=(s.top+a.y)/n.y,c=s.width/n.x,h=s.height/n.y;if(r){const e=ni(r),t=i&&di(i)?ni(i):i;let o=e.frameElement;for(;o&&i&&t!==e;){const e=Ci(o),t=o.getBoundingClientRect(),i=mi(o),s=t.left+(o.clientLeft+parseFloat(i.paddingLeft))*e.x,r=t.top+(o.clientTop+parseFloat(i.paddingTop))*e.y;l*=e.x,d*=e.y,c*=e.x,h*=e.y,l+=s,d+=r,o=ni(o).frameElement}}return ti({width:c,height:h,x:l,y:d})}function Ai(e){return Ei(ai(e)).left+bi(e).scrollLeft}function Ti(e,t,o){let i;if("viewport"===t)i=function(e,t){const o=ni(e),i=ai(e),s=o.visualViewport;let r=i.clientWidth,n=i.clientHeight,a=0,l=0;if(s){r=s.width,n=s.height;const e=gi();(!e||e&&"fixed"===t)&&(a=s.offsetLeft,l=s.offsetTop)}return{width:r,height:n,x:a,y:l}}(e,o);else if("document"===t)i=function(e){const t=ai(e),o=bi(e),i=e.ownerDocument.body,s=zo(t.scrollWidth,t.clientWidth,i.scrollWidth,i.clientWidth),r=zo(t.scrollHeight,t.clientHeight,i.scrollHeight,i.clientHeight);let n=-o.scrollLeft+Ai(e);const a=-o.scrollTop;return"rtl"===mi(i).direction&&(n+=zo(t.clientWidth,i.clientWidth)-s),{width:s,height:r,x:n,y:a}}(ai(e));else if(di(t))i=function(e,t){const o=Ei(e,!0,"fixed"===t),i=o.top+e.clientTop,s=o.left+e.clientLeft,r=ci(e)?Ci(e):jo(1);return{width:e.clientWidth*r.x,height:e.clientHeight*r.y,x:s*r.x,y:i*r.y}}(t,o);else{const o=Pi(e);i={...t,x:t.x-o.x,y:t.y-o.y}}return ti(i)}function $i(e,t){const o=wi(e);return!(o===t||!di(o)||vi(o))&&("fixed"===mi(o).position||$i(o,t))}function Ii(e,t,o){const i=ci(t),s=ai(t),r="fixed"===o,n=Ei(e,!0,r,t);let a={scrollLeft:0,scrollTop:0};const l=jo(0);if(i||!i&&!r)if(("body"!==ri(t)||ui(s))&&(a=bi(t)),i){const e=Ei(t,!0,r,t);l.x=e.x+t.clientLeft,l.y=e.y+t.clientTop}else s&&(l.x=Ai(s));return{x:n.left+a.scrollLeft-l.x,y:n.top+a.scrollTop-l.y,width:n.width,height:n.height}}function Fi(e,t){return ci(e)&&"fixed"!==mi(e).position?t?t(e):e.offsetParent:null}function Li(e,t){const o=ni(e);if(!ci(e))return o;let i=Fi(e,t);for(;i&&pi(i)&&"static"===mi(i).position;)i=Fi(i,t);return i&&("html"===ri(i)||"body"===ri(i)&&"static"===mi(i).position&&!fi(i))?o:i||function(e){let t=wi(e);for(;ci(t)&&!vi(t);){if(fi(t))return t;t=wi(t)}return null}(e)||o}const Mi={convertOffsetParentRelativeRectToViewportRelativeRect:function(e){let{rect:t,offsetParent:o,strategy:i}=e;const s=ci(o),r=ai(o);if(o===r)return t;let n={scrollLeft:0,scrollTop:0},a=jo(1);const l=jo(0);if((s||!s&&"fixed"!==i)&&(("body"!==ri(o)||ui(r))&&(n=bi(o)),ci(o))){const e=Ei(o);a=Ci(o),l.x=e.x+o.clientLeft,l.y=e.y+o.clientTop}return{width:t.width*a.x,height:t.height*a.y,x:t.x*a.x-n.scrollLeft*a.x+l.x,y:t.y*a.y-n.scrollTop*a.y+l.y}},getDocumentElement:ai,getClippingRect:function(e){let{element:t,boundary:o,rootBoundary:i,strategy:s}=e;const r=[..."clippingAncestors"===o?function(e,t){const o=t.get(e);if(o)return o;let i=xi(e,[],!1).filter((e=>di(e)&&"body"!==ri(e))),s=null;const r="fixed"===mi(e).position;let n=r?wi(e):e;for(;di(n)&&!vi(n);){const t=mi(n),o=fi(n);o||"fixed"!==t.position||(s=null),(r?!o&&!s:!o&&"static"===t.position&&s&&["absolute","fixed"].includes(s.position)||ui(n)&&!o&&$i(e,n))?i=i.filter((e=>e!==n)):s=t,n=wi(n)}return t.set(e,i),i}(t,this._c):[].concat(o),i],n=r[0],a=r.reduce(((e,o)=>{const i=Ti(t,o,s);return e.top=zo(i.top,e.top),e.right=Do(i.right,e.right),e.bottom=Do(i.bottom,e.bottom),e.left=zo(i.left,e.left),e}),Ti(t,n,s));return{width:a.right-a.left,height:a.bottom-a.top,x:a.left,y:a.top}},getOffsetParent:Li,getElementRects:async function(e){let{reference:t,floating:o,strategy:i}=e;const s=this.getOffsetParent||Li,r=this.getDimensions;return{reference:Ii(t,await s(o),i),floating:{x:0,y:0,...await r(o)}}},getClientRects:function(e){return Array.from(e.getClientRects())},getDimensions:function(e){const{width:t,height:o}=ki(e);return{width:t,height:o}},getScale:Ci,isElement:di,isRTL:function(e){return"rtl"===mi(e).direction}};function Ni(e,t,o,i){void 0===i&&(i={});const{ancestorScroll:s=!0,ancestorResize:r=!0,elementResize:n="function"==typeof ResizeObserver,layoutShift:a="function"==typeof IntersectionObserver,animationFrame:l=!1}=i,d=Si(e),c=s||r?[...d?xi(d):[],...xi(t)]:[];c.forEach((e=>{s&&e.addEventListener("scroll",o,{passive:!0}),r&&e.addEventListener("resize",o)}));const h=d&&a?function(e,t){let o,i=null;const s=ai(e);function r(){clearTimeout(o),i&&i.disconnect(),i=null}return function n(a,l){void 0===a&&(a=!1),void 0===l&&(l=1),r();const{left:d,top:c,width:h,height:u}=e.getBoundingClientRect();if(a||t(),!h||!u)return;const p={rootMargin:-_o(c)+"px "+-_o(s.clientWidth-(d+h))+"px "+-_o(s.clientHeight-(c+u))+"px "+-_o(d)+"px",threshold:zo(0,Do(1,l))||1};let f=!0;function g(e){const t=e[0].intersectionRatio;if(t!==l){if(!f)return n();t?n(!1,t):o=setTimeout((()=>{n(!1,1e-7)}),100)}f=!1}try{i=new IntersectionObserver(g,{...p,root:s.ownerDocument})}catch(e){i=new IntersectionObserver(g,p)}i.observe(e)}(!0),r}(d,o):null;let u,p=-1,f=null;n&&(f=new ResizeObserver((e=>{let[i]=e;i&&i.target===d&&f&&(f.unobserve(t),cancelAnimationFrame(p),p=requestAnimationFrame((()=>{f&&f.observe(t)}))),o()})),d&&!l&&f.observe(d),f.observe(t));let g=l?Ei(e):null;return l&&function t(){const i=Ei(e);!g||i.x===g.x&&i.y===g.y&&i.width===g.width&&i.height===g.height||o();g=i,u=requestAnimationFrame(t)}(),o(),()=>{c.forEach((e=>{s&&e.removeEventListener("scroll",o),r&&e.removeEventListener("resize",o)})),h&&h(),f&&f.disconnect(),f=null,l&&cancelAnimationFrame(u)}}const Oi=function(e){return void 0===e&&(e={}),{name:"autoPlacement",options:e,async fn(t){var o,i,s;const{rects:r,middlewareData:n,placement:a,platform:l,elements:d}=t,{crossAxis:c=!1,alignment:h,allowedPlacements:u=Ro,autoAlignment:p=!0,...f}=Ko(e,t),g=void 0!==h||u===Ro?ii(h||null,p,u):u,v=await async function(e,t){var o;void 0===t&&(t={});const{x:i,y:s,platform:r,rects:n,elements:a,strategy:l}=e,{boundary:d="clippingAncestors",rootBoundary:c="viewport",elementContext:h="floating",altBoundary:u=!1,padding:p=0}=Ko(t,e),f=ei(p),g=a[u?"floating"===h?"reference":"floating":h],v=ti(await r.getClippingRect({element:null==(o=await(null==r.isElement?void 0:r.isElement(g)))||o?g:g.contextElement||await(null==r.getDocumentElement?void 0:r.getDocumentElement(a.floating)),boundary:d,rootBoundary:c,strategy:l})),m="floating"===h?{...n.floating,x:i,y:s}:n.reference,b=await(null==r.getOffsetParent?void 0:r.getOffsetParent(a.floating)),w=await(null==r.isElement?void 0:r.isElement(b))&&await(null==r.getScale?void 0:r.getScale(b))||{x:1,y:1},y=ti(r.convertOffsetParentRelativeRectToViewportRelativeRect?await r.convertOffsetParentRelativeRectToViewportRelativeRect({rect:m,offsetParent:b,strategy:l}):m);return{top:(v.top-y.top+f.top)/w.y,bottom:(y.bottom-v.bottom+f.bottom)/w.y,left:(v.left-y.left+f.left)/w.x,right:(y.right-v.right+f.right)/w.x}}(t,f),m=(null==(o=n.autoPlacement)?void 0:o.index)||0,b=g[m];if(null==b)return{};const w=function(e,t,o){void 0===o&&(o=!1);const i=Xo(e),s=Zo(e),r=Yo(s);let n="x"===s?i===(o?"end":"start")?"right":"left":"start"===i?"bottom":"top";return t.reference[r]>t.floating[r]&&(n=Jo(n)),[n,Jo(n)]}(b,r,await(null==l.isRTL?void 0:l.isRTL(d.floating)));if(a!==b)return{reset:{placement:g[0]}};const y=[v[Uo(b)],v[w[0]],v[w[1]]],x=[...(null==(i=n.autoPlacement)?void 0:i.overflows)||[],{placement:b,overflows:y}],k=g[m+1];if(k)return{data:{index:m+1,overflows:x},reset:{placement:k}};const S=x.map((e=>{const t=Xo(e.placement);return[e.placement,t&&c?e.overflows.slice(0,2).reduce(((e,t)=>e+t),0):e.overflows[0],e.overflows]})).sort(((e,t)=>e[1]-t[1])),C=(null==(s=S.filter((e=>e[2].slice(0,Xo(e[0])?2:3).every((e=>e<=0))))[0])?void 0:s[0])||S[0][0];return C!==a?{data:{index:m+1,overflows:x},reset:{placement:C}}:{}}}},Vi=e=>({name:"arrow",options:e,async fn(t){const{x:o,y:i,placement:s,rects:r,platform:n,elements:a,middlewareData:l}=t,{element:d,padding:c=0}=Ko(e,t)||{};if(null==d)return{};const h=ei(c),u={x:o,y:i},p=Zo(s),f=Yo(p),g=await n.getDimensions(d),v="y"===p,m=v?"top":"left",b=v?"bottom":"right",w=v?"clientHeight":"clientWidth",y=r.reference[f]+r.reference[p]-u[p]-r.floating[f],x=u[p]-r.reference[p],k=await(null==n.getOffsetParent?void 0:n.getOffsetParent(d));let S=k?k[w]:0;S&&await(null==n.isElement?void 0:n.isElement(k))||(S=a.floating[w]||r.floating[f]);const C=y/2-x/2,B=S/2-g[f]/2-1,P=Do(h[m],B),E=Do(h[b],B),A=P,T=S-g[f]-E,$=S/2-g[f]/2+C,I=qo(A,$,T),F=!l.arrow&&null!=Xo(s)&&$!=I&&r.reference[f]/2-($<A?P:E)-g[f]/2<0,L=F?$<A?$-A:$-T:0;return{[p]:u[p]+L,data:{[p]:I,centerOffset:$-I-L,...F&&{alignmentOffset:L}},reset:F}}}),Ri=(e,t,o)=>{const i=new Map,s={platform:Mi,...o},r={...s.platform,_c:i};return(async(e,t,o)=>{const{placement:i="bottom",strategy:s="absolute",middleware:r=[],platform:n}=o,a=r.filter(Boolean),l=await(null==n.isRTL?void 0:n.isRTL(t));let d=await n.getElementRects({reference:e,floating:t,strategy:s}),{x:c,y:h}=oi(d,i,l),u=i,p={},f=0;for(let o=0;o<a.length;o++){const{name:r,fn:g}=a[o],{x:v,y:m,data:b,reset:w}=await g({x:c,y:h,initialPlacement:i,placement:u,strategy:s,middlewareData:p,rects:d,platform:n,elements:{reference:e,floating:t}});c=null!=v?v:c,h=null!=m?m:h,p={...p,[r]:{...p[r],...b}},w&&f<=50&&(f++,"object"==typeof w&&(w.placement&&(u=w.placement),w.rects&&(d=!0===w.rects?await n.getElementRects({reference:e,floating:t,strategy:s}):w.rects),({x:c,y:h}=oi(d,u,l))),o=-1)}return{x:c,y:h,placement:u,strategy:s,middlewareData:p}})(e,t,{...s,platform:r})},Di=G`
+  ${yt("block")}
+
+  :host {
+    display: block;
+    position: relative;
+  }
+  :host([hidden]) {
+    display: none;
+  }
+  :host([data-flexposition="2"]) {
+    order: 2;
+  }
+  :host(:focus-visible)::after {
+    content: "";
+    position: absolute;
+    inset: 1px;
+    border-color: ${bo};
+    outline: ${Zt} solid ${bo};
+    box-shadow: ${ko}, 0 0 0 2px ${yo};
+  }
+`;const zi=Se`
+    <template
+      slot="multi-view"
+      role="tabpanel"
+      ?hidden="${e=>e.hidden}"
+      tabindex="${e=>e.hidden?"-1":"0"}"
+      role="region"
+    >
+      <div class="multi-view" part="multi-view">
+        ${wt({})}
+        <slot></slot>
+        ${bt({})}
+      </div>
+    </template>
+  `,Hi=at.compose({name:`${lt.prefix}-multi-view`,template:zi,styles:Di,shadowOptions:{mode:lt.shadowRootMode}});class _i extends nt{}const ji=G`
+  :host {
+    position: relative;
+  }
+  :host([aria-expanded="true"])::before {
+    content: "";
+    z-index: 3;
+    position: absolute;
+    left: 0;
+    height: 32px;
+    width: 3px;
+    background: var(--colorBrandBackground);
+  }
+
+  :host(:focus-visible)::after {
+    content: "";
+    position: absolute;
+    inset: 0px;
+    cursor: pointer;
+    border-radius: var(--borderRadiusSmall);
+    outline: none;
+    box-shadow: inset 0 0 0 1px var(--colorStrokeFocus2);
+  }
+`;const Gi=Se`
+    <template slot="controller" tabindex="-1" role="tab">
+      <fluent-button icon-only shape="square" tabindex="-1">
+        <slot></slot>
+      </fluent-button>
+    </template>
+  `,Wi=_i.compose({name:`${lt.prefix}-multi-view-controller`,template:Gi,styles:ji});class qi extends nt{constructor(){super(...arguments),this.multiViews=[],this.controllers=[],this.openedMultiViews=[],this.previouslyOpenedMultiView=null,this.activeid="",this.prevActiveControllerIndex=0,this.activeControllerIndex=0,this.controllerIds=[],this.multiViewsIds=[],this.openMultiView=e=>{e.hidden&&(this.closeAllMultiViews(),e.hidden=!1,this.manageOpenedMultiViews(e))},this.manageOpenedMultiViews=(e,t)=>{this.addMultiViewToOpenedMultiViews(e),this.openedMultiViews.length>=2&&this.limitNumberOfOpenMultiViews(),y.enqueue((()=>e.focus())),this.setComponent()},this.manageOpeningSecondMultiView=e=>{e.setAttribute("data-flexposition","2"),this.openedMultiViews.length>=2&&this.limitNumberOfOpenMultiViews();const t=this.multiViews[this.activeControllerIndex];t.hidden&&(this.addMultiViewToOpenedMultiViews(t),this.previouslyOpenedMultiView&&this.previouslyOpenedMultiView.removeAttribute("data-flexposition"),t.setAttribute("data-flexposition","2"))},this.openSecondMultiView=e=>{e.hidden&&(this.manageOpeningSecondMultiView(e),e.hidden=!1,y.enqueue((()=>e.focus())),this.previouslyOpenedMultiView=e)},this.closeMultiView=e=>{e.hidden||(this.manageClosedMultiViews(e),e.hidden=!0)},this.manageClosedMultiViews=e=>{e.hasAttribute("data-flexposition")&&e.removeAttribute("data-flexposition"),this.openedMultiViews=this.openedMultiViews.filter((t=>t!==e));const t=this.multiViews.indexOf(e);this.controllers[t].focus(),this.activeController=this.controllers[t],this.removeMultiViewFromOpenedMultiViews(e)},this.closeAllMultiViews=()=>{this.openedMultiViews.forEach((e=>{const t=e;this.closeMultiView(t)}))},this.toggleMultiView=e=>{e.hidden?this.openMultiView(e):this.closeMultiView(e)},this.removeMultiViewFromOpenedMultiViews=e=>{const t=this.openedMultiViews.indexOf(e);t>-1&&this.openedMultiViews.splice(t,1)},this.addMultiViewToOpenedMultiViews=e=>{this.openedMultiViews.includes(e)||(this.openedMultiViews=[...this.openedMultiViews,e])},this.change=()=>{this.$emit("change",this.openedMultiViews)},this.isDisabledElement=e=>"true"===e.getAttribute("aria-disabled"),this.isHiddenElement=e=>"true"===e.getAttribute("aria-hidden"),this.isFocusableElement=e=>!this.isDisabledElement(e)&&!this.isHiddenElement(e)&&null!==e.offsetParent,this.setMultiViews=()=>{this.multiViews.forEach(((e,t)=>{if(e instanceof at){const o=this.controllerIds[t],i=this.multiViewsIds[t];this.setAttributes(e,{id:i,"aria-labelledby":o}),e.hidden?this.removeMultiViewFromOpenedMultiViews(e):this.addMultiViewToOpenedMultiViews(e)}}))},this.unsetActiveToggleButton=()=>{this.activeControllerIndex=0,this.activeController=void 0,this.setControllers},this.handleControllerClick=e=>{const t=e.currentTarget;if(1!==t.nodeType||!this.isFocusableElement(t))return;this.prevActiveControllerIndex=this.activeControllerIndex,this.activeControllerIndex=this.controllers.indexOf(t);const o=this.multiViews[this.activeControllerIndex];e.ctrlKey?this.openSecondMultiView(o):this.toggleMultiView(o)},this.handleControllerKeyDown=e=>{const t=this.multiViews[this.activeControllerIndex],o=e.currentTarget;switch(e.key){case ct:e.preventDefault(),this.adjustBackward(e);break;case ft:if(e.shiftKey)e.preventDefault(),this.controllersContainer.focus();else{this.controllers[0].focus()}break;case dt:e.preventDefault(),this.adjustForward(e);break;case pt:e.preventDefault(),this.adjust(-this.activeControllerIndex);break;case"End":e.preventDefault(),this.adjust(this.controllers.length-this.activeControllerIndex-1);break;case ht:case" ":e.ctrlKey?(e.preventDefault(),this.openSecondMultiView(t)):(e.preventDefault(),this.toggleMultiView(t));break;case ut:e.preventDefault(),o.blur()}},this.handleMultiViewKeyDown=e=>{const t=e.currentTarget;if(e.key===ut)e.preventDefault(),this.closeMultiView(t)},this.handleToggleButtonContainerKeyDown=e=>{const t=this.controllers[0];if(e.key===ft)this.unsetActiveToggleButton(),t.tabIndex=0},this.adjustForward=e=>{const t=this.controllers;let o=0;for(o=this.activeController?t.indexOf(this.activeController)+1:1,o===t.length&&(o=0);o<t.length&&t.length>1;){if(this.isFocusableElement(t[o])){this.moveToToggleButtonByIndex(t,o);break}if(this.activeController&&o===t.indexOf(this.activeController))break;o+1>=t.length?o=0:o+=1}},this.adjustBackward=e=>{const t=this.controllers;let o=0;for(o=this.activeController?t.indexOf(this.activeController)-1:0,o=o<0?t.length-1:o;o>=0&&t.length>1;){if(this.isFocusableElement(t[o])){this.moveToToggleButtonByIndex(t,o);break}o-1<0?o=t.length-1:o-=1}},this.moveToToggleButtonByIndex=(e,t)=>{const o=e[t];this.activeController=o,this.activeController.tabIndex=0,this.prevActiveControllerIndex=this.activeControllerIndex,this.controllers[this.prevActiveControllerIndex].tabIndex=-1,this.activeControllerIndex=t,o.focus(),this.setComponent()}}connectedCallback(){super.connectedCallback(),this.initialize()}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListeners()}initialize(){this.controllerIds=this.getControllerIds(),this.multiViewsIds=this.getMultiViewIds(),this.activeControllerIndex=this.getActiveIndex(),y.enqueue((()=>this.setControllers())),y.enqueue((()=>this.setMultiViews())),y.enqueue((()=>this.addEventListeners()))}limitNumberOfOpenMultiViews(){const e=this.openedMultiViews.shift();e&&(e.removeAttribute("data-flexposition"),e.hidden=!0)}activeidChanged(e,t){this.$fastController.isConnected&&this.controllers.length<=this.multiViews.length&&(this.prevActiveControllerIndex=this.controllers.findIndex((t=>t.id===e)),this.activeControllerIndex=this.controllers.findIndex((e=>e.id===t)),this.controllers[this.activeControllerIndex].tabIndex=0,this.controllers[this.prevActiveControllerIndex].tabIndex=-1,this.setControllers(),this.setMultiViews())}controllersChanged(){this.isValidMultiViewState()&&(this.controllerIds=this.getControllerIds(),this.multiViewsIds=this.getMultiViewIds(),this.setControllers(),this.setMultiViews())}multiViewsChanged(){this.isValidMultiViewState()&&(this.controllerIds=this.getControllerIds(),this.multiViewsIds=this.getMultiViewIds(),this.setControllers(),this.setMultiViews())}openedMultiViewsChanged(){this.controllers.forEach(((e,t)=>{const o=this.multiViews[t];this.openedMultiViews.includes(o)?e.setAttribute("aria-expanded","true"):e.setAttribute("aria-expanded","false")}))}isValidMultiViewState(){return this.$fastController.isConnected&&this.controllers.length<=this.multiViews.length}getActiveIndex(){if(void 0!==this.activeid){let e=this.controllerIds.indexOf(this.activeid);for(;-1!==e;){const t=document.getElementById(this.controllerIds[e]);if(t&&"true"!==t.getAttribute("aria-hidden"))return e;e=this.controllerIds.indexOf(this.activeid,e+1)}}for(let e=0;e<this.controllerIds.length;e++){const t=document.getElementById(this.controllerIds[e]);if(t&&"true"!==t.getAttribute("aria-hidden"))return e}return 0}setControllers(){this.activeController=this.controllers[this.activeControllerIndex],this.activeController.tabIndex=0,this.multiViews.forEach(((e,t)=>{e.hidden?this.controllers[t].ariaSelected="false":this.controllers[t].ariaSelected="true"})),this.controllers.forEach(((e,t)=>{if(!(e instanceof HTMLElement))return;const o=this.activeControllerIndex===t&&this.isFocusableElement(e),i=this.controllerIds[t],s=this.multiViewsIds[t];this.setAttributes(e,{id:i,"aria-controls":s}),o&&(this.activeController=e,this.activeid=i)}))}getControllerIds(){return this.controllers.map((e=>{var t;return null!==(t=e.getAttribute("id"))&&void 0!==t?t:`controller-${vt()}`}))}getMultiViewIds(){return this.multiViews.map((e=>{var t;return null!==(t=e.getAttribute("id"))&&void 0!==t?t:`multiView-${vt()}`}))}setComponent(){this.activeControllerIndex!==this.prevActiveControllerIndex&&(this.activeid=this.controllerIds[this.activeControllerIndex],this.change())}handleControllerBlur(e){e.currentTarget.tabIndex=-1}adjust(e){const t=this.controllers.filter((e=>!this.isDisabledElement(e)));if(this.activeController){const o=t.indexOf(this.activeController),i=function(e,t,o){return Math.min(Math.max(o,e),t)}(0,t.length-1,o+e),s=this.controllers.indexOf(t[i]);s>-1&&this.moveToToggleButtonByIndex(this.controllers,s)}}setAttributes(e,t){Object.entries(t).forEach((([t,o])=>{e.setAttribute(t,o)}))}addEventListeners(){this.controllersContainer&&this.controllersContainer.addEventListener("keydown",this.handleToggleButtonContainerKeyDown),this.controllers.forEach((e=>{e.addEventListener("click",this.handleControllerClick),e.addEventListener("keydown",this.handleControllerKeyDown),e.addEventListener("blur",this.handleControllerBlur)})),this.multiViews.forEach((e=>{e.addEventListener("keydown",(e=>this.handleMultiViewKeyDown(e)))}))}removeEventListeners(){this.controllers.forEach((e=>{e.removeEventListener("click",this.handleControllerClick),e.removeEventListener("keydown",this.handleControllerKeyDown),e.removeEventListener("blur",this.handleControllerBlur)})),this.multiViews.forEach((e=>{e.removeEventListener("keydown",(e=>this.handleMultiViewKeyDown(e)))}))}}e([B],qi.prototype,"multiViews",void 0),e([B],qi.prototype,"controllers",void 0),e([B],qi.prototype,"controllersContainer",void 0),e([B],qi.prototype,"openedMultiViews",void 0);const Ki=G`
+  ${yt("flex")}
+  :host {
+    flex-direction: column;
+    position: absolute;
+    z-index: 10;
+    right: 0;
+    top: 0;
+    height: 100%;
+  }
+  .root {
+    display: flex;
+    flex-direction: row;
+    height: 100%;
+  }
+  .views {
+    display: flex;
+  }
+  .controllers {
+    display: flex;
+    flex-direction: column;
+    background: var(--colorNeutralBackground1);
+    position: relative;
+  }
+
+  .controllers:focus-visible::after {
+    content: "";
+    position: absolute;
+    inset: 1px;
+    border-color: ${bo};
+    outline: ${Zt} solid ${bo};
+    box-shadow: ${ko}, 0 0 0 2px ${yo};
+  }
+`;const Ui=Se`
+    <template>
+      <div class="root">
+        <div class="views" part="views">
+          <slot name="multi-view" ${Fe("multiViews")}></slot>
+        </div>
+        ${wt({})}
+        <div
+          class="controllers"
+          part="controllers"
+          role="tablist"
+          aria-label="${e=>e.ariaLabel}"
+          tabindex="${e=>e.hidden?"-1":"0"}"
+          ${Be("controllersContainer")}
+        >
+          <slot name="controller" ${Fe("controllers")}></slot>
+        </div>
+        ${bt({})}
+      </div>
+    </template>
+  `,Xi=qi.compose({name:`${lt.prefix}-multi-view-group`,template:Ui,styles:Ki,shadowOptions:{mode:lt.shadowRootMode}});const Yi={top:"top",right:"right",bottom:"bottom",left:"left"},Qi={aboveEnd:"above-end",aboveCenter:"above-center",aboveStart:"above-start",endBottom:"end-bottom",endMiddle:"end-middle",endTop:"end-top",belowEnd:"below-end",belowCenter:"below-center",belowStart:"below-start",startBottom:"start-bottom",startTop:"start-top",startMiddle:"start-middle"},Zi=Object.values(Qi),Ji={auto:"auto",flip:"flip",none:"none"},es={hide:"hidePopover",show:"showPopover",toggle:"togglePopover",mouseEnter:"mouseEnterPopover",mouseLeave:"mouseLeavePopover"};class ts{constructor(e){this.rootMargin=15,this.overflowBoundaryReference=null,this._position=Qi.aboveEnd,this._openPositions=[],this.checkPosition=e=>{var t,o,i;const s=null===(t=this.popoverReference)||void 0===t?void 0:t.getBoundingClientRect(),r=null===(o=this.anchorReference)||void 0===o?void 0:o.getBoundingClientRect();if(s&&r){let t=r.top,o=window.innerHeight-r.bottom,n=r.left,a=window.innerWidth-r.right;const l=null===(i=this.overflowBoundaryReference)||void 0===i?void 0:i.getBoundingClientRect();l&&(t=r.top-l.top,o=l.bottom-r.bottom,n=r.left-l.left,a=l.right-r.right);const d=s.height+this.rootMargin<t,c=s.height+this.rootMargin<o,h=s.width+this.rootMargin<n,u=s.width+this.rootMargin<a,p=(s.width-r.width)/2+this.rootMargin<n&&(s.width-r.width)/2+this.rootMargin<a,f=s.width+this.rootMargin<n+r.width,g=s.width+r.width+this.rootMargin<a&&a>0,v=(s.height-r.height+this.rootMargin)/2<t&&(s.height-r.height+this.rootMargin)/2<o,m=s.height-r.height+this.rootMargin<t,b=t>0;switch(e){case Qi.aboveEnd:if(d&&f)return!0;break;case Qi.aboveCenter:if(d&&p)return!0;break;case Qi.aboveStart:if(d&&g)return!0;break;case Qi.belowCenter:if(c&&p)return!0;break;case Qi.belowStart:if(c&&g)return!0;break;case Qi.belowEnd:if(c&&f)return!0;break;case Qi.startMiddle:if(v&&h)return!0;break;case Qi.startBottom:if(h&&m)return!0;break;case Qi.startTop:if(b&&h)return!0;break;case Qi.endMiddle:if(v&&u)return!0;break;case Qi.endBottom:if(u&&m)return!0;break;case Qi.endTop:if(b&&u)return!0}}return!1},this.getOpenPositions=()=>(this._openPositions=[],this._openPositions=Zi.filter((e=>this.checkPosition(e))),this._openPositions),this.oppositePosition=e=>{switch(e){case Yi.top:if(this.position===Qi.aboveStart)return[Qi.belowStart];if(this.position===Qi.aboveCenter)return[Qi.belowCenter];if(this.position===Qi.aboveEnd)return[Qi.belowEnd];case Yi.right:if(this.position===Qi.endBottom)return[Qi.startBottom];if(this.position===Qi.endMiddle)return[Qi.startMiddle];if(this.position===Qi.endTop)return[Qi.startTop];case Yi.bottom:if(this.position===Qi.belowStart)return[Qi.aboveStart];if(this.position===Qi.belowCenter)return[Qi.aboveCenter];if(this.position===Qi.belowEnd)return[Qi.aboveEnd];case Yi.left:if(this.position===Qi.startTop)return[Qi.endTop];if(this.position===Qi.startMiddle)return[Qi.endMiddle];if(this.position===Qi.startBottom)return[Qi.endBottom]}return[this.position]},this.getOpenPositionsFromEdge=e=>"auto"===this.repositionMode?Zi.filter((e=>this.checkPosition(e))):e?this.oppositePosition(e):[this.position],this.findOpenPositionsFromCollision=e=>{const t=e.boundingClientRect,o=e.rootBounds;let i;return o&&(t.bottom>o.bottom&&(i=Yi.bottom),t.top<o.top&&(i=Yi.top),t.left<o.left&&(i=Yi.left),t.right>o.right&&(i=Yi.right)),this.getOpenPositionsFromEdge(i)};const{repositionMode:t,popoverReference:o,anchorReference:i,overflowBoundaryReference:s}=e;this._repositionMode=t,this.popoverReference=o,this.anchorReference=i,s&&(this.overflowBoundaryReference=s)}set repositionMode(e){this._repositionMode=e}get repositionMode(){return this._repositionMode}set position(e){this._position=e}get position(){return this._position}get openPositions(){return this.getOpenPositions()}}class os extends nt{constructor(){super(...arguments),this.ariaLabel=null,this.beak=!1,this.clickable=!0,this.size="medium",this.mode="manual",this.position=Qi.belowCenter,this.repositionMode=Ji.flip,this.openPositions=[],this.open=!1,this.registerOverflowBoundary=()=>{this.overflowBoundarySelector&&(this.overflowBoundaryRef=document.querySelector(this.overflowBoundarySelector))},this.hidePopover=()=>{this.open=!1,this.emitHideEvent()},this.showPopover=()=>{this.open=!0,this.emitShowEvent()},this.togglePopover=()=>{this.open=!this.open,this.emitToggleEvent()},this.emitHideEvent=()=>{var e;null===(e=this.popoverReference)||void 0===e||e.dispatchEvent(new CustomEvent(es.hide,{detail:{target:this,open:this.open,newState:"closed"}}))},this.emitShowEvent=()=>{var e;null===(e=this.popoverReference)||void 0===e||e.dispatchEvent(new CustomEvent(es.show,{detail:{target:this,open:this.open,newState:"open"}}))},this.emitMouseEnterEvent=()=>{this.dispatchEvent(new CustomEvent(es.mouseEnter,{bubbles:!0,detail:{target:this,open:this.open,newState:"open"}}))},this.emitMouseLeaveEvent=()=>{this.dispatchEvent(new CustomEvent(es.mouseLeave,{bubbles:!0,detail:{target:this,open:this.open,newState:"closed"}}))},this.addMouseOverEventListeners=()=>{var e,t;null===(e=this.popoverReference)||void 0===e||e.addEventListener("mouseenter",this.emitMouseEnterEvent),null===(t=this.popoverReference)||void 0===t||t.addEventListener("mouseleave",this.emitMouseLeaveEvent)},this.removeMouseOverEventListeners=()=>{var e,t;null===(e=this.popoverReference)||void 0===e||e.removeEventListener("mouseenter",this.emitMouseEnterEvent),null===(t=this.popoverReference)||void 0===t||t.removeEventListener("mouseleave",this.emitMouseLeaveEvent)},this.updatePopoverPosition=()=>{this.observePopoverOverflow()},this.handleWindowChanges=function(e,t){let o;return function(...i){const s=this;clearTimeout(o),o=window.setTimeout((()=>e.apply(s,i)),t)}}((()=>this.updatePopoverPosition()),50),this.handleWindowClick=e=>{var t;this.anchorReferences&&(null===(t=this.anchorReferences[0])||void 0===t?void 0:t.contains(e.target))||this.open&&this.hidePopover()},this.createOverflowHandler=()=>{const e={root:document};this.overflowBoundaryRef&&(e.root=this.overflowBoundaryRef),this.intersectionObserver=new IntersectionObserver(this.handleOverflow,e)},this.handleOverflow=e=>{e.forEach((e=>{var t,o;e.intersectionRatio<1&&this.positioning?(this.openPositions=this.positioning.findOpenPositionsFromCollision(e),(null===(t=this.openPositions)||void 0===t?void 0:t.length)>0&&this.repositionPopover(this.openPositions)):(null===(o=this.openPositions)||void 0===o?void 0:o.length)>0&&this.releasePositions()}))},this.repositionPopover=e=>{this.position=e[0],this.positioning&&(this.positioning.position=this.position)}}anchorReferencesChanged(){this.initializeTargetId(),this.addAnchorEventListeners()}repositionModeChanged(){this.positioning&&(this.positioning.repositionMode=this.repositionMode)}openChanged(){var e,t,o,i;if(this.popoverReference)if(this.originalPopoverPosition||(this.originalPopoverPosition=this.position),this.open){if(null===(e=this.popoverReference)||void 0===e||e.classList.add("popover-open"),this.addActiveHandlers(),this.positioning&&!(null===(t=this.positioning)||void 0===t?void 0:t.checkPosition(this.position))){const e=null===(o=this.positioning)||void 0===o?void 0:o.getOpenPositions();this.position=e[0]}}else null===(i=this.popoverReference)||void 0===i||i.classList.remove("popover-open"),this.position=this.originalPopoverPosition,this.removeEventListeners()}addActiveHandlers(){this.addRepositioningHandlers(),this.addOverlayEventListeners(),this.addMouseOverEventListeners(),this.createPositioningManager()}initializeTargetId(){if(!this.targetId){const e=vt("popover-target-");this.targetId=e}}overflowBoundaryRefChanged(){this.addOverflowBoundaryEventListeners()}emitToggleEvent(){var e;null===(e=this.popoverReference)||void 0===e||e.dispatchEvent(new CustomEvent(es.toggle,{detail:{target:this,open:this.open,newState:this.open?"open":"closed"}}))}addAnchorEventListeners(){this.anchorReferences&&this.anchorReferences.length&&this.clickable&&this.anchorReferences[0].addEventListener("click",this.togglePopover)}addOverflowBoundaryEventListeners(){this.overflowBoundaryRef&&this.overflowBoundaryRef.addEventListener("scroll",this.handleWindowChanges)}addWindowEventListeners(){window.addEventListener("resize",this.handleWindowChanges),window.addEventListener("scroll",this.handleWindowChanges)}removeWindowEventListeners(){window.removeEventListener("resize",this.handleWindowChanges),window.removeEventListener("scroll",this.handleWindowChanges)}addOverlayEventListeners(){this.overflowBoundaryRef&&"auto"===this.mode?this.overflowBoundaryRef.addEventListener("click",this.handleWindowClick):"auto"===this.mode&&document.addEventListener("click",this.handleWindowClick)}removeOverlayEventListeners(){this.overflowBoundaryRef&&"auto"===this.mode?this.overflowBoundaryRef.removeEventListener("click",this.handleWindowClick):"auto"===this.mode&&document.removeEventListener("click",this.handleWindowClick)}addRepositioningHandlers(){"none"!==this.repositionMode&&(this.registerOverflowBoundary(),this.createOverflowHandler(),this.addWindowEventListeners())}createPositioningManager(){var e;this.popoverReference&&"none"!==this.repositionMode&&(this.positioning=new ts({repositionMode:this.repositionMode,popoverReference:this.popoverReference,anchorReference:null===(e=this.anchorReferences)||void 0===e?void 0:e[0],overflowBoundaryReference:this.overflowBoundaryRef}))}removeEventListeners(){var e;this.popoverReference&&(this.removeWindowEventListeners(),this.removeOverlayEventListeners(),this.removeMouseOverEventListeners(),null===(e=this.intersectionObserver)||void 0===e||e.unobserve(this.popoverReference))}releasePositions(){if(this.openPositions=[],this.positioning)for(const e in Zi){const t=Zi[e];this.positioning.checkPosition(t)&&(this.openPositions.push(t),t===this.originalPopoverPosition&&(this.position=this.originalPopoverPosition))}}observePopoverOverflow(){var e,t;null===(e=this.intersectionObserver)||void 0===e||e.disconnect(),this.popoverReference&&(null===(t=this.intersectionObserver)||void 0===t||t.observe(this.popoverReference))}connectedCallback(){var e;super.connectedCallback(),this.open&&(null===(e=this.popoverReference)||void 0===e||e.classList.add("popover-open"))}}e([ze({attribute:"aria-label"})],os.prototype,"ariaLabel",void 0),e([ze({mode:"boolean"})],os.prototype,"beak",void 0),e([ze({mode:"boolean",attribute:"clickable"})],os.prototype,"clickable",void 0),e([ze],os.prototype,"size",void 0),e([ze],os.prototype,"mode",void 0),e([ze],os.prototype,"position",void 0),e([ze({attribute:"target-id"})],os.prototype,"targetId",void 0),e([B],os.prototype,"anchorReferences",void 0),e([ze({attribute:"reposition-mode"})],os.prototype,"repositionMode",void 0),e([B],os.prototype,"openPositions",void 0),e([ze({mode:"boolean"})],os.prototype,"open",void 0),e([B],os.prototype,"popoverReference",void 0),e([B],os.prototype,"overflowBoundaryRef",void 0),e([ze({attribute:"overflow-boundary-selector"})],os.prototype,"overflowBoundarySelector",void 0);const is=G`
+  :host([mode="auto"]) .popover-overlay {
+    position: fixed;
+    inset: 0;
+    z-index: 0;
+    display: none;
+    background-color: transparent;
+    width: 100vw;
+    height: 100vh;
+  }
+
+  :host([mode="auto"]) .popover-overlay.overlay-open {
+    display: block;
+  }
+
+  .popover-container {
+    position: relative;
+    width: fit-content;
+  }
+
+  .popover {
+    font-family: ${Xt};
+    background-color: ${po};
+    border-radius: ${Ht};
+    border: 1px solid ${wo};
+    box-shadow: ${So};
+
+    visibility: hidden;
+    opacity: 0;
+    z-index: 0;
+    position: absolute;
+    inset: 0;
+
+    margin: 0;
+    min-width: 50px;
+    min-height: 68px;
+    max-width: 260px;
+
+    width: max-content;
+    height: max-content;
+    padding: 16px;
+  }
+
+  .popover.popover-open {
+    visibility: visible;
+    display: block;
+    opacity: 1;
+    z-index: 1000;
+  }
+
+  :host([size="small"]) .popover {
+    padding: 12px;
+    max-width: 214px;
+  }
+
+  :host([size="large"]) .popover {
+    padding: 20px;
+    max-width: 317px;
+  }
+
+  .beak {
+    position: absolute;
+    top: 0;
+    width: 0;
+    height: 0;
+    border-left: 8px solid transparent;
+    border-right: 8px solid transparent;
+    border-bottom: 8px solid ${po};
+    z-index: 1;
+  }
+
+  :host([beak]) .beak-shadow::after {
+    content: "";
+    position: absolute;
+    width: 0;
+    height: 0;
+    border-left: 8px solid transparent;
+    border-right: 9px solid transparent;
+    border-bottom: 8px solid rgba(0, 0, 0, 0.14);
+    filter: blur(8px);
+    z-index: 0;
+  }
+
+  :host([position="above-start"]) .popover {
+    left: 0%;
+    top: 0%;
+    transform: translate(0%, -90%);
+  }
+  :host([position="above-start"]) .popover.popover-open {
+    transform: translate(0%, -100%);
+  }
+
+  :host([position="above-start"][beak]) .popover.popover-open {
+    /* popover  */
+    top: -12px; /* offset popover from anchor  */
+  }
+
+  :host([position="above-start"][beak]) .beak-shadow:after {
+    /* beak drop shadow */
+    left: 16px;
+    top: -8px; /* offset dropshadow from anchor  */
+    transform: rotate(180deg);
+    filter: blur(4px);
+  }
+
+  :host([position="above-start"][beak]) .beak {
+    /* beak  */
+    left: 16px;
+    top: 100%;
+    transform: rotate(180deg);
+  }
+
+  :host([position="above-center"]) .popover {
+    left: 50%;
+    top: 0%;
+    transform: translate(-50%, -90%);
+  }
+  :host([position="above-center"]) .popover.popover-open {
+    transform: translate(-50%, -100%);
+  }
+
+  :host([position="above-center"][beak]) .popover.popover-open {
+    transform: translate(-50%, -100%);
+    top: -12px;
+  }
+
+  :host([position="above-center"][beak]) .beak-shadow:after {
+    left: calc(50% - 8px);
+    top: -8px;
+    transform: rotate(180deg);
+  }
+
+  :host([position="above-center"][beak]) .beak {
+    left: calc(50% - 8px);
+    top: 100%;
+    transform: rotate(180deg);
+  }
+
+  :host([position="above-end"]) .popover {
+    left: 100%;
+    top: 0%;
+    transform: translate(-100%, -90%);
+  }
+  :host([position="above-end"]) .popover.popover-open {
+    transform: translate(-100%, -100%);
+  }
+
+  :host([position="above-end"][beak]) .popover.popover-open {
+    transform: translate(-100%, -100%);
+    top: -12px;
+  }
+
+  :host([position="above-end"][beak]) .beak-shadow:after {
+    right: 16px;
+    top: -8px;
+    transform: rotate(180deg);
+  }
+
+  :host([position="above-end"][beak]) .beak {
+    right: 16px;
+    top: 100%;
+    transform: rotate(180deg);
+  }
+
+  :host([position="end-top"]) .popover {
+    left: 100%;
+    top: 0%;
+    transform: translate(-10%, 0%);
+  }
+  :host([position="end-top"]) .popover.popover-open {
+    transform: translate(0%, 0%);
+  }
+  :host([position="end-top"][beak]) .popover.popover-open {
+    left: calc(100% + 12px);
+  }
+
+  :host([position="end-top"][beak]) .beak-shadow:after {
+    left: calc(100% - 1px);
+    top: 18px;
+    transform: rotate(270deg);
+    border-bottom: 8px solid rgba(0, 0, 0, 0.07);
+    filter: blur(2px);
+  }
+
+  :host([position="end-top"][beak]) .beak {
+    left: -12px;
+    top: 16px;
+    transform: rotate(270deg);
+  }
+
+  :host([position="end-middle"]) .popover {
+    left: 100%;
+    top: 50%;
+    transform: translate(-10%, -50%);
+  }
+  :host([position="end-middle"]) .popover.popover-open {
+    transform: translate(0%, -50%);
+  }
+
+  :host([position="end-middle"][beak]) .popover.popover-open {
+    left: calc(100% + 12px);
+  }
+
+  :host([position="end-middle"][beak]) .beak-shadow:after {
+    left: calc(100% - 1px);
+    top: calc(50% - 2px);
+    transform: rotate(270deg);
+    border-bottom: 8px solid rgba(0, 0, 0, 0.11);
+    filter: blur(2px);
+  }
+
+  :host([position="end-middle"][beak]) .beak {
+    left: -12px;
+    top: calc(50% - 4px);
+    transform: rotate(270deg);
+  }
+
+  :host([position="end-bottom"]) .popover {
+    left: 100%;
+    top: unset;
+    bottom: 0%;
+    transform: translate(-10%, 0%);
+  }
+  :host([position="end-bottom"]) .popover.popover-open {
+    transform: translate(0%, 0%);
+  }
+
+  :host([position="end-bottom"][beak]) .popover.popover-open {
+    left: calc(100% + 12px);
+  }
+
+  :host([position="end-bottom"][beak]) .beak-shadow:after {
+    left: calc(100% - 1px);
+    top: unset;
+    bottom: 17px;
+    transform: rotate(270deg);
+    filter: blur(3px);
+  }
+
+  :host([position="end-bottom"][beak]) .beak {
+    left: -12px;
+    top: unset;
+    bottom: 16px;
+    transform: rotate(270deg);
+  }
+
+  :host([position="below-start"]) .popover {
+    left: 0%;
+    top: 100%;
+    transform: translate(0%, -10%);
+  }
+  :host([position="below-start"]) .popover.popover-open {
+    transform: translate(0%, 0%);
+  }
+
+  :host([position="below-start"][beak]) .popover.popover-open {
+    top: calc(100% + 12px);
+  }
+
+  :host([position="below-start"][beak]) .beak-shadow:after {
+    left: 16px;
+    top: unset;
+    bottom: -12px;
+    transform: rotate(0deg);
+    border-bottom: 8px solid rgba(0, 0, 0, 0.07);
+    filter: blur(2px);
+  }
+
+  :host([position="below-start"][beak]) .beak {
+    left: 16px;
+    top: -8px;
+    transform: rotate(0deg);
+  }
+
+  :host([position="below-center"]) .popover {
+    left: 50%;
+    top: 100%;
+    transform: translate(-50%, -10%);
+  }
+  :host([position="below-center"]) .popover.popover-open {
+    transform: translate(-50%, 0%);
+  }
+
+  :host([position="below-center"][beak]) .popover.popover-open {
+    top: calc(100% + 8px);
+  }
+
+  :host([position="below-center"][beak]) .beak-shadow:after {
+    left: calc(50% - 8px);
+    top: unset;
+    bottom: -8px;
+    transform: rotate(0deg);
+    border-bottom: 8px solid rgba(0, 0, 0, 0.07);
+    filter: blur(2px);
+  }
+
+  :host([position="below-center"][beak]) .beak {
+    left: calc(50% - 8px);
+    top: -8px;
+    transform: rotate(0deg);
+  }
+
+  :host([position="below-end"]) .popover {
+    left: 100%;
+    top: 100%;
+    transform: translate(-100%, -10%);
+  }
+  :host([position="below-end"]) .popover.popover-open {
+    transform: translate(-100%, 0%);
+  }
+
+  :host([position="below-end"][beak]) .popover.popover-open {
+    top: calc(100% + 12px);
+  }
+
+  :host([position="below-end"][beak]) .beak-shadow:after {
+    right: 16px;
+    top: unset;
+    bottom: -12px;
+    transform: rotate(0deg);
+    border-bottom: 8px solid rgba(0, 0, 0, 0.07);
+    filter: blur(2px);
+  }
+
+  :host([position="below-end"][beak]) .beak {
+    right: 16px;
+    top: -8px;
+    transform: rotate(0deg);
+  }
+
+  :host([position="start-top"]) .popover {
+    left: 0%;
+    top: 0%;
+    transform: translate(-90%, 0%);
+  }
+  :host([position="start-top"]) .popover.popover-open {
+    transform: translate(-100%, 0%);
+  }
+
+  :host([position="start-top"][beak]) .popover.popover-open {
+    left: -12px;
+  }
+
+  :host([position="start-top"][beak]) .beak-shadow:after {
+    left: -15px;
+    top: 18px;
+    transform: rotate(90deg);
+    border-bottom: 8px solid rgba(0, 0, 0, 0.07);
+    filter: blur(2px);
+  }
+
+  :host([position="start-top"][beak]) .beak {
+    right: -12px;
+    top: 16px;
+    transform: rotate(90deg);
+  }
+
+  :host([position="start-middle"]) .popover {
+    left: 0%;
+    top: 50%;
+    transform: translate(-90%, -50%);
+  }
+  :host([position="start-middle"]) .popover.popover-open {
+    transform: translate(-100%, -50%);
+  }
+
+  :host([position="start-middle"][beak]) .popover.popover-open {
+    left: -12px;
+  }
+
+  :host([position="start-middle"][beak]) .beak-shadow:after {
+    left: -15px;
+    top: calc(50% - 2px);
+    transform: rotate(90deg);
+    border-bottom: 8px solid rgba(0, 0, 0, 0.11);
+    filter: blur(2px);
+  }
+
+  :host([position="start-middle"][beak]) .beak {
+    right: -12px;
+    top: calc(50% - 4px);
+    transform: rotate(90deg);
+  }
+
+  :host([position="start-bottom"]) .popover {
+    left: 0%;
+    top: unset;
+    bottom: 0%;
+    transform: translate(-90%, 0%);
+  }
+  :host([position="start-bottom"]) .popover.popover-open {
+    transform: translate(-100%, 0%);
+  }
+
+  :host([position="start-bottom"][beak]) .popover.popover-open {
+    left: -12px;
+  }
+
+  :host([position="start-bottom"][beak]) .beak-shadow:after {
+    left: -15px;
+    top: unset;
+    bottom: 17px;
+    transform: rotate(90deg);
+    filter: blur(3px);
+  }
+
+  :host([position="start-bottom"][beak]) .beak {
+    right: -12px;
+    top: unset;
+    bottom: 16px;
+    transform: rotate(90deg);
+  }
+
+  @starting-style {
+    .popover.popover-open {
+      opacity: 0;
+      transform: translateY(0);
+    }
+  }
+`;const ss=function(e={}){return Se`
+    ${wt(e)}
+    <div class="popover-container" role="dialog">
+      <slot name="popover-trigger" ${Fe("anchorReferences")}></slot>
+      <div
+        aria-label="${e=>e.ariaLabel}"
+        class="popover"
+        part="popover"
+        id="${e=>e.targetId}"
+        ${Be("popoverReference")}
+      >
+        <slot name="popover-content"></slot>
+        ${Ae((e=>e.beak&&e.open),Se`
+            <div part="beak" class="beak"></div>
+          `)}
+      </div>
+      ${Ae((e=>e.beak&&e.open),Se`
+          <div part="beak-shadow" class="beak-shadow"></div>
+        `)}
+    </div>
+    ${bt(e)}
+  `}(),rs=os.compose({name:`${lt.prefix}-popover`,template:ss,styles:is,shadowOptions:{mode:lt.shadowRootMode}}),ns={incomplete:"incomplete",complete:"complete",error:"error"};class as extends nt{constructor(){super(...arguments),this.active=!1,this.disabled=!1,this.state=ns.incomplete,this.index=0,this.details="",this.title=""}stateChanged(e,t){e!==t&&this.emitChange()}activeChanged(e,t){e!==t&&this.emitChange()}toggleActive(){this.active=!this.active}setComplete(){this.state=ns.complete}setIncomplete(){this.state=ns.incomplete}setError(){this.state=ns.error}emitChange(){this.$emit("stepchange",{id:this.id,state:this.state,active:this.active,index:this.index})}}e([ze({mode:"boolean"})],as.prototype,"ordered",void 0),e([ze({mode:"boolean",attribute:"hide-connector"})],as.prototype,"hideConnector",void 0),e([ze({mode:"boolean"})],as.prototype,"active",void 0),e([ze({mode:"boolean"})],as.prototype,"disabled",void 0),e([ze({attribute:"aria-describedby"})],as.prototype,"ariaDescribedby",void 0),e([ze({attribute:"aria-labelledby"})],as.prototype,"ariaLabelledby",void 0),e([ze],as.prototype,"state",void 0),e([B],as.prototype,"index",void 0),e([B],as.prototype,"details",void 0),e([B],as.prototype,"title",void 0);const ls=G`
+  ${yt("block")}
+
+  :host {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    flex-direction: column;
+    font-family: ${Xt};
+    position: relative;
+    align-items: flex-start;
+    column-gap: ${eo};
+    flex-shrink: 0;
+    flex-grow: 1;
+  }
+
+  :host([hide-connector]) .state-connector,
+  .summary,
+  .title,
+  .details {
+    display: none;
+  }
+
+  :host(.overflow) {
+    flex-shrink: 0;
+    flex-grow: 0;
+    width: 36px;
+  }
+
+  :host(.first) {
+    padding-left: ${oo};
+  }
+
+  :host(.first) .state-connector {
+    left: 28px;
+  }
+
+  :host(.last) {
+    padding-right: ${oo};
+  }
+
+  .state-indicator {
+    width: 24px;
+    height: 24px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    padding: 2px;
+    box-sizing: border-box;
+  }
+
+  .icon {
+    position: relative;
+    z-index: 9;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    width: 20px;
+    height: 20px;
+    font-weight: var(--fontWeightRegular);
+    line-height: var(--lineHeightBase100);
+    font-size: var(--fontSizeBase200);
+    border-radius: var(--borderRadiusCircular);
+    border: 2px solid var(--colorNeutralForeground2);
+    background: var(--colorNeutralBackground4);
+    flex-shrink: 0;
+    box-sizing: border-box;
+  }
+
+  .order {
+    font-size: var(--fontSizeBase200);
+    font-weight: var(--fontWeightSemibold);
+    line-height: var(--lineHeightBase200);
+    margin-bottom: 1px;
+  }
+
+  .state-connector {
+    position: absolute;
+    top: 12px;
+    left: 4px;
+    height: 2px;
+    width: 100%;
+    background: var(--colorNeutralForegroundDisabled);
+  }
+
+  .title {
+    font-weight: ${Yt};
+    font-size: ${jt};
+    line-height: ${Kt};
+  }
+
+  .details {
+    font-weight: ${Yt};
+    font-size: ${_t};
+    line-height: ${qt};
+  }
+
+  .icon svg {
+    color: ${uo};
+    fill: ${uo};
+    width: 12px;
+    height: 12px;
+    box-sizing: border-box;
+    vertical-align: middle;
+  }
+
+  :host([hide-connector]) {
+    width: fit-content;
+    flex-grow: 0;
+    min-width: unset;
+  }
+
+  :host([aria-current="step"]) .title {
+    font-weight: ${Qt};
+  }
+
+  :host([state="complete"]) .icon,
+  :host([state="complete"]) .state-connector,
+  :host([state="complete"].first) .state-connector,
+  :host([active]) .icon {
+    background: ${ho};
+    border-color: ${ho};
+    color: ${uo};
+  }
+
+  :host([state="complete"]) .icon svg {
+    margin-top: 2px;
+  }
+
+  :host([state="error"]) .icon {
+    background: ${xo};
+    border-color: ${xo};
+  }
+
+  @media (min-width: 480px) {
+    :host(.overflow),
+    :host,
+    :host(.first) {
+      display: flex;
+      align-items: flex-start;
+      width: fit-content;
+      height: fit-content;
+      max-width: 268px;
+      padding: 0 0 ${no} 0;
+      column-gap: ${eo};
+      flex-grow: 0;
+    }
+    :host(.first) .state-connector,
+    .state-connector {
+      position: absolute;
+      width: 2px;
+      left: 11px;
+      height: 100%;
+      background: var(--colorNeutralForegroundDisabled);
+      min-height: 22px;
+    }
+  }
+
+  @media (min-width: 1023px) {
+    :host {
+      flex-direction: row;
+    }
+    .state-connector {
+      left: 11px;
+    }
+    :host([aria-current="step"]) .details,
+    .title {
+      display: block;
+    }
+    .order {
+      display: none;
+    }
+    .summary {
+      display: flex;
+      flex-direction: column;
+      width: fit-content;
+      min-width: 174px;
+      gap: ${so};
+    }
+  }
+`,ds=Se`
+  <svg
+    fill="currentColor"
+    aria-hidden="true"
+    width="16"
+    height="16"
+    viewBox="0 0 16 16"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M13.86 3.66a.5.5 0 0 1-.02.7l-7.93 7.48a.6.6 0 0 1-.84-.02L2.4 9.1a.5.5 0 0 1 .72-.7l2.4 2.44 7.65-7.2a.5.5 0 0 1 .7.02Z"
+      fill="currentColor"
+    ></path>
+  </svg>
+`,cs=Se`
+  <svg
+    fill="currentColor"
+    aria-hidden="true"
+    width="12"
+    height="12"
+    viewBox="0 0 16 16"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="m2.4 2.55.07-.08a.75.75 0 0 1 .98-.07l.08.07L8 6.94l4.47-4.47a.75.75 0 1 1 1.06 1.06L9.06 8l4.47 4.47c.27.27.3.68.07.98l-.07.08a.75.75 0 0 1-.98.07l-.08-.07L8 9.06l-4.47 4.47a.75.75 0 0 1-1.06-1.06L6.94 8 2.47 3.53a.75.75 0 0 1-.07-.98l.07-.08-.07.08Z"
+      fill="currentColor"
+    ></path>
+  </svg>
+`;function hs(){return Se`
+    <template
+      class="step"
+      state="${e=>e.state}"
+      ?hide-connector="${e=>e.hideConnector}"
+      ?active="${e=>e.active}"
+      ?disabled="${e=>e.disabled}"
+      ?ordered="${e=>e.ordered}"
+      aria-label="${e=>e.ariaLabel}"
+      aria-describedby="${e=>e.ariaDescribedby}"
+      aria-labelledby="${e=>e.ariaLabelledby}"
+      aria-current="${e=>e.active?"step":null}"
+      aria-completed="${e=>"complete"==e.state?"true":"false"}"
+    >
+      <slot name="start"></slot>
+      <div class="state-indicator">
+        <div class="icon" part="icon">
+          ${e=>"incomplete"===e.state?Se`
+                  <slot name="incomplete">
+                    <span class="order" part="order">
+                      ${e=>e.ordered?e.index+1:""}
+                    </span>
+                  </slot>
+                `:""}
+          ${e=>"complete"===e.state?Se`
+                  <slot name="complete">${ds}</slot>
+                `:""}
+          ${e=>"error"===e.state?Se`
+                  <slot name="error">${cs}</slot>
+                `:""}
+        </div>
+      </div>
+      <div class="summary" part="summary">
+        <div class="title" part="title">
+          <slot name="title">${e=>e.title}</slot>
+        </div>
+        <div class="details" part="details">
+          <slot name="details">${e=>e.details}</slot>
+        </div>
+      </div>
+
+      <div part="state-connector" class="state-connector"></div>
+      <slot name="end"></slot>
+    </template>
+  `}const us=hs(),ps=as.compose({name:`${lt.prefix}-step`,template:us,styles:ls,shadowOptions:{mode:lt.shadowRootMode}});class fs extends nt{constructor(){super(...arguments),this.ordered=!1,this.currentIndex=0,this.steps=[],this.slottedsteps=[],this.stepIds=[],this.setSteps=()=>{this.slottedsteps.forEach(((e,t)=>{var o,i,s,r,n,a;if("step"===e.slot){const l=e,d=this.currentIndex===t&&this.isFocusableElement(l),c=this.stepIds[t];l.setAttribute("id",c),l.setAttribute("role","listitem"),l.active=d,l.index=t,this.steps.length>0&&(l.title=null!==(i=null===(o=this.steps[t])||void 0===o?void 0:o.title)&&void 0!==i?i:void 0,l.details=null!==(r=null===(s=this.steps[t])||void 0===s?void 0:s.details)&&void 0!==r?r:void 0,l.state=null!==(a=null===(n=this.steps[t])||void 0===n?void 0:n.state)&&void 0!==a?a:ns.incomplete,this.ordered&&(l.ordered=!0)),d&&(this.activestep=l,this.activeid=c,this.currentIndex=t),t===this.slottedsteps.length-1&&(l.hideConnector=!0),this.slottedsteps.length>=7&&(l.classList.add("overflow"),t===this.slottedsteps.length-1&&l.classList.add("last"),0===t&&l.classList.add("first"))}})),this.slottedsteps.every((e=>"complete"===e.state))&&this.emitComplete(),this.slottedsteps.length>=7&&this.setAttribute("class","overflow"),this.emitChange()},this.isDisabledElement=e=>"true"===e.getAttribute("aria-disabled"),this.isHiddenElement=e=>e.hasAttribute("hidden"),this.isFocusableElement=e=>!this.isDisabledElement(e)&&!this.isHiddenElement(e),this.emitChange=()=>{this.$emit("stepperchange",{steps:this.steps,currentIndex:this.currentIndex,prevActiveStepIndex:this.prevActiveStepIndex})},this.emitComplete=()=>{this.dispatchEvent(new CustomEvent("steppercomplete",{bubbles:!0,detail:{steps:this.steps}}))}}show(){this.hidden=!1}hide(){this.hidden=!0}activeidChanged(e,t){this.$fastController.isConnected&&this.setSteps()}slottedstepsChanged(){this.$fastController.isConnected&&(this.stepIds=this.getStepIds(),this.setSteps())}stepsChanged(e,t){this.$fastController.isConnected&&e!==t&&t.length>0&&(this.stepIds=this.getStepIds(),this.setSteps())}currentIndexChanged(e,t){e!==t&&y.enqueue((()=>{this.prevActiveStepIndex=e,this.setComponent()}))}setComponent(){y.enqueue((()=>{this.stepIds=this.getStepIds(),this.setSteps()}))}getStepIds(){return this.slottedsteps.map((e=>{var t;return null!==(t=e.getAttribute("id"))&&void 0!==t?t:`fabric-step-${parseInt(vt())}`}))}handleStepStateChange(e){const t=e.detail.index,o=e.detail.state;e.detail.active&&(this.currentIndex=t),this.steps=this.steps.map(((e,i)=>i===t?{...e,state:o}:e))}addListeners(){this.slottedsteps.forEach((e=>{e.addEventListener("stepchange",(e=>this.handleStepStateChange(e)))}))}removeListeners(){this.slottedsteps.forEach((e=>{e.removeEventListener("stepchange",(e=>this.handleStepStateChange(e)))}))}connectedCallback(){super.connectedCallback(),this.stepIds=this.getStepIds(),y.enqueue((()=>{this.setComponent(),this.addListeners()}))}disconnectedCallback(){super.connectedCallback(),this.removeListeners()}}e([ze({mode:"boolean"})],fs.prototype,"ordered",void 0),e([ze({attribute:"current-index",converter:Re})],fs.prototype,"currentIndex",void 0),e([ze({attribute:"aria-labelledby"})],fs.prototype,"ariaLabelledby",void 0),e([ze({attribute:"aria-describedby"})],fs.prototype,"ariaDescribedby",void 0),e([B],fs.prototype,"activeid",void 0),e([B],fs.prototype,"steps",void 0),e([B],fs.prototype,"slottedsteps",void 0);const gs=G`
+  ${yt("block")}
+
+  :host {
+    background-color: ${go};
+    box-sizing: border-box;
+    padding: ${ao} ${oo};
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    width: 100%;
+    z-index: 9;
+  }
+
+  .list {
+    display: flex;
+    flex-direction: row;
+  }
+
+  :host(.overflow) .list {
+    justify-content: flex-start;
+    align-items: unset;
+    overflow-x: auto;
+    overflow-y: hidden;
+    padding: ${ao} 0;
+  }
+
+  @media (min-width: 480px) {
+    :host(.overflow),
+    :host {
+      padding: ${ao} ${oo};
+      position: relative;
+      height: 100%;
+      max-width: 70px;
+    }
+    .list {
+      flex-direction: column;
+      max-width: 480px;
+    }
+    :host(.overflow) .list {
+      width: fit-content;
+      justify-content: unset;
+      align-items: center;
+      overflow-x: unset;
+      overflow-y: unset;
+      width: 24px;
+      padding: 0;
+    }
+  }
+
+  @media (min-width: 1023px) {
+    :host(.overflow),
+    :host {
+      max-width: 268px;
+      width: 268px;
+      padding: ${ao} ${io}
+        ${ao} ${oo};
+    }
+    :host(.overflow) .list {
+      width: fit-content;
+    }
+  }
+`;const vs=Se`
+    <template
+      ?hidden="${e=>e.hidden}"
+      ?ordered="${e=>e.ordered}"
+      current-index="${e=>e.currentIndex}"
+      aria-labelledby="${e=>e.ariaLabelledby}"
+      aria-describedby="${e=>e.ariaDescribedby}"
+      aria-label="${e=>e.ariaLabel}"
+    >
+      <slot name="start"></slot>
+      <div class="list" part="list" role="list">
+        <slot name="step" ${Fe("slottedsteps")}></slot>
+      </div>
+      <slot name="end"></slot>
+    </template>
+  `,ms=fs.compose({name:`${lt.prefix}-stepper`,template:vs,styles:gs,shadowOptions:{mode:lt.shadowRootMode}}),bs=["base","embed","form","frame","iframe","link","meta","object","script","style"],ws=["data","formaction","onclick","onerror","onload","onmouseover","src"];function ys(e){const t=(new DOMParser).parseFromString(e,"image/svg+xml");if(!t.documentElement||"parsererror"===t.documentElement.nodeName){const e=t.documentElement?t.documentElement.textContent:"";return console.error("SVG parsing error",e),""}return function(e,t,o){var i;const s=Array.from(e.querySelectorAll("*"));for(const e of s){const s=e.tagName.toLowerCase();if(t.includes(s))console.warn(`Custom SVG Sanitizer: Found and removed blocked tag: <${s}>`),null===(i=e.parentNode)||void 0===i||i.removeChild(e);else for(const t of e.getAttributeNames())(o.includes(t.toLowerCase())||/^on[a-z]+/.test(t.toLowerCase()))&&(console.warn(`Custom SVG Sanitizer: Found and removed blocked attribute: ${t} from <${e.tagName.toLowerCase()}>`),e.removeAttribute(t))}}(t,bs,ws),(new XMLSerializer).serializeToString(t.documentElement)}class xs{static async loadIconOrSprite(e,t){try{let o=await this.fetchAndCacheSVG(e);return o.includes("<symbol")?this.getIconFromSprite(o,t):o}catch(t){throw console.error(`Failed to load SVG from path ${e}:`,t),t}}static async fetchAndCacheSVG(e){if(!this.cache.has(e))try{const t=fetch(e).then((e=>{if(!e.ok)throw new Error(`Network error: ${e.status} ${e.statusText}`);return e.text()})).then((e=>{if(!/<svg[\s\S]+<\/svg>/.test(e))throw new Error("Invalid SVG format");return ys(e)}));return this.cache.set(e,t),await t}catch(t){throw console.error(`Failed to fetch and cache SVG from path ${e}:`,t),t}return await this.cache.get(e)}static getIconFromSprite(e,t){const o=(new DOMParser).parseFromString(e,"image/svg+xml").querySelector(`symbol[id="${t}"]`);if(!o)return console.error(`Icon with ID ${t} not found in sprite.`),"";const i="http://www.w3.org/2000/svg",s=document.createElementNS(i,"svg");return s.setAttribute("xmlns",i),s.setAttributeNS(null,"viewBox",o.getAttribute("viewBox")||""),s.innerHTML=o.innerHTML,s.outerHTML}static async getPreparedSVG(e,t){try{const o=await this.loadIconOrSprite(e,t),i=this.parseSVG(o),s=i.querySelector("symbol");return s?this.getSVGDetailsFromSymbol(s):this.getSVGDetailsFromSVGElement(i)}catch(t){throw console.error(`Failed to prepare SVG from path ${e}:`,t),t}}static parseSVG(e){return(new DOMParser).parseFromString(e,"image/svg+xml")}static getSVGDetailsFromSymbol(e){const t=e.getAttribute("viewBox"),o=document.createElementNS("http://www.w3.org/2000/svg","svg");for(o.setAttribute("viewBox",t||""),o.setAttribute("xmlns","http://www.w3.org/2000/svg");e.firstChild;)o.appendChild(e.firstChild);const i=e.getAttribute("width")||void 0,s=e.getAttribute("height")||void 0;return{content:o.outerHTML,width:i,height:s}}static getSVGDetailsFromSVGElement(e){const t=e.querySelector("svg");let o,i;return t&&(o=t.getAttribute("width")||void 0,i=t.getAttribute("height")||void 0),{content:(null==t?void 0:t.outerHTML)||"",width:o,height:i}}}xs.cache=new Map;const ks=null;class Ss extends nt{constructor(){super(...arguments),this.isLoading=!0,this.isError=!1,this.name="",this.size="",this.path="",this.ariaHidden="true",this.ariaLabel="",this.focusable="false",this.role=ks,this.renderResolver=null,this.renderPromise=new Promise((e=>{this.renderResolver=e}))}nameChanged(){this.checkAndResolveRenderPromise()}sizeChanged(){this.checkAndResolveRenderPromise()}pathChanged(){this.checkAndResolveRenderPromise()}connectedCallback(){super.connectedCallback(),this.renderPromise.then((()=>this.renderIcon()))}checkAndResolveRenderPromise(){this.renderResolver&&this.path&&(!this.name||this.name&&""!==this.name)&&(this.renderResolver(),this.renderResolver=null)}renderIcon(){this.isLoading=!0,xs.getPreparedSVG(this.path,this.name).then((({content:e,width:t,height:o})=>{this.isLoading=!1,this.shadowRoot.innerHTML=e,this.updateComputedStylesheet(t,o);const i=this.shadowRoot.querySelector("svg");i&&this.updateSvgAttributes(i)})).catch((e=>{this.isLoading=!1,this.isError=!0,console.error(`Failed to load icon: ${this.path}`,e),this.renderErrorIcon()}))}renderErrorIcon(){const e=document.createElementNS("http://www.w3.org/2000/svg","svg");e.setAttribute("width","20"),e.setAttribute("height","20"),e.setAttribute("viewBox","0 0 20 20");const t=document.createElementNS("http://www.w3.org/2000/svg","line");t.setAttribute("x1","0"),t.setAttribute("y1","0"),t.setAttribute("x2","20"),t.setAttribute("y2","20"),t.setAttribute("stroke","red"),t.setAttribute("stroke-width","2");const o=document.createElementNS("http://www.w3.org/2000/svg","line");o.setAttribute("x1","20"),o.setAttribute("y1","0"),o.setAttribute("x2","0"),o.setAttribute("y2","20"),o.setAttribute("stroke","red"),o.setAttribute("stroke-width","2"),e.appendChild(t),e.appendChild(o),this.shadowRoot.innerHTML="",this.shadowRoot.appendChild(e)}updateComputedStylesheet(e,t){if(this.size){const e=["12","16","20","24","28","32","48"].includes(this.size)?this.size:"20";this.computedStylesheet=G`
+        :host {
+          --icon-height: ${e}px;
+          --icon-width: ${e}px;
+        }
+      `}else e&&t&&(this.computedStylesheet=G`
+        :host {
+          --icon-height: ${t}px;
+          --icon-width: ${e}px;
+        }
+      `);this.computedStylesheet&&this.$fastController.addStyles(this.computedStylesheet)}updateSvgAttributes(e){void 0!==this.name?e.setAttribute("name",this.name):e.removeAttribute("name"),void 0!==this.size?e.setAttribute("size",this.size):e.removeAttribute("size"),this.ariaLabel?e.setAttribute("aria-label",this.ariaLabel):e.removeAttribute("aria-label"),e.setAttribute("aria-hidden",this.ariaHidden),e.setAttribute("focusable",this.focusable||"false"),this.role?e.setAttribute("role",this.role):e.removeAttribute("role")}}e([B,ze],Ss.prototype,"name",void 0),e([B,ze],Ss.prototype,"size",void 0),e([B,ze],Ss.prototype,"path",void 0),e([ze({attribute:"aria-hidden"})],Ss.prototype,"ariaHidden",void 0),e([ze({attribute:"aria-label"})],Ss.prototype,"ariaLabel",void 0),e([ze],Ss.prototype,"focusable",void 0),e([ze],Ss.prototype,"role",void 0);const Cs=G`
+  ${yt("inline-flex")}
+
+  :host,
+  :host svg {
+    height: var(--icon-height, 20px);
+    width: var(--icon-width, 20px);
+  }
+
+  :host svg:not([role="img"]) {
+    fill: currentcolor;
+  }
+`,Bs=Se`
+  <template></template>
+`,Ps=Ss.compose({name:`${lt.prefix}-svg-icon`,template:Bs,styles:Cs,shadowOptions:{mode:lt.shadowRootMode}});class Es extends nt{constructor(){super(...arguments),this.target="",this.disableTrapFocus=!1,this.isTrappingFocus=!1,this.trapFocus=!1,this.cleanAutoUpdate=null,this.show=()=>{this.updatePosition(),this.cleanAutoUpdate=Ni(this.targetEl,this.currentEl,this.updatePosition),this.open=!0,this.trapFocus=!0,this.updateTrapFocus(!0)},this.hide=(e=!1)=>{var t;this.open=!1,null===(t=this.currentEl)||void 0===t||t.setAttribute("hidden",""),e&&this.$emit("dismiss")},this.renderResolver=null,this.renderPromise=new Promise((e=>{this.renderResolver=e})),this.setElements=()=>{var e;this.targetEl=document.getElementById(this.target),this.currentEl=this,this.arrowEl=null===(e=this.shadowRoot)||void 0===e?void 0:e.getElementById("arrow")},this.updatePosition=()=>{this.setElements();const e=this.placement?{placement:this.placement,middleware:[si(10),Vi({element:this.arrowEl,padding:4})]}:{middleware:[Oi({autoAlignment:!0}),si(10),Vi({element:this.arrowEl,padding:4})]};this.targetEl&&this.currentEl&&Ri(this.targetEl,this.currentEl,e).then((({x:e,y:t,placement:o,middlewareData:i})=>{var s;if(!(this.currentEl instanceof HTMLElement))return;Object.assign(this.currentEl.style,{left:`${e}px`,top:`${t}px`});const{x:r,y:n}=null!==(s=i.arrow)&&void 0!==s?s:{},a={top:"bottom",right:"left",bottom:"top",left:"right"}[o.split("-")[0]];Object.assign(this.arrowEl.style,{left:null!=r?`${r}px`:"",top:null!=n?`${n}px`:"",right:"",bottom:"",[a]:"-8px"})}))},this.handleDocumentKeydown=e=>{if(!e.defaultPrevented&&this.open)switch(e.key){case ft:this.handleTabKeyDown(e);break;case ut:this.hide(!0);break;default:return!0}},this.handleTabKeyDown=e=>{if(!this.trapFocus||!this.open)return;const t=this.getTabQueueBounds();if(1===t.length)return t[0].focus(),void e.preventDefault();e.shiftKey&&e.target===t[0]?(t[t.length-1].focus(),e.preventDefault()):e.shiftKey||e.target!==t[t.length-1]||(t[0].focus(),e.preventDefault())},this.getTabQueueBounds=()=>Es.reduceTabbableItems([],this),this.updateTrapFocus=e=>{const t=void 0===e?this.shouldTrapFocus():e;t&&!this.isTrappingFocus?(this.isTrappingFocus=!0,document.addEventListener("focusin",this.handleDocumentFocus),y.enqueue((()=>{this.shouldForceFocus(document.activeElement)&&this.focusFirstElement()}))):!t&&this.isTrappingFocus&&(this.isTrappingFocus=!1,document.removeEventListener("focusin",this.handleDocumentFocus))},this.handleDocumentFocus=e=>{!e.defaultPrevented&&this.shouldForceFocus(e.target)&&(this.focusFirstElement(),e.preventDefault())},this.focusFirstElement=()=>{const e=this.getTabQueueBounds(),t=document.getElementsByTagName("fabric-teaching-bubble");let o=0;Array.from(t).forEach((e=>{!0===e.hasAttribute("open")&&o++})),o>1||(e.length>0?e[0].focus():this.currentEl instanceof HTMLElement&&this.currentEl.focus())},this.shouldForceFocus=e=>this.isTrappingFocus&&!this.contains(e),this.shouldTrapFocus=()=>this.trapFocus&&this.open}connectedCallback(){super.connectedCallback(),this.renderPromise.then((()=>{this.setElements(),this.initializePosition(),document.addEventListener("keydown",this.handleDocumentKeydown),y.enqueue((()=>{this.updateTrapFocus(),this.disableTrapFocusHandler()}))})),this.renderResolver()}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("keydown",this.handleDocumentKeydown),document.removeEventListener("focusin",this.handleDocumentFocus),this.updateTrapFocus(!1),this.cleanAutoUpdate&&this.cleanAutoUpdate(),this.targetEl=null,this.currentEl=null,this.arrowEl=null}openChanged(){this.initializePosition(),y.enqueue((()=>{this.updateTrapFocus(),this.disableTrapFocusHandler()})),this.$emit("openchange",this.open)}static reduceTabbableItems(e,t){return"-1"===t.getAttribute("tabindex")?e:Oo(t)||Es.isFocusableFastElement(t)&&Es.hasTabbableShadow(t)?(e.push(t),e):Array.from(t.children).reduce(((e,t)=>Es.reduceTabbableItems(e,t)),e)}static isFocusableFastElement(e){var t,o;return!!(null===(o=null===(t=e.$fastController)||void 0===t?void 0:t.definition.shadowOptions)||void 0===o?void 0:o.delegatesFocus)}static hasTabbableShadow(e){var t,o;return Array.from(null!==(o=null===(t=e.shadowRoot)||void 0===t?void 0:t.querySelectorAll("*"))&&void 0!==o?o:[]).some((e=>Oo(e)))}disableTrapFocusHandler(){this.disableTrapFocus?this.trapFocus=!1:this.trapFocus=!0}initializePosition(){this.open&&this.targetEl&&this.currentEl&&this.arrowEl&&this.show(),this.open||this.hide()}}e([ze({mode:"fromView"})],Es.prototype,"target",void 0),e([ze({mode:"fromView"})],Es.prototype,"placement",void 0),e([ze({mode:"boolean"})],Es.prototype,"open",void 0),e([ze({mode:"boolean",attribute:"disable-trap-focus"})],Es.prototype,"disableTrapFocus",void 0),e([ze({mode:"fromView"})],Es.prototype,"size",void 0),e([B],Es.prototype,"targetEl",void 0),e([B],Es.prototype,"currentEl",void 0),e([B],Es.prototype,"arrowEl",void 0),e([B],Es.prototype,"isTrappingFocus",void 0),e([B],Es.prototype,"trapFocus",void 0),e([B],Es.prototype,"cleanAutoUpdate",void 0);const As=G`
+  :host {
+    position: absolute;
+    border: 1px solid ${vo};
+    border-radius: ${Ht};
+    background-color: ${vo};
+    color: ${po};
+    padding: ${to};
+    box-shadow: ${Co};
+    max-width: 288px;
+  }
+
+  ::slotted(*) {
+    font-family: ${Xt};
+    font-size: unset;
+    font-weight: ${Yt};
+    line-height: ${Kt};
+    margin: 0;
+    margin-block-start: 0;
+    margin-block-end: 0;
+    margin-inline-start: 0;
+    margin-inline-end: 0;
+  }
+
+  :host([size="small"]) ::slotted(*) {
+    font-size: ${_t};
+  }
+
+  :host([size="medium"]) ::slotted(*) {
+    font-size: ${jt};
+  }
+
+  :host([size="large"]) ::slotted(*) {
+    font-size: ${Gt};
+  }
+
+  :host[hidden] {
+    ${yt("none")}
+  }
+
+  slot[name="close"]::slotted(*) {
+    position: absolute;
+    top: 0;
+    right: 0;
+  }
+
+  .content {
+    position: relative;
+  }
+
+  .heading {
+    margin-bottom: ${Jt};
+  }
+
+  .footer {
+  }
+
+  .arrow {
+    position: absolute;
+    background: ${vo};
+    width: 16px;
+    height: 16px;
+    transform: rotate(45deg);
+    border-radius: ${zt};
+  }
+
+  slot[name="image"]::slotted(*) {
+    display: block;
+    margin-bottom: ${eo};
+    width: 100%;
+    height: 100%;
+  }
+
+  slot[name="heading"]::slotted(*) {
+    font-weight: ${Qt};
+    line-height: ${Ut};
+  }
+
+  :host([size="small"]) slot[name="heading"]::slotted(*) {
+    font-size: ${jt};
+  }
+
+  :host([size="medium"]) slot[name="heading"]::slotted(*) {
+    font-size: ${Gt};
+  }
+
+  :host([size="large"]) slot[name="heading"]::slotted(*) {
+    font-size: ${Wt};
+  }
+
+  slot[name="footer"]::slotted(*) {
+    line-height: ${qt};
+    margin-top: ${eo};
+    padding-top: ${eo};
+  }
+`;const Ts=Se`
+    <template
+      size="${e=>e.size}"
+      target="${e=>e.target}"
+      ?hidden="${e=>!e.open}"
+      placement="${e=>e.placement}"
+      role="dialog"
+      ?disable-trap-focus="${e=>e.disableTrapFocus}"
+    >
+      <div class="image" part="image">
+        <slot name="image"></slot>
+      </div>
+      <div class="content" part="content">
+        <div class="close" part="close"><slot name="close"></slot></div>
+        <div class="heading" part="heading">
+          <slot name="heading"></slot>
+        </div>
+        <slot></slot>
+        <div class="footer" part="footer">
+          <slot name="footer"></slot>
+        </div>
+      </div>
+      <div id="arrow" class="arrow" part="arrow"></div>
+    </template>
+  `,$s=Es.compose({name:`${lt.prefix}-teaching-bubble`,template:Ts,styles:As,shadowOptions:{mode:lt.shadowRootMode}}),Is={small:"small",medium:"medium",large:"large"},Fs={top:"top",bottom:"bottom",left:"left",right:"right",topStart:"top-start",topEnd:"top-end",bottomStart:"bottom-start",bottomEnd:"bottom-end",leftStart:"left-start",leftEnd:"left-end",rightStart:"right-start",rightEnd:"right-end"};class Ls extends as{keydownHandler(e){if(e.key===ht)this.disabled?(e.preventDefault(),e.stopImmediatePropagation()):(this.active,this.active)}}const Ms=G`
+  ${ls}
+  :host(:hover) {
+    cursor: pointer;
+  }
+  :host([disabled]) {
+    cursor: not-allowed;
+  }
+`,Ns=hs(),Os=Ls.compose({name:`${lt.prefix}-wizard-step`,template:Ns,styles:Ms,shadowOptions:{mode:lt.shadowRootMode}});class Vs extends nt{constructor(){super(...arguments),this.ordered=!1,this.disableOnComplete=!1,this.currentIndex=0,this.slottedsteps=[],this.slottedbuttons=[],this.slottedpanels=[],this.stepIds=[],this.panelIds=[],this.next=()=>{this.currentIndex=this.slottedsteps.indexOf(this.activestep),this.focusNextStep(!0)},this.previous=()=>{this.currentIndex=this.slottedsteps.indexOf(this.activestep),this.focusPreviousStep(!0)},this.focusNextStep=(e=!1)=>{const t=this.slottedsteps;let o=0;for(o=this.currentIndex+1;o<t.length&&t.length>1&&t[o].disabled;)o+=1;for(o===t.length&&(o=0);o<t.length&&t.length>1;){if(this.isFocusableElement(t[o])&&!this.isDisabledElement(t[o])){this.moveToStepByIndex(o);break}if(this.activestep&&o===t.indexOf(this.activestep))break;o+1>=t.length?o=0:o+=1}e&&!this.isDisabledElement(t[o])&&this.setActiveStep(this.slottedsteps[o])},this.focusPreviousStep=(e=!1)=>{const t=this.slottedsteps;let o=0;for(o=this.currentIndex-1,o=o<0?t.length-1:o;o<t.length&&t.length>1&&t[o].disabled;)o-=1;for(;o>=0&&t.length>1;){if(this.isFocusableElement(t[o])&&!this.isDisabledElement(t[o])){this.moveToStepByIndex(o);break}o-1<0?o=t.length-1:o-=1}e&&!this.isDisabledElement(t[o])&&this.setActiveStep(this.slottedsteps[o])},this.moveToStepByIndex=e=>{const t=this.slottedsteps[e];this.currentIndex=e,t.focus(),this.setComponent()},this.handleStepContainerKeydown=e=>{var t;const o=null!==(t=this.slottedsteps.findIndex((e=>e.active)))&&void 0!==t?t:0;switch(e.key){case ht:e.preventDefault(),document.activeElement===this&&-1!==o&&(this.currentIndex=o,this.slottedsteps[o].focus());break;case ft:e.stopPropagation(),e.preventDefault(),this.slottedbuttons[0].focus(),this.slottedsteps[o].tabIndex=-1}},this.handleStepKeyDown=e=>{switch(e.key){case ft:if(e.stopPropagation(),e.preventDefault(),e.shiftKey)this.stepcontainer.focus();else{const e=this.slottedsteps.findIndex((e=>e.active));this.slottedsteps[e].tabIndex=-1,this.slottedbuttons[0].focus()}break;case ut:e.preventDefault(),this.stepcontainer.focus();break;case ht:e.preventDefault(),this.handleStepSelect(e);break;case ct:e.preventDefault(),this.focusPreviousStep();break;case dt:e.preventDefault(),this.focusNextStep();break;case pt:e.preventDefault(),this.moveToStepByIndex(-this.currentIndex);break;case"End":e.preventDefault(),this.moveToStepByIndex(this.slottedsteps.length-this.currentIndex-1)}},this.setSteps=()=>{-1===this.currentIndex?this.getActiveIndex():this.currentIndex,this.slottedsteps.forEach(((e,t)=>{if("step"===e.slot){const o=e,i=this.currentIndex===t&&this.isFocusableElement(o),s=this.stepIds[t];o.setAttribute("id",s),o.setAttribute("tabindex",i?"0":"-1"),o.setAttribute("role","tab"),o.active=i,o.index=t,this.ordered&&(o.ordered=!0),i&&(this.activestep=o,this.activeid=s,this.currentIndex=t),t===this.slottedsteps.length-1&&(o.hideConnector=!0),this.slottedsteps.length>=7&&o.classList.add("overflow")}})),this.slottedsteps.every((e=>"complete"===e.state))&&this.emitComplete(),this.slottedsteps.length>=7&&this.setAttribute("class","overflow"),this.setPanels()},this.setPanels=()=>{this.slottedpanels.forEach(((e,t)=>{if("panel"===e.slot){const o=e,i=this.stepIds[t],s=this.panelIds[t];o.setAttribute("id",s),o.setAttribute("aria-labelledby",i),o.setAttribute("role","tabpanel"),o.index=t;const r=this.currentIndex===t&&this.isFocusableElement(o);o.active=r,this.currentIndex!==t?o.hide():o.show()}})),this.emitChange()},this.isDisabledElement=e=>"true"===e.getAttribute("aria-disabled"),this.isHiddenElement=e=>e.hasAttribute("hidden"),this.isFocusableElement=e=>!this.isDisabledElement(e)&&!this.isHiddenElement(e),this.handleStepSelect=e=>{const t=e.currentTarget;t.disabled||this.setActiveStep(t)},this.emitChange=()=>{this.$emit("wizardchange",{currentIndex:this.currentIndex,activeid:this.activeid})},this.emitComplete=()=>{this.dispatchEvent(new CustomEvent("wizardcomplete",{bubbles:!0}))}}connectedCallback(){super.connectedCallback(),y.enqueue((()=>{this.stepIds=this.getStepIds(),this.panelIds=this.getPanelIds(),this.currentIndex=this.getActiveIndex(),this.addListeners()}))}disconnectedCallback(){super.connectedCallback(),this.removeListeners()}activeidChanged(e,t){this.$fastController.isConnected&&(this.prevActiveStepIndex=this.slottedsteps.findIndex((t=>t.id===e)),this.setSteps())}slottedpanelsChanged(){this.$fastController.isConnected&&(this.panelIds=this.getPanelIds(),this.setSteps())}slottedstepsChanged(){this.$fastController.isConnected&&(this.stepIds=this.getStepIds(),this.setSteps())}currentIndexChanged(e,t){e!==t&&y.enqueue((()=>{this.prevActiveStepIndex=e,this.stepIds=this.getStepIds(),this.panelIds=this.getPanelIds(),this.setComponent()}))}show(){this.hidden=!1}hide(){this.hidden=!0}enableStep(e){this.currentIndex>=0&&this.slottedsteps.length>0&&(this.slottedsteps[null!=e?e:this.currentIndex].disabled=!1)}disableStep(e){this.currentIndex>=0&&this.slottedsteps.length>0&&(this.slottedsteps[null!=e?e:this.currentIndex].disabled=!0)}errorStep(e){this.currentIndex>=0&&this.slottedsteps.length>0&&(this.slottedsteps[null!=e?e:this.currentIndex].state=ns.error)}completeStep(e){this.currentIndex>=0&&this.slottedsteps.length>0&&(this.slottedsteps[null!=e?e:this.currentIndex].state=ns.complete,this.disableOnComplete&&this.disableStep(e))}incompleteStep(e){this.currentIndex>=0&&this.slottedsteps.length>0&&(this.slottedsteps[null!=e?e:this.currentIndex].state=ns.incomplete)}getStepStatus(){const e=[];return this.slottedsteps.length>0&&this.slottedsteps.forEach(((t,o)=>{e.push({id:t.id,state:t.state,index:o,active:t.active})})),e}reset(){this.slottedsteps.length>0&&(this.slottedsteps.forEach(((e,t)=>{e.state=ns.incomplete})),this.stepIds=this.getStepIds(),this.panelIds=this.getPanelIds(),this.currentIndex=0,this.activeid=void 0,this.prevActiveStepIndex=-1)}setActiveStep(e){var t;const o=e.index;null!==(t=e.disabled)&&void 0!==t&&t||(e.active=!0,this.activestep=e,this.activeid=this.stepIds[o],this.currentIndex=o,this.setComponent())}addListeners(){this.slottedsteps.forEach((e=>{e.addEventListener("stepchange",(e=>this.handleWizardStepStateChange(e)))})),this.slottedsteps.forEach((e=>{e.addEventListener("click",(e=>this.handleStepSelect(e)))})),this.slottedsteps.forEach((e=>{e.addEventListener("keydown",(e=>this.handleStepKeyDown(e)))})),this.slottedpanels.forEach((e=>{e.addEventListener("panelchange",(e=>this.handlePanelStateChange(e)))}))}removeListeners(){this.slottedsteps.forEach((e=>{e.removeEventListener("stepchange",(e=>this.handleWizardStepStateChange(e)))})),this.slottedsteps.forEach((e=>{e.removeEventListener("click",(e=>this.handleStepSelect(e)))})),this.slottedsteps.forEach((e=>{e.removeEventListener("keydown",(e=>this.handleStepKeyDown(e)))})),this.slottedpanels.forEach((e=>{e.removeEventListener("panelchange",(e=>this.handlePanelStateChange(e)))}))}setComponent(){this.currentIndex&&this.currentIndex!==this.prevActiveStepIndex&&y.enqueue((()=>{this.stepIds=this.getStepIds(),this.panelIds=this.getPanelIds()}))}getActiveIndex(){var e;const t=null!==(e=this.activeid)&&void 0!==e?e:"";return void 0!==t?-1===this.stepIds.indexOf(t)?0:this.stepIds.indexOf(t):0}getStepIds(){return this.slottedsteps.map((e=>{var t;return null!==(t=e.getAttribute("id"))&&void 0!==t?t:`fabric-wizard-step-${parseInt(vt())}`}))}getPanelIds(){return this.slottedpanels.map((e=>{var t;return null!==(t=e.getAttribute("id"))&&void 0!==t?t:`fabric-wizard-panel-${parseInt(vt())}`}))}handleWizardStepStateChange(e){const t=e.detail.index;e.detail.active&&(this.currentIndex=t),this.slottedpanels[t].state=e.detail.state,this.setSteps()}handlePanelStateChange(e){const t=e.detail.index;e.detail.active&&(this.currentIndex=t),this.slottedsteps[t].state=e.detail.state,this.setSteps()}}e([ze({mode:"boolean"})],Vs.prototype,"ordered",void 0),e([ze({mode:"boolean",attribute:"disable-on-complete"})],Vs.prototype,"disableOnComplete",void 0),e([ze({attribute:"current-index",converter:Re})],Vs.prototype,"currentIndex",void 0),e([ze({attribute:"aria-labelledby"})],Vs.prototype,"ariaLabelledby",void 0),e([ze({attribute:"aria-describedby"})],Vs.prototype,"ariaDescribedby",void 0),e([B],Vs.prototype,"stepcontainer",void 0),e([B],Vs.prototype,"panelcontainer",void 0),e([B],Vs.prototype,"slottedsteps",void 0),e([B],Vs.prototype,"slottedbuttons",void 0),e([B],Vs.prototype,"slottedpanels",void 0),e([B],Vs.prototype,"activeid",void 0);const Rs=G`
+  ${yt("block")}
+
+  :host {
+    height: 100%;
+    width: 100%;
+    padding-top: 70px;
+  }
+
+  :host(.overflow) .steps {
+    justify-content: flex-start;
+    overflow-x: auto;
+    overflow-y: hidden;
+    padding: ${ao} ${oo};
+  }
+
+  .steps {
+    background-color: ${go};
+    box-sizing: border-box;
+    padding: ${ao} ${oo};
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    width: 100%;
+    z-index: 9;
+    display: flex;
+    flex-direction: row;
+  }
+
+  .wizard {
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+  }
+
+  .title {
+    color: ${co};
+  }
+
+  .panels-container {
+    background: ${fo};
+  }
+
+  .button-container {
+    display: flex;
+    gap: ${eo};
+  }
+
+  .toolbar {
+    display: flex;
+    justify-content: space-between;
+    padding: ${ao} ${oo} 0;
+  }
+
+  @media (min-width: 480px) {
+    :host {
+      padding-top: 0;
+    }
+    .panels-container {
+      width: 100%;
+    }
+    .wizard {
+      flex-direction: row;
+    }
+    :host(.overflow) .steps,
+    .steps {
+      padding: ${ao} ${oo};
+      position: relative;
+      max-width: 70px;
+    }
+    .steps {
+      flex-direction: column;
+    }
+    :host(.overflow) .steps {
+      width: fit-content;
+      justify-content: flex-start;
+      align-items: center;
+      overflow-x: unset;
+      overflow-y: unset;
+      width: 24px;
+    }
+  }
+
+  @media (min-width: 1023px) {
+    :host(.overflow) .steps,
+    .steps {
+      max-width: 268px;
+      width: 268px;
+      padding: ${ao} ${io}
+        ${ao} ${oo};
+    }
+    :host(.overflow) .steps {
+      width: fit-content;
+    }
+  }
+`;const Ds=Se`
+    <template
+      ?hidden="${e=>e.hidden}"
+      ?ordered="${e=>e.ordered}"
+      current-index="${e=>e.currentIndex}"
+      aria-hidden="${e=>e.hidden?"true":"false"}"
+    >
+      <div class="wizard" part="wizard">
+        ${wt({})}
+        <div
+          role="tablist"
+          class="steps"
+          part="steps"
+          tabindex="0"
+          @keydown="${(e,t)=>e.handleStepContainerKeydown(t.event)}"
+          ${Be("stepcontainer")}
+        >
+          <slot name="step" ${Fe("slottedsteps")}></slot>
+        </div>
+        <div
+          class="panels-container"
+          part="panels-container"
+          ${Be("panelcontainer")}
+        >
+          <div class="toolbar" part="toolbar">
+            <div class="title" part="title"><slot name="title"></slot></div>
+            <div class="button-container" part="button-container">
+              <slot name="button" ${Fe("slottedbuttons")}></slot>
+            </div>
+          </div>
+          <div class="panels" part="panels">
+            <slot name="panel" ${Fe("slottedpanels")}></slot>
+          </div>
+          ${bt({})}
+        </div>
+      </div>
+    </template>
+  `,zs=Vs.compose({name:`${lt.prefix}-wizard`,template:Ds,styles:Rs,shadowOptions:{mode:lt.shadowRootMode}});class Hs extends nt{constructor(){super(...arguments),this.hidden=!0,this.state=ns.incomplete,this.active=!1}stateChanged(e,t){e!==t&&this.emitChange()}activeChanged(e,t){e!==t&&(t?this.show():this.hide(),this.emitChange())}hiddenChanged(e,t){e!==t&&this.emitChange()}show(){this.hidden=!1}hide(){this.hidden=!0}emitChange(){this.$emit("panelchange",{id:this.id,state:this.state,active:this.active,index:this.index})}}e([B],Hs.prototype,"index",void 0),e([ze({mode:"boolean"})],Hs.prototype,"hidden",void 0),e([ze],Hs.prototype,"state",void 0),e([ze({mode:"boolean"})],Hs.prototype,"active",void 0);const _s=G`
+  ${yt("block")}
+  :host {
+    height: 100%;
+    background: ${fo};
+  }
+
+  :host([active]) {
+    display: block;
+  }
+
+  .content {
+    padding: ${ao} ${oo} 0;
+  }
+
+  .title {
+    padding: 0 ${oo} ${ro};
+    color: ${lo};
+  }
+  .footer {
+    padding: ${no} ${oo};
+    border-top: 1px solid ${mo};
+  }
+`;const js=Se`
+    <template
+      aria-hidden="${e=>e.hidden}"
+      state="${e=>e.state}"
+      ?active="${e=>e.active}"
+    >
+      <slot name="start"></slot>
+      <div class="title" part="title">
+        <slot name="title"></slot>
+      </div>
+      <div class="content" part="content"><slot></slot></div>
+      <div class="footer" part="footer"><slot name="footer"></slot></div>
+      <slot name="end"></slot>
+    </template>
+  `,Gs=Hs.compose({name:`${lt.prefix}-wizard-panel`,template:js,styles:_s,shadowOptions:{mode:lt.shadowRootMode}});export{Yi as CollisionEdge,at as MultiView,_i as MultiViewController,Wi as MultiViewControllerDefinition,Hi as MultiViewDefinition,qi as MultiViewGroup,Xi as MultiViewGroupDefinition,os as Popover,rs as PopoverDefinition,es as PopoverEventNames,Zi as PopoverPositions,Ji as PopoverRepositionModes,is as PopoverStyles,ss as PopoverTemplate,Qi as PositioningShorthand,as as Step,ps as StepDefinition,ns as StepState,fs as Stepper,ms as StepperDefinition,Ss as SvgIcon,Ps as SvgIconDefinition,Es as TeachingBubble,$s as TeachingBubbleDefinition,Fs as TeachingBubblePlacement,Is as TeachingBubbleSize,Vs as Wizard,zs as WizardDefinition,Hs as WizardPanel,Gs as WizardPanelDefinition,Ls as WizardStep,Os as WizardStepDefinition,ns as WizardStepState,ji as multiViewControllerStyles,Gi as multiViewControllerTemplate,Ki as multiViewGroupStyles,Ui as multiViewGroupTemplate,Di as multiViewStyles,zi as multiViewTemplate,ls as stepStyles,us as stepTemplate,gs as stepperStyles,vs as stepperTemplate,Ms as styles,Cs as svgIconStyles,Bs as svgIconTemplate,As as teachingBubbleStyles,Ts as teachingBubbleTemplate,Ns as template,_s as wizardPanelStyles,js as wizardPanelTemplate,Rs as wizardStyles,Ds as wizardTemplate};