kemet-ui 3.1.0 → 4.0.1

package/dist/kemet-components.bundle.js

@@ -1,83 +0,0 @@
-!function(e){"function"==typeof define&&define.amd?define(e):e()}((function(){"use strict";function e(e,t,o,i){var r,s=arguments.length,a=s<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,o,i);else for(var n=e.length-1;n>=0;n--)(r=e[n])&&(a=(s<3?r(a):s>3?r(t,o,a):r(t,o))||a);return s>3&&a&&Object.defineProperty(t,o,a),a}"function"==typeof SuppressedError&&SuppressedError;
-/**
-   * @license
-   * Copyright 2019 Google LLC
-   * SPDX-License-Identifier: BSD-3-Clause
-   */
-const t=globalThis,o=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,i=Symbol(),r=new WeakMap;let s=class{constructor(e,t,o){if(this._$cssResult$=!0,o!==i)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=e,this.t=t}get styleSheet(){let e=this.o;const t=this.t;if(o&&void 0===e){const o=void 0!==t&&1===t.length;o&&(e=r.get(t)),void 0===e&&((this.o=e=new CSSStyleSheet).replaceSync(this.cssText),o&&r.set(t,e))}return e}toString(){return this.cssText}};const a=e=>new s("string"==typeof e?e:e+"",void 0,i),n=(e,...t)=>{const o=1===e.length?e[0]:t.reduce(((t,o,i)=>t+(e=>{if(!0===e._$cssResult$)return e.cssText;if("number"==typeof e)return e;throw Error("Value passed to 'css' function must be a 'css' function result: "+e+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(o)+e[i+1]),e[0]);return new s(o,e,i)},l=o?e=>e:e=>e instanceof CSSStyleSheet?(e=>{let t="";for(const o of e.cssRules)t+=o.cssText;return a(t)})(e):e
-/**
-   * @license
-   * Copyright 2017 Google LLC
-   * SPDX-License-Identifier: BSD-3-Clause
-   */,{is:d,defineProperty:c,getOwnPropertyDescriptor:h,getOwnPropertyNames:p,getOwnPropertySymbols:u,getPrototypeOf:m}=Object,f=globalThis,v=f.trustedTypes,g=v?v.emptyScript:"",b=f.reactiveElementPolyfillSupport,k=(e,t)=>e,y={toAttribute(e,t){switch(t){case Boolean:e=e?g:null;break;case Object:case Array:e=null==e?e:JSON.stringify(e)}return e},fromAttribute(e,t){let o=e;switch(t){case Boolean:o=null!==e;break;case Number:o=null===e?null:Number(e);break;case Object:case Array:try{o=JSON.parse(e)}catch(e){o=null}}return o}},x=(e,t)=>!d(e,t),w={attribute:!0,type:String,converter:y,reflect:!1,hasChanged:x};Symbol.metadata??=Symbol("metadata"),f.litPropertyMetadata??=new WeakMap;class $ extends HTMLElement{static addInitializer(e){this._$Ei(),(this.l??=[]).push(e)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(e,t=w){if(t.state&&(t.attribute=!1),this._$Ei(),this.elementProperties.set(e,t),!t.noAccessor){const o=Symbol(),i=this.getPropertyDescriptor(e,o,t);void 0!==i&&c(this.prototype,e,i)}}static getPropertyDescriptor(e,t,o){const{get:i,set:r}=h(this.prototype,e)??{get(){return this[t]},set(e){this[t]=e}};return{get(){return i?.call(this)},set(t){const s=i?.call(this);r.call(this,t),this.requestUpdate(e,s,o)},configurable:!0,enumerable:!0}}static getPropertyOptions(e){return this.elementProperties.get(e)??w}static _$Ei(){if(this.hasOwnProperty(k("elementProperties")))return;const e=m(this);e.finalize(),void 0!==e.l&&(this.l=[...e.l]),this.elementProperties=new Map(e.elementProperties)}static finalize(){if(this.hasOwnProperty(k("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(k("properties"))){const e=this.properties,t=[...p(e),...u(e)];for(const o of t)this.createProperty(o,e[o])}const e=this[Symbol.metadata];if(null!==e){const t=litPropertyMetadata.get(e);if(void 0!==t)for(const[e,o]of t)this.elementProperties.set(e,o)}this._$Eh=new Map;for(const[e,t]of this.elementProperties){const o=this._$Eu(e,t);void 0!==o&&this._$Eh.set(o,e)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(e){const t=[];if(Array.isArray(e)){const o=new Set(e.flat(1/0).reverse());for(const e of o)t.unshift(l(e))}else void 0!==e&&t.push(l(e));return t}static _$Eu(e,t){const o=t.attribute;return!1===o?void 0:"string"==typeof o?o:"string"==typeof e?e.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){this._$ES=new Promise((e=>this.enableUpdating=e)),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach((e=>e(this)))}addController(e){(this._$EO??=new Set).add(e),void 0!==this.renderRoot&&this.isConnected&&e.hostConnected?.()}removeController(e){this._$EO?.delete(e)}_$E_(){const e=new Map,t=this.constructor.elementProperties;for(const o of t.keys())this.hasOwnProperty(o)&&(e.set(o,this[o]),delete this[o]);e.size>0&&(this._$Ep=e)}createRenderRoot(){const e=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return((e,i)=>{if(o)e.adoptedStyleSheets=i.map((e=>e instanceof CSSStyleSheet?e:e.styleSheet));else for(const o of i){const i=document.createElement("style"),r=t.litNonce;void 0!==r&&i.setAttribute("nonce",r),i.textContent=o.cssText,e.appendChild(i)}})(e,this.constructor.elementStyles),e}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$EO?.forEach((e=>e.hostConnected?.()))}enableUpdating(e){}disconnectedCallback(){this._$EO?.forEach((e=>e.hostDisconnected?.()))}attributeChangedCallback(e,t,o){this._$AK(e,o)}_$EC(e,t){const o=this.constructor.elementProperties.get(e),i=this.constructor._$Eu(e,o);if(void 0!==i&&!0===o.reflect){const r=(void 0!==o.converter?.toAttribute?o.converter:y).toAttribute(t,o.type);this._$Em=e,null==r?this.removeAttribute(i):this.setAttribute(i,r),this._$Em=null}}_$AK(e,t){const o=this.constructor,i=o._$Eh.get(e);if(void 0!==i&&this._$Em!==i){const e=o.getPropertyOptions(i),r="function"==typeof e.converter?{fromAttribute:e.converter}:void 0!==e.converter?.fromAttribute?e.converter:y;this._$Em=i,this[i]=r.fromAttribute(t,e.type),this._$Em=null}}requestUpdate(e,t,o){if(void 0!==e){if(o??=this.constructor.getPropertyOptions(e),!(o.hasChanged??x)(this[e],t))return;this.P(e,t,o)}!1===this.isUpdatePending&&(this._$ES=this._$ET())}P(e,t,o){this._$AL.has(e)||this._$AL.set(e,t),!0===o.reflect&&this._$Em!==e&&(this._$Ej??=new Set).add(e)}async _$ET(){this.isUpdatePending=!0;try{await this._$ES}catch(e){Promise.reject(e)}const e=this.scheduleUpdate();return null!=e&&await e,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(const[e,t]of this._$Ep)this[e]=t;this._$Ep=void 0}const e=this.constructor.elementProperties;if(e.size>0)for(const[t,o]of e)!0!==o.wrapped||this._$AL.has(t)||void 0===this[t]||this.P(t,this[t],o)}let e=!1;const t=this._$AL;try{e=this.shouldUpdate(t),e?(this.willUpdate(t),this._$EO?.forEach((e=>e.hostUpdate?.())),this.update(t)):this._$EU()}catch(t){throw e=!1,this._$EU(),t}e&&this._$AE(t)}willUpdate(e){}_$AE(e){this._$EO?.forEach((e=>e.hostUpdated?.())),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(e)),this.updated(e)}_$EU(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(e){return!0}update(e){this._$Ej&&=this._$Ej.forEach((e=>this._$EC(e,this[e]))),this._$EU()}updated(e){}firstUpdated(e){}}$.elementStyles=[],$.shadowRootOptions={mode:"open"},$[k("elementProperties")]=new Map,$[k("finalized")]=new Map,b?.({ReactiveElement:$}),(f.reactiveElementVersions??=[]).push("2.0.4");
-/**
-   * @license
-   * Copyright 2017 Google LLC
-   * SPDX-License-Identifier: BSD-3-Clause
-   */
-const S=globalThis,E=S.trustedTypes,_=E?E.createPolicy("lit-html",{createHTML:e=>e}):void 0,A="$lit$",O=`lit$${Math.random().toFixed(9).slice(2)}$`,C="?"+O,z=`<${C}>`,L=document,I=()=>L.createComment(""),B=e=>null===e||"object"!=typeof e&&"function"!=typeof e,D=Array.isArray,P="[ \t\n\f\r]",T=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,M=/-->/g,U=/>/g,N=RegExp(`>|${P}(?:([^\\s"'>=/]+)(${P}*=${P}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),X=/'/g,q=/"/g,R=/^(?:script|style|textarea|title)$/i,j=(e=>(t,...o)=>({_$litType$:e,strings:t,values:o}))(1),H=Symbol.for("lit-noChange"),Y=Symbol.for("lit-nothing"),F=new WeakMap,V=L.createTreeWalker(L,129);function W(e,t){if(!D(e)||!e.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==_?_.createHTML(t):t}class K{constructor({strings:e,_$litType$:t},o){let i;this.parts=[];let r=0,s=0;const a=e.length-1,n=this.parts,[l,d]=((e,t)=>{const o=e.length-1,i=[];let r,s=2===t?"<svg>":3===t?"<math>":"",a=T;for(let t=0;t<o;t++){const o=e[t];let n,l,d=-1,c=0;for(;c<o.length&&(a.lastIndex=c,l=a.exec(o),null!==l);)c=a.lastIndex,a===T?"!--"===l[1]?a=M:void 0!==l[1]?a=U:void 0!==l[2]?(R.test(l[2])&&(r=RegExp("</"+l[2],"g")),a=N):void 0!==l[3]&&(a=N):a===N?">"===l[0]?(a=r??T,d=-1):void 0===l[1]?d=-2:(d=a.lastIndex-l[2].length,n=l[1],a=void 0===l[3]?N:'"'===l[3]?q:X):a===q||a===X?a=N:a===M||a===U?a=T:(a=N,r=void 0);const h=a===N&&e[t+1].startsWith("/>")?" ":"";s+=a===T?o+z:d>=0?(i.push(n),o.slice(0,d)+A+o.slice(d)+O+h):o+O+(-2===d?t:h)}return[W(e,s+(e[o]||"<?>")+(2===t?"</svg>":3===t?"</math>":"")),i]})(e,t);if(this.el=K.createElement(l,o),V.currentNode=this.el.content,2===t||3===t){const e=this.el.content.firstChild;e.replaceWith(...e.childNodes)}for(;null!==(i=V.nextNode())&&n.length<a;){if(1===i.nodeType){if(i.hasAttributes())for(const e of i.getAttributeNames())if(e.endsWith(A)){const t=d[s++],o=i.getAttribute(e).split(O),a=/([.?@])?(.*)/.exec(t);n.push({type:1,index:r,name:a[2],strings:o,ctor:"."===a[1]?ee:"?"===a[1]?te:"@"===a[1]?oe:Q}),i.removeAttribute(e)}else e.startsWith(O)&&(n.push({type:6,index:r}),i.removeAttribute(e));if(R.test(i.tagName)){const e=i.textContent.split(O),t=e.length-1;if(t>0){i.textContent=E?E.emptyScript:"";for(let o=0;o<t;o++)i.append(e[o],I()),V.nextNode(),n.push({type:2,index:++r});i.append(e[t],I())}}}else if(8===i.nodeType)if(i.data===C)n.push({type:2,index:r});else{let e=-1;for(;-1!==(e=i.data.indexOf(O,e+1));)n.push({type:7,index:r}),e+=O.length-1}r++}}static createElement(e,t){const o=L.createElement("template");return o.innerHTML=e,o}}function J(e,t,o=e,i){if(t===H)return t;let r=void 0!==i?o.o?.[i]:o.l;const s=B(t)?void 0:t._$litDirective$;return r?.constructor!==s&&(r?._$AO?.(!1),void 0===s?r=void 0:(r=new s(e),r._$AT(e,o,i)),void 0!==i?(o.o??=[])[i]=r:o.l=r),void 0!==r&&(t=J(e,r._$AS(e,t.values),r,i)),t}class Z{constructor(e,t){this._$AV=[],this._$AN=void 0,this._$AD=e,this._$AM=t}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(e){const{el:{content:t},parts:o}=this._$AD,i=(e?.creationScope??L).importNode(t,!0);V.currentNode=i;let r=V.nextNode(),s=0,a=0,n=o[0];for(;void 0!==n;){if(s===n.index){let t;2===n.type?t=new G(r,r.nextSibling,this,e):1===n.type?t=new n.ctor(r,n.name,n.strings,this,e):6===n.type&&(t=new ie(r,this,e)),this._$AV.push(t),n=o[++a]}s!==n?.index&&(r=V.nextNode(),s++)}return V.currentNode=L,i}p(e){let t=0;for(const o of this._$AV)void 0!==o&&(void 0!==o.strings?(o._$AI(e,o,t),t+=o.strings.length-2):o._$AI(e[t])),t++}}class G{get _$AU(){return this._$AM?._$AU??this.v}constructor(e,t,o,i){this.type=2,this._$AH=Y,this._$AN=void 0,this._$AA=e,this._$AB=t,this._$AM=o,this.options=i,this.v=i?.isConnected??!0}get parentNode(){let e=this._$AA.parentNode;const t=this._$AM;return void 0!==t&&11===e?.nodeType&&(e=t.parentNode),e}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(e,t=this){e=J(this,e,t),B(e)?e===Y||null==e||""===e?(this._$AH!==Y&&this._$AR(),this._$AH=Y):e!==this._$AH&&e!==H&&this._(e):void 0!==e._$litType$?this.$(e):void 0!==e.nodeType?this.T(e):(e=>D(e)||"function"==typeof e?.[Symbol.iterator])(e)?this.k(e):this._(e)}O(e){return this._$AA.parentNode.insertBefore(e,this._$AB)}T(e){this._$AH!==e&&(this._$AR(),this._$AH=this.O(e))}_(e){this._$AH!==Y&&B(this._$AH)?this._$AA.nextSibling.data=e:this.T(L.createTextNode(e)),this._$AH=e}$(e){const{values:t,_$litType$:o}=e,i="number"==typeof o?this._$AC(e):(void 0===o.el&&(o.el=K.createElement(W(o.h,o.h[0]),this.options)),o);if(this._$AH?._$AD===i)this._$AH.p(t);else{const e=new Z(i,this),o=e.u(this.options);e.p(t),this.T(o),this._$AH=e}}_$AC(e){let t=F.get(e.strings);return void 0===t&&F.set(e.strings,t=new K(e)),t}k(e){D(this._$AH)||(this._$AH=[],this._$AR());const t=this._$AH;let o,i=0;for(const r of e)i===t.length?t.push(o=new G(this.O(I()),this.O(I()),this,this.options)):o=t[i],o._$AI(r),i++;i<t.length&&(this._$AR(o&&o._$AB.nextSibling,i),t.length=i)}_$AR(e=this._$AA.nextSibling,t){for(this._$AP?.(!1,!0,t);e&&e!==this._$AB;){const t=e.nextSibling;e.remove(),e=t}}setConnected(e){void 0===this._$AM&&(this.v=e,this._$AP?.(e))}}class Q{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(e,t,o,i,r){this.type=1,this._$AH=Y,this._$AN=void 0,this.element=e,this.name=t,this._$AM=i,this.options=r,o.length>2||""!==o[0]||""!==o[1]?(this._$AH=Array(o.length-1).fill(new String),this.strings=o):this._$AH=Y}_$AI(e,t=this,o,i){const r=this.strings;let s=!1;if(void 0===r)e=J(this,e,t,0),s=!B(e)||e!==this._$AH&&e!==H,s&&(this._$AH=e);else{const i=e;let a,n;for(e=r[0],a=0;a<r.length-1;a++)n=J(this,i[o+a],t,a),n===H&&(n=this._$AH[a]),s||=!B(n)||n!==this._$AH[a],n===Y?e=Y:e!==Y&&(e+=(n??"")+r[a+1]),this._$AH[a]=n}s&&!i&&this.j(e)}j(e){e===Y?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,e??"")}}class ee extends Q{constructor(){super(...arguments),this.type=3}j(e){this.element[this.name]=e===Y?void 0:e}}class te extends Q{constructor(){super(...arguments),this.type=4}j(e){this.element.toggleAttribute(this.name,!!e&&e!==Y)}}class oe extends Q{constructor(e,t,o,i,r){super(e,t,o,i,r),this.type=5}_$AI(e,t=this){if((e=J(this,e,t,0)??Y)===H)return;const o=this._$AH,i=e===Y&&o!==Y||e.capture!==o.capture||e.once!==o.once||e.passive!==o.passive,r=e!==Y&&(o===Y||i);i&&this.element.removeEventListener(this.name,this,o),r&&this.element.addEventListener(this.name,this,e),this._$AH=e}handleEvent(e){"function"==typeof this._$AH?this._$AH.call(this.options?.host??this.element,e):this._$AH.handleEvent(e)}}class ie{constructor(e,t,o){this.element=e,this.type=6,this._$AN=void 0,this._$AM=t,this.options=o}get _$AU(){return this._$AM._$AU}_$AI(e){J(this,e)}}const re=S.litHtmlPolyfillSupport;re?.(K,G),(S.litHtmlVersions??=[]).push("3.2.0");
-/**
-   * @license
-   * Copyright 2017 Google LLC
-   * SPDX-License-Identifier: BSD-3-Clause
-   */
-class se extends ${constructor(){super(...arguments),this.renderOptions={host:this},this.o=void 0}createRenderRoot(){const e=super.createRenderRoot();return this.renderOptions.renderBefore??=e.firstChild,e}update(e){const t=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(e),this.o=((e,t,o)=>{const i=o?.renderBefore??t;let r=i._$litPart$;if(void 0===r){const e=o?.renderBefore??null;i._$litPart$=r=new G(t.insertBefore(I(),e),e,void 0,o??{})}return r._$AI(e),r})(t,this.renderRoot,this.renderOptions)}connectedCallback(){super.connectedCallback(),this.o?.setConnected(!0)}disconnectedCallback(){super.disconnectedCallback(),this.o?.setConnected(!1)}render(){return H}}se._$litElement$=!0,se.finalized=!0,globalThis.litElementHydrateSupport?.({LitElement:se});const ae=globalThis.litElementPolyfillSupport;ae?.({LitElement:se}),(globalThis.litElementVersions??=[]).push("4.1.0");
-/**
-   * @license
-   * Copyright 2017 Google LLC
-   * SPDX-License-Identifier: BSD-3-Clause
-   */
-const ne=e=>(t,o)=>{void 0!==o?o.addInitializer((()=>{customElements.define(e,t)})):customElements.define(e,t)}
-/**
-   * @license
-   * Copyright 2017 Google LLC
-   * SPDX-License-Identifier: BSD-3-Clause
-   */,le={attribute:!0,type:String,converter:y,reflect:!1,hasChanged:x},de=(e=le,t,o)=>{const{kind:i,metadata:r}=o;let s=globalThis.litPropertyMetadata.get(r);if(void 0===s&&globalThis.litPropertyMetadata.set(r,s=new Map),s.set(o.name,e),"accessor"===i){const{name:i}=o;return{set(o){const r=t.get.call(this);t.set.call(this,o),this.requestUpdate(i,r,e)},init(t){return void 0!==t&&this.P(i,void 0,e),t}}}if("setter"===i){const{name:i}=o;return function(o){const r=this[i];t.call(this,o),this.requestUpdate(i,r,e)}}throw Error("Unsupported decorator location: "+i)};function ce(e){return(t,o)=>"object"==typeof o?de(e,t,o):((e,t,o)=>{const i=t.hasOwnProperty(o);return t.constructor.createProperty(o,i?{...e,wrapped:!0}:e),i?Object.getOwnPropertyDescriptor(t,o):void 0})(e,t,o)
-/**
-   * @license
-   * Copyright 2017 Google LLC
-   * SPDX-License-Identifier: BSD-3-Clause
-   */}function he(e){return ce({...e,state:!0,attribute:!1})}
-/**
-   * @license
-   * Copyright 2017 Google LLC
-   * SPDX-License-Identifier: BSD-3-Clause
-   */const pe=(e,t,o)=>(o.configurable=!0,o.enumerable=!0,Reflect.decorate&&"object"!=typeof t&&Object.defineProperty(e,t,o),o)
-/**
-   * @license
-   * Copyright 2017 Google LLC
-   * SPDX-License-Identifier: BSD-3-Clause
-   */;function ue(e,t){return(o,i,r)=>{const s=t=>t.renderRoot?.querySelector(e)??null;if(t){const{get:e,set:t}="object"==typeof i?o:r??(()=>{const e=Symbol();return{get(){return this[e]},set(t){this[e]=t}}})();return pe(o,i,{get(){let o=e.call(this);return void 0===o&&(o=s(this),(null!==o||this.hasUpdated)&&t.call(this,o)),o}})}return pe(o,i,{get(){return s(this)}})}}
-/**
-   * @license
-   * Copyright 2017 Google LLC
-   * SPDX-License-Identifier: BSD-3-Clause
-   */let me;const fe=n`:host{--kemet-badge-padding:10px;display:inline-flex;align-items:center;justify-content:center;padding:var(--kemet-badge-padding);line-height:1;color:rgb(var(--kemet-color-white))}:host([status=primary]){background-color:rgb(var(--kemet-color-primary))}:host([status=success]){background-color:rgb(var(--kemet-color-success))}:host([status=standard]){background-color:rgb(var(--kemet-color-gray-500))}:host([status=warning]){background-color:rgb(var(--kemet-color-warning))}:host([status=error]){background-color:rgb(var(--kemet-color-error))}:host([circle]){border-radius:var(--kemet-border-radius-circle)}:host([pill]){border-radius:var(--kemet-border-radius-pill)}`;let ve=class extends se{constructor(){super(...arguments),this.status="primary",this.circle=!1,this.pill=!1,this.circlePadding=0}render(){return j`<slot @slotchange="${()=>this.handleSlotChange()}"></slot>`}handleSlotChange(){this.circle&&(this.style.height=`${this.offsetWidth+this.circlePadding}px`,this.style.width=`${this.offsetWidth+this.circlePadding}px`)}};ve.styles=[fe],e([ce({reflect:!0})],ve.prototype,"status",void 0),e([ce({type:Boolean,reflect:!0})],ve.prototype,"circle",void 0),e([ce({type:Boolean,reflect:!0})],ve.prototype,"pill",void 0),e([ce({type:Number,attribute:"circle-padding"})],ve.prototype,"circlePadding",void 0),ve=e([ne("kemet-badge")],ve);const ge=(e,t,o,i=!0,r=!0)=>{e.dispatchEvent(new CustomEvent(t,{bubbles:i,composed:r,detail:o}))},be=n`:host{--kemet-alert-padding:1rem;--kemet-alert-border-thickness:4px;--kemet-alert-status-color:inherit;--kemet-alert-align-items:center;--kemet-alert-border:1px solid rgb(var(--kemet-alert-status-color));display:flex;grid-template-columns:auto 1fr auto;gap:var(--kemet-alert-padding);align-items:var(--kemet-alert-align-items);opacity:0;padding:var(--kemet-alert-padding);border:var(--kemet-alert-border);transition:opacity .3s ease}:host([opened]){opacity:1}:host([border-status=top]){border-top:var(--kemet-alert-border-thickness) solid rgb(var(--kemet-alert-status-color))}:host([border-status=right]){border-right:var(--kemet-alert-border-thickness) solid rgb(var(--kemet-alert-status-color))}:host([border-status=bottom]){border-bottom:var(--kemet-alert-border-thickness) solid rgb(var(--kemet-alert-status-color))}:host([border-status=left]){border-left:var(--kemet-alert-border-thickness) solid rgb(var(--kemet-alert-status-color))}:host([status=standard]){--kemet-alert-status-color:var(--kemet-color-text)}:host([status=primary]){--kemet-alert-status-color:var(--kemet-color-primary)}:host([status=success]){--kemet-alert-status-color:var(--kemet-color-success)}:host([status=warning]){--kemet-alert-status-color:var(--kemet-color-warning)}:host([status=error]){--kemet-alert-status-color:var(--kemet-color-error)}:host([hidden]){display:none}:host([reveal]){animation:fadeIn .3s ease forwards}:host([overlay]){position:fixed}:host([overlay*=full]){width:100%}:host([overlay*=top]){top:0}:host([overlay*=bottom]){bottom:0}:host([overlay*=left]){left:0}:host([overlay*=right]){right:0}.close{cursor:pointer;margin-left:auto}::slotted(kemet-icon){color:rgb(var(--kemet-alert-status-color))}@keyframes fadeIn{from{opacity:0}to{opacity:1}}`;let ke=class extends se{constructor(){super(...arguments),this.status="standard"}shouldUpdate(e){return e.has("opened")&&!e.get("opened")&&(this.hidden=!1,this.reveal=!0),!0}firstUpdated(){this.handleMotion()}updated(e){e.get("opened")||!0!==this.opened?ge(this,"kemet-alert-closed",this):ge(this,"kemet-alert-opened",this)}render(){return j`<slot name="icon"></slot><div><slot></slot></div><div class="close" part="close">${this.makeCloseBtn()}</div>`}makeCloseBtn(){return this.closable?j`<kemet-icon icon="x-lg" @click="${()=>{this.opened=!1}}"></kemet-icon>`:null}handleMotion(){this.addEventListener("transitionend",(()=>{this.opened||(this.hidden=!0)})),this.addEventListener("animationend",(()=>{this.reveal=!1}))}};ke.styles=[be],e([ce({type:Boolean,reflect:!0})],ke.prototype,"opened",void 0),e([ce({type:Boolean,reflect:!0})],ke.prototype,"reveal",void 0),e([ce({type:Boolean,reflect:!0})],ke.prototype,"closable",void 0),e([ce({type:String,reflect:!0})],ke.prototype,"status",void 0),e([ce({type:String,reflect:!0,attribute:"border-status"})],ke.prototype,"borderStatus",void 0),e([ce({type:Boolean,reflect:!0})],ke.prototype,"hidden",void 0),e([ce({type:String,reflect:!0})],ke.prototype,"overlay",void 0),ke=e([ne("kemet-alert")],ke);const ye=n`*,::after,::before{box-sizing:border-box}:host{--kemet-avatar-color:rgb(var(--kemet-color-white));--kemet-avatar-background-color:rgb(var(--kemet-color-gray-300));--kemet-avatar-rounded-radius:1rem;--kemet-avatar-initials-margin:1rem;display:inline-flex;color:var(--kemet-color-white);position:relative;background-color:var(--kemet-avatar-background-color)}:host([circle]){border-radius:var(--kemet-border-radius-circle)}:host([circle])>*{border-radius:var(--kemet-border-radius-circle)}:host([rounded]){border-radius:var(--kemet-avatar-rounded-radius)}:host([rounded])>*{border-radius:var(--kemet-avatar-rounded-radius)}.initials{margin:var(--kemet-avatar-initials-margin)}::slotted(kemet-badge){position:absolute;bottom:0;right:0;border-radius:var(--kemet-border-radius-circle)}`,xe=n`*,::after,::before{box-sizing:border-box}:host{--kemet-avatars-squeeze:-1.5rem;display:inline-flex}::slotted(kemet-avatar:not(:first-of-type)){margin-left:var(--kemet-avatars-squeeze)}`;let we=class extends se{firstUpdated(){this.makeSize()}render(){return j`${this.makeContent()}<slot name="status"></slot>`}makeSize(){this.size&&(this.style.width=`${this.size}px`,this.style.height=`${this.size}px`)}makeContent(){return this.image?j`<img src="${this.image}" alt="${this.label}">`:this.initials?j`<div part="initials" class="initials">${this.initials}</div>`:j`<slot></slot>`}};we.styles=[ye],e([ce({type:String})],we.prototype,"size",void 0),e([ce({type:String})],we.prototype,"image",void 0),e([ce({type:String})],we.prototype,"label",void 0),e([ce({type:String})],we.prototype,"initials",void 0),e([ce({type:Boolean,reflect:!0})],we.prototype,"circle",void 0),e([ce({type:Boolean,reflect:!0})],we.prototype,"rounded",void 0),we=e([ne("kemet-avatar")],we);let $e=class extends se{render(){return j`<slot></slot>`}};$e.styles=[xe],$e=e([ne("kemet-avatars")],$e);const Se=n`:host{display:block}`,Ee=n`*,::after,::before{box-sizing:border-box}:host{display:block;padding:1.5rem 1rem;border-bottom:1px solid rgb(var(--kemet-color-foreground))}.trigger{color:inherit;cursor:pointer;display:grid;gap:1rem;grid-template-columns:1fr auto;width:100%;text-align:left;padding:0;border:none;background:0 0}.body{overflow:hidden;transition:all .3s ease}::slotted([slot=body]){padding:1rem 0}`;let _e=class extends se{constructor(){super(),this.currentPanel=0,this.togglePanels=!1,this.addEventListener("kemet-accordion-panel-opened",this.handlePanelOpened.bind(this))}firstUpdated(){this.onKeyDown=e=>this.handleKeyDown(e)}render(){return j`<slot @slotchange="${()=>this.handleSlotChange()}"></slot>`}handleSlotChange(){this.panels=this.querySelectorAll("kemet-accordion-panel"),this.panels.forEach(((e,t)=>{e.index=t,e.removeEventListener("keydown",this.onKeyDown),e.addEventListener("keydown",this.onKeyDown)}))}handlePanelOpened(e){var t,o;null===(t=this.panels)||void 0===t||t.forEach((t=>{t===e.detail&&(this.currentPanel=t.index)})),this.togglePanels&&(null===(o=this.panels)||void 0===o||o.forEach((t=>{t!==e.detail&&(t.opened=!1)})))}navigatePanels(e){switch(e){case"home":this.currentPanel=0;break;case"end":this.currentPanel=this.panels.length-1;break;case"next":this.currentPanel+=1;break;case"prev":this.currentPanel-=1;break;default:this.currentPanelFocus=0}this.currentPanel>this.panels.length-1&&(this.currentPanel=0),this.currentPanel<0&&(this.currentPanel=this.panels.length-1),this.panels[this.currentPanel].shadowRoot.querySelector("button").focus()}handleKeyDown(e){const t=e.target;switch(e.key){case"Enter":case"Space":e.preventDefault(),t.click();break;case"ArrowLeft":case"ArrowUp":e.preventDefault(),this.navigatePanels("prev");break;case"ArrowRight":case"ArrowDown":e.preventDefault(),this.navigatePanels("next");break;case"End":e.preventDefault(),this.navigatePanels("end");break;case"Home":e.preventDefault(),this.navigatePanels("home")}}expandAll(){this.panels.forEach((e=>{e.opened=!0}))}collapseAll(){this.panels.forEach((e=>{e.opened=!1}))}};_e.styles=[Se],e([ce({type:Number,attribute:"current-panel"})],_e.prototype,"currentPanel",void 0),e([ce({type:Boolean,attribute:"toggle-panels"})],_e.prototype,"togglePanels",void 0),e([he()],_e.prototype,"panels",void 0),e([he()],_e.prototype,"onKeyDown",void 0),e([he()],_e.prototype,"currentPanelFocus",void 0),_e=e([ne("kemet-accordion")],_e);const Ae=n`:host{--kemet-button-font-size:inherit;--kemet-button-color:rgb(var(--kemet-color-background));--kemet-button-width:auto;--kemet-button-height:auto;--kemet-button-border:0;--kemet-button-border-radius:0;--kemet-button-transition-speed:300ms;--kemet-button-background-color:rgb(var(--kemet-color-foreground));--kemet-button-hover-brightness:1.25;--kemet-button-disabled-opacity:0.5;--kemet-button-gap:0.5rem;--kemet-button-padding:1rem 1.25rem;--kemet-button-hover-decoration:underline;--kemet-button-circle-size:50px;--kemet-button-rounded-amount:6px;--kemet-button-border-width:1.5px;--kemet-button-border-style:solid;--kemet-button-border-color:rgb(var(--kemet-color-foreground));cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:var(--kemet-button-font-size);color:var(--kemet-button-color);width:var(--kemet-button-width);height:var(--kemet-button-height);border:var(--kemet-button-border);border-radius:var(--kemet-button-border-radius);transition:filter var(--kemet-button-transition-speed) ease;background-color:var(--kemet-button-background-color)}:host(:hover:not([disabled])){filter:brightness(var(--kemet-button-hover-brightness))}:host([disabled]){opacity:var(--kemet-button-disabled-opacity)}.button{cursor:pointer;text-decoration:none;display:flex;gap:var(--kemet-button-gap);align-items:center;justify-content:center;color:inherit;font-size:inherit;width:100%;padding:var(--kemet-button-padding);border:0;background:0 0}:host([disabled]) .button{cursor:not-allowed}:host([variant=text]){--kemet-button-color:rgb(var(--kemet-color-text));--kemet-button-background-color:none}:host([variant=text]:hover){text-decoration:var(--kemet-button-hover-decoration)}:host([variant=circle]){--kemet-button-border-radius:var(--kemet-border-radius-circle);--kemet-button-width:var(--kemet-button-circle-size);--kemet-button-height:var(--kemet-button-circle-size)}:host([variant=rounded]){--kemet-button-border-radius:var(--kemet-button-rounded-amount)}:host([variant=pill]){--kemet-button-border-radius:var(--kemet-border-radius-pill)}:host([outlined]){--kemet-button-color:rgb(var(--kemet-color-foreground));--kemet-button-background-color:transparent;--kemet-button-border:var(--kemet-button-border-width) var(--kemet-button-border-style) var(--kemet-button-border-color)}`;class Oe{constructor(e,t=void 0){(this.host=e).addController(this),this.options={form:e=>e.closest("form"),name:e=>e.name,value:e=>e.value,disabled:e=>e.disabled,...t},this.handleFormData=this.handleFormData.bind(this),this.handleFormSubmit=this.handleFormSubmit.bind(this)}hostConnected(){this.form=this.options.form(this.host),this.form&&(this.form.addEventListener("formdata",this.handleFormData),this.form.addEventListener("submit",this.handleFormSubmit))}hostDisconnected(){this.form&&(this.form.removeEventListener("formdata",this.handleFormData),this.form.removeEventListener("submit",this.handleFormSubmit),this.form=void 0)}handleFormData(e){var t;const o=this.options.disabled(this.host),i=this.options.name(this.host),r=this.options.value(this.host);o||"string"!=typeof i||void 0===r||null===(t=e.formData)||void 0===t||t.append(i,r.toString())}handleFormSubmit(e){e.preventDefault(),e.stopImmediatePropagation();const t=this.options.disabled(this.host);if(this.form=this.options.form(this.host),this.form&&!this.form.noValidate&&!t){this.form.querySelectorAll("kemet-input, kemet-textarea, kemet-select, kemet-checkbox, kemet-radios").forEach((e=>{e.checkValidity(),e.checkValidity()||(e.status="error",e.invalid=!0,e.dispatchEvent(new CustomEvent("kemet-input-status",{bubbles:!0,composed:!0,detail:{status:"error",validity:e.validity?e.validity:{},element:e}}))),e.checkLimitValidity&&!e.checkLimitValidity()&&(e.status="error",e.invalid=!0,e.dispatchEvent(new CustomEvent("kemet-input-status",{bubbles:!0,composed:!0,detail:{status:"error",validity:{passedLimit:!0},element:e}})))}))}}submit(){const e=document.createElement("button");this.form&&(e.type="submit",e.style.position="absolute",e.style.width="0",e.style.height="0",e.style.clip="rect(0 0 0 0)",e.style.clipPath="inset(50%)",e.style.overflow="hidden",e.style.whiteSpace="nowrap",this.form.append(e),e.click(),e.remove())}}const Ce=n`:host{display:inline-flex;align-items:center;justify-content:center}`;let ze=class extends se{constructor(){super(...arguments),this.icon="alarm",this.set="bootstrap",this.size=16}updated(){this.getIcon(),this.style.width=`${this.size}px`,this.style.height=`${this.size}px`}render(){return j``}async getIcon(){var e,t,o;const i=new DOMParser;let r;try{if(r=await fetch(`${this.getUrl()}/${this.icon}.svg`).then((e=>e.text())),r.indexOf("</svg>")<0)throw new Error("Not a valid svg.")}catch(e){r="",console.error(e)}const s=i.parseFromString(r,"image/svg+xml").documentElement,a=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector("svg");if("svg"===s.tagName.toLowerCase())s.setAttribute("id",this.icon),s.setAttribute("width",`${this.size}px`),s.setAttribute("height",`${this.size}px`),s.setAttribute("fill","currentColor"),a&&a.remove(),null===(t=this.shadowRoot)||void 0===t||t.appendChild(s);else{console.error(`Could not find icon "${this.icon}" in set "${this.set}"`);const e=`\n        <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="kemet-error" style="enable-background:new 0 0 512 512;" version="1.1" viewBox="0 0 512 512" xml:space="preserve" width="${this.size}" height="${this.size}">\n          <style type="text/css">\n            .st0{fill-rule:evenodd;clip-rule:evenodd;fill:#FFFFFF;}\n            .st1{fill-rule:evenodd;clip-rule:evenodd;fill:#EC1C24;}\n          </style>\n          <g>\n            <path class="st0" d="M256,0c70.7,0,134.7,28.7,181,75c46.3,46.3,75,110.3,75,181c0,70.7-28.7,134.7-75,181   c-46.3,46.3-110.3,75-181,75c-70.7,0-134.7-28.7-181-75C28.7,390.7,0,326.7,0,256c0-70.7,28.7-134.7,75-181S185.3,0,256,0z"/>\n            <path class="st1" d="M512,256c0-70.7-28.7-134.7-75-181C390.7,28.7,326.7,0,256,0C193,0,135.5,22.8,90.9,60.6l-0.1-0.1   C85.3,65.1,80,69.9,75,75c-5,5.1-9.9,10.3-14.5,15.8l0.1,0.1C22.8,135.5,0,193,0,256c0,70.7,28.7,134.7,75,181   c46.3,46.3,110.3,75,181,75c63,0,120.5-22.8,165.1-60.6l0.1,0.1c5.4-4.6,10.7-9.5,15.8-14.5c5-5,9.9-10.3,14.5-15.8l-0.1-0.1   C489.2,376.6,512,319,512,256z M256,42.9c58.9,0,112.1,23.9,150.7,62.4c38.6,38.6,62.4,91.9,62.4,150.7c0,51.1-18.1,98-48.1,134.8   L121.2,90.9C158,60.9,204.9,42.9,256,42.9z M256,469.1c-58.8,0-112.1-23.9-150.7-62.4C66.7,368.1,42.9,314.9,42.9,256   c0-51.1,18.1-98,48.1-134.8l299.8,299.8C354,451.1,307.1,469.1,256,469.1z"/>\n          </g>\n        </svg>\n      `,t=i.parseFromString(e,"image/svg+xml").documentElement;a&&a.remove(),null===(o=this.shadowRoot)||void 0===o||o.appendChild(t)}}getUrl(){let e;switch(this.set){case"bootstrap":default:e="https://unpkg.com/bootstrap-icons@latest/icons";break;case"font-awesome-brands":e="https://unpkg.com/@fortawesome/fontawesome-free@latest/svgs/brands";break;case"font-awesome-regular":e="https://unpkg.com/@fortawesome/fontawesome-free@latest/svgs/regular";break;case"font-awesome-solid":e="https://unpkg.com/@fortawesome/fontawesome-free@latest/svgs/solid"}return e}};ze.styles=[Ce],e([ce({type:String})],ze.prototype,"icon",void 0),e([ce({type:String})],ze.prototype,"set",void 0),e([ce({type:Number})],ze.prototype,"size",void 0),ze=e([ne("kemet-icon")],ze);let Le=class extends se{constructor(){super(),this.outlined=!1,this.disabled=!1,this.variant="standard",this.addEventListener("click",this.handleClick.bind(this)),this.addEventListener("mouseover",this.handleMouseOver.bind(this)),this.addEventListener("mouseout",this.handleMouseOut.bind(this)),this.addEventListener("blur",this.handleBlur.bind(this)),this.addEventListener("keyup",(e=>this.handleKeyUp(e))),this.formSubmitController=new Oe(this)}render(){return this.link&&!this.disabled?j`<a href="${this.link}" class="button" role="button" part="button"><slot name="left"></slot><slot></slot><slot name="right"></slot></a>`:j`<button class="button" part="button" ?disabled="${this.disabled}" aria-disabled="${this.disabled?"true":"false"}"><slot name="left"></slot><slot></slot><slot name="right"></slot></button>`}handleMouseOver(){this.hover=!0}handleMouseOut(){this.hover=!1}handleClick(){this.disabled||(this.hover=!1,this.active=!0,setTimeout((()=>{this.active=!1}),300),this.shadowRoot.querySelector("button")&&this.formSubmitController.submit())}handleBlur(){this.focused=!1,this.active=!1,this.hover=!1}handleKeyUp(e){"Tab"===e.key&&(this.focused=!0)}};Le.styles=[Ae],e([ce({type:Boolean,reflect:!0})],Le.prototype,"active",void 0),e([ce({type:Boolean,reflect:!0})],Le.prototype,"hover",void 0),e([ce({type:Boolean,reflect:!0})],Le.prototype,"focused",void 0),e([ce({type:String})],Le.prototype,"link",void 0),e([ce({type:Boolean,reflect:!0})],Le.prototype,"outlined",void 0),e([ce({type:Boolean,reflect:!0})],Le.prototype,"disabled",void 0),e([ce({reflect:!0})],Le.prototype,"variant",void 0),Le=e([ne("kemet-button")],Le);const Ie=n`*,::after,::before{box-sizing:border-box}:host{--kemet-card-padding:1rem;--kemet-card-border-color:rgb(var(--kemet-color-gray-300));--kemet-card-color:rgb(var(--kemet-color-text));--kemet-card-max-width:600px;--kemet-card-border:1px solid var(--kemet-card-border-color);--kemet-card-border-radius:0;--kemet-card-background-color:rgb(var(--kemet-color-white));--kemet-card-body-padding:var(--kemet-card-padding);--kemet-card-header-padding:var(--kemet-card-padding);--kemet-card-header-border-bottom:1px solid var(--kemet-card-border-color);--kemet-card-caption-color:rgb(var(--kemet-color-white));--kemet-card-caption-padding:calc(var(--kemet-card-padding) / 2) var(--kemet-card-padding);--kemet-card-caption-background-color:rgb(var(--kemet-color-black) / 35%);--kemet-card-footer-padding:var(--kemet-card-padding);--kemet-card-footer-border-top:1px solid var(--kemet-card-border-color);color:var(--kemet-card-color);display:inline-flex;flex-direction:column;max-width:var(--kemet-card-max-width);border:var(--kemet-card-border);border-radius:var(--kemet-card-border-radius);background-color:var(--kemet-card-background-color)}:host([center]){align-items:center;text-align:center}.body{padding:var(--kemet-card-body-padding)}.media{position:relative}::slotted(*){max-width:100%}::slotted(img){display:flex;max-width:100%}::slotted([slot=header]){width:100%;padding:var(--kemet-card-header-padding);border-bottom:var(--kemet-card-header-border-bottom)}::slotted([slot=caption]){color:var(--kemet-card-caption-color);position:absolute;bottom:0;width:100%;padding:var(--kemet-card-caption-padding);background-color:var(--kemet-card-caption-background-color)}::slotted([slot=footer]){width:100%;padding:var(--kemet-card-footer-padding);border-top:var(--kemet-card-footer-border-top)}`;let Be=class extends se{render(){return j`<slot name="header"></slot><div class="media" part="media"><slot name="media"></slot><slot name="caption"></slot></div><div class="body" part="body"><slot></slot></div><slot name="footer"></slot>`}};Be.styles=[Ie],e([ce({type:Boolean,reflect:!0})],Be.prototype,"center",void 0),Be=e([ne("kemet-card")],Be);let De=class extends se{constructor(){super(...arguments),this.opened=void 0,this.maxHeight="0px",this.slug="panel"}firstUpdated(){var e,t;this.focusableSelector="body, a[href], area[href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), button:not([disabled]), iframe, object, embed, *[tabindex], *[contenteditable]",this.bodyElement=this.querySelector('[slot="body"]'),this.bodyElementFirst=null===(e=this.bodyElement)||void 0===e?void 0:e.querySelector(":first-child"),this.bodyElementLast=null===(t=this.bodyElement)||void 0===t?void 0:t.querySelector(":last-child"),this.bodyElementFirst&&(this.bodyElementFirst.style.marginTop="0"),this.bodyElementLast&&(this.bodyElementLast.style.marginBottom="0")}updated(e){var t;e.get("opened")||!0!==this.opened||(this.maxHeight=`${null===(t=this.bodyElement)||void 0===t?void 0:t.offsetHeight}px`,ge(this,"kemet-accordion-panel-opened",this)),e.get("opened")&&!1===this.opened&&(this.maxHeight="0px",ge(this,"kemet-accordion-panel-closed",this)),this.a11y(),this.focusableBodyElements()}render(){return j`<button class="trigger" part="trigger" @click="${()=>this.toggle()}" @keydown="${e=>this.handleKeyDown(e)}"><slot name="trigger"></slot><slot name="icon"></slot></button><section class="body" part="body" style="max-height:${this.maxHeight}"><slot name="body"></slot></section>`}toggle(){this.opened=!this.opened}focusableBodyElements(){var e;const t=null===(e=this.bodyElement)||void 0===e?void 0:e.querySelectorAll(this.focusableSelector);this.opened?null==t||t.forEach((e=>{e.removeAttribute("tabindex")})):null==t||t.forEach((e=>{e.setAttribute("tabindex","-1")}))}a11y(){var e,t;const o=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector(".trigger"),i=null===(t=this.shadowRoot)||void 0===t?void 0:t.querySelector(".body");null==o||o.setAttribute("id",`${this.slug}-button`),null==o||o.setAttribute("aria-controls",`${this.slug}-content`),null==i||i.setAttribute("id",`${this.slug}-content`),null==i||i.setAttribute("aria-labelledby",`${this.slug}-button`),null==i||i.setAttribute("aria-hidden",`${!this.opened}`)}handleKeyDown(e){"Space"!==e.key&&"Enter"!==e.key||this.toggle()}};De.styles=[Ee],e([ce({type:Boolean,reflect:!0})],De.prototype,"opened",void 0),e([ce({type:String,attribute:"max-height"})],De.prototype,"maxHeight",void 0),e([ce({type:String})],De.prototype,"slug",void 0),e([ce({type:Number})],De.prototype,"index",void 0),e([he()],De.prototype,"focusableSelector",void 0),e([he()],De.prototype,"bodyElement",void 0),e([he()],De.prototype,"bodyElementFirst",void 0),e([he()],De.prototype,"bodyElementLast",void 0),De=e([ne("kemet-accordion-panel")],De);
-/**
-   * @license
-   * Copyright 2018 Google LLC
-   * SPDX-License-Identifier: BSD-3-Clause
-   */
-const Pe=e=>e??Y
-/**
-   * @license
-   * Copyright 2017 Google LLC
-   * SPDX-License-Identifier: BSD-3-Clause
-   */,Te=1,Me=2,Ue=3,Ne=4,Xe=e=>(...t)=>({_$litDirective$:e,values:t});class qe{constructor(e){}get _$AU(){return this._$AM._$AU}_$AT(e,t,o){this.t=e,this._$AM=t,this.i=o}_$AS(e,t){return this.update(e,t)}update(e,t){return this.render(...t)}}
-/**
-   * @license
-   * Copyright 2020 Google LLC
-   * SPDX-License-Identifier: BSD-3-Clause
-   */const Re={},je=Xe(class extends qe{constructor(e){if(super(e),e.type!==Ue&&e.type!==Te&&e.type!==Ne)throw Error("The `live` directive is not allowed on child or event bindings");if(!(e=>void 0===e.strings)(e))throw Error("`live` bindings can only contain a single expression")}render(e){return e}update(e,[t]){if(t===H||t===Y)return t;const o=e.element,i=e.name;if(e.type===Ue){if(t===o[i])return H}else if(e.type===Ne){if(!!t===o.hasAttribute(i))return H}else if(e.type===Te&&o.getAttribute(i)===t+"")return H;return((e,t=Re)=>{e._$AH=t;
-/**
-   * @license
-   * Copyright 2020 Google LLC
-   * SPDX-License-Identifier: BSD-3-Clause
-   */})(e),t}}),He=n`*,::after,::before{box-sizing:border-box}:host{--kemet-checkbox-size:18px;--kemet-checkbox-color:rgb(var(--kemet-color-foreground));--kemet-checkbox-border:1px solid rgb(var(--kemet-color-foreground));--kemet-checkbox-border-radius:var(--kemet-border-radius-md);--kemet-checkbox-filled-background-color:rgb(var(--kemet-color-primary));--kemet-checkbox-filled-color:rgb(var(--kemet-color-white));display:inline-block}:host([disabled]){opacity:.5}label{display:inline-flex;gap:.5rem;align-items:center}input{cursor:pointer;margin:0;padding:0;width:var(--kemet-checkbox-size);height:var(--kemet-checkbox-size);position:absolute;opacity:0}button{margin:0;border:none;background:0 0}[part=checkbox]{color:var(--kemet-checkbox-color);display:flex;align-items:center;justify-content:center;width:var(--kemet-checkbox-size);height:var(--kemet-checkbox-size);border:var(--kemet-checkbox-border)}:host([rounded]) [part=checkbox]{border-radius:var(--kemet-checkbox-border-radius)}:host([filled][checked]) [part=checkbox],:host([filled][indeterminate]) [part=checkbox]{border:none;background-color:var(--kemet-checkbox-filled-background-color)}[part=mark]{display:flex;width:calc(var(--kemet-checkbox-size) - 4px);height:calc(var(--kemet-checkbox-size) - 4px)}:host([filled][checked]) [part=mark],:host([filled][indeterminate]) [part=mark]{color:var(--kemet-checkbox-filled-color)}[part=message]{display:block;margin-top:.5rem}:host([status=error]) [part=message]{color:rgb(var(--kemet-color-error))}:host([status=warning]) [part=message]{color:rgb(var(--kemet-color-error))}`;let Ye=class extends se{constructor(){super(),this.label="",this.name="checkbox",this.disabled=!1,this.required=!1,this.rounded=!1,this.filled=!1,this.status="standard",this.formSubmitController=new Oe(this)}render(){return j`<label part="label"><input type="checkbox" name="${Pe(this.name)}" .value="${this.value}" .indeterminate="${je(this.indeterminate)}" .checked="${je(this.checked)}" .disabled="${this.disabled}" .required="${this.required}" aria-checked="${this.checked?"true":"false"}" @click="${()=>this.handleClick()}" @blur="${()=>this.handleBlur()}" @focus="${()=>this.handleFocus()}" @change="${()=>this.handleChange()}"> <button part="checkbox" aria-label="${this.label}">${this.makeCheckMark()}</button> <span part="text">${this.label}</span></label> ${this.makeMessage()}`}click(){this.input.click()}handleClick(){this.checked=!this.checked,this.indeterminate=!1,ge(this,"kemet-checkbox-change",this)}handleBlur(){this.focused=!1,ge(this,"kemet-checkbox-focused",!1)}handleFocus(){this.focused=!0,ge(this,"kemet-checkbox-focused",!0)}handleChange(){this.value=this.checked,this.input.checkValidity()&&(this.status="standard")}makeMessage(){return"error"===this.status||"warning"===this.status?j`<span part="message">${this.message}</span>`:null}makeCheckMark(){return this.checked?j`<span part="mark"><svg viewBox="0 0 16 16"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round"><g stroke="currentColor" stroke-width="2"><g transform="translate(3.428571, 3.428571)"><path d="M0,5.71428571 L3.42857143,9.14285714"></path><path d="M9.14285714,0 L3.42857143,9.14285714"></path></g></g></g></svg></span>`:!this.checked&&this.indeterminate?j`<span part="mark"><svg viewBox="0 0 16 16"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round"><g stroke="currentColor" stroke-width="2"><g transform="translate(2.285714, 6.857143)"><path d="M10.2857143,1.14285714 L1.14285714,1.14285714"></path></g></g></g></svg></span>`:null}checkValidity(){return this.input.checkValidity()}};Ye.styles=[He],e([ce({type:String})],Ye.prototype,"label",void 0),e([ce({type:Boolean,reflect:!0})],Ye.prototype,"checked",void 0),e([ce({type:Boolean,reflect:!0})],Ye.prototype,"indeterminate",void 0),e([ce({type:String})],Ye.prototype,"name",void 0),e([ce({type:Boolean})],Ye.prototype,"value",void 0),e([ce({type:Boolean,reflect:!0})],Ye.prototype,"disabled",void 0),e([ce({type:Boolean,reflect:!0})],Ye.prototype,"required",void 0),e([ce({type:Boolean,reflect:!0})],Ye.prototype,"focused",void 0),e([ce({type:Boolean,reflect:!0})],Ye.prototype,"rounded",void 0),e([ce({type:Boolean,reflect:!0})],Ye.prototype,"filled",void 0),e([ce({type:String,reflect:!0})],Ye.prototype,"status",void 0),e([ce({type:String})],Ye.prototype,"message",void 0),e([ue("input")],Ye.prototype,"input",void 0),Ye=e([ne("kemet-checkbox")],Ye);const Fe=n`:host{--kemet-combo-width:calc(100% - 2px);--kemet-combo-margin:1rem auto;--kemet-combo-max-height:calc(5 * 3rem);--kemet-combo-border:1px solid rgb(var(--kemet-color-foreground));--kemet-combo-border-radius:var(--kemet-border-radius-md);--kemet-combo-background-color:rgb(var(--kemet-color-white-to-black));--kemet-combo-shadow:var(--kemet-elevation-layer-5);--kemet-combo-hover-color:rgb(var(--kemet-color-white));--kemet-combo-hover-background-color:rgb(var(--kemet-color-primary));opacity:0;width:var(--kemet-combo-width);margin:var(--kemet-combo-margin);pointer-events:none;display:block;position:relative;transition:opacity .3s ease-in-out}:host([show]){opacity:1;pointer-events:auto}ul{width:100%;max-height:var(--kemet-combo-max-height);position:absolute;z-index:1;list-style:none;margin:0;padding:0;overflow-y:scroll;border:var(--kemet-combo-border);border-radius:var(--kemet-combo-border-radius);background-color:var(--kemet-combo-background-color);box-shadow:var(--kemet-combo-shadow)}li{line-height:3rem;padding:0 1.5rem;cursor:pointer}li:focus,li:hover{color:var(--kemet-combo-hover-color);outline:0;background-color:var(--kemet-combo-hover-background-color)}`;let Ve=class extends se{constructor(){super(...arguments),this.options=[]}firstUpdated(){this.field=this.closest("kemet-field"),this.input=this.field.querySelector('[slot="input"]'),this.slug=this.field.slug||"slug",this.input.addEventListener("kemet-input-input",this.handleInput.bind(this)),this.input.addEventListener("kemet-multi-input-focus",this.handleFocus.bind(this)),this.input.addEventListener("keydown",(e=>this.handleInputKeyDown(e)))}render(){var e;return j`<div role="combobox" part="combobox" aria-expanded="${this.show}" aria-controls="${this.slug}-listbox" aria-haspopup="listbox" id="${this.slug}-combobox" aria-label="${null===(e=this.field)||void 0===e?void 0:e.label}"><ul role="listbox" aria-labelledby="${this.slug}-label" id="${this.slug}-listbox" part="listbox">${this.makeOptions()}</ul></div>`}makeOptions(){return this.input?(this.filteredOptions=this.options.filter((e=>{var t;return-1!==e.toLowerCase().indexOf(null===(t=this.input.value)||void 0===t?void 0:t.toLowerCase())})),this.filteredOptions.map(((e,t)=>j`<li id="${this.slug}-option-${t}" role="option" tabindex="0" aria-selected="false" @click="${e=>this.handleSelection(e)}" @keydown="${e=>this.handleOptionKeyDown(e)}">${e}</li>`))):null}handleInput(e){this.makeOptions(),this.show=e.detail.length>0}handleFocus(){this.makeOptions(),this.show=!0}handleSelection(e){const t=e.target;this.input.value=t.innerText,this.show=!1,ge(this,"kemet-combo-selection",{element:t,text:t.innerText,id:t.getAttribute("id")})}handleOptionKeyDown(e){e.preventDefault();const t=e.target;if("ArrowDown"===e.code){const e=t.nextElementSibling;e?e.focus():this.shadowRoot.querySelector("li").focus()}if("ArrowUp"===e.code){const e=t.previousElementSibling,o=this.shadowRoot.querySelector("li:last-child");e?e.focus():o.focus()}"Escape"!==e.code&&"Tab"!==e.code||(this.show=!1,this.input.focus()),"Enter"!==e.code&&"Space"!==e.code||this.handleSelection(e)}handleInputKeyDown(e){"ArrowDown"===e.code&&this.shadowRoot.querySelector("li").focus(),"Escape"===e.code&&(this.show=!1)}};Ve.styles=[Fe],e([ce({type:String})],Ve.prototype,"slug",void 0),e([ce({type:Array})],Ve.prototype,"options",void 0),e([ce({type:Boolean,reflect:!0})],Ve.prototype,"show",void 0),e([he()],Ve.prototype,"filteredOptions",void 0),e([he()],Ve.prototype,"field",void 0),e([he()],Ve.prototype,"input",void 0),Ve=e([ne("kemet-combo")],Ve);let We=class extends se{firstUpdated(){this.carousel=this.closest("kemet-carousel")}updated(){var e;this.current=(null===(e=this.carousel)||void 0===e?void 0:e.index)+1}render(){return j`${this.current}`}};We.styles=[n`:host{display:inline-block}`],e([ce({type:Number})],We.prototype,"current",void 0),e([he()],We.prototype,"carousel",void 0),We=e([ne("kemet-carousel-current")],We);let Ke=class extends se{render(){return j`<button @keyup="${e=>this.handleKeyUp(e)}" @click="${()=>this.first()}"><slot></slot></button>`}first(){this.disabled||ge(this,"kemet-carousel-first",this)}handleKeyUp(e){"Enter"===e.code&&this.first()}};Ke.styles=[n`button{cursor:pointer;border:0;background:0 0}:host([disabled]) button{cursor:not-allowed}`],e([ce({type:Boolean,reflect:!0})],Ke.prototype,"disabled",void 0),Ke=e([ne("kemet-carousel-first")],Ke);let Je=class extends se{render(){return j`<button @keyup="${e=>this.handleKeyUp(e)}" @click="${()=>this.last()}"><slot></slot></button>`}last(){this.disabled||ge(this,"kemet-carousel-last",this)}handleKeyUp(e){"Enter"===e.code&&this.last()}};Je.styles=[n`button{cursor:pointer;border:0;background:0 0}:host([disabled]) button{cursor:not-allowed}`],e([ce({type:Boolean,reflect:!0})],Je.prototype,"disabled",void 0),Je=e([ne("kemet-carousel-last")],Je);let Ze=class extends se{render(){return j`<button @keyup="${e=>this.handleKeyUp(e)}" @click="${()=>this.changed()}"><slot></slot></button>`}changed(){this.disabled||ge(this,"kemet-carousel-link",this)}handleKeyUp(e){"Enter"===e.code&&this.changed()}};Ze.styles=[n`:host([selected]){color:var(--kemet-carousel-link-selected-color,var(--kemet-color-primary))}button{border:0;background:0 0}:host(:not([selected])) button{cursor:pointer}:host([disabled]) button{cursor:not-allowed}`],e([ce({type:Number,reflect:!0})],Ze.prototype,"slide",void 0),e([ce({type:Boolean,reflect:!0})],Ze.prototype,"selected",void 0),e([ce({type:Boolean,reflect:!0})],Ze.prototype,"disabled",void 0),Ze=e([ne("kemet-carousel-link")],Ze);let Ge=class extends se{render(){return j`<button @keyup="${e=>this.handleKeyUp(e)}" @click="${()=>this.next()}"><slot></slot></button>`}next(){this.disabled||ge(this,"kemet-carousel-next",this)}handleKeyUp(e){"Enter"===e.code&&this.next()}};Ge.styles=[n`button{cursor:pointer;border:0;background:0 0}:host([disabled]) button{cursor:not-allowed}`],e([ce({type:Boolean,reflect:!0})],Ge.prototype,"disabled",void 0),Ge=e([ne("kemet-carousel-next")],Ge);let Qe=class extends se{render(){return j`<button @keyup="${e=>this.handleKeyUp(e)}" @click="${()=>this.prev()}"><slot></slot></button>`}prev(){this.disabled||ge(this,"kemet-carousel-prev",this)}handleKeyUp(e){"Enter"===e.code&&this.prev()}};Qe.styles=[n`button{cursor:pointer;border:0;background:0 0}:host([disabled]) button{cursor:not-allowed}`],e([ce({type:Boolean,reflect:!0})],Qe.prototype,"disabled",void 0),Qe=e([ne("kemet-carousel-prev")],Qe);let et=class extends se{static get properties(){return{"aria-hidden":{type:String,reflect:!0}}}constructor(){super(),this.selected=!1,this["aria-hidden"]="true"}render(){return j`<slot></slot>`}};et.styles=[n`::after,:host,:host *,:host ::before{box-sizing:border-box}:host{flex:0 0 auto}`],e([ce({type:Boolean,reflect:!0})],et.prototype,"selected",void 0),et=e([ne("kemet-carousel-slide")],et);let tt=class extends se{firstUpdated(){this.carousel=this.closest("kemet-carousel")}updated(){var e;this.total=null===(e=this.carousel)||void 0===e?void 0:e.total}render(){return j`${this.total}`}};tt.styles=[n`:host{display:inline-block}`],e([ce({type:Number})],tt.prototype,"total",void 0),e([he()],tt.prototype,"carousel",void 0),tt=e([ne("kemet-carousel-total")],tt);const ot=n`*,::after,::before,:host{box-sizing:border-box}:host{--kemet-carousel-width:100%;--kemet-carousel-height:auto;--kemet-carousel-toolbar-gap:1rem;--kemet-carousel-toolbar-justify-content:center;--kemet-carousel-toolbar-padding:1rem;--kemet-carousel-toolbar-inner-width:100%;--kemet-carousel-toolbar-inner-bottom:0;--kemet-carousel-toolbar-inner-top:auto;--kemet-carousel-toolbar-inner-color:rgb(var(--kemet-color-white));--kemet-carousel-toolbar-inner-background-color:rgb(var(--kemet-color-black) / 40%);--kemet-carousel-slides-border:1px solid rgb(var(--kemet-color-gray-50));--kemet-carousel-transition-speed:300ms;--kemet-carousel-arrows-opacity:0.25;--kemet-carousel-arrows-transition-speed:300ms;--kemet-carousel-arrows-opacity-hover:1;position:relative;display:grid;grid-template-columns:minmax(0,1fr);align-items:center;width:var(--kemet-carousel-width);height:var(--kemet-carousel-height);overflow:visible}:host([arrows]){grid-template-columns:auto minmax(0,1fr) auto}.toolbar{display:flex;gap:var(--kemet-carousel-toolbar-gap);align-items:center;justify-content:var(--kemet-carousel-toolbar-justify-content);line-height:1;padding:var(--kemet-carousel-toolbar-padding)}:host([inner]) .toolbar{width:var(--kemet-carousel-toolbar-inner-width);position:absolute;bottom:var(--kemet-carousel-toolbar-inner-bottom);top:var(--kemet-carousel-toolbar-inner-top);color:var(--kemet-carousel-toolbar-inner-color);background-color:var(--kemet-carousel-toolbar-inner-background-color)}.slides{overflow:hidden;position:relative;padding:1rem 0;border:var(--kemet-carousel-slides-border)}.slider{display:flex;flex-wrap:nowrap;transition:transform var(--kemet-carousel-transition-speed) ease}::slotted([slot=next]),::slotted([slot=prev]){opacity:var(--kemet-carousel-arrows-opacity);transition:opacity var(--kemet-carousel-arrows-transition-speed) ease-in-out}:host(:hover) ::slotted([slot=next]),:host(:hover) ::slotted([slot=prev]){opacity:var(--kemet-carousel-arrows-opacity-hover)}`;let it=class extends se{constructor(){super(),this.index=0,this.total=0,this.sliderWidth="auto",this.sliderTranslateX="0",this.inner=!1,this.arrows=!1,this.options={perView:1,perMove:1,gap:12,slideshow:0,rewind:!0,center:!1},this.breakpoints={768:{perView:2,gap:24,rewind:!1},1280:{perView:2.5,center:!0}},this.slides=[],this.links=[],this.addEventListener("kemet-carousel-first",this.handleFirst.bind(this)),this.addEventListener("kemet-carousel-last",this.handleLast.bind(this)),this.addEventListener("kemet-carousel-next",this.handleNext.bind(this)),this.addEventListener("kemet-carousel-prev",this.handlePrev.bind(this)),this.addEventListener("kemet-carousel-link",this.handleLink.bind(this))}firstUpdated(){var e;this.toolbarSlotElement=this.querySelector('[slot="toolbar"]'),this.informationElement=this.querySelector("kemet-carousel-information"),window.addEventListener("resize",(()=>{this.setSlideSize(),this.setToolbarSize(),this.updateIndex(this.index)})),null===(e=this.sliderElement)||void 0===e||e.addEventListener("transitionend",this.handleTransitionEnd.bind(this)),this.swipeMove=e=>{let t;e.preventDefault(),t="touches"in e?e.touches[0].pageX:e.pageX;const o=this.slides[this.index];this.sliderTranslateX=t-this.startX-o.offsetLeft+"px"},this.setSlideSize(),this.goToSlide(this.index)}updated(e){this.setSlideSize(),this.setToolbarSize(),e.has("index")&&(this.updateIndex(this.index),this.slideShowID=window.setTimeout((()=>{this.getOption("slideshow")>0&&(this.updateIndex(this.index+1),clearTimeout(this.slideShowID))}),1e3*this.getOption("slideshow")))}render(){return j`<slot name="prev" @slotchange="${this.handleArrows}"></slot><div id="container" class="container" part="container"><section id="slides" class="slides" part="slides" @mousedown="${this.swipeStart}" @mouseup="${this.swipeEnd}" @touchstart="${this.swipeStart}" @touchend="${this.swipeEnd}" @mouseleave="${this.swipeLeave}"><div id="slider" class="slider" part="slider" style="width:${this.sliderWidth};transform:translateX(${this.sliderTranslateX})"><slot name="slides" @slotchange="${this.handleSlotChange}"></slot></div></section>${this.makeToolbar()}</div><slot name="next" @slotchange="${this.handleArrows}"></slot>`}swipeStart(e){this.startX="touches"in e?e.touches[0].pageX:e.pageX,this.addEventListener("mousemove",this.swipeMove),this.addEventListener("touchmove",this.swipeMove)}swipeEnd(e){this.updateIndex(this.swipeUpdate(e)),this.removeEventListener("mousemove",this.swipeMove,!1),this.removeEventListener("touchmove",this.swipeMove,!1)}swipeUpdate(e){let t;t="changedTouches"in e?e.changedTouches[0].pageX:e.pageX;const o=this.startX>t?"right":"left",i=this.slidesElement.offsetWidth/3,r=this.startX-t,s=Math.abs(r)>i;let{index:a}=this;return s&&"right"===o&&(a=this.index>=this.slides.length-1?this.index:this.index+1),s&&"left"===o&&(a=this.index<1?0:this.index-1),a}swipeLeave(){this.updateIndex(this.index),this.removeEventListener("mousemove",this.swipeMove,!1),this.removeEventListener("touchmove",this.swipeMove,!1)}setSlideSize(){var e;this.slideWidth=(null===(e=this.containerElement)||void 0===e?void 0:e.offsetWidth)/this.getOption("perView"),this.slides.forEach((e=>{e.style.marginLeft=this.getOption("gap")/2+"px",e.style.marginRight=this.getOption("gap")/2+"px",e.style.width=this.slideWidth-this.getOption("gap")+"px"})),this.sliderWidth=this.slideWidth*this.slides.length+"px"}setToolbarSize(){if(this.inner&&this.toolbarElement){const e=this.slidesElement.offsetWidth;this.toolbarElement.style.width=`${e}px`}}makeToolbar(){return this.toolbarSlotElement?j`<section id="toolbar" class="toolbar" part="toolbar"><slot name="toolbar"></slot></section>`:null}handleSlotChange(){const e=this.querySelectorAll("kemet-carousel-slide"),t=this.querySelectorAll("kemet-carousel-link");e.forEach((e=>{this.slides.push(e)})),this.updateInformation(),this.total=e.length,e[this.index].selected=!0,t.forEach((e=>{this.links.push(e)}))}handleArrows(){this.arrows=!0}handleFirst(){this.updateIndex(0)}handleLast(){this.updateIndex(this.slides.length-1)}handleNext(){let e=this.index+this.getOption("perMove");e>=this.slides.length&&(e=this.getOption("rewind")?0:this.index),this.updateIndex(e)}handlePrev(){let e=this.index-this.getOption("perMove");e<0&&(e=this.getOption("rewind")?this.slides.length-1:this.index),this.updateIndex(e)}updateIndex(e){let t=this.slides[this.index],o=this.links[e];this.links.forEach((e=>{e.selected=!1})),o||([o]=this.links),o&&(o.selected=!0),t&&(t.setAttribute("aria-hidden","true"),e>-1&&e<this.slides.length?this.index=e:(console.warn("An invalid index number was entered. The kemet-carousel has been reset to the first slide."),this.index=0),this.goToSlide(this.index),t=this.slides[this.index],t.setAttribute("aria-hidden","false"),this.slides.forEach((e=>{e.selected=!1})),t.selected=!0,ge(this,"kemet-carousel-change-start",this),this.updateInformation())}updateInformation(){this.informationSlot=this.slides[this.index].querySelector('[slot="information"]'),this.informationElement&&(this.informationSlot?this.informationElement.innerHTML=this.informationSlot.outerHTML:this.informationElement.innerHTML="")}goToSlide(e){if(!0===this.getOption("center")){const t=this.slidesElement.offsetWidth/2,o=this.slideWidth*e;this.sliderTranslateX=o-(o-t)-this.slideWidth/2-o+"px"}else this.sliderTranslateX=this.slideWidth*e*-1+"px"}handleTransitionEnd(){const e=this.querySelector("kemet-carousel-current");e&&(e.current=this.index+1),ge(this,"kemet-carousel-change-finished",this)}handleLink(e){this.updateIndex(e.detail.slide)}getOption(e){const t=Object.keys(this.breakpoints);let o=this.options[e];return t.forEach((t=>(window.matchMedia(`(min-width: ${t}px)`).matches&&void 0!==this.breakpoints[t][e]&&(o=this.breakpoints[t][e]),o))),o}};it.styles=[ot],e([ce({type:Number,reflect:!0})],it.prototype,"index",void 0),e([ce({type:Number})],it.prototype,"total",void 0),e([ce({type:String})],it.prototype,"sliderWidth",void 0),e([ce({type:String})],it.prototype,"sliderTranslateX",void 0),e([ce({type:Boolean,reflect:!0})],it.prototype,"inner",void 0),e([ce({type:Boolean,reflect:!0})],it.prototype,"arrows",void 0),e([ce({type:Object})],it.prototype,"options",void 0),e([ce({type:Object})],it.prototype,"breakpoints",void 0),e([he()],it.prototype,"slides",void 0),e([he()],it.prototype,"links",void 0),e([he()],it.prototype,"toolbarSlotElement",void 0),e([he()],it.prototype,"informationElement",void 0),e([he()],it.prototype,"swipeMove",void 0),e([he()],it.prototype,"handleSlideShow",void 0),e([he()],it.prototype,"slideShowID",void 0),e([he()],it.prototype,"startX",void 0),e([he()],it.prototype,"slideWidth",void 0),e([he()],it.prototype,"informationSlot",void 0),e([ue("#container")],it.prototype,"containerElement",void 0),e([ue("#slides")],it.prototype,"slidesElement",void 0),e([ue("#slider")],it.prototype,"sliderElement",void 0),e([ue("#toolbar")],it.prototype,"toolbarElement",void 0),it=e([ne("kemet-carousel")],it);let rt=class extends se{firstUpdated(){this.field=this.closest("kemet-field"),this.inputSlot=this.field.querySelector('[slot="input"]'),this.remaining=this.limit-this.field.length,this.field.addEventListener("kemet-field-input",(e=>{this.remaining=this.limit-e.detail;const t=this.input||this.textarea;t&&(this.remaining<0?this.validateImmediately&&(this.inputSlot.status="error",this.inputSlot.invalid=!0,ge(this,"kemet-count-status",{status:"error",validity:t.validity,element:this.inputSlot})):(this.inputSlot.status="standard",t.checkValidity(),ge(this,"kemet-count-status",{status:"standard",validity:t.validity,element:this.inputSlot})))})),this.input=this.inputSlot.shadowRoot.querySelector("input"),this.textarea=this.inputSlot.shadowRoot.querySelector("textarea")}render(){return j`${this.remaining} ${this.message}`}};rt.styles=[n`:host{display:block;font-size:var(--kemet-count-font-size,90%);margin-top:.8rem}`],e([ce({type:String})],rt.prototype,"message",void 0),e([ce({type:Number})],rt.prototype,"remaining",void 0),e([ce({type:Number})],rt.prototype,"limit",void 0),e([ce({type:Boolean,attribute:"validate-immediately"})],rt.prototype,"validateImmediately",void 0),e([he()],rt.prototype,"field",void 0),e([he()],rt.prototype,"inputSlot",void 0),e([he()],rt.prototype,"input",void 0),e([he()],rt.prototype,"textarea",void 0),rt=e([ne("kemet-count")],rt);let st=class extends se{constructor(){super(...arguments),this.top="auto",this.left="auto",this.measure=!1}firstUpdated(){this.position1=0,this.position2=0,this.position3=0,this.position4=0,this.mouseMove=e=>this.drag(e),this.mouseUp=()=>this.stopDrag();const e=JSON.parse(localStorage.getItem(this.memory));e&&(this.top=e.top,this.left=e.left),this.measure&&this.measureContent()}render(){return j`<div id="draggable" @mousedown="${e=>this.startDrag(e)}" style="top:${this.top};left:${this.left}"><slot></slot></div>`}startDrag(e){e&&(e.preventDefault(),this.position3=e.clientX,this.position4=e.clientY),document.addEventListener("mouseup",this.mouseUp),document.addEventListener("mousemove",this.mouseMove),ge(this,"kemet-draggable-start",this)}drag(e){e.preventDefault(),this.position1=this.position3-e.clientX,this.position2=this.position4-e.clientY,this.position3=e.clientX,this.position4=e.clientY,this.draggableElement&&(this.top=this.draggableElement.offsetTop-this.position2+"px",this.left=this.draggableElement.offsetLeft-this.position1+"px")}stopDrag(){if(document.removeEventListener("mouseup",this.mouseUp),document.removeEventListener("mousemove",this.mouseMove),this.memory){const e={top:this.top,left:this.left};localStorage.setItem(this.memory,JSON.stringify(e))}ge(this,"kemet-draggable-stop",this)}measureContent(){var e,t;this.style.width=`${null===(e=this.draggableElement)||void 0===e?void 0:e.offsetWidth}px`,this.style.height=`${null===(t=this.draggableElement)||void 0===t?void 0:t.offsetHeight}px`}};st.styles=[n`:host{display:inline-block}#draggable{position:absolute}`],e([ce({type:String})],st.prototype,"memory",void 0),e([ce({type:String})],st.prototype,"top",void 0),e([ce({type:String})],st.prototype,"left",void 0),e([ce({type:Boolean})],st.prototype,"measure",void 0),e([he()],st.prototype,"position1",void 0),e([he()],st.prototype,"position2",void 0),e([he()],st.prototype,"position3",void 0),e([he()],st.prototype,"position4",void 0),e([he()],st.prototype,"mouseMove",void 0),e([he()],st.prototype,"mouseUp",void 0),e([ue("#draggable")],st.prototype,"draggableElement",void 0),st=e([ne("kemet-draggable")],st);const at=`${document.documentElement.scrollHeight}px`,nt=n`*,::after,::before{box-sizing:border-box}:host{--kemet-drawer-overlay-color:rgb(var(--kemet-color-black) / 20%);--kemet-drawer-width:300px;--kemet-drawer-height:100%;--kemet-drawer-color:rgb(var(--kemet-color-gray-50));--kemet-drawer-background-color:rgb(var(--kemet-color-gray-950));width:100%}.off-canvas{position:relative;overflow:hidden}.off-canvas__nav{position:fixed;top:0;left:0;z-index:100;visibility:hidden;height:100%;overflow:auto;transition:all .5s}.off-canvas__nav::after{position:absolute;top:0;right:0;width:100%;height:100%;background:rgba(0,0,0,.2);content:'';opacity:1;transition:opacity .5s}:host([opened]) .off-canvas__nav::after{width:0;height:0;opacity:0;transition:opacity .5s,width .1s .5s,height .1s .5s}.off-canvas__pusher{position:relative;left:0;z-index:99;height:100%;transition:transform .5s}:host([overlay]) .off-canvas__pusher::after{position:absolute;top:0;right:0;width:0;height:0;background:var(--kemet-drawer-overlay-color);content:'';opacity:0;transition:opacity .5s,width .1s .5s,height .1s .5s}:host([opened]) .off-canvas__pusher::after{width:100%;height:100%;opacity:1;transition:opacity .5s;transform:scale(2)}.off-canvas__content{position:relative;min-height:100vh}.off-canvas__wrapper{position:relative}::slotted([slot=content]){min-height:100vh}.off-canvas__nav{width:var(--kemet-drawer-width);height:var(--kemet-drawer-height);color:var(--kemet-drawer-color);background:var(--kemet-drawer-background-color)}`,lt=n`:host([effect=slide]) .off-canvas__nav{visibility:visible;transform:translate3d(-100%,0,0)}:host([effect=slide][opened]) .off-canvas__nav{visibility:visible;transform:translate3d(0,0,0)}:host([effect=slide]) .off-canvas__nav:after{display:none}:host([effect=slide][side=right]) .off-canvas__nav{transform:translate3d(100vw,0,0)}:host([effect=slide][side=right][opened]) .off-canvas__nav{transform:translate3d(calc(100vw - var(--kemet-drawer-width)),0,0)}:host([effect=slide][side=top]) .off-canvas__nav{width:100vw;height:var(--kemet-drawer-height,100vh);transform:translate3d(0,calc(var(--kemet-drawer-height) * -1),0)}:host([effect=slide][side=top][opened]) .off-canvas__nav{transform:translate3d(0,0,0)}:host([effect=slide][side=bottom]) .off-canvas__nav{width:100vw;height:var(--kemet-drawer-height,100vh);transform:translate3d(0,${a(at)},0)}:host([effect=slide][side=bottom][opened]) .off-canvas__nav{transform:translate3d(0,calc(100vh - var(--kemet-drawer-height)),0)}:host([effect=reveal][opened]) .off-canvas__pusher{transform:translate3d(var(--kemet-drawer-width),0,0)}:host([effect=reveal]) .off-canvas__nav{z-index:1}:host([effect=reveal][opened]) .off-canvas__nav{visibility:visible;transition:transform .5s}:host([effect=reveal]) .off-canvas__nav::after{display:none}:host([effect=reveal][side=right][opened]) .off-canvas__pusher{transform:translate3d(0,0,0)}:host([effect=reveal][side=right]) .off-canvas__nav{transform:translate3d(100vw,0,0)}:host([effect=reveal][side=right][opened]) .off-canvas__nav{transform:translate3d(calc(100vw - var(--kemet-drawer-width)),0,0)}:host([effect=reveal][side=top]) .off-canvas__nav{width:100vw;height:var(--kemet-drawer-height,100vh);transform:translate3d(0,calc(var(--kemet-drawer-height) * -1),0)}:host([effect=reveal][side=top][opened]) .off-canvas__nav{transform:translate3d(0,0,0)}:host([effect=reveal][side=top][opened]) .off-canvas__pusher{transform:translate3d(0,var(--kemet-drawer-height),0)}:host([effect=reveal][side=bottom]) .off-canvas__nav{width:100vw;height:var(--kemet-drawer-height,100vh);transform:translate3d(0,${a(at)},0)}:host([effect=reveal][side=bottom][opened]) .off-canvas__nav{transform:translate3d(0,calc(100vh - var(--kemet-drawer-height)),0)}:host([effect=reveal][side=bottom][opened]) .off-canvas__pusher{transform:translate3d(0,calc(var(--kemet-drawer-height) * -1),0)}:host([effect=push][opened]) .off-canvas__pusher{transform:translate3d(var(--kemet-drawer-width),0,0)}:host([effect=push]) .off-canvas__nav{transform:translate3d(-100%,0,0)}:host([effect=push][opened]) .off-canvas__nav{visibility:visible;transition:transform .5s;transform:translate3d(0,0,0)}:host([effect=push]) .off-canvas__nav::after{display:none}:host([effect=push][side=right][opened]) .off-canvas__pusher{transform:translate3d(calc(var(--kemet-drawer-width) * -1),0,0)}:host([effect=push][side=right]) .off-canvas__nav{transform:translate3d(100vw,0,0)}:host([effect=push][side=right][opened]) .off-canvas__nav{transform:translate3d(calc(100vw - var(--kemet-drawer-width)),0,0)}:host([effect=push][side=top]) .off-canvas__nav{width:100vw;height:var(--kemet-drawer-height,100vh);transform:translate3d(0,calc(var(--kemet-drawer-height) * -1),0)}:host([effect=push][side=top][opened]) .off-canvas__nav{transform:translate3d(0,0,0)}:host([effect=push][side=top][opened]) .off-canvas__pusher{transform:translate3d(0,var(--kemet-drawer-height),0)}:host([effect=push][side=bottom]) .off-canvas__nav{width:100vw;height:var(--kemet-drawer-height);transform:translate3d(0,${a(at)},0)}:host([effect=push][side=bottom][opened]) .off-canvas__nav{transform:translate3d(0,calc(100vh - var(--kemet-drawer-height)),0)}:host([effect=push][side=bottom][opened]) .off-canvas__pusher{transform:translate3d(0,calc(var(--kemet-drawer-height) * -1),0)}:host([effect=scale]) .off-canvas__pusher{transform-style:preserve-3d}:host([effect=scale][opened]) .off-canvas__pusher{transform:translate3d(0,0,0) scale(.95)}:host([effect=scale]) .off-canvas__nav{opacity:1;transform:translate3d(-100%,0,0)}:host([effect=scale][opened]) .off-canvas__nav{visibility:visible;transition:transform .5s;transform:translate3d(0,0,0)}:host([effect=scale]) .off-canvas__nav::after{display:none}:host([effect=scale][side=right]) .off-canvas__nav{transform:translate3d(100vw,0,0)}:host([effect=scale][side=right][opened]) .off-canvas__nav{transform:translate3d(calc(100vw - var(--kemet-drawer-width)),0,0)}:host([effect=scale][side=top]) .off-canvas__nav{width:100vw;height:var(--kemet-drawer-height,100vh);transform:translate3d(0,calc(var(--kemet-drawer-height) * -1),0)}:host([effect=scale][side=top][opened]) .off-canvas__nav{transform:translate3d(0,0,0)}:host([effect=scale][side=bottom]) .off-canvas__nav{width:100vw;height:var(--kemet-drawer-height,100vh);transform:translate3d(0,${a(at)},0)}:host([effect=scale][side=bottom][opened]) .off-canvas__nav{transform:translate3d(0,calc(100vh - var(--kemet-drawer-height)),0)}`;let dt=class extends se{constructor(){super(...arguments),this.opened=void 0,this.effect="slide",this.side="left",this.overlay=!1}firstUpdated(){this.addEventListener("click",(e=>{const t=e.target;this.opened&&"kemet-drawer"===t.tagName.toLowerCase()&&(this.opened=!1)}))}updated(e){e.get("opened")||!0!==this.opened||ge(this,"kemet-drawer-opened",this),e.get("opened")&&!1===this.opened&&ge(this,"kemet-drawer-closed",this)}render(){return j`<section class="off-canvas" part="container"><nav class="off-canvas__nav" part="drawer" title="Drawer"><slot name="navigation"></slot></nav><div class="off-canvas__pusher" part="pusher"><div class="off-canvas__content" part="content"><div class="off-canvas__wrapper" part="wrapper"><slot name="content"></slot></div></div></div></section>`}};dt.styles=[nt,lt],e([ce({type:Boolean,reflect:!0})],dt.prototype,"opened",void 0),e([ce({type:String,reflect:!0})],dt.prototype,"effect",void 0),e([ce({type:String,reflect:!0})],dt.prototype,"side",void 0),e([ce({type:Boolean,reflect:!0})],dt.prototype,"overlay",void 0),dt=e([ne("kemet-drawer")],dt);const ct=n`:host{--kemet-fab-size:50px;--kemet-fab-color:rgb(var(--kemet-color-white));--kemet-fab-background-color:rgb(var(--kemet-color-primary));--kemet-fab-outlined-color:rgb(var(--kemet-color-foreground));--kemet-fab-outlined-border:1px solid rgb(var(--kemet-color-foreground));--kemet-fab-pill-radius:10rem;--kemet-fab-background-color:rgb(var(--kemet-color-primary));--kemet-fab-outline-border:1px solid rgb(var(--kemet-color-primary));--kemet-fab-color:rgb(var(--kemet-color-white));--kemet-fab-outlined-color:rgb(var(--kemet-color-foreground));display:inline-block;position:relative}button{color:var(--kemet-fab-color);font-size:inherit;display:inline-flex;padding:0;position:relative;min-height:var(--kemet-fab-size);min-width:var(--kemet-fab-size);max-width:var(--kemet-fab-size);align-items:center;justify-content:flex-start;transition:all .4s ease;border:none;background-color:var(--kemet-fab-background-color)}:host([outlined]) button{color:var(--kemet-fab-outlined-color);border:var(--kemet-fab-outlined-border);background-color:transparent}:host([pill]) button{border-radius:var(--kemet-fab-pill-radius)}button::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1;width:100%;height:100%;transition:background-color .3s ease-in-out;background-color:var(--kemet-fab-background-color)}:host([pill]) button::before{border-radius:var(--kemet-fab-pill-radius)}:host([outlined]) button::before{border:var(--kemet-fab-outline-border);background-color:transparent}:host([expanded]) button{max-width:99rem;padding:0 1.35rem 0 .25rem}:host([disabled]) button{opacity:.5;cursor:not-allowed}.icon{width:var(--kemet-fab-size);height:var(--kemet-fab-size);display:flex;flex:0 0 auto;align-items:center;justify-content:center}.text{color:var(--kemet-fab-color);z-index:1;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .2s ease-in-out}:host([outlined]) .text{color:var(--kemet-fab-outlined-color)}:host([expanded]) .text{opacity:1}`;let ht=class extends se{constructor(){super(...arguments),this.expanded=!1,this.outlined=!1,this.disabled=!1}firstUpdated(){window.addEventListener("scroll",this.handleScroll.bind(this)),this.addEventListener("mouseover",this.handleMouseOver.bind(this)),this.addEventListener("mouseout",this.handleMouseOut.bind(this))}render(){return j`<button class="button" part="button" ?disabled="${this.disabled}"><span class="icon" part="icon"><slot name="icon"></slot></span><span class="text" part="text"><slot></slot></span></button>`}handleMouseOver(){this.disabled||(this.expanded=!0)}handleMouseOut(){this.disabled||(this.expanded=!1)}handleScroll(){window.scrollY>this.expandPoint&&window.scrollY<this.collapsePoint?this.expanded=!0:this.expanded=!1}};ht.styles=[ct],e([ce({type:Boolean,reflect:!0})],ht.prototype,"expanded",void 0),e([ce({type:Boolean,reflect:!0})],ht.prototype,"outlined",void 0),e([ce({type:Boolean,reflect:!0})],ht.prototype,"disabled",void 0),e([ce({type:Boolean,reflect:!0})],ht.prototype,"pill",void 0),e([ce({type:Number,attribute:"expand-point"})],ht.prototype,"expandPoint",void 0),e([ce({type:Number,attribute:"collapse-point"})],ht.prototype,"collapsePoint",void 0),ht=e([ne("kemet-fab")],ht);let pt=class extends se{render(){return j`<slot tabindex="0" @click="${()=>this.trigger()}" @keypress="${e=>this.handleKeyup(e)}"></slot>`}trigger(){ge(this,"kemet-flipcard-flipped",this)}handleKeyup(e){e.preventDefault(),"Enter"===e.key&&this.trigger()}};pt.styles=[n`:host{cursor:pointer}`],pt=e([ne("kemet-flipcard-trigger")],pt);const ut=n`*,::after,::before{box-sizing:border-box}:host{display:block}:host([disabled]){opacity:.5}label{position:relative;display:block}label span{color:inherit;display:inline-flex;gap:.5rem;align-items:center;margin-bottom:.8rem}:host([status=error]) kemet-icon{color:rgb(var(--kemet-color-error))}:host([status=success]) kemet-icon{color:rgb(var(--kemet-color-success))}:host([status=warning]) kemet-icon{color:rgb(var(--kemet-color-warning))}.message{font-size:.9rem;line-height:1;display:block;margin-top:.8rem}:host([status=error]) .message{color:rgb(var(--kemet-color-error))}:host([status=success]) .message{color:rgb(var(--kemet-color-success))}:host([status=warning]) .message{color:rgb(var(--kemet-color-warning))}`;let mt=class extends se{constructor(){super(),this.status="standard",this.errorIcon="exclamation-triangle-fill",this.successIcon="check-lg",this.addEventListener("kemet-input-focused",(e=>this.handleFocused(e))),this.addEventListener("kemet-input-status",(e=>this.handleStatus(e))),this.addEventListener("kemet-input-input",(e=>this.handleInput(e))),this.addEventListener("kemet-count-status",(e=>this.handleStatus(e))),this.addEventListener("kemet-combo-selection",(e=>this.handleSelection(e)))}firstUpdated(){this.slotInput=this.querySelector('[slot="input"]'),this.slotCombo=this.querySelector('[slot="combo"]'),this.slotInput.value?this.length=this.slotInput.value.length:this.length=0}render(){return j`<label for="${this.slug}" id="${this.slug}-label" part="label"><span part="text">${this.label}${this.makeStatusIcon()}</span><slot name="input"></slot></label> ${this.makeStatusMessage()}<slot name="component"></slot>`}makeStatusIcon(){return"error"===this.status||"warning"===this.status?j`<kemet-icon icon="${this.errorIcon}" size="16"></kemet-icon>`:"success"===this.status?j`<kemet-icon icon="${this.successIcon}" size="16"></kemet-icon>`:null}makeStatusMessage(){return"standard"!==this.status?j`<span class="message" part="message">${this.message}</span>`:null}handleFocused(e){this.focused=e.detail,!this.focused&&this.slotCombo&&this.slotCombo.options.length<1&&(this.slotCombo.show=!1)}handleStatus(e){this.status=e.detail.status}handleInput(e){ge(this,"kemet-field-input",e.detail.length),this.filled=""!==e.detail}handleSelection(e){this.slotInput.setAttribute("aria-activedescendant",e.detail)}};mt.styles=[ut],e([ce({type:String})],mt.prototype,"slug",void 0),e([ce({type:String})],mt.prototype,"label",void 0),e([ce({type:String})],mt.prototype,"message",void 0),e([ce({type:Boolean,reflect:!0})],mt.prototype,"focused",void 0),e([ce({type:String,reflect:!0})],mt.prototype,"status",void 0),e([ce({type:Boolean,reflect:!0})],mt.prototype,"filled",void 0),e([ce({type:Number})],mt.prototype,"length",void 0),e([ce({type:Boolean,reflect:!0})],mt.prototype,"disabled",void 0),e([ce({type:String,attribute:"error-icon"})],mt.prototype,"errorIcon",void 0),e([ce({type:String,attribute:"success-icon"})],mt.prototype,"successIcon",void 0),e([he()],mt.prototype,"slotInput",void 0),e([he()],mt.prototype,"slotCombo",void 0),mt=e([ne("kemet-field")],mt);const ft=n`*,::after,::before{box-sizing:border-box}:host{--kemet-flipcard-width:100%;--kemet-flipcard-height:auto;--kemet-flipcard-ratio:16/9;--kemet-flipcard-border-radius:0;--kemet-flipcard-border:2px solid rgb(var(--kemet-color-primary));--kemet-flipcard-front-color:rgb(var(--kemet-color-gray-950));--kemet-flipcard-front-background-color:rgb(var(--kemet-color-gray-50));--kemet-flipcard-back-color:rgb(var(--kemet-color-gray-950));--kemet-flipcard-back-background-color:rgb(var(--kemet-color-gray-50));display:inline-block;width:var(--kemet-flipcard-width);height:var(--kemet-flipcard-height);aspect-ratio:var(--kemet-flipcard-ratio);perspective:1000px}section{position:relative;width:100%;height:100%;transition:transform .8s;transform-style:preserve-3d}.back,.front{position:absolute;display:flex;width:100%;height:100%;backface-visibility:hidden;border-radius:var(--kemet-flipcard-border-radius);border:var(--kemet-flipcard-border)}:host([rounded]) .back,:host([rounded]) .front{border-radius:var(--kemet-border-radius-xl)}.front{color:var(--kemet-flipcard-front-color);background-color:var(--kemet-flipcard-front-background-color)}:host([flipped]) .front{z-index:-1}.back{color:var(--kemet-flipcard-back-color);background-color:var(--kemet-flipcard-back-background-color)}:host([axis=horizontal]) .back{transform:rotateY(180deg)}:host([flipped][axis=horizontal]) section{transform:rotateY(180deg)}:host([axis=vertical]) .back{transform:rotateX(180deg)}:host([flipped][axis=vertical]) section{transform:rotateX(180deg)}:host([flip-on-hover]) section{cursor:pointer}::slotted([slot=back]),::slotted([slot=front]){display:inline-block;margin:auto;position:relative;width:100%;height:100%}`;let vt=class extends se{constructor(){super(),this.axis="horizontal",this.flipped=!1,this.flipOnHover=!1,this.height="auto",this.measure=!1,this.addEventListener("kemet-flipcard-flipped",(()=>{this.flipped=!this.flipped}))}firstUpdated(){this.frontElement=this.querySelector("[slot=front]"),this.backElement=this.querySelector("[slot=back]"),window.addEventListener("resize",this.determineHeight.bind(this))}updated(){this.determineHeight()}render(){return j`<section tabindex="0" part="wrapper" @blur="${()=>{this.flipOnHover&&(this.flipped=!1)}}" @focus="${()=>{this.flipOnHover&&(this.flipped=!0)}}" @mouseover="${()=>{this.flipOnHover&&(this.flipped=!0)}}" @mouseout="${()=>{this.flipOnHover&&(this.flipped=!1)}}"><div id="front" class="front" part="front"><slot name="front" @slotchange="${()=>this.determineHeight()}"></slot></div><div id="back" class="back" part="back"><slot name="back" @slotchange="${()=>this.determineHeight()}"></slot></div></section>`}determineHeight(){setTimeout((()=>{var e,t,o,i;this.measure?((null===(e=this.frontElement)||void 0===e?void 0:e.offsetHeight)>(null===(t=this.backElement)||void 0===t?void 0:t.offsetHeight)?this.height=`${null===(o=this.frontElement)||void 0===o?void 0:o.offsetHeight}px`:this.height=`${null===(i=this.backElement)||void 0===i?void 0:i.offsetHeight}px`,this.style.height=this.height):this.style.removeProperty("height")}),0)}};vt.styles=[ft],e([ce({type:String,reflect:!0})],vt.prototype,"axis",void 0),e([ce({type:Boolean,reflect:!0})],vt.prototype,"flipped",void 0),e([ce({type:Boolean,attribute:"flip-on-hover"})],vt.prototype,"flipOnHover",void 0),e([ce({type:String})],vt.prototype,"height",void 0),e([ce({type:Boolean})],vt.prototype,"measure",void 0),e([ue('[name="front"]')],vt.prototype,"frontChildren",void 0),e([ue('[name="back"]')],vt.prototype,"backChildren",void 0),e([he()],vt.prototype,"frontElement",void 0),e([he()],vt.prototype,"backElement",void 0),vt=e([ne("kemet-flipcard")],vt);const gt=n`:host{--kemet-input-height:50px;--kemet-input-padding:0.5rem 1rem;--kemet-input-border:1px solid rgb(var(--kemet-color-foreground));--kemet-input-border-color-error:1px solid rgb(var(--kemet-color-error));--kemet-input-border-color-success:1px solid rgb(var(--kemet-color-success));--kemet-input-border-color-warning:1px solid rgb(var(--kemet-color-warning));--kemet-input-icon-left-padding:3rem;--kemet-input-icon-right-padding:3rem;--kemet-input-border-radius-rounded:var(--kemet-border-radius-md);--kemet-input-border-filled:none;--kemet-input-color-filled:rgb(var(--kemet-color-white));--kemet-input-background-color-filled:rgb(var(--kemet-color-primary));--kemet-input-color-filled:rgb(var(--kemet-color-white));--kemet-input-background-color-error:rgb(var(--kemet-color-error));--kemet-input-background-color-success:rgb(var(--kemet-color-success));--kemet-input-background-color-warning:rgb(var(--kemet-color-warning));position:relative;display:block}input{color:rgb(var(--kemet-color-text));display:block;font-size:1rem;width:100%;height:var(--kemet-input-height);padding:var(--kemet-input-padding);border:var(--kemet-input-border);appearance:none;box-sizing:border-box;background-color:transparent}input[type=color]{min-width:10rem}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{display:none}:host([status=error]) input{border:var(--kemet-input-border-color-error)}:host([status=success]) input{border:var(--kemet-input-border-color-success)}:host([status=warning]) input{border:var(--kemet-input-border-color-warning)}:host([disabled]) input{opacity:.5}:host([icon-left]) input{padding-left:var(--kemet-input-icon-left-padding)}:host([icon-right]) input{padding-right:var(--kemet-input-icon-right-padding)}:host([rounded]) input{border-radius:var(--kemet-input-border-radius-rounded)}:host([filled]) input{border:var(--kemet-input-border-filled);color:var(--kemet-input-color-filled);background-color:var(--kemet-input-background-color-filled)}:host([filled]) input::placeholder,:host([filled]) kemet-icon{color:var(--kemet-input-color-filled)}:host([status=error][filled]) input{background-color:var(--kemet-input-background-color-error)}:host([status=success][filled]) input{background-color:var(--kemet-input-background-color-success)}:host([status=warning][filled]) input{background-color:var(--kemet-input-background-color-warning)}kemet-icon{color:rgb(var(--kemet-color-text));position:absolute;top:50%;transform:translateY(-50%)}kemet-icon.left{left:1rem}kemet-icon.right{right:1rem}kemet-icon.eye,kemet-icon.search{cursor:pointer}:host([status=error]) kemet-icon{color:rgb(var(--kemet-color-error))}:host([status=warning]) kemet-icon{color:rgb(var(--kemet-color-error))}:host([status=success]) kemet-icon{color:rgb(var(--kemet-color-success))}`;let bt=class extends se{constructor(){super(),this.name="input",this.type="text",this.value="",this.status="standard",this.validateOnBlur=!1,this.iconSize=20,this.isPasswordVisible=!1,this.focused=!1,this.formSubmitController=new Oe(this)}firstUpdated(){this.input=this.shadowRoot.querySelector("input"),this.field=this.closest("kemet-field"),this.form=this.closest("form"),this.slug=this.field?this.field.slug:"input",this.field&&this.field.addEventListener("kemet-password-status",(e=>this.handleStatus(e)))}render(){return j`<div>${this.makeIconLeft()} <input part="input" id="${this.slug}" name="${this.name}" placeholder="${Pe(this.placeholder)}" minlength="${Pe(this.minlength)}" maxlength="${Pe(this.maxlength)}" min="${Pe(this.min)}" max="${Pe(this.max)}" step="${Pe(this.step)}" autocomplete="${Pe(this.autocomplete)}" aria-autocomplete="${Pe(this.ariaAutoComplete)}" aria-controls="${Pe(this.ariaControls)}" aria-activedescendant="${Pe(this.ariaActiveDescendant)}" pattern="${Pe(this.pattern)}" inputmode="${Pe(this.inputmode)}" aria-invalid="${this.invalid?"true":"false"}" ?autofocus="${this.autofocus}" ?disabled="${this.disabled}" ?readonly="${this.readonly}" ?required="${this.required}" .type="${"password"===this.type&&this.isPasswordVisible?"text":this.type}" .value="${je(this.value)}" @change="${this.handleChange}" @input="${this.handleInput}" @invalid="${this.handleInvalid}" @focus="${this.handleFocus}" @blur="${this.handleBlur}"> ${this.makeIconRight()} ${this.makeIconClear()} ${this.makeVisibilityToggle()}</div>`}makeIconRight(){return this.iconRight?j`<kemet-icon class="right" icon="${this.iconRight}" size="${this.iconSize?this.iconSize:20}"></kemet-icon>`:null}makeIconLeft(){return this.iconLeft?j`<kemet-icon class="left" icon="${this.iconLeft}" size="${this.iconSize?this.iconSize:16}"></kemet-icon>`:null}makeIconClear(){return"search"===this.type&&""!==this.value?j`<kemet-icon class="search right" icon="x-lg" size="${this.iconSize}" @click="${()=>this.handleClear()}"></kemet-icon>`:null}makeVisibilityToggle(){return"password"===this.type?j`<kemet-icon class="eye right" icon="${this.setPasswordIcon()}" @click="${()=>this.togglePasswordVisibility()}"></kemet-icon>`:null}setPasswordIcon(){return this.isPasswordVisible?"eye":"eye-slash"}handleFocus(){this.focused=!0,ge(this,"kemet-input-focused",!0)}handleBlur(){var e,t;this.validateOnBlur&&this.form&&!this.form.noValidate&&(null===(e=this.input)||void 0===e||e.checkValidity(),this.validity=null===(t=this.input)||void 0===t?void 0:t.validity),this.focused=!1,ge(this,"kemet-input-focused",!1)}handleChange(){this.value=this.input.value,this.input.checkValidity()&&this.checkLimitValidity()&&"success"!==this.status&&(this.invalid=!1,this.status="standard",this.validity=this.input.validity,ge(this,"kemet-input-status",{status:"standard",validity:this.input.validity,element:this}))}handleInput(){this.value=this.input.value,ge(this,"kemet-input-input",this.value)}handleInvalid(){var e,t;this.validity=null===(e=this.input)||void 0===e?void 0:e.validity,this.validateOnBlur&&(this.invalid=!0,this.status="error",ge(this,"kemet-input-status",{status:"error",validity:null===(t=this.input)||void 0===t?void 0:t.validity,element:this}))}handleStatus(e){this.status=e.detail.status}togglePasswordVisibility(){this.isPasswordVisible=!this.isPasswordVisible}handleClear(){this.value="",ge(this,"kemet-input-input",this.value)}checkLimitValidity(){if(this.field){const e=this.field.querySelector("kemet-count");if(e)return this.value.length<e.limit}return!0}checkValidity(){var e;return null===(e=this.input)||void 0===e?void 0:e.checkValidity()}focus(){var e;null===(e=this.input)||void 0===e||e.focus()}};bt.styles=[gt],e([ce({type:String})],bt.prototype,"slug",void 0),e([ce({type:String})],bt.prototype,"name",void 0),e([ce({type:String})],bt.prototype,"placeholder",void 0),e([ce({type:Number})],bt.prototype,"minlength",void 0),e([ce({type:Number})],bt.prototype,"maxlength",void 0),e([ce({type:String})],bt.prototype,"min",void 0),e([ce({type:String})],bt.prototype,"max",void 0),e([ce({type:Number})],bt.prototype,"step",void 0),e([ce({type:String})],bt.prototype,"autocomplete",void 0),e([ce({type:String})],bt.prototype,"pattern",void 0),e([ce({type:String})],bt.prototype,"inputmode",void 0),e([ce({type:Boolean})],bt.prototype,"autofocus",void 0),e([ce({type:Boolean,reflect:!0})],bt.prototype,"disabled",void 0),e([ce({type:Boolean})],bt.prototype,"readonly",void 0),e([ce({type:Boolean,reflect:!0})],bt.prototype,"required",void 0),e([ce({type:String})],bt.prototype,"type",void 0),e([ce({type:String,reflect:!0})],bt.prototype,"value",void 0),e([ce({type:Boolean,reflect:!0})],bt.prototype,"invalid",void 0),e([ce({type:String,reflect:!0})],bt.prototype,"status",void 0),e([ce({type:Boolean,attribute:"validate-on-blur"})],bt.prototype,"validateOnBlur",void 0),e([ce({type:String,attribute:"aria-autocomplete"})],bt.prototype,"ariaAutoComplete",void 0),e([ce({type:String,attribute:"aria-controls"})],bt.prototype,"ariaControls",void 0),e([ce({type:String,attribute:"aria-activedescendant"})],bt.prototype,"ariaActiveDescendant",void 0),e([ce({type:Boolean,reflect:!0})],bt.prototype,"rounded",void 0),e([ce({type:Boolean,reflect:!0})],bt.prototype,"filled",void 0),e([ce({type:String,reflect:!0,attribute:"icon-right"})],bt.prototype,"iconRight",void 0),e([ce({type:String,reflect:!0,attribute:"icon-left"})],bt.prototype,"iconLeft",void 0),e([ce({type:Number})],bt.prototype,"iconSize",void 0),e([ce({type:Object})],bt.prototype,"validity",void 0),e([ce({type:Boolean})],bt.prototype,"isPasswordVisible",void 0),e([ce({type:String})],bt.prototype,"inputType",void 0),e([ce({type:Boolean,reflect:!0})],bt.prototype,"focused",void 0),e([he()],bt.prototype,"field",void 0),e([he()],bt.prototype,"form",void 0),e([he()],bt.prototype,"input",void 0),bt=e([ne("kemet-input")],bt);const kt=n`:host{--kemet-input-height:50px;--kemet-input-padding:0.5rem 1rem;--kemet-input-border:1px solid rgb(var(--kemet-color-foreground));--kemet-input-border-radius-rounded:var(--kemet-border-radius-lg);--kemet-input-border-filled:none;--kemet-input-color-filled:rgb(var(--kemet-color-white));--kemet-input-background-color-filled:rgb(var(--kemet-color-primary));--kemet-input-color-filled:rgb(var(--kemet-color-white));--kemet-input-background-color-error:rgb(var(--kemet-color-error));--kemet-input-background-color-success:rgb(var(--kemet-color-success));--kemet-input-background-color-warning:rgb(var(--kemet-color-warning));--kemet-multi-input-chip-color:rgb(var(--kemet-color-background));--kemet-multi-input-chip-background:rgb(var(--kemet-color-foreground));position:relative;display:block}input{color:rgb(var(--kemet-color-text));display:block;font-size:1rem;width:100%;height:var(--kemet-input-height);padding:var(--kemet-input-padding);border:var(--kemet-input-border);appearance:none;box-sizing:border-box;background-color:transparent}:host([disabled]) input{opacity:.5}:host([rounded]) input{border-radius:var(--kemet-input-border-radius-rounded)}:host([filled]) input{border:var(--kemet-input-border-filled);color:var(--kemet-input-color-filled);background-color:var(--kemet-input-background-color-filled)}div{display:flex;gap:1rem;flex-direction:column}ul{display:flex;gap:.5rem;margin:0;padding:0;list-style:none;flex-wrap:wrap}li{display:flex;gap:.5rem;align-items:center;padding:.25rem .5rem;color:var(--kemet-multi-input-chip-color);background-color:var(--kemet-multi-input-chip-background)}:host([rounded]) li{border-radius:var(--kemet-input-border-radius-rounded)}button{color:inherit;cursor:pointer;font-size:1.25rem;padding:0;border:0;background-color:transparent}`;let yt=class extends se{constructor(){super(...arguments),this.rounded=!1,this.name="input",this.value="",this.selections=[]}firstUpdated(){this.field=this.closest("kemet-field"),this.combo=this.field.querySelector("kemet-combo"),this.combo&&this.combo.addEventListener("kemet-combo-selection",(e=>this.addComboItem(e)))}updated(){this.chips&&this.calculatePadding()}render(){return j`<div><input part="input" id="input" name="${this.name}" @input="${this.handleInput}" @focus="${this.handleFocus}" .value="${je(this.value)}"> ${this.makeSelections()}</div>`}addComboItem(e){this.value="";this.selections.find((t=>t.id===e.detail.id))||(this.selections=[...this.selections,e.detail])}handleInput(e){ge(this,"kemet-input-input",e.target.value)}handleFocus(e){ge(this,"kemet-multi-input-focus",e.target.value)}makeSelections(){const e=this.selections.map((e=>j`<li part="chip"><span>${e.text}</span> <button @click="${this.handleRemoveChip}">×</button></li>`));return this.selections?j`<ul part="chips">${e}</ul>`:null}calculatePadding(){this.paddingLeft=this.chips.offsetWidth+16}handleRemoveChip(e){const t=e.target.closest("[part=chip]").querySelector("span").innerText;this.selections=this.selections.filter((e=>e.text!==t))}};yt.styles=[kt],e([ce({type:Boolean})],yt.prototype,"rounded",void 0),e([ce({type:String})],yt.prototype,"name",void 0),e([he()],yt.prototype,"value",void 0),e([he()],yt.prototype,"selections",void 0),e([he()],yt.prototype,"paddingLeft",void 0),e([he()],yt.prototype,"field",void 0),e([he()],yt.prototype,"combo",void 0),e([ue("[part=chips]")],yt.prototype,"chips",void 0),yt=e([ne("kemet-multi-input")],yt);const xt=n`*,::after,::before{box-sizing:border-box}:host{--kemet-modal-radius:var(--kemet-border-radius-xl);--kemet-modal-transition-speed:0.3s;--kemet-modal-dialog-min-width:0;--kemet-modal-dialog-max-width:none;--kemet-modal-dialog-mobile-width:calc(100% - 2rem);--kemet-modal-dialog-mobile-margin:0 auto;--kemet-modal-dialog-mobile-padding:1rem;--kemet-modal-dialog-background-color:rgb(var(--kemet-color-white));--kemet-modal-overlay-background-color:rgb(var(--kemet-color-black) / 20%);position:fixed;display:flex;top:0;left:0;z-index:99;width:100%;height:100vh;visibility:hidden;backface-visibility:hidden}:host([opened]){visibility:visible}dialog{display:block;position:relative;z-index:3;margin:auto;min-width:var(--kemet-modal-dialog-min-width);max-width:var(--kemet-modal-dialog-max-width);border:0;background:var(--kemet-modal-dialog-background-color)}dialog::backdrop{background:0 0}:host([mobile]) dialog{margin:var(--kemet-modal-dialog-mobile-margin);width:var(--kemet-modal-dialog-mobile-width);padding:var(--kemet-modal-dialog-mobile-padding);inset-block-start:auto}:host([rounded]) dialog{border-radius:var(--kemet-modal-radius)}:host([rounded][mobile]) dialog{border-top-left-radius:var(--kemet-modal-radius);border-top-right-radius:var(--kemet-modal-radius);border-bottom-left-radius:0;border-bottom-right-radius:0}.overlay{position:fixed;width:100%;height:100%;visibility:hidden;top:0;left:0;z-index:1;opacity:0;background:var(--kemet-modal-overlay-background-color);transition:all var(--kemet-modal-transition-speed)}:host([opened]) .overlay{opacity:1;visibility:visible}`,wt=n`:host([effect=fadein-scaleup]) dialog{transform:scale(.7);opacity:0;transition:all var(--kemet-modal-transition-speed)}:host([effect=fadein-scaleup][opened]) dialog{transform:scale(1);opacity:1}:host([effect=slide-right]) dialog{transform:translateX(20%);opacity:0;transition:all var(--kemet-modal-transition-speed) cubic-bezier(.25,.5,.5,.9)}:host([effect=slide-right][opened]) dialog{transform:translateX(0);opacity:1}:host([effect=slide-bottom]) dialog{transform:translateY(20%);opacity:0;transition:all var(--kemet-modal-transition-speed)}:host([effect=slide-bottom][opened]) dialog{transform:translateY(0);opacity:1}:host([effect=newspaper]) dialog{transform:scale(0) rotate(720deg);opacity:0;transition:all var(--kemet-modal-transition-speed)}:host([effect=newspaper][opened]) dialog{transform:scale(1) rotate(0);opacity:1}:host([effect=fall]){perspective:1300px}:host([effect=fall]) dialog{transform-style:preserve-3d;transform:translateZ(600px) rotateX(20deg);opacity:0}:host([effect=fall][opened]) dialog{transition:all var(--kemet-modal-transition-speed) ease-in;transform:translateZ(0) rotateX(0);opacity:1}:host([effect=side-fall]){perspective:1300px}:host([effect=side-fall]) dialog{transform-style:preserve-3d;transform:translate(30%) translateZ(600px) rotate(10deg);opacity:0}:host([effect=side-fall][opened]) dialog{transition:all var(--kemet-modal-transition-speed) ease-in;transform:translate(0) translateZ(0) rotate(0);opacity:1}:host([effect=flip-horizontal]){perspective:1300px}:host([effect=flip-horizontal]) dialog{transform-style:preserve-3d;transform:rotateY(-70deg);transition:all var(--kemet-modal-transition-speed);opacity:0}:host([effect=flip-horizontal][opened]) dialog{transform:rotateY(0);opacity:1}:host([effect=flip-vertical]){perspective:1300px}:host([effect=flip-vertical]) dialog{transform-style:preserve-3d;transform:rotateX(-70deg);transition:all var(--kemet-modal-transition-speed);opacity:0}:host([effect=flip-vertical][opened]) dialog{transform:rotateX(0);opacity:1}:host([effect=sign-3d]){perspective:1300px}:host([effect=sign-3d]) dialog{transform-style:preserve-3d;transform:rotateX(-60deg);transform-origin:50% 0;opacity:0;transition:all var(--kemet-modal-transition-speed)}:host([effect=sign-3d][opened]) dialog{transform:rotateX(0);opacity:1}:host([effect=super-scaled]) dialog{transform:scale(2);opacity:0;transition:all var(--kemet-modal-transition-speed)}:host([effect=super-scaled][opened]) dialog{transform:scale(1);opacity:1}:host([effect=slit]){perspective:1300px}:host([effect=slit]) dialog{transform-style:preserve-3d;transform:translateZ(-3000px) rotateY(90deg);opacity:0}:host([effect=slit][opened]) dialog{animation:slit .7s forwards ease-out}@keyframes slit{50%{transform:translateZ(-250px) rotateY(89deg);opacity:1;animation-timing-function:ease-in}100%{transform:translateZ(0) rotateY(0);opacity:1}}:host([effect=rotate-bottom]){perspective:1300px}:host([effect=rotate-bottom]) dialog{transform-style:preserve-3d;transform:translateY(100%) rotateX(90deg);transform-origin:0 100%;opacity:0;transition:all var(--kemet-modal-transition-speed) ease-out}:host([effect=rotate-bottom][opened]) dialog{transform:translateY(0) rotateX(0);opacity:1}:host([effect=rotate-left]){perspective:1300px}:host([effect=rotate-left]) dialog{transform-style:preserve-3d;transform:translateZ(100px) translateX(-30%) rotateY(90deg);transform-origin:0 100%;opacity:0;transition:all var(--kemet-modal-transition-speed)}:host([effect=rotate-left][opened]) dialog{transform:translateZ(0) translateX(0) rotateY(0);opacity:1}`;let $t=class extends se{constructor(){super(),this.opened=!1,this.closeOnClick=!1,this.breakpoint="600px",this.addEventListener("kemet-modal-close-pressed",(()=>{this.handleClose()}))}firstUpdated(){this.focusableSelector="body, a[href], area[href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), button:not([disabled]), iframe, object, embed, *[tabindex], *[contenteditable]",this.focusableElements=this.querySelectorAll(this.focusableSelector),this.addEventListener("keyup",(e=>{"Escape"===e.key&&this.handleClose()})),this.addEventListener("click",(e=>{const t=e.target;this.opened&&this.closeOnClick&&"kemet-modal"===t.tagName.toLowerCase()&&this.handleClose()})),window.addEventListener("resize",(()=>{this.isMobile()})),this.focusableElements.forEach((e=>{e.addEventListener("keydown",(e=>this.handleFocusableDown(e)))}))}updated(e){e.get("opened")||!0!==this.opened||this.handleOpen(),e.get("opened")&&!1===this.opened&&this.handleClose(),this.isMobile()}render(){return j`<dialog part="dialog" @close="${()=>this.handleClose()}"><slot></slot></dialog><div class="overlay" part="overlay"></div>`}isMobile(){const e=window.matchMedia(`(max-width: ${this.breakpoint})`);this.mobile=e.matches}handleOpen(){var e;this.opened=!0,(null===(e=this.dialogElement)||void 0===e?void 0:e.showModal)&&this.dialogElement.showModal(),ge(this,"kemet-modal-opened",this)}handleClose(){var e;this.opened=!1,(null===(e=this.dialogElement)||void 0===e?void 0:e.close)&&this.dialogElement.close(),ge(this,"kemet-modal-closed",this)}handleFocusableDown(e){const t=this.focusableElements[0],o=this.focusableElements[this.focusableElements.length-1];"Tab"===e.key&&(e.shiftKey&&document.activeElement===t?(e.preventDefault(),o.focus()):e.shiftKey||document.activeElement!==o||(e.preventDefault(),t.focus()))}};$t.styles=[xt,wt],e([ce({type:Boolean,reflect:!0})],$t.prototype,"opened",void 0),e([ce({type:String,reflect:!0})],$t.prototype,"effect",void 0),e([ce({type:Boolean,attribute:"close-on-click"})],$t.prototype,"closeOnClick",void 0),e([ce({type:String})],$t.prototype,"breakpoint",void 0),e([ce({type:Boolean,reflect:!0})],$t.prototype,"mobile",void 0),e([ce({type:Boolean,reflect:!0})],$t.prototype,"rounded",void 0),e([ue("dialog")],$t.prototype,"dialogElement",void 0),e([he()],$t.prototype,"focusableSelector",void 0),e([he()],$t.prototype,"focusableElements",void 0),$t=e([ne("kemet-modal")],$t);let St=class extends se{render(){return j`<slot @keyup="${()=>this.close()}" @click="${()=>this.close()}"></slot>`}close(){ge(this,"kemet-modal-close-pressed",this)}};St.styles=[n`:host{position:absolute;top:.5rem;right:.5rem;border-radius:var(--kemet-border-radius-circle);cursor:pointer}`],St=e([ne("kemet-modal-close")],St);let Et=class extends se{render(){return j`<button @click="${()=>this.close()}" @keyup="${e=>this.handleKeyboard(e)}"><slot></slot></button>`}close(){ge(this,"kemet-popper-close-btn",this)}handleKeyboard(e){e.preventDefault(),"Space"!==e.code&&"Enter"!==e.key||this.close()}};Et.styles=[n`button{font:inherit;color:inherit;cursor:pointer;border:0;background:0 0}`],Et=e([ne("kemet-popper-close")],Et);var _t="top",At="bottom",Ot="right",Ct="left",zt="auto",Lt=[_t,At,Ot,Ct],It="start",Bt="end",Dt="viewport",Pt="popper",Tt=Lt.reduce((function(e,t){return e.concat([t+"-"+It,t+"-"+Bt])}),[]),Mt=[].concat(Lt,[zt]).reduce((function(e,t){return e.concat([t,t+"-"+It,t+"-"+Bt])}),[]),Ut=["beforeRead","read","afterRead","beforeMain","main","afterMain","beforeWrite","write","afterWrite"];function Nt(e){return e?(e.nodeName||"").toLowerCase():null}function Xt(e){if(null==e)return window;if("[object Window]"!==e.toString()){var t=e.ownerDocument;return t&&t.defaultView||window}return e}function qt(e){return e instanceof Xt(e).Element||e instanceof Element}function Rt(e){return e instanceof Xt(e).HTMLElement||e instanceof HTMLElement}function jt(e){return"undefined"!=typeof ShadowRoot&&(e instanceof Xt(e).ShadowRoot||e instanceof ShadowRoot)}var Ht={name:"applyStyles",enabled:!0,phase:"write",fn:function(e){var t=e.state;Object.keys(t.elements).forEach((function(e){var o=t.styles[e]||{},i=t.attributes[e]||{},r=t.elements[e];Rt(r)&&Nt(r)&&(Object.assign(r.style,o),Object.keys(i).forEach((function(e){var t=i[e];!1===t?r.removeAttribute(e):r.setAttribute(e,!0===t?"":t)})))}))},effect:function(e){var t=e.state,o={popper:{position:t.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};return Object.assign(t.elements.popper.style,o.popper),t.styles=o,t.elements.arrow&&Object.assign(t.elements.arrow.style,o.arrow),function(){Object.keys(t.elements).forEach((function(e){var i=t.elements[e],r=t.attributes[e]||{},s=Object.keys(t.styles.hasOwnProperty(e)?t.styles[e]:o[e]).reduce((function(e,t){return e[t]="",e}),{});Rt(i)&&Nt(i)&&(Object.assign(i.style,s),Object.keys(r).forEach((function(e){i.removeAttribute(e)})))}))}},requires:["computeStyles"]};function Yt(e){return e.split("-")[0]}var Ft=Math.max,Vt=Math.min,Wt=Math.round;function Kt(){var e=navigator.userAgentData;return null!=e&&e.brands&&Array.isArray(e.brands)?e.brands.map((function(e){return e.brand+"/"+e.version})).join(" "):navigator.userAgent}function Jt(){return!/^((?!chrome|android).)*safari/i.test(Kt())}function Zt(e,t,o){void 0===t&&(t=!1),void 0===o&&(o=!1);var i=e.getBoundingClientRect(),r=1,s=1;t&&Rt(e)&&(r=e.offsetWidth>0&&Wt(i.width)/e.offsetWidth||1,s=e.offsetHeight>0&&Wt(i.height)/e.offsetHeight||1);var a=(qt(e)?Xt(e):window).visualViewport,n=!Jt()&&o,l=(i.left+(n&&a?a.offsetLeft:0))/r,d=(i.top+(n&&a?a.offsetTop:0))/s,c=i.width/r,h=i.height/s;return{width:c,height:h,top:d,right:l+c,bottom:d+h,left:l,x:l,y:d}}function Gt(e){var t=Zt(e),o=e.offsetWidth,i=e.offsetHeight;return Math.abs(t.width-o)<=1&&(o=t.width),Math.abs(t.height-i)<=1&&(i=t.height),{x:e.offsetLeft,y:e.offsetTop,width:o,height:i}}function Qt(e,t){var o=t.getRootNode&&t.getRootNode();if(e.contains(t))return!0;if(o&&jt(o)){var i=t;do{if(i&&e.isSameNode(i))return!0;i=i.parentNode||i.host}while(i)}return!1}function eo(e){return Xt(e).getComputedStyle(e)}function to(e){return["table","td","th"].indexOf(Nt(e))>=0}function oo(e){return((qt(e)?e.ownerDocument:e.document)||window.document).documentElement}function io(e){return"html"===Nt(e)?e:e.assignedSlot||e.parentNode||(jt(e)?e.host:null)||oo(e)}function ro(e){return Rt(e)&&"fixed"!==eo(e).position?e.offsetParent:null}function so(e){for(var t=Xt(e),o=ro(e);o&&to(o)&&"static"===eo(o).position;)o=ro(o);return o&&("html"===Nt(o)||"body"===Nt(o)&&"static"===eo(o).position)?t:o||function(e){var t=/firefox/i.test(Kt());if(/Trident/i.test(Kt())&&Rt(e)&&"fixed"===eo(e).position)return null;var o=io(e);for(jt(o)&&(o=o.host);Rt(o)&&["html","body"].indexOf(Nt(o))<0;){var i=eo(o);if("none"!==i.transform||"none"!==i.perspective||"paint"===i.contain||-1!==["transform","perspective"].indexOf(i.willChange)||t&&"filter"===i.willChange||t&&i.filter&&"none"!==i.filter)return o;o=o.parentNode}return null}(e)||t}function ao(e){return["top","bottom"].indexOf(e)>=0?"x":"y"}function no(e,t,o){return Ft(e,Vt(t,o))}function lo(e){return Object.assign({},{top:0,right:0,bottom:0,left:0},e)}function co(e,t){return t.reduce((function(t,o){return t[o]=e,t}),{})}var ho={name:"arrow",enabled:!0,phase:"main",fn:function(e){var t,o=e.state,i=e.name,r=e.options,s=o.elements.arrow,a=o.modifiersData.popperOffsets,n=Yt(o.placement),l=ao(n),d=[Ct,Ot].indexOf(n)>=0?"height":"width";if(s&&a){var c=function(e,t){return lo("number"!=typeof(e="function"==typeof e?e(Object.assign({},t.rects,{placement:t.placement})):e)?e:co(e,Lt))}(r.padding,o),h=Gt(s),p="y"===l?_t:Ct,u="y"===l?At:Ot,m=o.rects.reference[d]+o.rects.reference[l]-a[l]-o.rects.popper[d],f=a[l]-o.rects.reference[l],v=so(s),g=v?"y"===l?v.clientHeight||0:v.clientWidth||0:0,b=m/2-f/2,k=c[p],y=g-h[d]-c[u],x=g/2-h[d]/2+b,w=no(k,x,y),$=l;o.modifiersData[i]=((t={})[$]=w,t.centerOffset=w-x,t)}},effect:function(e){var t=e.state,o=e.options.element,i=void 0===o?"[data-popper-arrow]":o;null!=i&&("string"!=typeof i||(i=t.elements.popper.querySelector(i)))&&Qt(t.elements.popper,i)&&(t.elements.arrow=i)},requires:["popperOffsets"],requiresIfExists:["preventOverflow"]};function po(e){return e.split("-")[1]}var uo={top:"auto",right:"auto",bottom:"auto",left:"auto"};function mo(e){var t,o=e.popper,i=e.popperRect,r=e.placement,s=e.variation,a=e.offsets,n=e.position,l=e.gpuAcceleration,d=e.adaptive,c=e.roundOffsets,h=e.isFixed,p=a.x,u=void 0===p?0:p,m=a.y,f=void 0===m?0:m,v="function"==typeof c?c({x:u,y:f}):{x:u,y:f};u=v.x,f=v.y;var g=a.hasOwnProperty("x"),b=a.hasOwnProperty("y"),k=Ct,y=_t,x=window;if(d){var w=so(o),$="clientHeight",S="clientWidth";if(w===Xt(o)&&"static"!==eo(w=oo(o)).position&&"absolute"===n&&($="scrollHeight",S="scrollWidth"),r===_t||(r===Ct||r===Ot)&&s===Bt)y=At,f-=(h&&w===x&&x.visualViewport?x.visualViewport.height:w[$])-i.height,f*=l?1:-1;if(r===Ct||(r===_t||r===At)&&s===Bt)k=Ot,u-=(h&&w===x&&x.visualViewport?x.visualViewport.width:w[S])-i.width,u*=l?1:-1}var E,_=Object.assign({position:n},d&&uo),A=!0===c?function(e,t){var o=e.x,i=e.y,r=t.devicePixelRatio||1;return{x:Wt(o*r)/r||0,y:Wt(i*r)/r||0}}({x:u,y:f},Xt(o)):{x:u,y:f};return u=A.x,f=A.y,l?Object.assign({},_,((E={})[y]=b?"0":"",E[k]=g?"0":"",E.transform=(x.devicePixelRatio||1)<=1?"translate("+u+"px, "+f+"px)":"translate3d("+u+"px, "+f+"px, 0)",E)):Object.assign({},_,((t={})[y]=b?f+"px":"",t[k]=g?u+"px":"",t.transform="",t))}var fo={passive:!0};var vo={left:"right",right:"left",bottom:"top",top:"bottom"};function go(e){return e.replace(/left|right|bottom|top/g,(function(e){return vo[e]}))}var bo={start:"end",end:"start"};function ko(e){return e.replace(/start|end/g,(function(e){return bo[e]}))}function yo(e){var t=Xt(e);return{scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}function xo(e){return Zt(oo(e)).left+yo(e).scrollLeft}function wo(e){var t=eo(e),o=t.overflow,i=t.overflowX,r=t.overflowY;return/auto|scroll|overlay|hidden/.test(o+r+i)}function $o(e){return["html","body","#document"].indexOf(Nt(e))>=0?e.ownerDocument.body:Rt(e)&&wo(e)?e:$o(io(e))}function So(e,t){var o;void 0===t&&(t=[]);var i=$o(e),r=i===(null==(o=e.ownerDocument)?void 0:o.body),s=Xt(i),a=r?[s].concat(s.visualViewport||[],wo(i)?i:[]):i,n=t.concat(a);return r?n:n.concat(So(io(a)))}function Eo(e){return Object.assign({},e,{left:e.x,top:e.y,right:e.x+e.width,bottom:e.y+e.height})}function _o(e,t,o){return t===Dt?Eo(function(e,t){var o=Xt(e),i=oo(e),r=o.visualViewport,s=i.clientWidth,a=i.clientHeight,n=0,l=0;if(r){s=r.width,a=r.height;var d=Jt();(d||!d&&"fixed"===t)&&(n=r.offsetLeft,l=r.offsetTop)}return{width:s,height:a,x:n+xo(e),y:l}}(e,o)):qt(t)?function(e,t){var o=Zt(e,!1,"fixed"===t);return o.top=o.top+e.clientTop,o.left=o.left+e.clientLeft,o.bottom=o.top+e.clientHeight,o.right=o.left+e.clientWidth,o.width=e.clientWidth,o.height=e.clientHeight,o.x=o.left,o.y=o.top,o}(t,o):Eo(function(e){var t,o=oo(e),i=yo(e),r=null==(t=e.ownerDocument)?void 0:t.body,s=Ft(o.scrollWidth,o.clientWidth,r?r.scrollWidth:0,r?r.clientWidth:0),a=Ft(o.scrollHeight,o.clientHeight,r?r.scrollHeight:0,r?r.clientHeight:0),n=-i.scrollLeft+xo(e),l=-i.scrollTop;return"rtl"===eo(r||o).direction&&(n+=Ft(o.clientWidth,r?r.clientWidth:0)-s),{width:s,height:a,x:n,y:l}}(oo(e)))}function Ao(e,t,o,i){var r="clippingParents"===t?function(e){var t=So(io(e)),o=["absolute","fixed"].indexOf(eo(e).position)>=0&&Rt(e)?so(e):e;return qt(o)?t.filter((function(e){return qt(e)&&Qt(e,o)&&"body"!==Nt(e)})):[]}(e):[].concat(t),s=[].concat(r,[o]),a=s[0],n=s.reduce((function(t,o){var r=_o(e,o,i);return t.top=Ft(r.top,t.top),t.right=Vt(r.right,t.right),t.bottom=Vt(r.bottom,t.bottom),t.left=Ft(r.left,t.left),t}),_o(e,a,i));return n.width=n.right-n.left,n.height=n.bottom-n.top,n.x=n.left,n.y=n.top,n}function Oo(e){var t,o=e.reference,i=e.element,r=e.placement,s=r?Yt(r):null,a=r?po(r):null,n=o.x+o.width/2-i.width/2,l=o.y+o.height/2-i.height/2;switch(s){case _t:t={x:n,y:o.y-i.height};break;case At:t={x:n,y:o.y+o.height};break;case Ot:t={x:o.x+o.width,y:l};break;case Ct:t={x:o.x-i.width,y:l};break;default:t={x:o.x,y:o.y}}var d=s?ao(s):null;if(null!=d){var c="y"===d?"height":"width";switch(a){case It:t[d]=t[d]-(o[c]/2-i[c]/2);break;case Bt:t[d]=t[d]+(o[c]/2-i[c]/2)}}return t}function Co(e,t){void 0===t&&(t={});var o=t,i=o.placement,r=void 0===i?e.placement:i,s=o.strategy,a=void 0===s?e.strategy:s,n=o.boundary,l=void 0===n?"clippingParents":n,d=o.rootBoundary,c=void 0===d?Dt:d,h=o.elementContext,p=void 0===h?Pt:h,u=o.altBoundary,m=void 0!==u&&u,f=o.padding,v=void 0===f?0:f,g=lo("number"!=typeof v?v:co(v,Lt)),b=p===Pt?"reference":Pt,k=e.rects.popper,y=e.elements[m?b:p],x=Ao(qt(y)?y:y.contextElement||oo(e.elements.popper),l,c,a),w=Zt(e.elements.reference),$=Oo({reference:w,element:k,strategy:"absolute",placement:r}),S=Eo(Object.assign({},k,$)),E=p===Pt?S:w,_={top:x.top-E.top+g.top,bottom:E.bottom-x.bottom+g.bottom,left:x.left-E.left+g.left,right:E.right-x.right+g.right},A=e.modifiersData.offset;if(p===Pt&&A){var O=A[r];Object.keys(_).forEach((function(e){var t=[Ot,At].indexOf(e)>=0?1:-1,o=[_t,At].indexOf(e)>=0?"y":"x";_[e]+=O[o]*t}))}return _}function zo(e,t){void 0===t&&(t={});var o=t,i=o.placement,r=o.boundary,s=o.rootBoundary,a=o.padding,n=o.flipVariations,l=o.allowedAutoPlacements,d=void 0===l?Mt:l,c=po(i),h=c?n?Tt:Tt.filter((function(e){return po(e)===c})):Lt,p=h.filter((function(e){return d.indexOf(e)>=0}));0===p.length&&(p=h);var u=p.reduce((function(t,o){return t[o]=Co(e,{placement:o,boundary:r,rootBoundary:s,padding:a})[Yt(o)],t}),{});return Object.keys(u).sort((function(e,t){return u[e]-u[t]}))}var Lo={name:"flip",enabled:!0,phase:"main",fn:function(e){var t=e.state,o=e.options,i=e.name;if(!t.modifiersData[i]._skip){for(var r=o.mainAxis,s=void 0===r||r,a=o.altAxis,n=void 0===a||a,l=o.fallbackPlacements,d=o.padding,c=o.boundary,h=o.rootBoundary,p=o.altBoundary,u=o.flipVariations,m=void 0===u||u,f=o.allowedAutoPlacements,v=t.options.placement,g=Yt(v),b=l||(g===v||!m?[go(v)]:function(e){if(Yt(e)===zt)return[];var t=go(e);return[ko(e),t,ko(t)]}(v)),k=[v].concat(b).reduce((function(e,o){return e.concat(Yt(o)===zt?zo(t,{placement:o,boundary:c,rootBoundary:h,padding:d,flipVariations:m,allowedAutoPlacements:f}):o)}),[]),y=t.rects.reference,x=t.rects.popper,w=new Map,$=!0,S=k[0],E=0;E<k.length;E++){var _=k[E],A=Yt(_),O=po(_)===It,C=[_t,At].indexOf(A)>=0,z=C?"width":"height",L=Co(t,{placement:_,boundary:c,rootBoundary:h,altBoundary:p,padding:d}),I=C?O?Ot:Ct:O?At:_t;y[z]>x[z]&&(I=go(I));var B=go(I),D=[];if(s&&D.push(L[A]<=0),n&&D.push(L[I]<=0,L[B]<=0),D.every((function(e){return e}))){S=_,$=!1;break}w.set(_,D)}if($)for(var P=function(e){var t=k.find((function(t){var o=w.get(t);if(o)return o.slice(0,e).every((function(e){return e}))}));if(t)return S=t,"break"},T=m?3:1;T>0;T--){if("break"===P(T))break}t.placement!==S&&(t.modifiersData[i]._skip=!0,t.placement=S,t.reset=!0)}},requiresIfExists:["offset"],data:{_skip:!1}};function Io(e,t,o){return void 0===o&&(o={x:0,y:0}),{top:e.top-t.height-o.y,right:e.right-t.width+o.x,bottom:e.bottom-t.height+o.y,left:e.left-t.width-o.x}}function Bo(e){return[_t,Ot,At,Ct].some((function(t){return e[t]>=0}))}var Do={name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:function(e){var t=e.state,o=e.options,i=e.name,r=o.offset,s=void 0===r?[0,0]:r,a=Mt.reduce((function(e,o){return e[o]=function(e,t,o){var i=Yt(e),r=[Ct,_t].indexOf(i)>=0?-1:1,s="function"==typeof o?o(Object.assign({},t,{placement:e})):o,a=s[0],n=s[1];return a=a||0,n=(n||0)*r,[Ct,Ot].indexOf(i)>=0?{x:n,y:a}:{x:a,y:n}}(o,t.rects,s),e}),{}),n=a[t.placement],l=n.x,d=n.y;null!=t.modifiersData.popperOffsets&&(t.modifiersData.popperOffsets.x+=l,t.modifiersData.popperOffsets.y+=d),t.modifiersData[i]=a}};var Po={name:"preventOverflow",enabled:!0,phase:"main",fn:function(e){var t=e.state,o=e.options,i=e.name,r=o.mainAxis,s=void 0===r||r,a=o.altAxis,n=void 0!==a&&a,l=o.boundary,d=o.rootBoundary,c=o.altBoundary,h=o.padding,p=o.tether,u=void 0===p||p,m=o.tetherOffset,f=void 0===m?0:m,v=Co(t,{boundary:l,rootBoundary:d,padding:h,altBoundary:c}),g=Yt(t.placement),b=po(t.placement),k=!b,y=ao(g),x="x"===y?"y":"x",w=t.modifiersData.popperOffsets,$=t.rects.reference,S=t.rects.popper,E="function"==typeof f?f(Object.assign({},t.rects,{placement:t.placement})):f,_="number"==typeof E?{mainAxis:E,altAxis:E}:Object.assign({mainAxis:0,altAxis:0},E),A=t.modifiersData.offset?t.modifiersData.offset[t.placement]:null,O={x:0,y:0};if(w){if(s){var C,z="y"===y?_t:Ct,L="y"===y?At:Ot,I="y"===y?"height":"width",B=w[y],D=B+v[z],P=B-v[L],T=u?-S[I]/2:0,M=b===It?$[I]:S[I],U=b===It?-S[I]:-$[I],N=t.elements.arrow,X=u&&N?Gt(N):{width:0,height:0},q=t.modifiersData["arrow#persistent"]?t.modifiersData["arrow#persistent"].padding:{top:0,right:0,bottom:0,left:0},R=q[z],j=q[L],H=no(0,$[I],X[I]),Y=k?$[I]/2-T-H-R-_.mainAxis:M-H-R-_.mainAxis,F=k?-$[I]/2+T+H+j+_.mainAxis:U+H+j+_.mainAxis,V=t.elements.arrow&&so(t.elements.arrow),W=V?"y"===y?V.clientTop||0:V.clientLeft||0:0,K=null!=(C=null==A?void 0:A[y])?C:0,J=B+F-K,Z=no(u?Vt(D,B+Y-K-W):D,B,u?Ft(P,J):P);w[y]=Z,O[y]=Z-B}if(n){var G,Q="x"===y?_t:Ct,ee="x"===y?At:Ot,te=w[x],oe="y"===x?"height":"width",ie=te+v[Q],re=te-v[ee],se=-1!==[_t,Ct].indexOf(g),ae=null!=(G=null==A?void 0:A[x])?G:0,ne=se?ie:te-$[oe]-S[oe]-ae+_.altAxis,le=se?te+$[oe]+S[oe]-ae-_.altAxis:re,de=u&&se?function(e,t,o){var i=no(e,t,o);return i>o?o:i}(ne,te,le):no(u?ne:ie,te,u?le:re);w[x]=de,O[x]=de-te}t.modifiersData[i]=O}},requiresIfExists:["offset"]};function To(e,t,o){void 0===o&&(o=!1);var i,r,s=Rt(t),a=Rt(t)&&function(e){var t=e.getBoundingClientRect(),o=Wt(t.width)/e.offsetWidth||1,i=Wt(t.height)/e.offsetHeight||1;return 1!==o||1!==i}(t),n=oo(t),l=Zt(e,a,o),d={scrollLeft:0,scrollTop:0},c={x:0,y:0};return(s||!s&&!o)&&(("body"!==Nt(t)||wo(n))&&(d=(i=t)!==Xt(i)&&Rt(i)?{scrollLeft:(r=i).scrollLeft,scrollTop:r.scrollTop}:yo(i)),Rt(t)?((c=Zt(t,!0)).x+=t.clientLeft,c.y+=t.clientTop):n&&(c.x=xo(n))),{x:l.left+d.scrollLeft-c.x,y:l.top+d.scrollTop-c.y,width:l.width,height:l.height}}function Mo(e){var t=new Map,o=new Set,i=[];function r(e){o.add(e.name),[].concat(e.requires||[],e.requiresIfExists||[]).forEach((function(e){if(!o.has(e)){var i=t.get(e);i&&r(i)}})),i.push(e)}return e.forEach((function(e){t.set(e.name,e)})),e.forEach((function(e){o.has(e.name)||r(e)})),i}var Uo={placement:"bottom",modifiers:[],strategy:"absolute"};function No(){for(var e=arguments.length,t=new Array(e),o=0;o<e;o++)t[o]=arguments[o];return!t.some((function(e){return!(e&&"function"==typeof e.getBoundingClientRect)}))}function Xo(e){void 0===e&&(e={});var t=e,o=t.defaultModifiers,i=void 0===o?[]:o,r=t.defaultOptions,s=void 0===r?Uo:r;return function(e,t,o){void 0===o&&(o=s);var r,a,n={placement:"bottom",orderedModifiers:[],options:Object.assign({},Uo,s),modifiersData:{},elements:{reference:e,popper:t},attributes:{},styles:{}},l=[],d=!1,c={state:n,setOptions:function(o){var r="function"==typeof o?o(n.options):o;h(),n.options=Object.assign({},s,n.options,r),n.scrollParents={reference:qt(e)?So(e):e.contextElement?So(e.contextElement):[],popper:So(t)};var a,d,p=function(e){var t=Mo(e);return Ut.reduce((function(e,o){return e.concat(t.filter((function(e){return e.phase===o})))}),[])}((a=[].concat(i,n.options.modifiers),d=a.reduce((function(e,t){var o=e[t.name];return e[t.name]=o?Object.assign({},o,t,{options:Object.assign({},o.options,t.options),data:Object.assign({},o.data,t.data)}):t,e}),{}),Object.keys(d).map((function(e){return d[e]}))));return n.orderedModifiers=p.filter((function(e){return e.enabled})),n.orderedModifiers.forEach((function(e){var t=e.name,o=e.options,i=void 0===o?{}:o,r=e.effect;if("function"==typeof r){var s=r({state:n,name:t,instance:c,options:i}),a=function(){};l.push(s||a)}})),c.update()},forceUpdate:function(){if(!d){var e=n.elements,t=e.reference,o=e.popper;if(No(t,o)){n.rects={reference:To(t,so(o),"fixed"===n.options.strategy),popper:Gt(o)},n.reset=!1,n.placement=n.options.placement,n.orderedModifiers.forEach((function(e){return n.modifiersData[e.name]=Object.assign({},e.data)}));for(var i=0;i<n.orderedModifiers.length;i++)if(!0!==n.reset){var r=n.orderedModifiers[i],s=r.fn,a=r.options,l=void 0===a?{}:a,h=r.name;"function"==typeof s&&(n=s({state:n,options:l,name:h,instance:c})||n)}else n.reset=!1,i=-1}}},update:(r=function(){return new Promise((function(e){c.forceUpdate(),e(n)}))},function(){return a||(a=new Promise((function(e){Promise.resolve().then((function(){a=void 0,e(r())}))}))),a}),destroy:function(){h(),d=!0}};if(!No(e,t))return c;function h(){l.forEach((function(e){return e()})),l=[]}return c.setOptions(o).then((function(e){!d&&o.onFirstUpdate&&o.onFirstUpdate(e)})),c}}var qo=Xo({defaultModifiers:[{name:"eventListeners",enabled:!0,phase:"write",fn:function(){},effect:function(e){var t=e.state,o=e.instance,i=e.options,r=i.scroll,s=void 0===r||r,a=i.resize,n=void 0===a||a,l=Xt(t.elements.popper),d=[].concat(t.scrollParents.reference,t.scrollParents.popper);return s&&d.forEach((function(e){e.addEventListener("scroll",o.update,fo)})),n&&l.addEventListener("resize",o.update,fo),function(){s&&d.forEach((function(e){e.removeEventListener("scroll",o.update,fo)})),n&&l.removeEventListener("resize",o.update,fo)}},data:{}},{name:"popperOffsets",enabled:!0,phase:"read",fn:function(e){var t=e.state,o=e.name;t.modifiersData[o]=Oo({reference:t.rects.reference,element:t.rects.popper,strategy:"absolute",placement:t.placement})},data:{}},{name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:function(e){var t=e.state,o=e.options,i=o.gpuAcceleration,r=void 0===i||i,s=o.adaptive,a=void 0===s||s,n=o.roundOffsets,l=void 0===n||n,d={placement:Yt(t.placement),variation:po(t.placement),popper:t.elements.popper,popperRect:t.rects.popper,gpuAcceleration:r,isFixed:"fixed"===t.options.strategy};null!=t.modifiersData.popperOffsets&&(t.styles.popper=Object.assign({},t.styles.popper,mo(Object.assign({},d,{offsets:t.modifiersData.popperOffsets,position:t.options.strategy,adaptive:a,roundOffsets:l})))),null!=t.modifiersData.arrow&&(t.styles.arrow=Object.assign({},t.styles.arrow,mo(Object.assign({},d,{offsets:t.modifiersData.arrow,position:"absolute",adaptive:!1,roundOffsets:l})))),t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-placement":t.placement})},data:{}},Ht,Do,Lo,Po,ho,{name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:function(e){var t=e.state,o=e.name,i=t.rects.reference,r=t.rects.popper,s=t.modifiersData.preventOverflow,a=Co(t,{elementContext:"reference"}),n=Co(t,{altBoundary:!0}),l=Io(a,i),d=Io(n,r,s),c=Bo(l),h=Bo(d);t.modifiersData[o]={referenceClippingOffsets:l,popperEscapeOffsets:d,isReferenceHidden:c,hasPopperEscaped:h},t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-reference-hidden":c,"data-popper-escaped":h})}}]});const Ro=n`:host{--kemet-popper-width:auto;--kemet-popper-height:auto;--kemet-popper-padding:1rem;--kemet-popper-border-color:rgb(var(--kemet-color-foreground));--kemet-popper-background-color:rgb(var(--kemet-color-background));display:inline-block}#content{visibility:hidden;pointer-events:none;width:var(--kemet-popper-width);height:var(--kemet-popper-height);position:absolute;z-index:-1;opacity:0;transition:all var(--kemet-popover-transition-speed,.3s)}:host([opened]) #content{visibility:visible;z-index:9;opacity:1;pointer-events:auto}::slotted([slot=content]){padding:var(--kemet-popper-padding);border:1px solid var(--kemet-popper-border-color);background-color:var(--kemet-popper-background-color)}`;let jo=class extends se{constructor(){super(),this.placement="top",this.fireOn="hover",this.strategy="fixed",this.skidding=0,this.distance=0,this.addEventListener("kemet-popper-close-btn",(()=>{this.opened=!1}))}firstUpdated(){"click"===this.fireOn&&this.focusableElements.forEach((e=>{e.addEventListener("keydown",(e=>this.handleFocusableDown(e)))}))}updated(e){this.refresh(),e.get("opened")||!0!==this.opened||ge(this,"kemet-popper-opened",this),e.get("opened")&&!1===this.opened&&ge(this,"kemet-popper-closed",this)}render(){return j`<div id="trigger" part="trigger" tabIndex="0" @click="${"click"===this.fireOn?e=>this.toggle(e):null}" @keyup="${"click"===this.fireOn?e=>this.handleKeyUp(e):null}" @mouseover="${"click"!==this.fireOn?()=>{this.opened=!0}:null}" @focus="${"click"!==this.fireOn?()=>{this.opened=!0}:null}" @mouseout="${"click"!==this.fireOn?()=>{this.opened=!1}:null}" @blur="${"click"!==this.fireOn?()=>{this.opened=!1}:null}"><slot name="trigger"></slot></div><div id="content" @mouseover="${"click"!==this.fireOn?()=>{this.opened=!0}:null}" @mouseout="${"click"!==this.fireOn?()=>{this.opened=!1}:null}"><slot name="content" @slotchange="${()=>this.makePopper()}"></slot></div>`}refresh(){var e;null===(e=this.popperInstance)||void 0===e||e.setOptions({placement:this.placement,strategy:this.strategy,modifiers:[{name:"offset",options:{offset:[this.skidding,this.distance]}}]})}makePopper(){this.popperInstance=qo(this.triggerElement,this.contentElement,{placement:this.placement,strategy:this.strategy,modifiers:[{name:"offset",options:{offset:[this.skidding,this.distance]}}]})}toggle(e){const t=e.target,o="trigger"===t.getAttribute("slot"),i="trigger"===t.getAttribute("part");(o||i)&&(this.opened=!this.opened)}handleKeyUp(e){e.preventDefault(),"Escape"===e.key&&(this.opened=!1),"Enter"!==e.key&&"Space"!==e.code||this.toggle(e)}handleFocusableDown(e){const t=this.focusableElements[0],o=this.focusableElements[this.focusableElements.length-1];"Tab"===e.key&&(e.shiftKey&&document.activeElement===t?(e.preventDefault(),o.focus()):e.shiftKey||document.activeElement!==o||(e.preventDefault(),t.focus()))}};jo.styles=[Ro],e([ce({type:String,reflect:!0})],jo.prototype,"placement",void 0),e([ce({type:Boolean,reflect:!0})],jo.prototype,"opened",void 0),e([ce({type:String,attribute:"fire-on"})],jo.prototype,"fireOn",void 0),e([ce({type:String})],jo.prototype,"strategy",void 0),e([ce({type:Number})],jo.prototype,"skidding",void 0),e([ce({type:Number})],jo.prototype,"distance",void 0),e([he()],jo.prototype,"popperInstance",void 0),e([ue("#trigger")],jo.prototype,"triggerElement",void 0),e([ue("#content")],jo.prototype,"contentElement",void 0),e([function(e){return(t,o)=>pe(t,o,{get(){return(this.renderRoot??(me??=document.createDocumentFragment())).querySelectorAll(e)}})}("body, a[href], area[href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), button:not([disabled]), iframe, object, embed, *[tabindex], *[contenteditable], kemet-popper-close")],jo.prototype,"focusableElements",void 0),jo=e([ne("kemet-popper")],jo);var Ho=jo;const Yo=n`:host{color:inherit;display:none}:host([show]){display:block}p{margin:1.6rem 0}.status{display:grid;align-items:center;grid-template-columns:1fr auto;line-height:1;margin-top:.8rem}.status>span{text-transform:capitalize}.status--better,.status--weak{color:rgb(var(--kemet-color-error))}.status--strong{color:rgb(var(--kemet-color-success))}.indicator{display:flex;gap:.4rem;margin:0;list-style:none}.indicator li{width:1.6rem;height:.2rem}.status--weak .indicator li:nth-child(1){background-color:rgb(var(--kemet-color-error))}.status--better .indicator li:nth-child(1),.status--better .indicator li:nth-child(2){background-color:rgb(var(--kemet-color-error))}.status--strong .indicator li{background-color:rgb(var(--kemet-color-success))}.rules{color:rgb(var(--kemet-color-foreground));line-height:1.5;list-style:none;font-size:90%;padding-left:2rem}.rules li{position:relative}.rules kemet-icon{color:rgb(var(--kemet-color-success));position:absolute;left:-2rem}`;let Fo=class extends se{constructor(){super(...arguments),this.rules=[{pattern:"(?=.{8,}$)",message:"At least 8 characters long"},{pattern:"(?=.*[a-z])(?=.*[A-Z])",message:"Uppercase and lowercase"},{pattern:"(?=.*[0-9])",message:"At least one number (0-9)"}],this.message="Please make sure you meet all the requirements.",this.icon="check2",this.iconSize=16}firstUpdated(){this.field=this.closest("kemet-field"),this.input=this.field.querySelector('[slot="input"]'),this.input.addEventListener("kemet-input-input",this.handleInput.bind(this))}render(){return j`<div role="alert" aria-live="assertive"><div class="status status--${this.strength}" part="status"><span>${this.strength}</span><ul class="indicator" part="indicator"><li></li><li></li><li></li></ul></div><p class="message" part="message">${this.message}</p><ul class="rules" part="rules">${this.makeRules()}</ul></div>`}makeRules(){return this.input?this.rules.map(((e,t)=>{const o=new RegExp(e.pattern).test(this.input.value);return this.rules[t].meetsCriteria=o,j`<li>${this.makeCheckIcon(o)} ${e.message}</li>`})):null}makeCheckIcon(e){return e?j`<kemet-icon icon="${this.icon}" size="${this.iconSize}"></kemet-icon>`:null}handleInput(e){this.value=e.detail,this.setStrength(),this.visibility()}setStrength(){setTimeout((()=>{const e=this.rules.length,t=this.rules.filter((e=>e.meetsCriteria)).length,o=Math.round(t/e*100)/100;o<=.33&&(this.strength="weak",this.status="error"),o>.33&&o<=.67&&(this.strength="better",this.status="error"),o>.67&&(this.strength="strong",this.status="success"),ge(this,"kemet-password-status",{status:this.status,validity:{meetsPasswordCriteria:"success"===this.status},element:this})}),1)}visibility(){this.show=this.value.length>0}};Fo.styles=[Yo],e([ce({type:Array})],Fo.prototype,"rules",void 0),e([ce({type:Boolean,reflect:!0})],Fo.prototype,"show",void 0),e([ce({type:String})],Fo.prototype,"value",void 0),e([ce({type:String})],Fo.prototype,"message",void 0),e([ce({type:String})],Fo.prototype,"strength",void 0),e([ce({type:String})],Fo.prototype,"icon",void 0),e([ce({type:Number})],Fo.prototype,"iconSize",void 0),e([he()],Fo.prototype,"status",void 0),e([he()],Fo.prototype,"field",void 0),e([he()],Fo.prototype,"input",void 0),Fo=e([ne("kemet-password")],Fo);
-/**
-   * @license
-   * Copyright 2017 Google LLC
-   * SPDX-License-Identifier: BSD-3-Clause
-   */
-class Vo extends qe{constructor(e){if(super(e),this.it=Y,e.type!==Me)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(e){if(e===Y||null==e)return this._t=void 0,this.it=e;if(e===H)return e;if("string"!=typeof e)throw Error(this.constructor.directiveName+"() called with a non-string value");if(e===this.it)return this._t;this.it=e;const t=[e];return t.raw=t,this._t={_$litType$:this.constructor.resultType,strings:t,values:[]}}}Vo.directiveName="unsafeHTML",Vo.resultType=1;const Wo=Xe(Vo),Ko=n`:host{--kemet-rotator-transition-speed:500ms;display:flex}.rotator__slide{pointer-events:none}.rotator__slide--active{pointer-events:auto}:host([effect=fade]) .rotator{display:inline-flex;flex-wrap:nowrap;flex-direction:row}:host([effect=fade]) .rotator__slide{width:100%;flex:none;opacity:0;box-sizing:border-box;transition:all var(--kemet-rotator-transition-speed) ease}:host([effect=fade]) .rotator__slide:not(:first-child){margin-left:-100%}:host([effect=fade]) .rotator__slide--active{opacity:1}:host([effect=flip]) .rotator{display:flex;position:relative;perspective:500}:host([effect=flip]) .rotator__slide{display:block;width:auto;position:absolute;top:-20px;left:0;opacity:0;transform:rotateX(90deg);transform-origin:0 0;transition:all var(--kemet-rotator-transition-speed) ease}:host([effect=flip]) .rotator__slide--active{top:0;opacity:1;transform:rotateX(0)}:host([effect=flip]) .rotator__slide--prev{top:40px;transform:rotateX(-90deg)}`;let Jo=class extends se{constructor(){super(...arguments),this.activeSlide=0,this.width="auto",this.height="auto",this.messages=[],this.effect="fade",this.rotationSpeed=3}firstUpdated(){this.prevSlide=null,window.addEventListener("resize",this.setDimensions.bind(this))}updated(e){const t=!!e.get("width"),o=!!e.get("height");this.setDimensions(),t||o||setTimeout((()=>{this.rotationSpeed>0&&this.nextSlide()}),1e3*this.rotationSpeed)}render(){const e="flip"===this.effect?`width:${this.width};`:"",t="flip"===this.effect?`height:${this.height};`:"";return j`<span class="rotator" style="${e}${t}">${this.makeMessages()}</span>`}makeMessages(){return this.messages.map(((e,t)=>{const o=this.activeSlide===t?"rotator__slide--active":"",i=this.prevSlide===t?"rotator__slide--prev":"";return j`<span class="rotator__slide ${o} ${i}">${Wo(e)}</span>`}))}setDimensions(){if("flip"===this.effect){this.width=`${this.offsetWidth}px`;const e=this.shadowRoot.querySelectorAll(".rotator__slide");let t=0;e.forEach((e=>{e.offsetHeight>t&&(t=e.offsetHeight)})),this.height=`${t}px`}}nextSlide(){this.activeSlide<this.messages.length-1?(this.activeSlide+=1,this.prevSlide=this.activeSlide-1):(this.activeSlide=0,this.prevSlide=this.messages.length-1)}};Jo.styles=[Ko],e([ce({type:Number})],Jo.prototype,"activeSlide",void 0),e([ce({type:String})],Jo.prototype,"width",void 0),e([ce({type:String})],Jo.prototype,"height",void 0),e([ce({type:Array})],Jo.prototype,"messages",void 0),e([ce({type:String,reflect:!0})],Jo.prototype,"effect",void 0),e([ce({type:Number,attribute:"rotation-speed"})],Jo.prototype,"rotationSpeed",void 0),e([he()],Jo.prototype,"prevSlide",void 0),Jo=e([ne("kemet-rotator")],Jo);const Zo=n`*,::after,::before{box-sizing:border-box}:host{--kemet-radio-size:18px;--kemet-radio-border:1px solid rgb(var(--kemet-color-foreground));--kemet-radio-dot-color:rgb(var(--kemet-color-primary));--kemet-radio-dot-border:1px solid rgb(var(--kemet-color-primary));--kemet-radio-dot-border-width:3px;--kemet-radio-dot-ring-color:rgb(var(--kemet-color-white));--kemet-radio-dot-color-filled:rgb(var(--kemet-color-white));--kemet-radio-dot-border-width:4px;--kemet-radio-dot-border-color:rgb(var(--kemet-color-primary));display:inline-block}:host([disabled]){opacity:.5}label{cursor:pointer;display:inline-flex;gap:.5rem;align-items:center;margin-right:.5rem}input{cursor:pointer;margin:0;padding:0;width:var(--kemet-radio-size);height:var(--kemet-radio-size);position:absolute;opacity:0}button{display:inline-flex;align-items:center;justify-content:center;width:var(--kemet-radio-size);height:var(--kemet-radio-size);padding:0;border-radius:var(--kemet-border-radius-circle);background:0 0;border:var(--kemet-radio-border)}[part=dot]{display:inline-flex;border-radius:var(--kemet-border-radius-circle);width:var(--kemet-radio-size);height:var(--kemet-radio-size);background:var(--kemet-radio-dot-color);border:var(--kemet-radio-dot-border);box-shadow:inset 0 0 0 var(--kemet-radio-dot-border-width) var(--kemet-radio-dot-ring-color)}:host([filled]) [part=dot]{background:var(--kemet-radio-dot-color-filled);box-shadow:inset 0 0 0 var(--kemet-radio-dot-border-width) var(--kemet-radio-dot-border-color)}`,Go=n`*,::after,::before{box-sizing:border-box}:host{display:block}fieldset{border:0;margin:0;padding:0;display:flex;gap:.5rem}legend{margin-bottom:1rem}:host([axis=vertical]) fieldset{flex-direction:column}[part=message]{display:block;margin-top:.5rem}:host([status=error]) [part=message]{color:rgb(var(--kemet-color-error))}:host([status=warning]) [part=message]{color:rgb(var(--kemet-color-error))}`;let Qo=class extends se{constructor(){super(...arguments),this.label="",this.disabled=!1}firstUpdated(){const e=this.closest("kemet-radios");this.name=e.name||"radio-button",this.input=this.shadowRoot.querySelector("input"),this.setAttribute("role","radio"),this.checked?this.setAttribute("aria-checked","true"):this.setAttribute("aria-checked","false")}render(){return j`<label part="label"><input type="radio" name="${Pe(this.name)}" .value="${this.value}" .checked="${je(this.checked)}" .disabled="${this.disabled}" @blur="${()=>this.handleBlur()}" @focus="${()=>this.handleFocus()}"> <button part="button" aria-label="${this.label}">${this.makeDot()}</button> <span part="text">${this.label}</span></label>`}click(){this.input.click()}blur(){this.input.blur()}focus(){this.input.focus()}handleBlur(){this.focused=!1,ge(this,"kemet-radio-focused",!1)}handleFocus(){this.focused=!0,ge(this,"kemet-radio-focused",!0)}makeDot(){return this.checked?j`<span part="dot"></span>`:null}};Qo.styles=[Zo],e([ce({type:String})],Qo.prototype,"label",void 0),e([ce({type:Boolean,reflect:!0})],Qo.prototype,"checked",void 0),e([ce({type:String})],Qo.prototype,"name",void 0),e([ce({type:String})],Qo.prototype,"value",void 0),e([ce({type:Boolean,reflect:!0})],Qo.prototype,"disabled",void 0),e([ce({type:Boolean,reflect:!0})],Qo.prototype,"focused",void 0),e([ce({type:Boolean,reflect:!0})],Qo.prototype,"filled",void 0),e([he()],Qo.prototype,"input",void 0),Qo=e([ne("kemet-radio")],Qo);let ei=class extends se{constructor(){super(),this.legend="",this.axis="horizontal",this.name="radios",this.status="standard",this.formSubmitController=new Oe(this)}firstUpdated(){this.radios=this.querySelectorAll("kemet-radio"),this.setAttribute("role","radiogroup")}render(){return j`<fieldset part="fieldset">${""!==this.legend?j`<legend part="legend">${this.legend}</legend>`:null}<slot @click="${e=>this.handleClick(e)}" @keydown="${e=>this.handleKeyDown(e)}" @slotchange="${()=>this.handleSlotChange()}"></slot></fieldset>${this.makeMessage()}`}handleClick(e){const t=e.target;this.radios.forEach((e=>{e.checked=!1,e.tabIndex=e===t?0:-1,e.setAttribute("aria-checked","false")})),t.disabled||(t.checked=!0,t.setAttribute("aria-checked","true"),this.value=t.value,this.status="standard",ge(this,"kemet-radios-change",t))}handleKeyDown(e){var t;const o=Array.from(this.radios),i=["ArrowRight","ArrowDown"].includes(e.key)?1:-1,r=null!==(t=o.findIndex((e=>e.checked)))&&void 0!==t?t:o[0];let s;s="number"==typeof r?r+i:i,["ArrowUp","ArrowRight","ArrowDown","ArrowLeft"].includes(e.key)&&(s<0&&(s=o.length-1),s>o.length-1&&(s=0),this.radios.forEach((e=>{e.checked=!1,e.tabIndex=-1})),this.radios[s].focus(),this.radios[s].checked=!0,this.radios[s].tabIndex=0)}handleSlotChange(){const e=Array.from(this.radios).find((e=>e.checked));this.radios.forEach((e=>{e.tabIndex=-1,e.input.tabIndex=-1})),e&&(e.tabIndex=0)}makeMessage(){return"error"===this.status||"warning"===this.status?j`<span part="message">${this.message}</span>`:null}checkValidity(){return!this.required||!!this.value}};ei.styles=[Go],e([ce({type:String})],ei.prototype,"legend",void 0),e([ce({type:String,reflect:!0})],ei.prototype,"axis",void 0),e([ce({type:String})],ei.prototype,"value",void 0),e([ce({type:String})],ei.prototype,"name",void 0),e([ce({type:String,reflect:!0})],ei.prototype,"status",void 0),e([ce({type:String})],ei.prototype,"message",void 0),e([ce({type:Boolean})],ei.prototype,"required",void 0),e([he()],ei.prototype,"radios",void 0),ei=e([ne("kemet-radios")],ei);let ti=class extends se{constructor(){super(...arguments),this.element=window,this.target=document.querySelector("body"),this.xOffset=0,this.yOffset=0}firstUpdated(){this.isSmoothSupported="scrollBehavior"in document.documentElement.style}render(){return j`<div tabindex="0" @click="${()=>this.handleScroll()}" @keyup="${e=>this.handleKeyup(e)}"><slot></slot></div>`}handleKeyup(e){"Enter"!==e.key&&"Space"!==e.code||this.handleScroll()}handleScroll(){const e=this.target.offsetTop+this.yOffset,t=this.target.offsetLeft+this.xOffset;this.isSmoothSupported?this.element.scrollTo({top:e,left:t,behavior:"smooth"}):this.element.scrollTo(t,e)}};ti.styles=[n`:host{cursor:pointer;display:inline-block}`],e([ce({type:Object})],ti.prototype,"element",void 0),e([ce({type:Object})],ti.prototype,"target",void 0),e([ce({type:Number,attribute:"x-offset",reflect:!0})],ti.prototype,"xOffset",void 0),e([ce({type:Number,attribute:"y-offset",reflect:!0})],ti.prototype,"yOffset",void 0),e([he()],ti.prototype,"isSmoothSupported",void 0),ti=e([ne("kemet-scroll-link")],ti);const oi=n`:host{--kemet-scroll-nav-padding:1rem 2rem;--kemet-scroll-nav-background:rgb(var(--kemet-color-gray-50));--kemet-scroll-nav-transition:300ms;--kemet-scroll-nav-resize-height:400px;--kemet-scroll-nav-resize-height-transformed:100px;display:block;box-sizing:border-box;padding:var(--kemet-scroll-nav-padding);background-color:var(--kemet-scroll-nav-background);transition:all var(--kemet-scroll-nav-transition,300ms) ease}:host([effect=resize]),:host([transform]){position:fixed;top:0;left:0;width:100%}:host([effect=resize]){height:var(--kemet-scroll-nav-resize-height)}:host([transform][effect=resize]){height:var(--kemet-scroll-nav-resize-height-transformed)}`;let ii=class extends se{constructor(){super(...arguments),this.effect="sticky",this.transform=!1,this.offset=0}render(){return j`<slot></slot>`}firstUpdated(){const e=this.offsetTop,t=this.offsetHeight;window.addEventListener("scroll",(()=>{this.handleScroll(e,t)}))}handleScroll(e,t){const o="sticky"===this.effect?e+this.offset:t+this.offset;this.transform=window.pageYOffset>=o}};ii.styles=[oi],e([ce({type:String,reflect:!0})],ii.prototype,"effect",void 0),e([ce({type:Boolean,reflect:!0})],ii.prototype,"transform",void 0),e([ce({type:Number})],ii.prototype,"offset",void 0),ii=e([ne("kemet-scroll-nav")],ii);const ri=n`*,::after,::before{box-sizing:border-box}:host{--kemet-scroll-snap-horizontal-max-width:1024px;--kemet-scroll-snap-vertical-height:100vh;--kemet-scroll-snap-slides-vertical-padding:0 2rem;display:flex;flex-direction:column;width:100%}:host([axis=horizontal]){margin:auto;max-width:var(--kemet-scroll-snap-horizontal-max-width)}:host([pagination=left]),:host([pagination=right]){flex-direction:row}:host([pagination=none]) ::slotted([slot=pagination]){display:none}:host([pagination=left]) ::slotted([slot=pagination]),:host([pagination=top]) ::slotted([slot=pagination]){order:-1}::slotted([slot=slides]){display:flex;gap:var(--kemet-scroll-snap-gap,1.5rem);scroll-snap-type:x mandatory;overflow-x:scroll}:host([axis=vertical]){height:var(--kemet-scroll-snap-vertical-height)}:host([axis=vertical]) ::slotted([slot=slides]){flex-direction:column;overflow-x:hidden;scroll-snap-type:y mandatory;padding:var(--kemet-scroll-snap-slides-vertical-padding)}`,si=n`:host{--kemet-scroll-snap-paginator-padding:1rem 0;--kemet-scroll-snap-paginator-gap:0.5rem;--kemet-scroll-snap-paginator-link-color:rgb(var(--kemet-color-primary));margin:auto;padding:var(--kemet-scroll-snap-paginator-padding)}nav{display:flex;gap:var(--kemet-scroll-snap-paginator-gap)}:host([center]) nav{justify-content:center}.link{cursor:pointer;color:var(--kemet-scroll-snap-paginator-link-color)}`;let ai=class extends se{constructor(){super(...arguments),this.slides=[],this.icon="circle-fill",this.size=16,this.hideFocusedLinks=!1,this.useNumberPages=!1,this.useLabelPages=!1}updated(){const e=this.closest("kemet-scroll-snap");e&&e.addEventListener("kemet-scroll-snap-make-slides",(e=>{this.slides=e.detail}))}render(){return j`<nav part="nav">${this.makePagination()}</nav>`}makePagination(){let e=0;return this.slides?this.slides.map((t=>(e=e+=1,t.focused?j`<span part="span">${this.pageDisplay(t,e)}</span>`:j`<span class="link" tabindex="0" role="button" @keyup="${e=>this.handleKeyboardInput(e,t.id)}" @click="${()=>this.slideLink(t.id)}" aria-label="${t.label}">${this.pageDisplay(t,e)}</span>`))):null}pageDisplay(e,t){return this.useNumberPages?t:this.useLabelPages?e.label:j`<kemet-icon icon="${this.icon}" size="${this.size}"></kemet-icon>`}slideLink(e){ge(this,"kemet-scroll-snap-focus",e)}handleKeyboardInput(e,t){"Enter"!==e.code&&"Space"!==e.code||this.slideLink(t)}};ai.styles=[si],e([ce({type:Array})],ai.prototype,"slides",void 0),e([ce({type:String})],ai.prototype,"icon",void 0),e([ce({type:Number})],ai.prototype,"size",void 0),e([ce({type:Boolean,reflect:!0})],ai.prototype,"center",void 0),e([ce({type:Boolean,attribute:"hide-focused-links"})],ai.prototype,"hideFocusedLinks",void 0),e([ce({type:Boolean,reflect:!0,attribute:"use-number-pages"})],ai.prototype,"useNumberPages",void 0),e([ce({type:Boolean,reflect:!0,attribute:"use-label-pages"})],ai.prototype,"useLabelPages",void 0),ai=e([ne("kemet-scroll-snap-paginator")],ai);let ni=class extends se{updated(){this.addTabIndex()}render(){return j`<slot></slot>`}addTabIndex(){this.setAttribute("tabindex","0")}};ni.styles=[n`:host{display:block;flex:0 0 auto;width:var(--kemet-scroll-snap-slide-width,100%);scroll-snap-align:var(--kemet-scroll-snap-slide-align,center)}`],e([ce({type:Boolean,reflect:!0})],ni.prototype,"focused",void 0),e([ce({type:Number,reflect:!0})],ni.prototype,"index",void 0),e([ce({type:String,reflect:!0})],ni.prototype,"label",void 0),ni=e([ne("kemet-scroll-snap-slide")],ni);let li=class extends se{constructor(){super(),this.axis="horizontal",this.pagination="bottom",this.addEventListener("kemet-scroll-snap-focus",(e=>{this.focusSlide(e.detail)}))}firstUpdated(){this.isTouchDevice="ontouchstart"in document.documentElement,this.slides=[],this.setFocusedSlides()}updated(){this.setVerticalAttribute()}render(){return j`<slot name="slides"></slot><slot name="pagination"></slot>`}setFocusedSlides(){const e=this.querySelectorAll("kemet-scroll-snap-slide"),t=this.querySelector('[slot="slides"]'),o=new IntersectionObserver((e=>{e.forEach((e=>{e.target.focused=e.intersectionRatio>=.5})),this.makeSlides()}),{root:t,rootMargin:"0px",threshold:.5});e.forEach((e=>{o.observe(e)}))}makeSlides(){const e=[];this.querySelectorAll("kemet-scroll-snap-slide").forEach(((t,o)=>{const i=t;i.index=o,e.push({id:o,focused:i.focused,label:i.label})})),this.slides=e,ge(this,"kemet-scroll-snap-make-slides",this.slides)}focusSlide(e){this.querySelector(`kemet-scroll-snap-slide[index="${e}"]`).scrollIntoView({behavior:"smooth",block:"nearest"})}setVerticalAttribute(){"vertical"===this.axis&&document.querySelector("html").setAttribute("kemet-scroll-snap-axis","vertical")}};li.styles=[ri],e([ce({type:String,reflect:!0})],li.prototype,"axis",void 0),e([ce({type:String,reflect:!0})],li.prototype,"pagination",void 0),e([he()],li.prototype,"isTouchDevice",void 0),e([he()],li.prototype,"slides",void 0),li=e([ne("kemet-scroll-snap")],li);let di=class extends se{constructor(){super(...arguments),this.value=""}render(){return j`<slot></slot>`}};e([ce({type:String})],di.prototype,"label",void 0),e([ce({type:String})],di.prototype,"value",void 0),e([ce({type:Boolean})],di.prototype,"disabled",void 0),e([ce({type:Boolean})],di.prototype,"selected",void 0),di=e([ne("kemet-option")],di);const ci=n`:host{--kemet-select-padding:1rem;--kemet-select-border:1px solid rgb(var(--kemet-color-foreground));--kemet-select-border-color-error:1px solid rgb(var(--kemet-color-error));--kemet-select-border-color-success:1px solid rgb(var(--kemet-color-success));--kemet-select-border-color-warning:1px solid rgb(var(--kemet-color-warning));--kemet-select-border-radius-rounded:var(--kemet-border-radius-md);--kemet-select-border-filled:none;--kemet-select-color-filled:rgb(var(--kemet-color-white));--kemet-select-background-color-filled:rgb(var(--kemet-color-primary));--kemet-select-color-filled:rgb(var(--kemet-color-white));--kemet-select-background-color-error:rgb(var(--kemet-color-error));--kemet-select-background-color-success:rgb(var(--kemet-color-success));--kemet-select-background-color-success:rgb(var(--kemet-color-success));--kemet-select-background-color-warning:rgb(var(--kemet-color-warning));--kemet-select-icon-right:1rem;position:relative;display:block}select{color:rgb(var(--kemet-color-text));display:block;font-size:1rem;width:100%;padding:var(--kemet-select-padding);border:var(--kemet-select-border);appearance:none;box-sizing:border-box;background-color:transparent}option{color:rgb(var(--kemet-color-black))}:host([status=error]) select{border:var(--kemet-select-border-color-error)}:host([status=success]) select{border:var(--kemet-select-border-color-success)}:host([status=warning]) select{border:var(--kemet-select-border-color-warning)}:host([disabled]) select{opacity:.5}:host([rounded]) select{border-radius:var(--kemet-select-border-radius-rounded)}:host([filled]) select{border:var(--kemet-select-border-filled);color:var(--kemet-select-color-filled);background-color:var(--kemet-select-background-color-filled)}:host([filled]) kemet-icon{color:var(--kemet-select-color-filled)}:host([status=error][filled]) select{background-color:var(--kemet-select-background-color-error)}:host([status=success][filled]) select{background-color:var(--kemet-select-background-color-success)}:host([status=warning][filled]) select{background-color:var(--kemet-select-background-color-warning)}kemet-icon{position:absolute;right:var(--kemet-select-icon-right);top:50%;transform:translateY(-50%)}`;let hi=class extends se{constructor(){super(),this.name="select",this.icon="chevron-down",this.iconSize=16,this.formSubmitController=new Oe(this),this.control=this.closest("kemet-field")}firstUpdated(){this.select=this.shadowRoot.querySelector("select"),this.selectedOption=this.querySelector("[selected]"),this.value=this.selectedOption?this.selectedOption.value:""}render(){return j`<select part="select" id="${this.slug}" name="${this.name}" ?required="${this.required}" ?disabled="${this.disabled}" ?multiple="${this.multiple}" @change="${this.handleChange}" @focus="${this.handleFocus}" @blur="${this.handleBlur}" @invalid="${this.handleInvalid}">${this.makeOptions()}</select> ${this.makeIcon()}<slot @slotchange="${()=>this.makeOptions()}"></slot>`}makeOptions(){return this.options=[],this.optionElements=this.querySelectorAll("kemet-option"),this.optionElements.forEach((e=>{this.options=this.options.concat({label:e.label,value:e.value,disabled:e.disabled,selected:e.selected})})),this.options.map((e=>j`<option value="${e.value}" ?disabled="${e.disabled}" ?selected="${e.selected}">${e.label}</option>`))}makeIcon(){return this.icon||""!==this.icon?j`<kemet-icon icon="${this.icon}" size="${this.iconSize}"></kemet-icon>`:null}handleFocus(){this.hasFocus=!0,ge(this,"kemet-input-focused",!0)}handleBlur(){this.hasFocus=!1,ge(this,"kemet-input-focused",!1),this.select.checkValidity(),this.select.checkValidity()||(this.invalid=!0,this.status="error",this.control.status="error",ge(this,"kemet-input-status",{status:"error",validity:this.select.validity,element:this}))}handleChange(){this.value=this.select.value,ge(this,"kemet-input-change",this.value),this.select.checkValidity()&&(this.invalid=!1,this.status="standard",ge(this,"kemet-input-status",{status:"standard",validity:this.select.validity,element:this}))}handleInvalid(){this.invalid=!0,this.status="error",ge(this,"kemet-input-status",{status:"error",validity:this.select.validity,element:this})}checkValidity(){return this.select.checkValidity()}};hi.styles=[ci],e([ce({type:String})],hi.prototype,"slug",void 0),e([ce({type:String})],hi.prototype,"name",void 0),e([ce({type:String})],hi.prototype,"value",void 0),e([ce({type:Array})],hi.prototype,"options",void 0),e([ce({type:String,reflect:!0})],hi.prototype,"status",void 0),e([ce({type:Boolean,reflect:!0})],hi.prototype,"required",void 0),e([ce({type:Boolean,reflect:!0})],hi.prototype,"disabled",void 0),e([ce({type:Boolean})],hi.prototype,"multiple",void 0),e([ce({type:String})],hi.prototype,"icon",void 0),e([ce({type:Number,attribute:"icon-size"})],hi.prototype,"iconSize",void 0),e([ce({type:Boolean,reflect:!0})],hi.prototype,"filled",void 0),e([ce({type:Boolean,reflect:!0})],hi.prototype,"rounded",void 0),e([he()],hi.prototype,"invalid",void 0),e([he()],hi.prototype,"control",void 0),e([he()],hi.prototype,"select",void 0),e([he()],hi.prototype,"selectedOption",void 0),e([he()],hi.prototype,"optionElements",void 0),e([he()],hi.prototype,"hasFocus",void 0),hi=e([ne("kemet-select")],hi);const pi=n`:host{display:flex;gap:1rem;flex-direction:column}`,ui=n`:host{cursor:grab;display:block;padding:1rem;border:1px solid rgb(var(--kemet-color-foreground))}:host([ghost]){opacity:.5;border-style:dashed}`;let mi=class extends se{firstUpdated(){this.draggable=!0}render(){return j`<slot></slot>`}};mi.styles=[ui],e([ce({type:Boolean,reflect:!0})],mi.prototype,"ghost",void 0),mi=e([ne("kemet-sortable-item")],mi);"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self&&self;var fi={exports:{}};(function(e){function t(){var e={dragEvents:"ondragstart"in document.documentElement,draggable:"draggable"in document.documentElement,touchEvents:"ontouchstart"in document.documentElement,userAgentSupportingNativeDnD:void 0},t=!!window.chrome||/chrome/i.test(navigator.userAgent);return e.userAgentSupportingNativeDnD=!(/iPad|iPhone|iPod|Android/.test(navigator.userAgent)||t&&e.touchEvents),e}function o(){var e=!1;try{var t=Object.defineProperty({},"passive",{get:function(){e=!0}});window.addEventListener("test",null,t)}catch(e){}return e}function i(e){if(e&&Object.keys(e).forEach((function(t){_[t]=e[t]})),!_.forceApply){var i=t();if(i.userAgentSupportingNativeDnD&&i.draggable&&i.dragEvents)return!1}return S=o(),_.holdToDrag?n("touchstart",w,!1):n("touchstart",r,!1),!0}function r(e){if(!E){var t=s(e);if(t)try{E=new D(e,_,t,a)}catch(t){throw a(_,e,3),t}}}function s(e){var t=e.target;do{if(!1!==t.draggable&&t.getAttribute&&"true"===t.getAttribute("draggable"))return t}while((t=t.parentNode)&&t!==document.body)}function a(e,t,o){if(0===o&&e.defaultActionOverride)try{e.defaultActionOverride(t),t.defaultPrevented}catch(e){}E=null}function n(e,t,o){void 0===o&&(o=!0),document.addEventListener(e,t,!!S&&{passive:o})}function l(e,t){document.removeEventListener(e,t)}function d(e){return 0===e.length?0:e.reduce((function(e,t){return t+e}),0)/e.length}function c(e){return e&&e.tagName}function h(e,t){for(var o=0;o<e.changedTouches.length;o++)if(e.changedTouches[o].identifier===t)return!0;return!1}function p(e,t,o,i,r,s,a){void 0===a&&(a=null);var n=t.changedTouches[0],l=new Event(o,{bubbles:!0,cancelable:i});l.dataTransfer=s,l.relatedTarget=a,l.screenX=n.screenX,l.screenY=n.screenY,l.clientX=n.clientX,l.clientY=n.clientY,l.pageX=n.pageX,l.pageY=n.pageY;var d=e.getBoundingClientRect();return l.offsetX=l.clientX-d.left,l.offsetY=l.clientY-d.top,l}function u(e,t,o){for(var i=[],r=[],s=0;s<t.touches.length;s++){var a=t.touches[s];i.push(a[e+"X"]),r.push(a[e+"Y"])}o.x=d(i),o.y=d(r)}function m(e,t){if(1===e.nodeType){for(var o=getComputedStyle(e),i=0;i<o.length;i++){var r=o[i];t.style.setProperty(r,o.getPropertyValue(r),o.getPropertyPriority(r))}t.style.pointerEvents="none",t.removeAttribute("id"),t.removeAttribute("class"),t.removeAttribute("draggable")}if(e.hasChildNodes())for(i=0;i<e.childNodes.length;i++)m(e.childNodes[i],t.childNodes[i])}function f(e){var t=e.cloneNode(!0);return m(e,t),t.style.position="absolute",t.style.left="0px",t.style.top="0px",t.style.zIndex="999999",t.classList.add(L),t.classList.add(B),t}function v(e){return C.map((function(t){var o=e.style[t+"transform"];return o&&"none"!==o?o.replace(/translate\(\D*\d+[^,]*,\D*\d+[^,]*\)\s*/g,""):""}))}function g(e,t,o,i,r){void 0===r&&(r=!0);var s=t.x,a=t.y;i&&(s+=i.x,a+=i.y),r&&(s-=parseInt(e.offsetWidth,10)/2,a-=parseInt(e.offsetHeight,10)/2);for(var n="translate3d("+s+"px,"+a+"px, 0)",l=0;l<C.length;l++){var d=C[l]+"transform";e.style[d]=n+" "+o[l]}}function b(e,t,o,i){var r=getComputedStyle(e);if("hidden"!==r.visibility&&"none"!==r.display){t.classList.add(I);var s=getComputedStyle(t),a=parseFloat(s.transitionDuration);if(isNaN(a)||0===a)i();else{var n=e.getBoundingClientRect(),l={x:n.left,y:n.top};l.x+=document.body.scrollLeft||document.documentElement.scrollLeft,l.y+=document.body.scrollTop||document.documentElement.scrollTop,l.x-=parseInt(r.marginLeft,10),l.y-=parseInt(r.marginTop,10);var d=parseFloat(s.transitionDelay),c=Math.round(1e3*(a+d));g(t,l,o,void 0,!1),setTimeout(i,c)}}else i()}function k(e,t){return e?e===A[0]?O[0]:0===e.indexOf(A[1])||e===A[7]?O[1]:0===e.indexOf(A[4])?O[3]:e===A[6]?O[2]:O[1]:3===t.nodeType&&"A"===t.tagName?O[3]:O[1]}function y(e,t,o,i,r,s,a){void 0===s&&(s=!0),void 0===a&&(a=null);var n=p(t,o,e,s,document.defaultView,r,a),l=!t.dispatchEvent(n);return i.g=0,l}function x(e,t){if(!e||e===A[7])return t;if(t===O[1]){if(0===e.indexOf(O[1]))return O[1]}else if(t===O[3]){if(0===e.indexOf(O[3])||e.indexOf("Link")>-1)return O[3]}else if(t===O[2]&&(0===e.indexOf(O[2])||e.indexOf("Move")>-1))return O[2];return O[0]}function w(e){var t=e.target,o=function(){s.off(),a.off(),n.off(),clearTimeout(i)},i=setTimeout((function(){s.off(),a.off(),n.off(),r(e)}),_.holdToDrag),s=$(t,"touchend",o,this),a=$(t,"touchcancel",o,this),n=$(window,"scroll",o,this)}function $(e,t,o,i){return i&&(o=o.bind(i)),e.addEventListener(t,o),{off:function(){return e.removeEventListener(t,o)}}}var S,E,_={iterationInterval:150},A=["none","copy","copyLink","copyMove","link","linkMove","move","all"],O=["none","copy","move","link"],C=["","-webkit-"],z="dnd-poly-",L=z+"drag-image",I=z+"snapback",B=z+"icon",D=function(){function e(e,t,o,i){this.h=e,this.i=t,this.j=o,this.k=i,this.l=0,this.m=null,this.o=null,this.p=e,this.q=e.changedTouches[0],this.s=this.t.bind(this),this.u=this.v.bind(this),n("touchmove",this.s,!1),n("touchend",this.u,!1),n("touchcancel",this.u,!1)}return e.prototype.A=function(){var e=this;this.l=1,this.B=O[0],this.C={D:{},F:void 0,g:3,G:[]},this.H={x:null,y:null},this.I={x:null,y:null};var t=this.j;if(this.J=new P(this.C,(function(o,i,r){t=o,"number"!=typeof i&&"number"!=typeof r||(e.K={x:i||0,y:r||0})})),this.C.g=2,this.J.dropEffect=O[0],y("dragstart",this.j,this.p,this.C,this.J))return this.l=3,this.L(),!1;if(u("page",this.p,this.I),this.M=f(t),this.N=v(this.M),!this.K)if(this.i.dragImageOffset)this.K={x:this.i.dragImageOffset.x,y:this.i.dragImageOffset.y};else if(this.i.dragImageCenterOnTouch){var o=getComputedStyle(t);this.K={x:0-parseInt(o.marginLeft,10),y:0-parseInt(o.marginTop,10)}}else{var i=t.getBoundingClientRect();o=getComputedStyle(t),this.K={x:i.left-this.q.clientX-parseInt(o.marginLeft,10)+i.width/2,y:i.top-this.q.clientY-parseInt(o.marginTop,10)+i.height/2}}return g(this.M,this.I,this.N,this.K,this.i.dragImageCenterOnTouch),document.body.appendChild(this.M),this.O=setInterval((function(){e.P||(e.P=!0,e.R(),e.P=!1)}),this.i.iterationInterval),!0},e.prototype.L=function(){this.O&&(clearInterval(this.O),this.O=null),l("touchmove",this.s),l("touchend",this.u),l("touchcancel",this.u),this.M&&(this.M.parentNode.removeChild(this.M),this.M=null),this.k(this.i,this.p,this.l)},e.prototype.t=function(e){var t=this;if(!1!==h(e,this.q.identifier)){if(this.p=e,0===this.l){var o=void 0;if(this.i.dragStartConditionOverride)try{o=this.i.dragStartConditionOverride(e)}catch(e){o=!1}else o=1===e.touches.length;return o?void(!0===this.A()&&(this.h.preventDefault(),e.preventDefault())):void this.L()}if(e.preventDefault(),u("client",e,this.H),u("page",e,this.I),this.i.dragImageTranslateOverride)try{var i=!1;if(this.i.dragImageTranslateOverride(e,{x:this.H.x,y:this.H.y},this.m,(function(e,o){t.M&&(i=!0,t.H.x+=e,t.H.y+=o,t.I.x+=e,t.I.y+=o,g(t.M,t.I,t.N,t.K,t.i.dragImageCenterOnTouch))})),i)return}catch(e){}g(this.M,this.I,this.N,this.K,this.i.dragImageCenterOnTouch)}},e.prototype.v=function(e){if(!1!==h(e,this.q.identifier)){if(this.i.dragImageTranslateOverride)try{this.i.dragImageTranslateOverride(void 0,void 0,void 0,(function(){}))}catch(e){}if(0===this.l)return void this.L();e.preventDefault(),this.l="touchcancel"===e.type?3:2}},e.prototype.R=function(){var e=this,t=this.B;this.C.g=3,this.J.dropEffect=O[0];var o=y("drag",this.j,this.p,this.C,this.J);if(o&&(this.B=O[0]),o||2===this.l||3===this.l)return this.S(this.l)?void b(this.j,this.M,this.N,(function(){e.T()})):void this.T();var i=document.elementFromPoint(this.H.x,this.H.y),r=this.o;i!==this.m&&i!==this.o&&(this.m=i,null!==this.o&&(this.C.g=3,this.J.dropEffect=O[0],y("dragexit",this.o,this.p,this.C,this.J,!1)),null===this.m?this.o=this.m:(this.C.g=3,this.J.dropEffect=k(this.C.F,this.j),y("dragenter",this.m,this.p,this.C,this.J)?(this.o=this.m,this.B=x(this.J.effectAllowed,this.J.dropEffect)):this.m!==document.body&&(this.o=document.body))),r!==this.o&&c(r)&&(this.C.g=3,this.J.dropEffect=O[0],y("dragleave",r,this.p,this.C,this.J,!1,this.o)),c(this.o)&&(this.C.g=3,this.J.dropEffect=k(this.C.F,this.j),!1===y("dragover",this.o,this.p,this.C,this.J)?this.B=O[0]:this.B=x(this.J.effectAllowed,this.J.dropEffect)),t!==this.B&&this.M.classList.remove(z+t);var s=z+this.B;!1===this.M.classList.contains(s)&&this.M.classList.add(s)},e.prototype.S=function(e){var t=this.B===O[0]||null===this.o||3===e;return t?c(this.o)&&(this.C.g=3,this.J.dropEffect=O[0],y("dragleave",this.o,this.p,this.C,this.J,!1)):c(this.o)&&(this.C.g=1,this.J.dropEffect=this.B,!0===y("drop",this.o,this.p,this.C,this.J)?this.B=this.J.dropEffect:this.B=O[0]),t},e.prototype.T=function(){this.C.g=3,this.J.dropEffect=this.B,y("dragend",this.j,this.p,this.C,this.J,!1),this.l=2,this.L()},e}(),P=function(){function e(e,t){this.U=e,this.V=t,this.W=O[0]}return Object.defineProperty(e.prototype,"types",{get:function(){if(0!==this.U.g)return Object.freeze(this.U.G)},enumerable:!0,configurable:!0}),e.prototype.setData=function(e,t){if(2===this.U.g){if(e.indexOf(" ")>-1)throw new Error("illegal arg: type contains space");this.U.D[e]=t,-1===this.U.G.indexOf(e)&&this.U.G.push(e)}},e.prototype.getData=function(e){if(1===this.U.g||2===this.U.g)return this.U.D[e]||""},e.prototype.clearData=function(e){if(2===this.U.g){if(e&&this.U.D[e]){delete this.U.D[e];var t=this.U.G.indexOf(e);return void(t>-1&&this.U.G.splice(t,1))}this.U.D={},this.U.G=[]}},e.prototype.setDragImage=function(e,t,o){2===this.U.g&&this.V(e,t,o)},Object.defineProperty(e.prototype,"effectAllowed",{get:function(){return this.U.F},set:function(e){2===this.U.g&&A.indexOf(e)>-1&&(this.U.F=e)},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"dropEffect",{get:function(){return this.W},set:function(e){0!==this.U.g&&A.indexOf(e)>-1&&(this.W=e)},enumerable:!0,configurable:!0}),e}();e.polyfill=i,Object.defineProperty(e,"__esModule",{value:!0})})(fi.exports);var vi=fi.exports;let gi=class extends se{firstUpdated(){vi.polyfill(),this.addEventListener("dragstart",(e=>this.handleDragStart(e)),!1),this.addEventListener("dragenter",(e=>{e.preventDefault()}))}render(){return j`<slot></slot>`}handleDragStart(e){this.sortableItem=e.target,this.addEventListener("dragover",(e=>this.handleDragOver(e)),!1),this.addEventListener("dragend",(e=>this.handleDragEnd(e)),!1),setTimeout((()=>{this.sortableItem.ghost=!0}),0)}handleDragOver(e){e.preventDefault();const t=e.target;if(t&&"KEMET-SORTABLE-ITEM"===t.tagName){const o=(e=>{const t=e.target.getBoundingClientRect();return{x:e.pageX-t.left,y:e.pageY-t.top}})(e),i=(e=>{const t=e.getBoundingClientRect();return(t.bottom-t.top)/2})(t);o.y>i?this.insertBefore(this.sortableItem,t.nextSibling):this.insertBefore(this.sortableItem,t)}}handleDragEnd(e){e.preventDefault(),this.sortableItem.ghost=!1,ge(this,"kemet-sortable-drag-end",{event:e,current:this.sortableItem,all:this.querySelectorAll("kemet-sortable-item")})}};gi.styles=[pi],e([he()],gi.prototype,"sortableItem",void 0),gi=e([ne("kemet-sortable")],gi);let bi=class extends se{constructor(){super(...arguments),this.svg="svgs",this.ratio="none",this.viewBox="0 0 128 128"}updated(){this.setSize(),this.getIcon()}render(){return j`<svg part="svg" viewBox="${this.viewBox}" preserveAspectRatio="${this.ratio}" fill="currentColor"></svg>`}setSize(){this.size&&(this.style.width=`${this.size}px`,this.style.height=`${this.size}px`)}getIcon(){let e;const t=document.kemetSVGs[this.set];t.forEach(((o,i)=>{const r=o.getAttribute("id");r&&r===this.svg&&(e=t[i])})),e?this.fillSVG(e):console.error(`Could not find svg "${this.svg}" in set "${this.set}".`)}fillSVG(e){const t=e.cloneNode(!0),o=this.shadowRoot.querySelector("svg"),i=o.querySelector("g");i&&i.remove(),o.appendChild(t)}};bi.styles=[n`:host{display:inline-block}svg{width:100%;height:100%}`],e([ce({type:String})],bi.prototype,"set",void 0),e([ce({type:String})],bi.prototype,"svg",void 0),e([ce({type:Number})],bi.prototype,"size",void 0),e([ce({type:String})],bi.prototype,"ratio",void 0),e([ce({type:String})],bi.prototype,"viewBox",void 0),bi=e([ne("kemet-svg")],bi);let ki=class extends se{constructor(){super(...arguments),this.set="svgs"}firstUpdated(){this.slotElement=this.shadowRoot.querySelector("slot"),document.kemetSVGs=document.kemetSVGs||{},this.populateIcons(),this.slotElement.addEventListener("slotchange",(()=>this.populateIcons()))}render(){return j`<slot></slot>`}populateIcons(){const e=this.slotElement.assignedElements()[0],t=e?e.querySelectorAll("defs > g"):null;t&&(document.kemetSVGs[this.set]=t)}};ki.styles=[n`:host{display:none}`],e([ce({type:String})],ki.prototype,"set",void 0),e([he()],ki.prototype,"slotElement",void 0),ki=e([ne("kemet-svgs")],ki);const yi=n`:host{--kemet-tabs-ink-size:6px;--kemet-tabs-ink-radius:6px;--kemet-tabs-divider-size:1px;--kemet-tabs-spacer:1rem;--kemet-tabs-transition-speed:0.5s;--kemet-tabs-divider-color:rgb(var(--kemet-color-gray-300));--kemet-tabs-ink-color:rgb(var(--kemet-color-foreground));display:flex;flex-direction:column;overflow:hidden;position:relative}:host([placement=bottom]){flex-direction:column-reverse}:host([placement=left]){flex-direction:row}:host([placement=right]){flex-direction:row-reverse}:host([placement=left]),:host([placement=right]){overflow:unset}[part=panels]>div{display:flex}:host([panel-effect=slide]) [part=panels]{transition:transform var(--kemet-tabs-transition-speed) linear}:host([panel-effect=fade]) [part=panels]{transform:none!important}:host([panel-effect=fade]) [part=panels]>div{flex-flow:row nowrap}:host([placement=left]) [part=panels],:host([placement=right]) [part=panels]{transform:none!important;position:relative;width:100%}:host([placement=top]) [part=panels]>div{margin-top:var(--kemet-tabs-spacer)}:host([placement=right]) [part=panels]>div{margin-right:var(--kemet-tabs-spacer)}:host([placement=bottom]) [part=panels]>div{margin-bottom:var(--kemet-tabs-spacer)}:host([placement=left]) [part=panels]>div{margin-left:var(--kemet-tabs-spacer)}[part=tablist]{display:flex}:host([placement=left]) [part=tablist],:host([placement=right]) [part=tablist]{display:flex;flex-direction:column;align-items:start}:host([tabs-align=center]) [part=tablist]{justify-content:center}:host([tabs-align=between]) [part=tablist]{justify-content:space-between}:host([tabs-align=evenly]) [part=tablist]{justify-content:space-evenly}:host([tabs-align=around]) [part=tablist]{justify-content:space-around}:host([tabs-align=start]) [part=tablist]{justify-content:flex-start}:host([tabs-align=end]) [part=tablist]{justify-content:flex-end}:host([overflow]) [part=tablist]{justify-content:start}[part=divider]{height:var(--kemet-tabs-divider-size);background-color:var(--kemet-tabs-divider-color)}:host([placement=left]) [part=divider],:host([placement=right]) [part=divider]{width:var(--kemet-tabs-divider-size);height:auto}[part=ink]{height:var(--kemet-tabs-ink-size);border-top-left-radius:var(--kemet-tabs-ink-radius);border-top-right-radius:var(--kemet-tabs-ink-radius);transition:all .3s ease;background-color:var(--kemet-tabs-ink-color)}:host([placement=right]) [part=ink]{width:var(--kemet-tabs-ink-size);border-top-right-radius:var(--kemet-tabs-ink-radius);border-bottom-right-radius:var(--kemet-tabs-ink-radius);border-top-left-radius:0;border-bottom-left-radius:0}:host([placement=left]) [part=ink]{width:var(--kemet-tabs-ink-size);border-top-right-radius:0;border-bottom-right-radius:0;border-top-left-radius:var(--kemet-tabs-ink-radius);border-bottom-left-radius:var(--kemet-tabs-ink-radius)}:host([placement=bottom]) [part=ink]{border-top-right-radius:0;border-bottom-right-radius:var(--kemet-tabs-ink-radius);border-top-left-radius:0;border-bottom-left-radius:var(--kemet-tabs-ink-radius)}:host([overflow]) [part=links]{overflow-x:auto;margin:0 2rem;scroll-behavior:smooth}:host([overflow]) [part=links]::-webkit-scrollbar{display:none;width:0;background:0 0}:host([placement=bottom]) [part=links]{display:flex;flex-direction:column-reverse}[icon*=chevron]{cursor:pointer;position:absolute;top:1rem}[icon=chevron-left]{left:0}[icon=chevron-right]{right:0}:host([placement=bottom]) [icon*=chevron]{top:auto;bottom:1rem}`,xi=n`:host{--kemet-tab-color:rgb(var(--kemet-color-foreground));cursor:pointer;display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;white-space:nowrap;padding:var(--kemet-tab-padding,1rem)}:host([selected]){cursor:auto;color:var(--kemet-tab-color)}kemet-icon{cursor:pointer;margin-left:.5rem}`,wi=n`:host{--kemet-tab-panel-fade-speed:0.5s;width:100%;flex:0 0 auto}::slotted(img){max-width:100%}:host(.fade){opacity:0;pointer-events:none;transition:opacity var(--kemet-tab-panel-fade-speed) ease}:host(.fade[selected]){opacity:1;pointer-events:auto}:host(.fade.push){margin-left:-100%}:host(.vertical){display:none}:host(.vertical[selected]){display:block}:host(.stacked){position:absolute;z-index:-1;opacity:0;visibility:hidden}:host(.stacked[selected]){position:relative;z-index:1;opacity:1;visibility:visible}`;let $i=class extends se{constructor(){super(...arguments),this.selected=!1}updated(){this.a11y()}render(){return j`<slot></slot>`}a11y(){this.setAttribute("role","tabpanel"),this.selected?this.setAttribute("tabindex","0"):this.setAttribute("tabindex","-1")}};$i.styles=[wi],e([ce({type:Boolean,reflect:!0})],$i.prototype,"selected",void 0),e([ce({type:String})],$i.prototype,"panel",void 0),e([ce({type:Number})],$i.prototype,"index",void 0),$i=e([ne("kemet-tab-panel")],$i);let Si=class extends se{constructor(){super(...arguments),this.selected=!1}firstUpdated(){this.addEventListener("click",this.select.bind(this))}updated(){this.a11y()}render(){return j`<slot></slot>${this.makeCloseable()}`}select(){ge(this,"kemet-tab-selected",this)}a11y(){this.setAttribute("role","tab"),this.selected?(this.setAttribute("aria-selected","true"),this.setAttribute("tabindex","0")):(this.setAttribute("aria-selected","false"),this.setAttribute("tabindex","-1"))}makeCloseable(){return this.closable?j`<kemet-icon icon="x-lg" @click="${()=>this.handleClosable()}"></kemet-icon>`:null}handleClosable(){ge(this,"kemet-tab-close",this)}};Si.styles=[xi],e([ce({type:Number})],Si.prototype,"index",void 0),e([ce({type:Boolean,reflect:!0})],Si.prototype,"selected",void 0),e([ce({type:String})],Si.prototype,"link",void 0),e([ce({type:Boolean})],Si.prototype,"closable",void 0),Si=e([ne("kemet-tab")],Si);let Ei=class extends se{constructor(){super(),this.selectedIndex=0,this.panelPosition=0,this.panelEffect="none",this.placement="top",this.tabsAlign="center",this.hideInk=!1,this.addEventListener("kemet-tab-selected",this.tabSelectedChange.bind(this)),this.addEventListener("kemet-tab-close",this.handleTabClose.bind(this)),window.addEventListener("resize",this.handleResize.bind(this))}firstUpdated(){this.tabs=[],this.panels=[],this.xDown=null,this.yDown=null,this.links=this.shadowRoot.getElementById("links")}render(){return j`${this.makeLeftArrow()} ${this.makeRightArrow()}<div id="links" part="links"><div part="tablist" role="tablist"><slot name="tab" @slotchange="${()=>this.handleLinksSlotChange()}"></slot></div>${this.makeInk("links")}</div>${this.makeInk("host")} ${this.makeDivider()}<section id="panels" part="panels" style="transform:translateX(${this.panelPosition}px)"><div><slot name="panel" @slotchange="${()=>this.handlePanelsSlotChange()}"></slot></div></section>`}updated(e){this.determineFade(),this.determineStacked(),e.get("selected")&&e.get("selected")!==this.selected&&(this.selectTab(),this.selectPanel()),"number"==typeof e.get("selectedIndex")&&e.get("selectedIndex")!==this.selected&&(this.selectTab(),this.selectPanel())}handleLinksSlotChange(){const e=this.querySelectorAll("kemet-tab");let t=0;e.forEach((e=>{e.index=t,t+=1,this.tabs=this.tabs.concat(e),e.addEventListener("keydown",(e=>this.handleTabKeydown(e)))})),this.tabs.length>0&&(this.tabs[0].selected=!0),setTimeout((()=>{this.selectTab()}),1),this.determineOverflow()}handlePanelsSlotChange(){const e=this.querySelectorAll("kemet-tab-panel"),t=this.shadowRoot.getElementById("panels");let o=0;e.forEach((e=>{e.index=o,o+=1,this.panels=this.panels.concat(e)})),this.panels.length>0&&(this.panels[0].selected=!0),this.swipe&&(t.addEventListener("touchstart",(e=>this.handleTouchStart(e)),!1),t.addEventListener("touchmove",(e=>this.handleTouchMove(e)),!1)),this.selectPanel()}handleLeftArrow(){const e=this.tabs.find((e=>e.selected))||this.tabs[0],t=e.previousElementSibling,o=this.tabs.findIndex((e=>e.selected));this.selected?this.selected=t?t.link:e.link:this.selectedIndex=o>0?o-1:0,t&&(this.links.scrollLeft=t.offsetLeft-20),this.selectTab(),this.selectPanel()}handleRightArrow(){const e=this.tabs.find((e=>e.selected))||this.tabs[this.tabs.length-1],t=e.nextElementSibling,o=this.tabs.findIndex((e=>e.selected));this.selected?this.selected=t?t.link:e.link:this.selectedIndex=o<this.tabs.length-1?o+1:this.tabs.length-1,t&&(this.links.scrollLeft=t.offsetLeft-20),this.selectTab(),this.selectPanel()}handleTabClose(e){const t=e.detail,o=this.panels[t.index];this.selected=this.tabs[0].link,this.selectedIndex=0,o.remove(),t.remove()}makeInk(e){return this.hideInk?null:"top"!==this.placement&&"bottom"!==this.placement||!this.ink||"links"!==e?"left"!==this.placement&&"right"!==this.placement||!this.ink||"host"!==e?null:j`<div part="ink" style="height:${this.ink.height};transform:translateY(${this.ink.positionY})"></div>`:j`<div part="ink" style="width:${this.ink.width};transform:translateX(${this.ink.positionX})"></div>`}makeDivider(){return this.divider?j`<div part="divider"></div>`:null}makeLeftArrow(){return this.overflow?j`<kemet-icon icon="chevron-left" size="20" @click="${()=>this.handleLeftArrow()}"></kemet-icon>`:null}makeRightArrow(){return this.overflow?j`<kemet-icon icon="chevron-right" size="20" @click="${()=>this.handleRightArrow()}"></kemet-icon>`:null}selectTab(){const e=this.links?parseInt(window.getComputedStyle(this.links).marginLeft.replace("px",""),10):0,t=this.overflow?e:0;this.selected?this.tabs.forEach((e=>{const o=e.getAttribute("link");o===this.selected?(e.selected=!0,this.selected=o,this.ink={width:`${e.offsetWidth}px`,height:`${e.offsetHeight}px`,positionX:e.offsetLeft-t+"px",positionY:`${e.offsetTop}px`},this.links.scrollLeft=e.offsetLeft-t):e.selected=!1})):this.tabs.forEach((e=>{this.selectedIndex===e.index?(e.selected=!0,this.ink={width:`${e.offsetWidth}px`,height:`${e.offsetHeight}px`,positionX:e.offsetLeft-t+"px",positionY:`${e.offsetTop}px`},this.links.scrollLeft=e.offsetLeft-t):e.selected=!1}))}selectPanel(){this.selected?this.panels.forEach((e=>{const t=e.getAttribute("panel");"fade"===this.panelEffect&&0!==e.index&&e.classList.add("push"),"left"!==this.placement&&"right"!==this.placement||e.classList.add("vertical"),t===this.selected?(e.selected=!0,this.animatePanel(t,null)):e.selected=!1})):this.panels.forEach((e=>{"fade"===this.panelEffect&&0!==e.index&&e.classList.add("push"),"left"!==this.placement&&"right"!==this.placement||e.classList.add("vertical"),this.selectedIndex===e.index?(e.selected=!0,this.animatePanel(null,e.index)):e.selected=!1}))}dispatchTabChange(){const e={currentTabName:this.selected,currentTabIndex:this.selectedIndex};ge(this,"kemet-tab-changed",e)}tabSelectedChange(e){this.selected?this.selected=e.detail.getAttribute("link"):this.selectedIndex=e.detail.index,this.selectTab(),this.selectPanel(),this.dispatchTabChange()}determineFade(){this.panels.forEach((e=>{"fade"===this.panelEffect&&e.classList.add("fade")}))}determineStacked(){this.panels.forEach((e=>{"stacked"===this.panelEffect&&e.classList.add("stacked")}))}determineOverflow(){const e=this.offsetWidth,t=this.querySelectorAll("kemet-tab");let o=0;t.forEach((e=>{o+=e.offsetWidth})),this.overflow=o>e&&("top"===this.placement||"bottom"===this.placement)}handleResize(){if(this.tabs&&this.panels){const e=this.links?parseInt(window.getComputedStyle(this.links).marginLeft.replace("px",""),10):0,t=this.overflow?e:0,o=this.tabs.find((e=>e.selected));o&&(this.ink={width:`${o.offsetWidth}px`,height:`${o.offsetHeight}px`,positionX:o.offsetLeft-t+"px",positionY:`${o.offsetTop}px`}),this.determineOverflow(),this.selected?this.animatePanel(this.selected,null):this.animatePanel(null,this.selectedIndex)}}animatePanel(e,t){if(e){const t=this.querySelector(`[panel="${e}"]`);t&&(this.panelPosition=-1*t.offsetLeft)}else this.panels[t]&&(this.panelPosition=-1*this.panels[t].offsetLeft)}handleTabKeydown(e){if(this.selected){switch(e.key){case"Home":this.selected=this.tabs[0].getAttribute("link");break;case"End":this.selected=this.tabs[this.tabs.length-1].getAttribute("link");break;case"ArrowRight":const e=this.querySelector("kemet-tab[selected]").nextElementSibling,t=!!e&&e.getAttribute("link");t&&(this.selected=t);break;case"ArrowLeft":const o=this.querySelector("kemet-tab[selected]").previousElementSibling,i=!!o&&o.getAttribute("link");i&&(this.selected=i)}this.tabs.find((e=>e.link===this.selected)).focus()}else{switch(e.key){case"Home":this.selectedIndex=0;break;case"End":this.selectedIndex=this.tabs.length-1;break;case"ArrowRight":this.selectedIndex<this.tabs.length-1?this.selectedIndex+=1:this.selectedIndex=this.tabs.length-1;break;case"ArrowLeft":this.selectedIndex<1?this.selectedIndex=0:this.selectedIndex-=1}this.tabs[this.selectedIndex].focus()}}handleTouchStart(e){this.xDown=e.touches[0].clientX,this.yDown=e.touches[0].clientY}handleTouchMove(e){var t,o;if(!this.xDown||!this.yDown)return;const i=e.touches[0].clientX,r=e.touches[0].clientY,s=this.xDown-i,a=this.yDown-r,n=null===(t=this.querySelector("kemet-tab-panel[selected]"))||void 0===t?void 0:t.nextElementSibling,l=!!n&&n.getAttribute("panel"),d=null===(o=this.querySelector("kemet-tab-panel[selected]"))||void 0===o?void 0:o.previousElementSibling,c=!!d&&d.getAttribute("panel");Math.abs(s)>Math.abs(a)&&(s>0?this.selected?l&&(this.selected=l):this.selectedIndex<this.tabs.length&&(this.selectedIndex+=1):this.selected?c&&(this.selected=c):this.selectedIndex>0&&(this.selectedIndex-=1),this.selectTab(),this.selectPanel()),this.xDown=null,this.yDown=null}};Ei.styles=[yi],e([ce({type:String,reflect:!0})],Ei.prototype,"selected",void 0),e([ce({type:Number})],Ei.prototype,"selectedIndex",void 0),e([ce({type:Number})],Ei.prototype,"panelPosition",void 0),e([ce({type:String,reflect:!0,attribute:"panel-effect"})],Ei.prototype,"panelEffect",void 0),e([ce({type:Boolean})],Ei.prototype,"swipe",void 0),e([ce({type:String,reflect:!0})],Ei.prototype,"placement",void 0),e([ce({type:Boolean})],Ei.prototype,"divider",void 0),e([ce({type:String,reflect:!0,attribute:"tabs-align"})],Ei.prototype,"tabsAlign",void 0),e([ce({type:Object})],Ei.prototype,"ink",void 0),e([ce({type:Boolean,attribute:"hide-ink"})],Ei.prototype,"hideInk",void 0),e([ce({type:Boolean,reflect:!0})],Ei.prototype,"overflow",void 0),e([he()],Ei.prototype,"tabs",void 0),e([he()],Ei.prototype,"panels",void 0),e([he()],Ei.prototype,"xDown",void 0),e([he()],Ei.prototype,"yDown",void 0),e([he()],Ei.prototype,"links",void 0),e([ue("#panels")],Ei.prototype,"panelsElement",void 0),Ei=e([ne("kemet-tabs")],Ei);const _i=n`:host{display:block}`,Ai=n`:host{display:inline-block}`;let Oi=class extends se{constructor(){super(),this.format="seconds",this.getTime()}render(){return j`${this.displayTime}`}getTime(){this.closest("kemet-timer").addEventListener("kemet-timer-increment",(e=>{const t=e.detail;switch(this.format){case"seconds":default:this.displayTime=(t%60<10?"0"+t%60:t%60).toString();break;case"minutes":this.displayTime=Math.floor(t%86400%3600/60).toString();break;case"hours":this.displayTime=Math.floor(t%86400/3600).toString();break;case"days":this.displayTime=Math.floor(t/86400).toString()}}))}getTimeInSeconds(e){switch(this.format){case"minutes":return 60*e;case"hours":return 60*e*60;case"days":return 60*e*60*24;default:return e}}};Oi.styles=[Ai],e([ce({type:String})],Oi.prototype,"format",void 0),e([he()],Oi.prototype,"displayTime",void 0),Oi=e([ne("kemet-timer-display")],Oi);let Ci=class extends se{constructor(){super(...arguments),this.format="seconds",this.amount=10}firstUpdated(){this.expires?this.countDown():this.timer(this.getTimeInSeconds(this.amount)),ge(this,"kemet-timer-started",!0),ge(this,"kemet-timer-increment",this.getTimeInSeconds(this.amount))}updated(e){const t=e.get("format")||e.get("amount"),o=e.get("expires");t&&(clearInterval(this.interval),this.timer(this.getTimeInSeconds(this.amount))),o&&(clearInterval(this.interval),this.countDown())}render(){return j`<slot></slot>`}getTimeInSeconds(e){switch(this.format){case"minutes":return 60*e;case"hours":return 60*e*60;case"days":return 60*e*60*24;default:return e}}timer(e=0){const t=Date.now()+1e3*e;this.interval=setInterval((()=>{const e=Math.round((t-Date.now())/1e3);if(e<0)return clearInterval(this.interval),void ge(this,"kemet-timer-completed",!0);ge(this,"kemet-timer-increment",e)}),1e3)}countDown(){const e=new Date(this.expires).getTime();this.interval=setInterval((()=>{const t=Math.round((e-Date.now())/1e3);if(t<0)return clearInterval(this.interval),void ge(this,"kemet-timer-completed",!0);ge(this,"kemet-timer-increment",t)}),1e3)}};Ci.styles=[_i],e([ce({type:String})],Ci.prototype,"format",void 0),e([ce({type:Number})],Ci.prototype,"amount",void 0),e([ce({type:String})],Ci.prototype,"expires",void 0),e([he()],Ci.prototype,"interval",void 0),Ci=e([ne("kemet-timer")],Ci);const zi=n`:host{--kemet-textarea-padding:1rem;--kemet-textarea-border:1px solid rgb(var(--kemet-color-foreground));--kemet-textarea-border-color-error:1px solid rgb(var(--kemet-color-error));--kemet-textarea-border-color-success:1px solid rgb(var(--kemet-color-success));--kemet-textarea-border-color-warning:1px solid rgb(var(--kemet-color-warning));--kemet-textarea-icon-left-padding:3rem;--kemet-textarea-icon-right-padding:3rem;--kemet-textarea-border-radius-rounded:var(--kemet-border-radius-md);--kemet-textarea-border-filled:none;--kemet-textarea-color-filled:rgb(var(--kemet-color-white));--kemet-textarea-background-color-filled:rgb(var(--kemet-color-primary));--kemet-textarea-background-color-error:rgb(var(--kemet-color-error));--kemet-textarea-background-color-success:rgb(var(--kemet-color-success));--kemet-textarea-background-color-warning:rgb(var(--kemet-color-warning));position:relative;display:block}textarea{color:rgb(var(--kemet-color-text));display:block;width:100%;padding:var(--kemet-textarea-padding);border:var(--kemet-textarea-border);appearance:none;box-sizing:border-box;background:0 0}:host([status=error]) textarea{border:var(--kemet-textarea-border-color-error)}:host([status=success]) textarea{border:var(--kemet-textarea-border-color-success)}:host([status=warning]) textarea{border:var(--kemet-textarea-border-color-warning)}:host([disabled]) textarea{opacity:.5}:host([icon-left]) textarea{padding-left:var(--kemet-textarea-icon-left-padding)}:host([icon-right]) textarea{padding-right:var(--kemet-textarea-icon-right-padding)}:host([rounded]) textarea{border-radius:var(--kemet-textarea-border-radius-rounded)}:host([filled]) textarea{border:var(--kemet-textarea-border-filled);color:var(--kemet-textarea-color-filled);background-color:var(--kemet-textarea-background-color-filled)}:host([filled]) textarea::placeholder{color:var(--kemet-textarea-color-filled)}:host([status=error][filled]) textarea{background-color:var(--kemet-textarea-background-color-error)}:host([status=success][filled]) textarea{background-color:var(--kemet-textarea-background-color-success)}:host([status=warning][filled]) textarea{background-color:var(--kemet-textarea-background-color-warning)}`;let Li=class extends se{constructor(){super(),this.slug="textarea",this.name="textarea",this.value="",this.status="standard",this.rows=4,this.formSubmitController=new Oe(this)}firstUpdated(){this.form=this.closest("form"),this.control=this.closest("kemet-field"),this.textarea=this.shadowRoot.querySelector("textarea")}render(){return j`<textarea part="textarea" id="${this.slug}" name="${this.name}" .value="${je(this.value)}" ?disabled="${this.disabled}" ?readonly="${this.readonly}" ?required="${this.required}" placeholder="${Pe(this.placeholder)}" rows="${Pe(this.rows)}" minlength="${Pe(this.minlength)}" maxlength="${Pe(this.maxlength)}" autocorrect="${Pe(this.autocorrect)}" ?autofocus="${this.autofocus}" spellcheck="${Pe(this.spellcheck)}" inputmode="${Pe(this.inputmode)}" @change="${this.handleChange}" @input="${this.handleInput}" @focus="${this.handleFocus}" @blur="${this.handleBlur}" @invalid="${this.handleInvalid}"></textarea>`}handleFocus(){this.hasFocus=!0,this.dispatchEvent(new CustomEvent("kemet-input-focused",{bubbles:!0,composed:!0,detail:!0}))}handleBlur(){this.hasFocus=!1,this.dispatchEvent(new CustomEvent("kemet-input-focused",{bubbles:!0,composed:!0,detail:!1})),this.validateOnBlur&&this.form&&!this.form.noValidate&&(this.textarea.checkValidity(),this.validity=this.textarea.validity)}handleChange(){this.value=this.textarea.value,this.textarea.checkValidity()&&this.checkLimitValidity()&&(this.invalid=!1,this.status="standard",this.validity=this.textarea.validity,this.dispatchEvent(new CustomEvent("kemet-input-status",{bubbles:!0,composed:!0,detail:{status:"standard",validity:this.textarea.validity,element:this}})))}handleInput(){this.value=this.textarea.value,this.dispatchEvent(new CustomEvent("kemet-input-input",{bubbles:!0,composed:!0,detail:this.value}))}handleInvalid(){this.validity=this.textarea.validity,this.validateOnBlur&&(this.invalid=!0,this.status="error",this.dispatchEvent(new CustomEvent("kemet-input-status",{bubbles:!0,composed:!0,detail:{status:"error",validity:this.textarea.validity,element:this}})))}checkLimitValidity(){if(this.control){const e=this.control.querySelector("kemet-count");if(e)return this.value.length<e.limit}return!0}checkValidity(){return this.textarea.checkValidity()}focus(){return this.textarea.focus()}};Li.styles=[zi],e([ce({type:String})],Li.prototype,"slug",void 0),e([ce({type:String})],Li.prototype,"name",void 0),e([ce({type:String})],Li.prototype,"placeholder",void 0),e([ce({type:Number})],Li.prototype,"minlength",void 0),e([ce({type:Number})],Li.prototype,"maxlength",void 0),e([ce({type:String})],Li.prototype,"inputmode",void 0),e([ce({type:Boolean})],Li.prototype,"autofocus",void 0),e([ce({type:Boolean,reflect:!0})],Li.prototype,"disabled",void 0),e([ce({type:Boolean})],Li.prototype,"readonly",void 0),e([ce({type:Boolean,reflect:!0})],Li.prototype,"required",void 0),e([ce({type:String})],Li.prototype,"value",void 0),e([ce({type:Boolean,reflect:!0})],Li.prototype,"invalid",void 0),e([ce({type:String,reflect:!0})],Li.prototype,"status",void 0),e([ce({type:Number})],Li.prototype,"rows",void 0),e([ce({type:Boolean,attribute:"validate-on-blur"})],Li.prototype,"validateOnBlur",void 0),e([ce({type:Boolean,reflect:!0})],Li.prototype,"filled",void 0),e([ce({type:Boolean,reflect:!0})],Li.prototype,"rounded",void 0),e([ce({type:Boolean})],Li.prototype,"autocorrect",void 0),e([he()],Li.prototype,"form",void 0),e([he()],Li.prototype,"control",void 0),e([he()],Li.prototype,"textarea",void 0),e([he()],Li.prototype,"hasFocus",void 0),e([he()],Li.prototype,"validity",void 0),Li=e([ne("kemet-textarea")],Li);const Ii=n`:host{--kemet-tooltip-deg:-45deg;--kemet-tooltip-size:22px;--kemet-tooltip-border-size:1px;--kemet-tooltip-rounded-tip:4px;--kemet-tooltip-background-color:rgb(var(--kemet-color-background));--kemet-tooltip-border-color:rgb(var(--kemet-color-foreground));--kemet-tooltip-placement-offset:calc(calc(var(--kemet-tooltip-size) / 2) * -1)}#arrow{content:'';width:var(--kemet-tooltip-size);height:var(--kemet-tooltip-size);position:relative;display:inline-block;background:linear-gradient(var(--kemet-tooltip-deg),transparent calc(var(--kemet-tooltip-size)/ 1.5),var(--kemet-tooltip-background-color) 0) no-repeat;background-repeat:no-repeat;transform-origin:center center;border-top-left-radius:var(--kemet-tooltip-rounded-tip);border-left:var(--kemet-tooltip-border-size) solid var(--kemet-tooltip-border-color);border-top:var(--kemet-tooltip-border-size) solid var(--kemet-tooltip-border-color)}[data-popper-placement^=top] #arrow{top:var(--kemet-tooltip-placement-offset);transform:rotate(225deg)}[data-popper-placement^=bottom] #arrow-container{top:0}[data-popper-placement^=bottom] #arrow{top:var(--kemet-tooltip-placement-offset);transform:rotate(45deg)}[data-popper-placement^=right] #arrow{left:var(--kemet-tooltip-placement-offset);transform:rotate(-45deg)}[data-popper-placement^=left] #arrow-container{right:0}[data-popper-placement^=left] #arrow{right:var(--kemet-tooltip-placement-offset);transform:rotate(135deg)}`,Bi=n`:host([effect=fade]) #content{opacity:0;transition:all var(--kemet-popover-transition-speed,.3s)}:host([effect=fade][opened]) #content{opacity:1}`,Di=n`:host([effect=scale]) #content{opacity:0;transition:all var(--kemet-popover-transition-speed,.3s)}:host([effect=scale][opened]) #content{opacity:1}:host([effect=scale][position=bottom]) #content,:host([effect=scale][position=top]) #content{transform:translateX(-50%) scale(.7)}:host([effect=scale][position=bottom][opened]) #content,:host([effect=scale][position=top][opened]) #content{transform:translateX(-50%) scale(1)}:host([effect=scale][position=left]) #content,:host([effect=scale][position=right]) #content{transform:translateY(-50%) scale(.7)}:host([effect=scale][position=left][opened]) #content,:host([effect=scale][position=right][opened]) #content{transform:translateY(-50%) scale(1)}`,Pi=n`:host([effect=slide]) #content{opacity:0;transition:all var(--kemet-popover-transition-speed,.3s) cubic-bezier(.25,.5,.5,.9)}:host([effect=slide][opened]) #content{opacity:1}:host([effect=slide][position=top]) #content{transform:translateX(-50%) translateY(20%)}:host([effect=slide][position=top][opened]) #content{transform:translateX(-50%) translateY(0)}:host([effect=slide][position=bottom]) #content{transform:translateX(-50%) translateY(-20%)}:host([effect=slide][position=bottom][opened]) #content{transform:translateX(-50%) translateY(0)}:host([effect=slide][position=right]) #content{transform:translateY(-50%) translateX(-20%)}:host([effect=slide][position=right][opened]) #content{transform:translateY(-50%) translateX(0)}:host([effect=slide][position=left]) #content{transform:translateY(-50%) translateX(20%)}:host([effect=slide][position=left][opened]) #content{transform:translateY(-50%) translateX(0)}`,Ti=n`:host([effect=fall]){perspective:1300px}:host([effect=fall]) #content{transform-style:preserve-3d;opacity:0}:host([effect=fall][opened]) #content{transition:all var(--kemet-popover-transition-speed,.3s) ease-in;opacity:1}:host([effect=fall][position=top]) #content{transform:translateX(-50%) translateZ(600px) rotateX(20deg)}:host([effect=fall][position=top][opened]) #content{transform:translateX(-50%) translateZ(0) rotateX(0)}:host([effect=fall][position=bottom]) #content{transform:translateX(-50%) translateZ(600px) rotateX(20deg)}:host([effect=fall][position=bottom][opened]) #content{transform:translateX(-50%) translateZ(0) rotateX(0)}:host([effect=fall][position=right]) #content{transform:translateY(-50%) translateZ(600px) rotateX(20deg)}:host([effect=fall][position=right][opened]) #content{transform:translateY(-50%) translateZ(0) rotateX(0)}:host([effect=fall][position=left]) #content{transform:translateY(-50%) translateZ(600px) rotateX(20deg)}:host([effect=fall][position=left][opened]) #content{transform:translateY(-50%) translateZ(0) rotateX(0)}`,Mi=n`:host([effect=flip-horizontal]){perspective:1300px}:host([effect=flip-horizontal]) #content{transform-style:preserve-3d;transition:all var(--kemet-popover-transition-speed,.3s);opacity:0}:host([effect=flip-horizontal][opened]) #content{opacity:1}:host([effect=flip-horizontal][position=top]) #content{transform:translateX(-50%) rotateY(-70deg)}:host([effect=flip-horizontal][position=top][opened]) #content{transform:translateX(-50%) rotateY(0)}:host([effect=flip-horizontal][position=bottom]) #content{transform:translateX(-50%) rotateY(-70deg)}:host([effect=flip-horizontal][position=bottom][opened]) #content{transform:translateX(-50%) rotateY(0)}:host([effect=flip-horizontal][position=right]) #content{transform:translateY(-50%) rotateY(-70deg)}:host([effect=flip-horizontal][position=right][opened]) #content{transform:translateY(-50%) rotateY(0)}:host([effect=flip-horizontal][position=left]) #content{transform:translateY(-50%) rotateY(-70deg)}:host([effect=flip-horizontal][position=left][opened]) #content{transform:translateY(-50%) rotateY(0)}`,Ui=n`:host([effect=flip-vertical]){perspective:1300px}:host([effect=flip-vertical]) #content{transform-style:preserve-3d;transition:all var(--kemet-popover-transition-speed,.3s);opacity:0}:host([effect=flip-vertical][opened]) #content{opacity:1}:host([effect=flip-vertical][position=top]) #content{transform:translateX(-50%) rotateX(-70deg)}:host([effect=flip-vertical][position=top][opened]) #content{transform:translateX(-50%) rotateX(0)}:host([effect=flip-vertical][position=bottom]) #content{transform:translateX(-50%) rotateX(-70deg)}:host([effect=flip-vertical][position=bottom][opened]) #content{transform:translateX(-50%) rotateX(0)}:host([effect=flip-vertical][position=right]) #content{transform:translateY(-50%) rotateX(-70deg)}:host([effect=flip-vertical][position=right][opened]) #content{transform:translateY(-50%) rotateX(0)}:host([effect=flip-vertical][position=left]) #content{transform:translateY(-50%) rotateX(-70deg)}:host([effect=flip-vertical][position=left][opened]) #content{transform:translateY(-50%) rotateX(0)}`,Ni=n`:host([effect=sign]){perspective:1300px}:host([effect=sign]) #content{transform-style:preserve-3d;transition:all var(--kemet-popover-transition-speed,.3s);opacity:0}:host([effect=sign][opened]) #content{opacity:1}:host([effect=sign][position=top]) #content{transform-origin:0 100%;transform:translateX(-50%) rotateX(90deg)}:host([effect=sign][position=top][opened]) #content{transform:translateX(-50%) rotateX(0)}:host([effect=sign][position=bottom]) #content{transform-origin:100% 0;transform:translateX(-50%) rotateX(90deg)}:host([effect=sign][position=bottom][opened]) #content{transform:translateX(-50%) rotateX(0)}:host([effect=sign][position=right]) #content{transform-origin:0 100%;transform:translateY(-50%) rotateY(90deg)}:host([effect=sign][position=right][opened]) #content{transform:translateY(-50%) rotateY(0)}:host([effect=sign][position=left]) #content{transform-origin:100% 0;transform:translateY(-50%) rotateY(90deg)}:host([effect=sign][position=left][opened]) #content{transform:translateY(-50%) rotateY(0)}`,Xi=n`:host([effect=super-scaled]) #content{opacity:0;transition:all var(--kemet-popover-transition-speed,.3s)}:host([effect=super-scaled][opened]) #content{opacity:1}:host([effect=super-scaled][position=bottom]) #content,:host([effect=super-scaled][position=top]) #content{transform:translateX(-50%) scale(2)}:host([effect=super-scaled][position=bottom][opened]) #content,:host([effect=super-scaled][position=top][opened]) #content{transform:translateX(-50%) scale(1)}:host([effect=super-scaled][position=left]) #content,:host([effect=super-scaled][position=right]) #content{transform:translateY(-50%) scale(2)}:host([effect=super-scaled][position=left][opened]) #content,:host([effect=super-scaled][position=right][opened]) #content{transform:translateY(-50%) scale(1)}`;let qi=class extends Ho{render(){return j`<div id="trigger" part="trigger" tabIndex="0" @click="${"click"===this.fireOn?e=>this.toggle(e):null}" @keyup="${"click"===this.fireOn?e=>this.handleKeyUp(e):null}" @mouseover="${"click"!==this.fireOn?()=>{this.opened=!0}:null}" @focus="${"click"!==this.fireOn?()=>{this.opened=!0}:null}" @mouseout="${"click"!==this.fireOn?()=>{this.opened=!1}:null}" @blur="${"click"!==this.fireOn?()=>{this.opened=!1}:null}"><slot name="trigger"></slot></div><div id="content" @mouseover="${"click"!==this.fireOn?()=>{this.opened=!0}:null}" @mouseout="${"click"!==this.fireOn?()=>{this.opened=!1}:null}"><slot name="content" @slotchange="${()=>{this.makePopper(),this.measureContent()}}"></slot><div id="arrow-container" part="arrow-container" data-popper-arrow><div id="arrow" part="arrow"></div></div></div>`}measureContent(){const e=this.contentElement.offsetHeight;this.contentElement.style.setProperty("--kemet-tooltip-content-height",`${e}px`)}};qi.styles=[Ii,Ro,Bi,Di,Pi,Ti,Mi,Ui,Ni,Xi],qi=e([ne("kemet-tooltip")],qi);const Ri=n`:host{--kemet-toggle-width:3.5rem;--kemet-toggle-height:2rem;--kemet-toggle-handle-diameter:1.6rem;--kemet-toggle-handle-margin:calc((var(--kemet-toggle-height) - var(--kemet-toggle-handle-diameter)) / 2);--kemet-toggle-track-border:none;--kemet-toggle-track-color:rgb(var(--kemet-color-white));--kemet-toggle-track-shadow:inset 0 0.4rem 0.7rem 0 rgb(var(--kemet-color-gray-800) / 35%),inset 0 -0.2rem 0.4rem 0 rgb(var(--kemet-color-gray-50));--kemet-toggle-handle-border:none;--kemet-toggle-handle-color:rgb(var(--kemet-color-primary));--kemet-toggle-handle-shadow:0 0.5rem 0.5rem 0 rgb(var(--kemet-color-black) / 10%),0 0.5rem 0.5rem 0 rgb(var(--kemet-color-black) / 20%);display:flex;align-items:center}:host([disabled]){opacity:.5}label{cursor:pointer;display:flex;align-items:center;gap:1rem;font-size:inherit;color:inherit}:host([disabled]) label{cursor:not-allowed}input{display:none}[part=control]{position:relative;display:inline-flex;margin:0;width:var(--kemet-toggle-width);height:var(--kemet-toggle-height)}[part=control]>span{transition:.3s ease-in-out}[part=track]{width:var(--kemet-toggle-width);height:var(--kemet-toggle-height);border:var(--kemet-toggle-track-border);border-radius:var(--kemet-toggle-height);background-color:var(--kemet-toggle-track-color);box-shadow:var(--kemet-toggle-track-shadow)}:host([squared]) [part=track]{border-radius:0}[part=handle]{position:absolute;top:var(--kemet-toggle-handle-margin);left:var(--kemet-toggle-handle-margin);width:var(--kemet-toggle-handle-diameter);height:var(--kemet-toggle-handle-diameter);transform:translateX(0);border:var(--kemet-toggle-handle-border);border-radius:var(--kemet-toggle-handle-diameter);background-color:var(--kemet-toggle-handle-color);box-shadow:var(--kemet-toggle-handle-shadow)}:host([squared]) [part=handle]{border-radius:0}:host([checked]) [part=handle]{transform:translateX(calc(var(--kemet-toggle-width) - var(--kemet-toggle-handle-diameter) - var(--kemet-toggle-handle-margin) * 2))}.option{font-size:90%}`;let ji=class extends se{constructor(){super(),this.name="toggle-switch",this.checked=!1,this.disabled=!1,this.label="",this.show=!1,this.squared=!1,this.optionChecked="on",this.optionUnchecked="off",this.value=this.checked?this.optionChecked:this.optionUnchecked,this.formSubmitController=new Oe(this)}render(){return j`<label part="label">${this.makeUncheckedOption()} <span part="control"><span part="track"></span> <span part="handle"></span> </span><input role="switch" type="checkbox" name="${this.name}" aria-label="${this.label}" aria-checked="${this.checked?"true":"false"}" ?disabled="${this.disabled}" ?checked="${this.checked}" @change="${this.handleChange}"> ${this.makeCheckedOption()} <span part="text">${this.label}</span></label>`}handleChange(){this.checked=!this.checked,this.value=this.checked?this.optionChecked:this.optionUnchecked,ge(this,"kemet-toggle-change",!0)}makeUncheckedOption(){return this.show?j`<span class="option" part="unchecked">${this.optionUnchecked}</span>`:null}makeCheckedOption(){return this.show?j`<span class="option" part="checked">${this.optionChecked}</span>`:null}};ji.styles=[Ri],e([ce({type:String})],ji.prototype,"name",void 0),e([ce({type:Boolean,reflect:!0})],ji.prototype,"checked",void 0),e([ce({type:Boolean})],ji.prototype,"disabled",void 0),e([ce({type:String})],ji.prototype,"label",void 0),e([ce({type:Boolean})],ji.prototype,"show",void 0),e([ce({type:Boolean})],ji.prototype,"squared",void 0),e([ce({type:String,attribute:"option-checked"})],ji.prototype,"optionChecked",void 0),e([ce({type:String,attribute:"option-unchecked"})],ji.prototype,"optionUnchecked",void 0),e([he()],ji.prototype,"value",void 0),ji=e([ne("kemet-toggle")],ji);const Hi=n`:host{--kemet-tracker-step-dot-size:50px;--kemet-tracker-step-dot-size-mobile:25px;--kemet-tracker-step-dot-gap:4px;--kemet-tracker-step-dot-transition:all 300ms ease-in-out;--kemet-tracker-step-dot-font-size:90%;--kemet-tracker-step-dot-color:rgb(var(--kemet-color-primary));--kemet-tracker-step-dot-background-color:rgb(var(--kemet-color-white));--kemet-tracker-step-dot-border:1px solid rgb(var(--kemet-color-primary));--kemet-tracker-step-dot-fill-color:transparent;--kemet-tracker-step-standard-line-weight:1px;--kemet-tracker-step-completed-line-weight:3px;--kemet-tracker-step-completed-color:rgb(var(--kemet-color-white));--kemet-tracker-step-completed-fill-color:rgb(var(--kemet-color-success));--kemet-tracker-step-current-color:rgb(var(--kemet-color-white));--kemet-tracker-step-current-fill-color:rgb(var(--kemet-color-primary));--kemet-tracker-step-line-color:rgb(var(--kemet-color-primary));--kemet-tracker-step-completed-line-color:rgb(var(--kemet-color-primary));position:relative;width:100%;text-align:center}.dot{font-size:var(--kemet-tracker-step-dot-font-size);color:var(--kemet-tracker-step-dot-color);display:flex;align-items:center;justify-content:center;margin:0 auto;position:relative;z-index:1;width:var(--kemet-tracker-step-dot-size);height:var(--kemet-tracker-step-dot-size);border-radius:100%;transition:var(--kemet-tracker-step-dot-transition);background-color:var(--kemet-tracker-step-dot-background-color)}.dot::after{content:"";width:unset;height:unset;position:absolute;top:var(--kemet-tracker-step-dot-gap);left:var(--kemet-tracker-step-dot-gap);right:var(--kemet-tracker-step-dot-gap);bottom:var(--kemet-tracker-step-dot-gap);z-index:-1;border-radius:100%;transition:var(--kemet-tracker-step-dot-transition);border:var(--kemet-tracker-step-dot-border);background-color:var(--kemet-tracker-step-dot-fill-color)}:host([completed]) .dot{color:var(--kemet-tracker-step-completed-color)}:host([completed]) .dot::after{border:0;background-color:var(--kemet-tracker-step-completed-fill-color)}:host([current]) .dot.animate{color:var(--kemet-tracker-step-current-color)}:host([current]) .dot.animate::after{border:0;background-color:var(--kemet-tracker-step-current-fill-color)}:host([mobile]) .dot{width:var(--kemet-tracker-step-dot-size-mobile);height:var(--kemet-tracker-step-dot-size-mobile)}.line{display:block;position:absolute;left:50%;right:0;bottom:0;width:100%;top:calc((var(--kemet-tracker-step-dot-size) - var(--kemet-tracker-step-standard-line-weight))/ 2);height:var(--kemet-tracker-step-standard-line-weight);background-color:var(--kemet-tracker-step-line-color)}.line.completed{width:100%;transform:scaleX(0);transform-origin:left center;top:calc((var(--kemet-tracker-step-dot-size) - var(--kemet-tracker-step-completed-line-weight))/ 2);height:var(--kemet-tracker-step-completed-line-weight);background-color:var(--kemet-tracker-step-completed-line-color);animation-name:grow;animation-delay:1s;animation-duration:.6s;animation-fill-mode:forwards}:host([mobile]) .line{top:calc((var(--kemet-tracker-step-dot-size-mobile) - var(--kemet-tracker-step-standard-line-weight))/ 2)}:host([mobile]) .line.completed{top:calc((var(--kemet-tracker-step-dot-size-mobile) - var(--kemet-tracker-step-completed-line-weight))/ 2)}@keyframes grow{from{transform:scaleX(0)}to{transform:scaleX(1)}}`;let Yi=class extends se{constructor(){super(...arguments),this.completedSize=16}firstUpdated(){this.tracker=this.closest("kemet-tracker")}render(){return j`${this.makeLine()} ${this.makeCompletedLine()}<div class="dot" part="dot">${this.makeDotContent()}</div>${this.makeSlotContent()}`}makeLine(){return this.last?null:j`<div class="line" part="line"></div>`}makeCompletedLine(){return this.completed&&!this.last?j`<div class="line completed" part="completed-line" @animationend="${()=>this.handleCompletedLineEnd()}"></div>`:null}makeDotContent(){var e;return!this.completed||this.mobile||this.hideDotContent?this.mobile||this.hideDotContent?null:j`<span>${this.step}/${null===(e=this.tracker)||void 0===e?void 0:e.total}</span>`:j`<kemet-icon icon="check2" size="${this.completedSize}"></kemet-icon>`}makeSlotContent(){return this.mobile?null:j`<slot></slot>`}handleCompletedLineEnd(){const e=this.tracker.querySelector("[current]").shadowRoot.querySelector(".dot");e&&e.classList.add("animate")}};Yi.styles=[Hi],e([ce({type:Number})],Yi.prototype,"step",void 0),e([ce({type:Boolean,reflect:!0})],Yi.prototype,"completed",void 0),e([ce({type:Boolean,reflect:!0})],Yi.prototype,"current",void 0),e([ce({type:Boolean,reflect:!0})],Yi.prototype,"last",void 0),e([ce({type:Boolean,reflect:!0})],Yi.prototype,"mobile",void 0),e([ce({type:Boolean,reflect:!0,attribute:"hide-dot-content"})],Yi.prototype,"hideDotContent",void 0),e([ce({type:Number})],Yi.prototype,"completedSize",void 0),e([he()],Yi.prototype,"tracker",void 0),Yi=e([ne("kemet-tracker-step")],Yi);let Fi=class extends se{constructor(){super(),this.breakpoint="767px"}firstUpdated(){this.steps=this.querySelectorAll("kemet-tracker-step"),this.isMobile(),window.addEventListener("resize",(()=>{this.isMobile()}))}render(){return j`<slot @slotchange="${()=>this.handleSlotChange()}"></slot>`}handleSlotChange(){this.total=this.steps.length,this.steps.forEach(((e,t)=>{e.step=t+1,e.step===this.total&&(e.last=!0)}))}isMobile(){const e=window.matchMedia(`(max-width: ${this.breakpoint})`);this.steps.forEach((t=>{t.mobile=e.matches}))}};Fi.styles=[n`:host{display:flex;justify-content:center;align-items:flex-start;width:100%}`],e([ce({type:Number})],Fi.prototype,"total",void 0),e([ce({type:String})],Fi.prototype,"breakpoint",void 0),e([he()],Fi.prototype,"steps",void 0),Fi=e([ne("kemet-tracker")],Fi);const Vi=n`:host{--kemet-upload-color:rgb(var(--kemet-color-white));--kemet-upload-height:364px;--kemet-upload-border:1rem solid rgb(var(--kemet-color-gray-50-to-transparent));--kemet-upload-background-color:rgb(var(--kemet-color-primary-to-transparent));color:var(--kemet-upload-color);display:grid;grid-template-columns:1fr 1fr;height:var(--kemet-upload-height);border:var(--kemet-upload-border);background-color:var(--kemet-upload-background-color)}:host([mobile]){display:block;height:auto}input{display:none}.button{cursor:pointer;font-size:1rem;display:block;color:rgb(var(--kemet-color-white));padding:.5rem 1rem;border:1px solid rgb(var(--kemet-color-white));background-color:transparent}.upload{display:flex;align-items:center;justify-content:center;margin:var(--kemet-upload-margin);flex-direction:column;border:2px dashed rgb(var(--kemet-color-white))}:host([over]) .upload{background-color:rgb(var(--kemet-color-green-600))}:host([mobile]) .upload{height:280px}.files{display:flex;gap:1rem;flex-direction:column;padding:0 1rem;overflow:auto;background-color:rgb(var(--kemet-color-gray-50-to-transparent))}:host([mobile]) .files{padding:0;max-height:280px}.heading{font-size:1.25rem;margin:0 0 2rem 0}:host([no-drag-drop]) .heading{display:none}`,Wi=n`:host{--kemet-upload-file-ripple-color:rgb(var(--kemet-color-primary));--kemet-upload-file-color:rgb(var(--kemet-color-text));--kemet-upload-file-padding:0.5rem 1rem;--kemet-upload-file-border:1px solid rgb(var(--kemet-color-primary));color:var(--kemet-upload-file-color);display:grid;gap:1rem;grid-template-columns:auto 1fr auto;align-items:center;height:100%;max-height:50%;padding:var(--kemet-upload-file-padding);border:var(--kemet-upload-file-border)}:host([status=error]){border:1px solid rgb(var(--kemet-color-error))}:host([status=complete]){border:1px solid rgb(var(--kemet-color-success))}h3{margin:0}.percentage{font-size:clamp(2rem,3vw,2.5rem);align-self:center;justify-self:center}.indicator{transform:scale(.8)}:host([status=complete]) .indicator,:host([status=complete]) .message{color:rgb(var(--kemet-color-success))}:host([status=error]) .indicator,:host([status=error]) .message{color:rgb(var(--kemet-color-error))}`,Ki=n`.lds-ripple{display:inline-block;position:relative;width:80px;height:80px}.lds-ripple div{position:absolute;border:4px solid var(--kemet-upload-file-ripple-color);opacity:1;border-radius:var(--kemet-border-radius-circle);animation:lds-ripple 1s cubic-bezier(0,.2,.8,1) infinite}.lds-ripple div:nth-child(2){animation-delay:-.5s}@keyframes lds-ripple{0%{top:36px;left:36px;width:0;height:0;opacity:0}4.9%{top:36px;left:36px;width:0;height:0;opacity:0}5%{top:36px;left:36px;width:0;height:0;opacity:1}100%{top:0;left:0;width:72px;height:72px;opacity:0}}`,Ji=(e,t=2)=>{if(0===e)return"0 Bytes";const o=t<0?0:t,i=Math.floor(Math.log(e)/Math.log(1024));return`${parseFloat((e/1024**i).toFixed(o))} ${["Bytes","KB","MB","GB","TB","PB","EB","ZB","YB"][i]}`};let Zi=class extends se{constructor(){super(...arguments),this.loaded=0,this.size=0,this.percent=0}updated(){this.percent=this.calculatePercent()}render(){return j`<div class="percentage" part="percentage"><span>${this.percent}%</span></div><div><h3 part="filename">${this.name}</h3><span part="loaded">${Ji(this.loaded)} / ${Ji(this.size)}</span> ${this.message?j`<div class="message" part="message">${this.message}</div>`:null}</div><div class="indicator" part="indicator">${this.getStatusIcon()}</div>`}calculatePercent(){const e=Math.round(100*this.loaded/this.size);return e>100?100:e}getStatusIcon(){return"uploading"===this.status?j`<div class="lds-ripple"><div></div><div></div></div>`:"complete"===this.status?j`<kemet-icon icon="check-circle" size="48"></kemet-icon>`:"error"===this.status?j`<kemet-icon icon="exclamation-circle" size="48"></kemet-icon>`:null}};Zi.styles=[Wi,Ki],e([ce({type:String})],Zi.prototype,"name",void 0),e([ce({type:Number})],Zi.prototype,"loaded",void 0),e([ce({type:Number})],Zi.prototype,"size",void 0),e([ce({type:String})],Zi.prototype,"type",void 0),e([ce({type:String,reflect:!0})],Zi.prototype,"status",void 0),e([ce({type:Number})],Zi.prototype,"percent",void 0),e([ce({type:String})],Zi.prototype,"message",void 0),Zi=e([ne("kemet-upload-file")],Zi);let Gi=class extends se{constructor(){super(...arguments),this.slug="upload",this.heading="Drag & Drop Files",this.breakpoint="600px",this.buttonLabel="Browse Files"}firstUpdated(){this.fileInputElement=this.shadowRoot.querySelector('[type="file"]'),this.upload=this.shadowRoot.querySelector(".upload"),["dragenter","dragover","dragleave","drop"].forEach((e=>{this.upload.addEventListener(e,(e=>(e=>{e.preventDefault(),e.stopPropagation()})(e)),!1)})),["dragenter","dragover"].forEach((e=>{this.upload.addEventListener(e,(()=>{this.over=!0}),!1)})),["dragleave","drop"].forEach((e=>{this.upload.addEventListener(e,(()=>{this.over=!1}),!1)})),this.isMobile(),this.hasDragDrop(),window.addEventListener("resize",(()=>{this.isMobile()})),this.upload.addEventListener("drop",(e=>this.handleDrop(e)),!1)}render(){return j`<div class="upload" part="upload"><kemet-icon icon="cloud-arrow-up" size="128"></kemet-icon><input type="file" id="${this.slug}" ?multiple="${this.multiple}" accept="${Pe(this.accept)?this.accept:null}" @change="${e=>this.handleChange(e)}"><h3 class="heading" part="heading">${this.heading}</h3><label class="button" part="button" for="${this.slug}">${this.buttonLabel}</label></div><div class="files" part="files"><slot></slot></div>`}handleChange(e){ge(this,"kemet-upload-change",{event:e,files:this.fileInputElement.files,fileElement:this.fileInputElement})}handleDrop(e){ge(this,"kemet-upload-change",{event:e,files:(null==e?void 0:e.dataTransfer.files)||[],fileElement:this.fileInputElement})}isMobile(){const e=window.matchMedia(`(max-width: ${this.breakpoint})`);this.mobile=e.matches}hasDragDrop(){this.noDragDrop=!("draggable"in document.createElement("span"))}};Gi.styles=[Vi],e([ce({type:String})],Gi.prototype,"slug",void 0),e([ce({type:String})],Gi.prototype,"accept",void 0),e([ce({type:Boolean})],Gi.prototype,"multiple",void 0),e([ce({type:Boolean,reflect:!0})],Gi.prototype,"over",void 0),e([ce({type:String})],Gi.prototype,"heading",void 0),e([ce({type:Boolean,reflect:!0})],Gi.prototype,"mobile",void 0),e([ce({type:String,reflect:!0})],Gi.prototype,"breakpoint",void 0),e([ce({type:Boolean,reflect:!0,attribute:"no-drag-drop"})],Gi.prototype,"noDragDrop",void 0),e([ce({type:Number,attribute:"max-size"})],Gi.prototype,"maxSize",void 0),e([ce({type:String,attribute:"button-label"})],Gi.prototype,"buttonLabel",void 0),e([he()],Gi.prototype,"fileInputElement",void 0),e([he()],Gi.prototype,"upload",void 0),Gi=e([ne("kemet-upload")],Gi)}));
-//# sourceMappingURL=kemet-components.bundle.js.map