@florid-kit/components 0.3.37 → 0.3.38

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/index.js +31 -36
  2. package/index.mjs +68 -73
  3. package/package.json +1 -1
package/index.js CHANGED
@@ -2,17 +2,17 @@
2
2
  * @license
3
3
  * Copyright 2019 Google LLC
4
4
  * SPDX-License-Identifier: BSD-3-Clause
5
- */const G=globalThis,ct=G.ShadowRoot&&(G.ShadyCSS===void 0||G.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,ht=Symbol(),bt=new WeakMap;let Et=class{constructor(t,e,o){if(this._$cssResult$=!0,o!==ht)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=e}get styleSheet(){let t=this.o;const e=this.t;if(ct&&t===void 0){const o=e!==void 0&&e.length===1;o&&(t=bt.get(e)),t===void 0&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),o&&bt.set(e,t))}return t}toString(){return this.cssText}};const Bt=s=>new Et(typeof s=="string"?s:s+"",void 0,ht),A=(s,...t)=>{const e=s.length===1?s[0]:t.reduce((o,n,r)=>o+(i=>{if(i._$cssResult$===!0)return i.cssText;if(typeof i=="number")return i;throw Error("Value passed to 'css' function must be a 'css' function result: "+i+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(n)+s[r+1],s[0]);return new Et(e,s,ht)},It=(s,t)=>{if(ct)s.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(const e of t){const o=document.createElement("style"),n=G.litNonce;n!==void 0&&o.setAttribute("nonce",n),o.textContent=e.cssText,s.appendChild(o)}},vt=ct?s=>s:s=>s instanceof CSSStyleSheet?(t=>{let e="";for(const o of t.cssRules)e+=o.cssText;return Bt(e)})(s):s;/**
5
+ */const G=globalThis,ct=G.ShadowRoot&&(G.ShadyCSS===void 0||G.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,ht=Symbol(),vt=new WeakMap;let Et=class{constructor(t,e,o){if(this._$cssResult$=!0,o!==ht)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=e}get styleSheet(){let t=this.o;const e=this.t;if(ct&&t===void 0){const o=e!==void 0&&e.length===1;o&&(t=vt.get(e)),t===void 0&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),o&&vt.set(e,t))}return t}toString(){return this.cssText}};const Bt=s=>new Et(typeof s=="string"?s:s+"",void 0,ht),A=(s,...t)=>{const e=s.length===1?s[0]:t.reduce((o,n,r)=>o+(i=>{if(i._$cssResult$===!0)return i.cssText;if(typeof i=="number")return i;throw Error("Value passed to 'css' function must be a 'css' function result: "+i+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(n)+s[r+1],s[0]);return new Et(e,s,ht)},It=(s,t)=>{if(ct)s.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(const e of t){const o=document.createElement("style"),n=G.litNonce;n!==void 0&&o.setAttribute("nonce",n),o.textContent=e.cssText,s.appendChild(o)}},bt=ct?s=>s:s=>s instanceof CSSStyleSheet?(t=>{let e="";for(const o of t.cssRules)e+=o.cssText;return Bt(e)})(s):s;/**
6
6
  * @license
7
7
  * Copyright 2017 Google LLC
8
8
  * SPDX-License-Identifier: BSD-3-Clause
9
- */const{is:Ot,defineProperty:Ht,getOwnPropertyDescriptor:Mt,getOwnPropertyNames:Tt,getOwnPropertySymbols:zt,getPrototypeOf:Dt}=Object,C=globalThis,gt=C.trustedTypes,Ut=gt?gt.emptyScript:"",st=C.reactiveElementPolyfillSupport,R=(s,t)=>s,X={toAttribute(s,t){switch(t){case Boolean:s=s?Ut:null;break;case Object:case Array:s=s==null?s:JSON.stringify(s)}return s},fromAttribute(s,t){let e=s;switch(t){case Boolean:e=s!==null;break;case Number:e=s===null?null:Number(s);break;case Object:case Array:try{e=JSON.parse(s)}catch{e=null}}return e}},dt=(s,t)=>!Ot(s,t),yt={attribute:!0,type:String,converter:X,reflect:!1,useDefault:!1,hasChanged:dt};Symbol.metadata??(Symbol.metadata=Symbol("metadata")),C.litPropertyMetadata??(C.litPropertyMetadata=new WeakMap);let z=class extends HTMLElement{static addInitializer(t){this._$Ei(),(this.l??(this.l=[])).push(t)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(t,e=yt){if(e.state&&(e.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(t)&&((e=Object.create(e)).wrapped=!0),this.elementProperties.set(t,e),!e.noAccessor){const o=Symbol(),n=this.getPropertyDescriptor(t,o,e);n!==void 0&&Ht(this.prototype,t,n)}}static getPropertyDescriptor(t,e,o){const{get:n,set:r}=Mt(this.prototype,t)??{get(){return this[e]},set(i){this[e]=i}};return{get:n,set(i){const c=n==null?void 0:n.call(this);r==null||r.call(this,i),this.requestUpdate(t,c,o)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??yt}static _$Ei(){if(this.hasOwnProperty(R("elementProperties")))return;const t=Dt(this);t.finalize(),t.l!==void 0&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(R("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(R("properties"))){const e=this.properties,o=[...Tt(e),...zt(e)];for(const n of o)this.createProperty(n,e[n])}const t=this[Symbol.metadata];if(t!==null){const e=litPropertyMetadata.get(t);if(e!==void 0)for(const[o,n]of e)this.elementProperties.set(o,n)}this._$Eh=new Map;for(const[e,o]of this.elementProperties){const n=this._$Eu(e,o);n!==void 0&&this._$Eh.set(n,e)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(t){const e=[];if(Array.isArray(t)){const o=new Set(t.flat(1/0).reverse());for(const n of o)e.unshift(vt(n))}else t!==void 0&&e.push(vt(t));return e}static _$Eu(t,e){const o=e.attribute;return o===!1?void 0:typeof o=="string"?o:typeof t=="string"?t.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){var t;this._$ES=new Promise(e=>this.enableUpdating=e),this._$AL=new Map,this._$E_(),this.requestUpdate(),(t=this.constructor.l)==null||t.forEach(e=>e(this))}addController(t){var e;(this._$EO??(this._$EO=new Set)).add(t),this.renderRoot!==void 0&&this.isConnected&&((e=t.hostConnected)==null||e.call(t))}removeController(t){var e;(e=this._$EO)==null||e.delete(t)}_$E_(){const t=new Map,e=this.constructor.elementProperties;for(const o of e.keys())this.hasOwnProperty(o)&&(t.set(o,this[o]),delete this[o]);t.size>0&&(this._$Ep=t)}createRenderRoot(){const t=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return It(t,this.constructor.elementStyles),t}connectedCallback(){var t;this.renderRoot??(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),(t=this._$EO)==null||t.forEach(e=>{var o;return(o=e.hostConnected)==null?void 0:o.call(e)})}enableUpdating(t){}disconnectedCallback(){var t;(t=this._$EO)==null||t.forEach(e=>{var o;return(o=e.hostDisconnected)==null?void 0:o.call(e)})}attributeChangedCallback(t,e,o){this._$AK(t,o)}_$ET(t,e){var r;const o=this.constructor.elementProperties.get(t),n=this.constructor._$Eu(t,o);if(n!==void 0&&o.reflect===!0){const i=(((r=o.converter)==null?void 0:r.toAttribute)!==void 0?o.converter:X).toAttribute(e,o.type);this._$Em=t,i==null?this.removeAttribute(n):this.setAttribute(n,i),this._$Em=null}}_$AK(t,e){var r,i;const o=this.constructor,n=o._$Eh.get(t);if(n!==void 0&&this._$Em!==n){const c=o.getPropertyOptions(n),l=typeof c.converter=="function"?{fromAttribute:c.converter}:((r=c.converter)==null?void 0:r.fromAttribute)!==void 0?c.converter:X;this._$Em=n,this[n]=l.fromAttribute(e,c.type)??((i=this._$Ej)==null?void 0:i.get(n))??null,this._$Em=null}}requestUpdate(t,e,o){var n;if(t!==void 0){const r=this.constructor,i=this[t];if(o??(o=r.getPropertyOptions(t)),!((o.hasChanged??dt)(i,e)||o.useDefault&&o.reflect&&i===((n=this._$Ej)==null?void 0:n.get(t))&&!this.hasAttribute(r._$Eu(t,o))))return;this.C(t,e,o)}this.isUpdatePending===!1&&(this._$ES=this._$EP())}C(t,e,{useDefault:o,reflect:n,wrapped:r},i){o&&!(this._$Ej??(this._$Ej=new Map)).has(t)&&(this._$Ej.set(t,i??e??this[t]),r!==!0||i!==void 0)||(this._$AL.has(t)||(this.hasUpdated||o||(e=void 0),this._$AL.set(t,e)),n===!0&&this._$Em!==t&&(this._$Eq??(this._$Eq=new Set)).add(t))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(e){Promise.reject(e)}const t=this.scheduleUpdate();return t!=null&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){var o;if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??(this.renderRoot=this.createRenderRoot()),this._$Ep){for(const[r,i]of this._$Ep)this[r]=i;this._$Ep=void 0}const n=this.constructor.elementProperties;if(n.size>0)for(const[r,i]of n){const{wrapped:c}=i,l=this[r];c!==!0||this._$AL.has(r)||l===void 0||this.C(r,void 0,i,l)}}let t=!1;const e=this._$AL;try{t=this.shouldUpdate(e),t?(this.willUpdate(e),(o=this._$EO)==null||o.forEach(n=>{var r;return(r=n.hostUpdate)==null?void 0:r.call(n)}),this.update(e)):this._$EM()}catch(n){throw t=!1,this._$EM(),n}t&&this._$AE(e)}willUpdate(t){}_$AE(t){var e;(e=this._$EO)==null||e.forEach(o=>{var n;return(n=o.hostUpdated)==null?void 0:n.call(o)}),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(t){return!0}update(t){this._$Eq&&(this._$Eq=this._$Eq.forEach(e=>this._$ET(e,this[e]))),this._$EM()}updated(t){}firstUpdated(t){}};z.elementStyles=[],z.shadowRootOptions={mode:"open"},z[R("elementProperties")]=new Map,z[R("finalized")]=new Map,st==null||st({ReactiveElement:z}),(C.reactiveElementVersions??(C.reactiveElementVersions=[])).push("2.1.0");/**
9
+ */const{is:Ot,defineProperty:Ht,getOwnPropertyDescriptor:Mt,getOwnPropertyNames:Tt,getOwnPropertySymbols:zt,getPrototypeOf:Dt}=Object,C=globalThis,gt=C.trustedTypes,Ut=gt?gt.emptyScript:"",st=C.reactiveElementPolyfillSupport,R=(s,t)=>s,X={toAttribute(s,t){switch(t){case Boolean:s=s?Ut:null;break;case Object:case Array:s=s==null?s:JSON.stringify(s)}return s},fromAttribute(s,t){let e=s;switch(t){case Boolean:e=s!==null;break;case Number:e=s===null?null:Number(s);break;case Object:case Array:try{e=JSON.parse(s)}catch{e=null}}return e}},dt=(s,t)=>!Ot(s,t),yt={attribute:!0,type:String,converter:X,reflect:!1,useDefault:!1,hasChanged:dt};Symbol.metadata??(Symbol.metadata=Symbol("metadata")),C.litPropertyMetadata??(C.litPropertyMetadata=new WeakMap);let z=class extends HTMLElement{static addInitializer(t){this._$Ei(),(this.l??(this.l=[])).push(t)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(t,e=yt){if(e.state&&(e.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(t)&&((e=Object.create(e)).wrapped=!0),this.elementProperties.set(t,e),!e.noAccessor){const o=Symbol(),n=this.getPropertyDescriptor(t,o,e);n!==void 0&&Ht(this.prototype,t,n)}}static getPropertyDescriptor(t,e,o){const{get:n,set:r}=Mt(this.prototype,t)??{get(){return this[e]},set(i){this[e]=i}};return{get:n,set(i){const c=n==null?void 0:n.call(this);r==null||r.call(this,i),this.requestUpdate(t,c,o)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??yt}static _$Ei(){if(this.hasOwnProperty(R("elementProperties")))return;const t=Dt(this);t.finalize(),t.l!==void 0&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(R("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(R("properties"))){const e=this.properties,o=[...Tt(e),...zt(e)];for(const n of o)this.createProperty(n,e[n])}const t=this[Symbol.metadata];if(t!==null){const e=litPropertyMetadata.get(t);if(e!==void 0)for(const[o,n]of e)this.elementProperties.set(o,n)}this._$Eh=new Map;for(const[e,o]of this.elementProperties){const n=this._$Eu(e,o);n!==void 0&&this._$Eh.set(n,e)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(t){const e=[];if(Array.isArray(t)){const o=new Set(t.flat(1/0).reverse());for(const n of o)e.unshift(bt(n))}else t!==void 0&&e.push(bt(t));return e}static _$Eu(t,e){const o=e.attribute;return o===!1?void 0:typeof o=="string"?o:typeof t=="string"?t.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){var t;this._$ES=new Promise(e=>this.enableUpdating=e),this._$AL=new Map,this._$E_(),this.requestUpdate(),(t=this.constructor.l)==null||t.forEach(e=>e(this))}addController(t){var e;(this._$EO??(this._$EO=new Set)).add(t),this.renderRoot!==void 0&&this.isConnected&&((e=t.hostConnected)==null||e.call(t))}removeController(t){var e;(e=this._$EO)==null||e.delete(t)}_$E_(){const t=new Map,e=this.constructor.elementProperties;for(const o of e.keys())this.hasOwnProperty(o)&&(t.set(o,this[o]),delete this[o]);t.size>0&&(this._$Ep=t)}createRenderRoot(){const t=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return It(t,this.constructor.elementStyles),t}connectedCallback(){var t;this.renderRoot??(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),(t=this._$EO)==null||t.forEach(e=>{var o;return(o=e.hostConnected)==null?void 0:o.call(e)})}enableUpdating(t){}disconnectedCallback(){var t;(t=this._$EO)==null||t.forEach(e=>{var o;return(o=e.hostDisconnected)==null?void 0:o.call(e)})}attributeChangedCallback(t,e,o){this._$AK(t,o)}_$ET(t,e){var r;const o=this.constructor.elementProperties.get(t),n=this.constructor._$Eu(t,o);if(n!==void 0&&o.reflect===!0){const i=(((r=o.converter)==null?void 0:r.toAttribute)!==void 0?o.converter:X).toAttribute(e,o.type);this._$Em=t,i==null?this.removeAttribute(n):this.setAttribute(n,i),this._$Em=null}}_$AK(t,e){var r,i;const o=this.constructor,n=o._$Eh.get(t);if(n!==void 0&&this._$Em!==n){const c=o.getPropertyOptions(n),l=typeof c.converter=="function"?{fromAttribute:c.converter}:((r=c.converter)==null?void 0:r.fromAttribute)!==void 0?c.converter:X;this._$Em=n,this[n]=l.fromAttribute(e,c.type)??((i=this._$Ej)==null?void 0:i.get(n))??null,this._$Em=null}}requestUpdate(t,e,o){var n;if(t!==void 0){const r=this.constructor,i=this[t];if(o??(o=r.getPropertyOptions(t)),!((o.hasChanged??dt)(i,e)||o.useDefault&&o.reflect&&i===((n=this._$Ej)==null?void 0:n.get(t))&&!this.hasAttribute(r._$Eu(t,o))))return;this.C(t,e,o)}this.isUpdatePending===!1&&(this._$ES=this._$EP())}C(t,e,{useDefault:o,reflect:n,wrapped:r},i){o&&!(this._$Ej??(this._$Ej=new Map)).has(t)&&(this._$Ej.set(t,i??e??this[t]),r!==!0||i!==void 0)||(this._$AL.has(t)||(this.hasUpdated||o||(e=void 0),this._$AL.set(t,e)),n===!0&&this._$Em!==t&&(this._$Eq??(this._$Eq=new Set)).add(t))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(e){Promise.reject(e)}const t=this.scheduleUpdate();return t!=null&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){var o;if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??(this.renderRoot=this.createRenderRoot()),this._$Ep){for(const[r,i]of this._$Ep)this[r]=i;this._$Ep=void 0}const n=this.constructor.elementProperties;if(n.size>0)for(const[r,i]of n){const{wrapped:c}=i,l=this[r];c!==!0||this._$AL.has(r)||l===void 0||this.C(r,void 0,i,l)}}let t=!1;const e=this._$AL;try{t=this.shouldUpdate(e),t?(this.willUpdate(e),(o=this._$EO)==null||o.forEach(n=>{var r;return(r=n.hostUpdate)==null?void 0:r.call(n)}),this.update(e)):this._$EM()}catch(n){throw t=!1,this._$EM(),n}t&&this._$AE(e)}willUpdate(t){}_$AE(t){var e;(e=this._$EO)==null||e.forEach(o=>{var n;return(n=o.hostUpdated)==null?void 0:n.call(o)}),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(t){return!0}update(t){this._$Eq&&(this._$Eq=this._$Eq.forEach(e=>this._$ET(e,this[e]))),this._$EM()}updated(t){}firstUpdated(t){}};z.elementStyles=[],z.shadowRootOptions={mode:"open"},z[R("elementProperties")]=new Map,z[R("finalized")]=new Map,st==null||st({ReactiveElement:z}),(C.reactiveElementVersions??(C.reactiveElementVersions=[])).push("2.1.0");/**
10
10
  * @license
11
11
  * Copyright 2017 Google LLC
12
12
  * SPDX-License-Identifier: BSD-3-Clause
13
13
  */const F=globalThis,J=F.trustedTypes,mt=J?J.createPolicy("lit-html",{createHTML:s=>s}):void 0,Ct="$lit$",E=`lit$${Math.random().toFixed(9).slice(2)}$`,Lt="?"+E,Nt=`<${Lt}>`,I=document,V=()=>I.createComment(""),q=s=>s===null||typeof s!="object"&&typeof s!="function",pt=Array.isArray,jt=s=>pt(s)||typeof(s==null?void 0:s[Symbol.iterator])=="function",ot=`[
14
- \f\r]`,j=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,$t=/-->/g,wt=/>/g,k=RegExp(`>|${ot}(?:([^\\s"'>=/]+)(${ot}*=${ot}*(?:[^
15
- \f\r"'\`<>=]|("|')|))|$)`,"g"),xt=/'/g,_t=/"/g,kt=/^(?:script|style|textarea|title)$/i,Rt=s=>(t,...e)=>({_$litType$:s,strings:t,values:e}),d=Rt(1),O=Symbol.for("lit-noChange"),h=Symbol.for("lit-nothing"),At=new WeakMap,P=I.createTreeWalker(I,129);function Pt(s,t){if(!pt(s)||!s.hasOwnProperty("raw"))throw Error("invalid template strings array");return mt!==void 0?mt.createHTML(t):t}const Ft=(s,t)=>{const e=s.length-1,o=[];let n,r=t===2?"<svg>":t===3?"<math>":"",i=j;for(let c=0;c<e;c++){const l=s[c];let f,b,p=-1,w=0;for(;w<l.length&&(i.lastIndex=w,b=i.exec(l),b!==null);)w=i.lastIndex,i===j?b[1]==="!--"?i=$t:b[1]!==void 0?i=wt:b[2]!==void 0?(kt.test(b[2])&&(n=RegExp("</"+b[2],"g")),i=k):b[3]!==void 0&&(i=k):i===k?b[0]===">"?(i=n??j,p=-1):b[1]===void 0?p=-2:(p=i.lastIndex-b[2].length,f=b[1],i=b[3]===void 0?k:b[3]==='"'?_t:xt):i===_t||i===xt?i=k:i===$t||i===wt?i=j:(i=k,n=void 0);const S=i===k&&s[c+1].startsWith("/>")?" ":"";r+=i===j?l+Nt:p>=0?(o.push(f),l.slice(0,p)+Ct+l.slice(p)+E+S):l+E+(p===-2?c:S)}return[Pt(s,r+(s[e]||"<?>")+(t===2?"</svg>":t===3?"</math>":"")),o]};class Z{constructor({strings:t,_$litType$:e},o){let n;this.parts=[];let r=0,i=0;const c=t.length-1,l=this.parts,[f,b]=Ft(t,e);if(this.el=Z.createElement(f,o),P.currentNode=this.el.content,e===2||e===3){const p=this.el.content.firstChild;p.replaceWith(...p.childNodes)}for(;(n=P.nextNode())!==null&&l.length<c;){if(n.nodeType===1){if(n.hasAttributes())for(const p of n.getAttributeNames())if(p.endsWith(Ct)){const w=b[i++],S=n.getAttribute(p).split(E),K=/([.?@])?(.*)/.exec(w);l.push({type:1,index:r,name:K[2],strings:S,ctor:K[1]==="."?qt:K[1]==="?"?Zt:K[1]==="@"?Wt:Y}),n.removeAttribute(p)}else p.startsWith(E)&&(l.push({type:6,index:r}),n.removeAttribute(p));if(kt.test(n.tagName)){const p=n.textContent.split(E),w=p.length-1;if(w>0){n.textContent=J?J.emptyScript:"";for(let S=0;S<w;S++)n.append(p[S],V()),P.nextNode(),l.push({type:2,index:++r});n.append(p[w],V())}}}else if(n.nodeType===8)if(n.data===Lt)l.push({type:2,index:r});else{let p=-1;for(;(p=n.data.indexOf(E,p+1))!==-1;)l.push({type:7,index:r}),p+=E.length-1}r++}}static createElement(t,e){const o=I.createElement("template");return o.innerHTML=t,o}}function D(s,t,e=s,o){var i,c;if(t===O)return t;let n=o!==void 0?(i=e._$Co)==null?void 0:i[o]:e._$Cl;const r=q(t)?void 0:t._$litDirective$;return(n==null?void 0:n.constructor)!==r&&((c=n==null?void 0:n._$AO)==null||c.call(n,!1),r===void 0?n=void 0:(n=new r(s),n._$AT(s,e,o)),o!==void 0?(e._$Co??(e._$Co=[]))[o]=n:e._$Cl=n),n!==void 0&&(t=D(s,n._$AS(s,t.values),n,o)),t}class Vt{constructor(t,e){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=e}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){const{el:{content:e},parts:o}=this._$AD,n=((t==null?void 0:t.creationScope)??I).importNode(e,!0);P.currentNode=n;let r=P.nextNode(),i=0,c=0,l=o[0];for(;l!==void 0;){if(i===l.index){let f;l.type===2?f=new W(r,r.nextSibling,this,t):l.type===1?f=new l.ctor(r,l.name,l.strings,this,t):l.type===6&&(f=new Kt(r,this,t)),this._$AV.push(f),l=o[++c]}i!==(l==null?void 0:l.index)&&(r=P.nextNode(),i++)}return P.currentNode=I,n}p(t){let e=0;for(const o of this._$AV)o!==void 0&&(o.strings!==void 0?(o._$AI(t,o,e),e+=o.strings.length-2):o._$AI(t[e])),e++}}class W{get _$AU(){var t;return((t=this._$AM)==null?void 0:t._$AU)??this._$Cv}constructor(t,e,o,n){this.type=2,this._$AH=h,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=o,this.options=n,this._$Cv=(n==null?void 0:n.isConnected)??!0}get parentNode(){let t=this._$AA.parentNode;const e=this._$AM;return e!==void 0&&(t==null?void 0:t.nodeType)===11&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=D(this,t,e),q(t)?t===h||t==null||t===""?(this._$AH!==h&&this._$AR(),this._$AH=h):t!==this._$AH&&t!==O&&this._(t):t._$litType$!==void 0?this.$(t):t.nodeType!==void 0?this.T(t):jt(t)?this.k(t):this._(t)}O(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.O(t))}_(t){this._$AH!==h&&q(this._$AH)?this._$AA.nextSibling.data=t:this.T(I.createTextNode(t)),this._$AH=t}$(t){var r;const{values:e,_$litType$:o}=t,n=typeof o=="number"?this._$AC(t):(o.el===void 0&&(o.el=Z.createElement(Pt(o.h,o.h[0]),this.options)),o);if(((r=this._$AH)==null?void 0:r._$AD)===n)this._$AH.p(e);else{const i=new Vt(n,this),c=i.u(this.options);i.p(e),this.T(c),this._$AH=i}}_$AC(t){let e=At.get(t.strings);return e===void 0&&At.set(t.strings,e=new Z(t)),e}k(t){pt(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let o,n=0;for(const r of t)n===e.length?e.push(o=new W(this.O(V()),this.O(V()),this,this.options)):o=e[n],o._$AI(r),n++;n<e.length&&(this._$AR(o&&o._$AB.nextSibling,n),e.length=n)}_$AR(t=this._$AA.nextSibling,e){var o;for((o=this._$AP)==null?void 0:o.call(this,!1,!0,e);t&&t!==this._$AB;){const n=t.nextSibling;t.remove(),t=n}}setConnected(t){var e;this._$AM===void 0&&(this._$Cv=t,(e=this._$AP)==null||e.call(this,t))}}class Y{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,e,o,n,r){this.type=1,this._$AH=h,this._$AN=void 0,this.element=t,this.name=e,this._$AM=n,this.options=r,o.length>2||o[0]!==""||o[1]!==""?(this._$AH=Array(o.length-1).fill(new String),this.strings=o):this._$AH=h}_$AI(t,e=this,o,n){const r=this.strings;let i=!1;if(r===void 0)t=D(this,t,e,0),i=!q(t)||t!==this._$AH&&t!==O,i&&(this._$AH=t);else{const c=t;let l,f;for(t=r[0],l=0;l<r.length-1;l++)f=D(this,c[o+l],e,l),f===O&&(f=this._$AH[l]),i||(i=!q(f)||f!==this._$AH[l]),f===h?t=h:t!==h&&(t+=(f??"")+r[l+1]),this._$AH[l]=f}i&&!n&&this.j(t)}j(t){t===h?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}}class qt extends Y{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===h?void 0:t}}class Zt extends Y{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==h)}}class Wt extends Y{constructor(t,e,o,n,r){super(t,e,o,n,r),this.type=5}_$AI(t,e=this){if((t=D(this,t,e,0)??h)===O)return;const o=this._$AH,n=t===h&&o!==h||t.capture!==o.capture||t.once!==o.once||t.passive!==o.passive,r=t!==h&&(o===h||n);n&&this.element.removeEventListener(this.name,this,o),r&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){var e;typeof this._$AH=="function"?this._$AH.call(((e=this.options)==null?void 0:e.host)??this.element,t):this._$AH.handleEvent(t)}}class Kt{constructor(t,e,o){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=o}get _$AU(){return this._$AM._$AU}_$AI(t){D(this,t)}}const nt=F.litHtmlPolyfillSupport;nt==null||nt(Z,W),(F.litHtmlVersions??(F.litHtmlVersions=[])).push("3.3.0");const Gt=(s,t,e)=>{const o=(e==null?void 0:e.renderBefore)??t;let n=o._$litPart$;if(n===void 0){const r=(e==null?void 0:e.renderBefore)??null;o._$litPart$=n=new W(t.insertBefore(V(),r),r,void 0,e??{})}return n._$AI(s),n};/**
14
+ \f\r]`,j=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,$t=/-->/g,wt=/>/g,P=RegExp(`>|${ot}(?:([^\\s"'>=/]+)(${ot}*=${ot}*(?:[^
15
+ \f\r"'\`<>=]|("|')|))|$)`,"g"),xt=/'/g,_t=/"/g,Pt=/^(?:script|style|textarea|title)$/i,Rt=s=>(t,...e)=>({_$litType$:s,strings:t,values:e}),d=Rt(1),O=Symbol.for("lit-noChange"),h=Symbol.for("lit-nothing"),At=new WeakMap,k=I.createTreeWalker(I,129);function kt(s,t){if(!pt(s)||!s.hasOwnProperty("raw"))throw Error("invalid template strings array");return mt!==void 0?mt.createHTML(t):t}const Ft=(s,t)=>{const e=s.length-1,o=[];let n,r=t===2?"<svg>":t===3?"<math>":"",i=j;for(let c=0;c<e;c++){const l=s[c];let f,v,p=-1,w=0;for(;w<l.length&&(i.lastIndex=w,v=i.exec(l),v!==null);)w=i.lastIndex,i===j?v[1]==="!--"?i=$t:v[1]!==void 0?i=wt:v[2]!==void 0?(Pt.test(v[2])&&(n=RegExp("</"+v[2],"g")),i=P):v[3]!==void 0&&(i=P):i===P?v[0]===">"?(i=n??j,p=-1):v[1]===void 0?p=-2:(p=i.lastIndex-v[2].length,f=v[1],i=v[3]===void 0?P:v[3]==='"'?_t:xt):i===_t||i===xt?i=P:i===$t||i===wt?i=j:(i=P,n=void 0);const S=i===P&&s[c+1].startsWith("/>")?" ":"";r+=i===j?l+Nt:p>=0?(o.push(f),l.slice(0,p)+Ct+l.slice(p)+E+S):l+E+(p===-2?c:S)}return[kt(s,r+(s[e]||"<?>")+(t===2?"</svg>":t===3?"</math>":"")),o]};class Z{constructor({strings:t,_$litType$:e},o){let n;this.parts=[];let r=0,i=0;const c=t.length-1,l=this.parts,[f,v]=Ft(t,e);if(this.el=Z.createElement(f,o),k.currentNode=this.el.content,e===2||e===3){const p=this.el.content.firstChild;p.replaceWith(...p.childNodes)}for(;(n=k.nextNode())!==null&&l.length<c;){if(n.nodeType===1){if(n.hasAttributes())for(const p of n.getAttributeNames())if(p.endsWith(Ct)){const w=v[i++],S=n.getAttribute(p).split(E),K=/([.?@])?(.*)/.exec(w);l.push({type:1,index:r,name:K[2],strings:S,ctor:K[1]==="."?qt:K[1]==="?"?Zt:K[1]==="@"?Wt:Y}),n.removeAttribute(p)}else p.startsWith(E)&&(l.push({type:6,index:r}),n.removeAttribute(p));if(Pt.test(n.tagName)){const p=n.textContent.split(E),w=p.length-1;if(w>0){n.textContent=J?J.emptyScript:"";for(let S=0;S<w;S++)n.append(p[S],V()),k.nextNode(),l.push({type:2,index:++r});n.append(p[w],V())}}}else if(n.nodeType===8)if(n.data===Lt)l.push({type:2,index:r});else{let p=-1;for(;(p=n.data.indexOf(E,p+1))!==-1;)l.push({type:7,index:r}),p+=E.length-1}r++}}static createElement(t,e){const o=I.createElement("template");return o.innerHTML=t,o}}function D(s,t,e=s,o){var i,c;if(t===O)return t;let n=o!==void 0?(i=e._$Co)==null?void 0:i[o]:e._$Cl;const r=q(t)?void 0:t._$litDirective$;return(n==null?void 0:n.constructor)!==r&&((c=n==null?void 0:n._$AO)==null||c.call(n,!1),r===void 0?n=void 0:(n=new r(s),n._$AT(s,e,o)),o!==void 0?(e._$Co??(e._$Co=[]))[o]=n:e._$Cl=n),n!==void 0&&(t=D(s,n._$AS(s,t.values),n,o)),t}class Vt{constructor(t,e){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=e}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){const{el:{content:e},parts:o}=this._$AD,n=((t==null?void 0:t.creationScope)??I).importNode(e,!0);k.currentNode=n;let r=k.nextNode(),i=0,c=0,l=o[0];for(;l!==void 0;){if(i===l.index){let f;l.type===2?f=new W(r,r.nextSibling,this,t):l.type===1?f=new l.ctor(r,l.name,l.strings,this,t):l.type===6&&(f=new Kt(r,this,t)),this._$AV.push(f),l=o[++c]}i!==(l==null?void 0:l.index)&&(r=k.nextNode(),i++)}return k.currentNode=I,n}p(t){let e=0;for(const o of this._$AV)o!==void 0&&(o.strings!==void 0?(o._$AI(t,o,e),e+=o.strings.length-2):o._$AI(t[e])),e++}}class W{get _$AU(){var t;return((t=this._$AM)==null?void 0:t._$AU)??this._$Cv}constructor(t,e,o,n){this.type=2,this._$AH=h,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=o,this.options=n,this._$Cv=(n==null?void 0:n.isConnected)??!0}get parentNode(){let t=this._$AA.parentNode;const e=this._$AM;return e!==void 0&&(t==null?void 0:t.nodeType)===11&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=D(this,t,e),q(t)?t===h||t==null||t===""?(this._$AH!==h&&this._$AR(),this._$AH=h):t!==this._$AH&&t!==O&&this._(t):t._$litType$!==void 0?this.$(t):t.nodeType!==void 0?this.T(t):jt(t)?this.k(t):this._(t)}O(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.O(t))}_(t){this._$AH!==h&&q(this._$AH)?this._$AA.nextSibling.data=t:this.T(I.createTextNode(t)),this._$AH=t}$(t){var r;const{values:e,_$litType$:o}=t,n=typeof o=="number"?this._$AC(t):(o.el===void 0&&(o.el=Z.createElement(kt(o.h,o.h[0]),this.options)),o);if(((r=this._$AH)==null?void 0:r._$AD)===n)this._$AH.p(e);else{const i=new Vt(n,this),c=i.u(this.options);i.p(e),this.T(c),this._$AH=i}}_$AC(t){let e=At.get(t.strings);return e===void 0&&At.set(t.strings,e=new Z(t)),e}k(t){pt(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let o,n=0;for(const r of t)n===e.length?e.push(o=new W(this.O(V()),this.O(V()),this,this.options)):o=e[n],o._$AI(r),n++;n<e.length&&(this._$AR(o&&o._$AB.nextSibling,n),e.length=n)}_$AR(t=this._$AA.nextSibling,e){var o;for((o=this._$AP)==null?void 0:o.call(this,!1,!0,e);t&&t!==this._$AB;){const n=t.nextSibling;t.remove(),t=n}}setConnected(t){var e;this._$AM===void 0&&(this._$Cv=t,(e=this._$AP)==null||e.call(this,t))}}class Y{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,e,o,n,r){this.type=1,this._$AH=h,this._$AN=void 0,this.element=t,this.name=e,this._$AM=n,this.options=r,o.length>2||o[0]!==""||o[1]!==""?(this._$AH=Array(o.length-1).fill(new String),this.strings=o):this._$AH=h}_$AI(t,e=this,o,n){const r=this.strings;let i=!1;if(r===void 0)t=D(this,t,e,0),i=!q(t)||t!==this._$AH&&t!==O,i&&(this._$AH=t);else{const c=t;let l,f;for(t=r[0],l=0;l<r.length-1;l++)f=D(this,c[o+l],e,l),f===O&&(f=this._$AH[l]),i||(i=!q(f)||f!==this._$AH[l]),f===h?t=h:t!==h&&(t+=(f??"")+r[l+1]),this._$AH[l]=f}i&&!n&&this.j(t)}j(t){t===h?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}}class qt extends Y{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===h?void 0:t}}class Zt extends Y{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==h)}}class Wt extends Y{constructor(t,e,o,n,r){super(t,e,o,n,r),this.type=5}_$AI(t,e=this){if((t=D(this,t,e,0)??h)===O)return;const o=this._$AH,n=t===h&&o!==h||t.capture!==o.capture||t.once!==o.once||t.passive!==o.passive,r=t!==h&&(o===h||n);n&&this.element.removeEventListener(this.name,this,o),r&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){var e;typeof this._$AH=="function"?this._$AH.call(((e=this.options)==null?void 0:e.host)??this.element,t):this._$AH.handleEvent(t)}}class Kt{constructor(t,e,o){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=o}get _$AU(){return this._$AM._$AU}_$AI(t){D(this,t)}}const nt=F.litHtmlPolyfillSupport;nt==null||nt(Z,W),(F.litHtmlVersions??(F.litHtmlVersions=[])).push("3.3.0");const Gt=(s,t,e)=>{const o=(e==null?void 0:e.renderBefore)??t;let n=o._$litPart$;if(n===void 0){const r=(e==null?void 0:e.renderBefore)??null;o._$litPart$=n=new W(t.insertBefore(V(),r),r,void 0,e??{})}return n._$AI(s),n};/**
16
16
  * @license
17
17
  * Copyright 2017 Google LLC
18
18
  * SPDX-License-Identifier: BSD-3-Clause
@@ -87,10 +87,10 @@
87
87
  <path d="M2 2L14 14" stroke="#3F2B2E"/>
88
88
  <path d="M14 2L2 14" stroke="#3F2B2E"/>
89
89
  </svg>
90
- `,be=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
90
+ `,ve=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
91
91
  <path d="M7.12506 1C10.5018 1 13.2509 3.74834 13.251 7.125C13.2511 8.59738 12.7172 10.0206 11.7491 11.1299L14.8731 14.2539C15.0433 14.4253 15.0435 14.7018 14.8731 14.873C14.7913 14.9555 14.6797 15.002 14.5635 15.002C14.4475 15.0019 14.3357 14.9554 14.254 14.873L11.1309 11.749C10.0555 12.6818 8.6564 13.251 7.12506 13.251C3.7484 13.2508 1.00006 10.5017 1.00006 7.125C1.00025 3.74846 3.74852 1.00019 7.12506 1ZM7.12506 1.875C4.22971 1.87522 1.87506 4.23058 1.87506 7.12598C1.87532 10.0212 4.22987 12.3758 7.12506 12.376C10.0204 12.376 12.3758 10.0213 12.376 7.12598C12.376 4.23044 10.0206 1.875 7.12506 1.875Z" fill="#3F2B2E"/>
92
92
  </svg>
93
- `,ve=`<?xml version="1.0" encoding="utf-8"?>
93
+ `,be=`<?xml version="1.0" encoding="utf-8"?>
94
94
  <!-- Generator: $$$/GeneralStr/196=Adobe Illustrator 27.6.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
95
95
  <svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
96
96
  viewBox="0 0 40 40" style="enable-background:new 0 0 40 40;" xml:space="preserve">
@@ -109,7 +109,7 @@
109
109
  </style>
110
110
  <path class="st0" d="M27.3,20.7H12.7c-0.4,0-0.7-0.3-0.7-0.7s0.3-0.7,0.7-0.7h14.7c0.4,0,0.7,0.3,0.7,0.7S27.7,20.7,27.3,20.7z"/>
111
111
  </svg>
112
- `,ft={wishlist:ie,playerv:re,chevronRight:ae,chevronLeft:le,icoPlus:ve,icoMinus:ge,"star-0":ce,"star-25":he,"star-50":de,"star-75":pe,"star-100":ue,cross:fe,search:be};var ye=Object.defineProperty,me=Object.getOwnPropertyDescriptor,L=(s,t,e,o)=>{for(var n=o>1?void 0:o?me(t,e):t,r=s.length-1,i;r>=0;r--)(i=s[r])&&(n=(o?i(t,e,n):i(n))||n);return o&&n&&ye(t,e,n),n};let $=class extends m{constructor(){super(...arguments),this.bgstyle="background-light",this.size="medium",this.status="empty",this.type="button",this.strokewidth="1",this.icon="wishlist",this.disabled=!1}updated(s){super.updated(s),this.style.setProperty("--icon-stroke-width",this.strokewidth)}render(){const s=ft[this.icon]??"",t=`icon-${this.icon}`,e=s.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"');return d`
112
+ `,ft={wishlist:ie,playerv:re,chevronRight:ae,chevronLeft:le,icoPlus:be,icoMinus:ge,"star-0":ce,"star-25":he,"star-50":de,"star-75":pe,"star-100":ue,cross:fe,search:ve};var ye=Object.defineProperty,me=Object.getOwnPropertyDescriptor,L=(s,t,e,o)=>{for(var n=o>1?void 0:o?me(t,e):t,r=s.length-1,i;r>=0;r--)(i=s[r])&&(n=(o?i(t,e,n):i(n))||n);return o&&n&&ye(t,e,n),n};let $=class extends m{constructor(){super(...arguments),this.bgstyle="background-light",this.size="medium",this.status="empty",this.type="button",this.strokewidth="1",this.icon="wishlist",this.disabled=!1}updated(s){super.updated(s),this.style.setProperty("--icon-stroke-width",this.strokewidth)}render(){const s=ft[this.icon]??"",t=`icon-${this.icon}`,e=s.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"');return d`
113
113
  ${this.type==="span"?d`
114
114
  <span class="icon icon-button ${this.size} ${this.bgstyle} ${this.status} ${t}" ?disabled="${this.disabled}">
115
115
  ${Q(e)}
@@ -281,7 +281,7 @@
281
281
  }
282
282
 
283
283
  }
284
- `;L([a({type:String,reflect:!0})],$.prototype,"bgstyle",2);L([a({type:String,reflect:!0})],$.prototype,"size",2);L([a({type:String,reflect:!0})],$.prototype,"status",2);L([a({type:String,reflect:!0})],$.prototype,"type",2);L([a({type:String})],$.prototype,"strokewidth",2);L([a({type:String})],$.prototype,"icon",2);L([a({type:Boolean,reflect:!0})],$.prototype,"disabled",2);$=L([H("o-icon-button")],$);var $e=Object.defineProperty,we=Object.getOwnPropertyDescriptor,v=(s,t,e,o)=>{for(var n=o>1?void 0:o?we(t,e):t,r=s.length-1,i;r>=0;r--)(i=s[r])&&(n=(o?i(t,e,n):i(n))||n);return o&&n&&$e(t,e,n),n};const xe=te(m);let u=class extends xe{constructor(){super(...arguments),this.type="submit",this.value="",this.variant="primary",this.text="",this.textsecond="",this.fullwidth=!1,this.disabled=!1,this.iconstrokewidth="1",this.icon="",this.startIcon=!1,this.endIcon=!1,this.iconSize="small",this.panelTarget="",this.href="",this.target=""}get name(){return this.getAttribute("name")??""}set name(s){this.setAttribute("name",s)}get form(){return this[ut].form}handleClick(){if(this.panelTarget){const s=document.getElementById(this.panelTarget);s!=null&&s.openPanel&&typeof s.openPanel=="function"?s.openPanel():console.warn(`[o-button] No side panel with id="${this.panelTarget}" found or it does not have an openPanel method.`)}}render(){return this.href?this.renderLink():this.renderButton()}renderIcon(s){return this.icon?d`<o-icon-button
284
+ `;L([a({type:String,reflect:!0})],$.prototype,"bgstyle",2);L([a({type:String,reflect:!0})],$.prototype,"size",2);L([a({type:String,reflect:!0})],$.prototype,"status",2);L([a({type:String,reflect:!0})],$.prototype,"type",2);L([a({type:String})],$.prototype,"strokewidth",2);L([a({type:String})],$.prototype,"icon",2);L([a({type:Boolean,reflect:!0})],$.prototype,"disabled",2);$=L([H("o-icon-button")],$);var $e=Object.defineProperty,we=Object.getOwnPropertyDescriptor,b=(s,t,e,o)=>{for(var n=o>1?void 0:o?we(t,e):t,r=s.length-1,i;r>=0;r--)(i=s[r])&&(n=(o?i(t,e,n):i(n))||n);return o&&n&&$e(t,e,n),n};const xe=te(m);let u=class extends xe{constructor(){super(...arguments),this.type="submit",this.value="",this.variant="primary",this.text="",this.textsecond="",this.fullwidth=!1,this.disabled=!1,this.iconstrokewidth="1",this.icon="",this.startIcon=!1,this.endIcon=!1,this.iconSize="small",this.panelTarget="",this.href="",this.target=""}get name(){return this.getAttribute("name")??""}set name(s){this.setAttribute("name",s)}get form(){return this[ut].form}handleClick(){if(this.panelTarget){const s=document.getElementById(this.panelTarget);s!=null&&s.openPanel&&typeof s.openPanel=="function"?s.openPanel():console.warn(`[o-button] No side panel with id="${this.panelTarget}" found or it does not have an openPanel method.`)}}render(){return this.href?this.renderLink():this.renderButton()}renderIcon(s){return this.icon?d`<o-icon-button
285
285
  class=${s==="start"?"icon-start":"icon-end"}
286
286
  icon=${this.icon}
287
287
  bgstyle="${this.variant==="primary"?"none-light":"none-contrast"}"
@@ -439,7 +439,7 @@
439
439
  display: inline-flex;
440
440
  align-items: center;
441
441
  }
442
- `;v([a()],u.prototype,"type",2);v([a({reflect:!0})],u.prototype,"value",2);v([a({type:String,reflect:!0})],u.prototype,"variant",2);v([a({type:String})],u.prototype,"text",2);v([a({type:String})],u.prototype,"textsecond",2);v([a({type:Boolean,reflect:!0})],u.prototype,"fullwidth",2);v([a({type:Boolean,reflect:!0})],u.prototype,"disabled",2);v([a({type:String,attribute:"iconstrokewidth"})],u.prototype,"iconstrokewidth",2);v([a({type:String})],u.prototype,"icon",2);v([a({type:Boolean,reflect:!0,attribute:"starticon"})],u.prototype,"startIcon",2);v([a({type:Boolean,reflect:!0,attribute:"endicon"})],u.prototype,"endIcon",2);v([a({type:String,reflect:!0,attribute:"iconsize"})],u.prototype,"iconSize",2);v([a({type:String,attribute:"paneltarget",reflect:!0})],u.prototype,"panelTarget",2);v([a({type:String})],u.prototype,"href",2);v([a({type:String})],u.prototype,"target",2);u=v([H("o-button")],u);var _e=Object.defineProperty,Ae=Object.getOwnPropertyDescriptor,tt=(s,t,e,o)=>{for(var n=o>1?void 0:o?Ae(t,e):t,r=s.length-1,i;r>=0;r--)(i=s[r])&&(n=(o?i(t,e,n):i(n))||n);return o&&n&&_e(t,e,n),n};let U=class extends m{constructor(){super(...arguments),this.status="empty",this.ariaDescribedBy="a-product-name",this.label="Add to wishlist",this.toggleStatus=()=>{this.status=this.status==="empty"?"filled":"empty",this.setAttribute("aria-pressed",String(this.status==="filled")),this.dispatchEvent(new CustomEvent("wishlist-toggle",{detail:{status:this.status},bubbles:!0,composed:!0}))}}connectedCallback(){super.connectedCallback(),this.setAttribute("tabindex","0"),this.setAttribute("role","button"),this.setAttribute("aria-pressed",String(this.status==="filled"))}firstUpdated(){this.addEventListener("click",this.toggleStatus),this.addEventListener("keydown",this.handleKeydown)}handleKeydown(s){(s.key==="Enter"||s.key===" ")&&(s.preventDefault(),this.toggleStatus())}render(){const s=ft.wishlist.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"');return d`
442
+ `;b([a()],u.prototype,"type",2);b([a({reflect:!0})],u.prototype,"value",2);b([a({type:String,reflect:!0})],u.prototype,"variant",2);b([a({type:String})],u.prototype,"text",2);b([a({type:String})],u.prototype,"textsecond",2);b([a({type:Boolean,reflect:!0})],u.prototype,"fullwidth",2);b([a({type:Boolean,reflect:!0})],u.prototype,"disabled",2);b([a({type:String,attribute:"iconstrokewidth"})],u.prototype,"iconstrokewidth",2);b([a({type:String})],u.prototype,"icon",2);b([a({type:Boolean,reflect:!0,attribute:"starticon"})],u.prototype,"startIcon",2);b([a({type:Boolean,reflect:!0,attribute:"endicon"})],u.prototype,"endIcon",2);b([a({type:String,reflect:!0,attribute:"iconsize"})],u.prototype,"iconSize",2);b([a({type:String,attribute:"paneltarget",reflect:!0})],u.prototype,"panelTarget",2);b([a({type:String})],u.prototype,"href",2);b([a({type:String})],u.prototype,"target",2);u=b([H("o-button")],u);var _e=Object.defineProperty,Ae=Object.getOwnPropertyDescriptor,tt=(s,t,e,o)=>{for(var n=o>1?void 0:o?Ae(t,e):t,r=s.length-1,i;r>=0;r--)(i=s[r])&&(n=(o?i(t,e,n):i(n))||n);return o&&n&&_e(t,e,n),n};let U=class extends m{constructor(){super(...arguments),this.status="empty",this.ariaDescribedBy="a-product-name",this.label="Add to wishlist",this.toggleStatus=()=>{this.status=this.status==="empty"?"filled":"empty",this.setAttribute("aria-pressed",String(this.status==="filled")),this.dispatchEvent(new CustomEvent("wishlist-toggle",{detail:{status:this.status},bubbles:!0,composed:!0}))}}connectedCallback(){super.connectedCallback(),this.setAttribute("tabindex","0"),this.setAttribute("role","button"),this.setAttribute("aria-pressed",String(this.status==="filled"))}firstUpdated(){this.addEventListener("click",this.toggleStatus),this.addEventListener("keydown",this.handleKeydown)}handleKeydown(s){(s.key==="Enter"||s.key===" ")&&(s.preventDefault(),this.toggleStatus())}render(){const s=ft.wishlist.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"');return d`
443
443
  <button type="button" aria-describedby="${this.ariaDescribedBy}" class="wishlist-button">
444
444
  <span class="sr-only">${this.label}</span>
445
445
  ${Q(s)}
@@ -652,7 +652,7 @@
652
652
  text-decoration: underline;
653
653
  cursor: pointer;
654
654
  }
655
- `;et([a({type:Number})],N.prototype,"rating",2);et([a({type:String})],N.prototype,"reviewCount",2);et([a({type:String})],N.prototype,"href",2);N=et([H("o-rating")],N);var ke=Object.defineProperty,Pe=Object.getOwnPropertyDescriptor,y=(s,t,e,o)=>{for(var n=o>1?void 0:o?Pe(t,e):t,r=s.length-1,i;r>=0;r--)(i=s[r])&&(n=(o?i(t,e,n):i(n))||n);return o&&n&&ke(t,e,n),n};let g=class extends m{constructor(){super(...arguments),this.open=!1,this.showHeader=!0,this.showFooter=!1,this.headerTitle="",this.closeButtonLabel="Close the modal",this.firstButtonLabel="Close",this.firstButtonVariant="primary",this.secondaryButtonLabel="",this.secondaryButtonVariant="secondary",this.disablePortal=!1,this.previousFocusedElement=null,this.handleKeyDown=s=>{this.open&&(s.key==="Escape"?this.closePanel():s.key==="Tab"&&this.trapFocus(s))}}connectedCallback(){super.connectedCallback(),!this.disablePortal&&this.parentElement!==document.body&&document.body.appendChild(this),window.addEventListener("keydown",this.handleKeyDown)}disconnectedCallback(){document.body.style.overflow="",document.body.removeAttribute("data-side-panel"),window.removeEventListener("keydown",this.handleKeyDown),super.disconnectedCallback()}trapFocus(s){const t=this.getFocusableElements();if(t.length===0)return;const e=t[0],o=t[t.length-1];s.shiftKey&&document.activeElement===e?(s.preventDefault(),o.focus()):!s.shiftKey&&document.activeElement===o&&(s.preventDefault(),e.focus())}getFocusableElements(){const s=this.renderRoot.querySelector(".panel");return s?Array.from(s.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])')).filter(t=>!t.hasAttribute("disabled")):[]}openPanel(){this.previousFocusedElement=document.activeElement,this.open=!0,document.body.style.overflow="hidden",document.body.setAttribute("data-side-panel","open"),this.updateComplete.then(()=>{const s=this.getFocusableElements()[0];s==null||s.focus()})}closePanel(){var s;this.open=!1,document.body.style.overflow="",document.body.removeAttribute("data-side-panel"),(s=this.previousFocusedElement)==null||s.focus(),this.dispatchEvent(new CustomEvent("close",{bubbles:!0,composed:!0}))}handleFirstClick(){typeof this.onFirstButtonClick=="function"&&this.onFirstButtonClick(),this.closePanel()}handleSecondaryClick(){typeof this.onSecondaryButtonClick=="function"&&this.onSecondaryButtonClick(),this.closePanel()}render(){return d`
655
+ `;et([a({type:Number})],N.prototype,"rating",2);et([a({type:String})],N.prototype,"reviewCount",2);et([a({type:String})],N.prototype,"href",2);N=et([H("o-rating")],N);var Pe=Object.defineProperty,ke=Object.getOwnPropertyDescriptor,y=(s,t,e,o)=>{for(var n=o>1?void 0:o?ke(t,e):t,r=s.length-1,i;r>=0;r--)(i=s[r])&&(n=(o?i(t,e,n):i(n))||n);return o&&n&&Pe(t,e,n),n};let g=class extends m{constructor(){super(...arguments),this.open=!1,this.showHeader=!0,this.showFooter=!1,this.headerTitle="",this.closeButtonLabel="Close the modal",this.firstButtonLabel="Close",this.firstButtonVariant="primary",this.secondaryButtonLabel="",this.secondaryButtonVariant="secondary",this.disablePortal=!1,this.previousFocusedElement=null,this.handleKeyDown=s=>{this.open&&(s.key==="Escape"?this.closePanel():s.key==="Tab"&&this.trapFocus(s))}}connectedCallback(){super.connectedCallback(),!this.disablePortal&&this.parentElement!==document.body&&document.body.appendChild(this),window.addEventListener("keydown",this.handleKeyDown)}disconnectedCallback(){document.body.style.overflow="",document.body.removeAttribute("data-side-panel"),window.removeEventListener("keydown",this.handleKeyDown),super.disconnectedCallback()}trapFocus(s){const t=this.getFocusableElements();if(t.length===0)return;const e=t[0],o=t[t.length-1];s.shiftKey&&document.activeElement===e?(s.preventDefault(),o.focus()):!s.shiftKey&&document.activeElement===o&&(s.preventDefault(),e.focus())}getFocusableElements(){const s=this.renderRoot.querySelector(".panel");return s?Array.from(s.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])')).filter(t=>!t.hasAttribute("disabled")):[]}openPanel(){this.previousFocusedElement=document.activeElement,this.open=!0,document.body.style.overflow="hidden",document.body.setAttribute("data-side-panel","open"),this.updateComplete.then(()=>{const s=this.getFocusableElements()[0];s==null||s.focus()})}closePanel(){var s;this.open=!1,document.body.style.overflow="",document.body.removeAttribute("data-side-panel"),(s=this.previousFocusedElement)==null||s.focus(),this.dispatchEvent(new CustomEvent("close",{bubbles:!0,composed:!0}))}handleFirstClick(){typeof this.onFirstButtonClick=="function"&&this.onFirstButtonClick(),this.closePanel()}handleSecondaryClick(){typeof this.onSecondaryButtonClick=="function"&&this.onSecondaryButtonClick(),this.closePanel()}render(){return d`
656
656
  <div class="overlay" @click=${this.closePanel}></div>
657
657
  <div
658
658
  class="panel"
@@ -663,10 +663,10 @@
663
663
  <o-icon-button icon="cross" size="medium" class="close-btn" @click=${this.closePanel} aria-label="${this.closeButtonLabel}"></o-icon-button>
664
664
 
665
665
  ${this.showHeader?d`
666
- <div class="header">
667
- <span id="panel-title" class="panel-title">${this.headerTitle}</span>
668
- </div>
669
- `:null}
666
+ <div class="header">
667
+ <span id="panel-title" class="panel-title">${this.headerTitle}</span>
668
+ </div>
669
+ `:null}
670
670
 
671
671
  <div class="content">
672
672
  <slot></slot>
@@ -675,24 +675,24 @@
675
675
  ${this.showFooter?d`
676
676
  <div class="footer">
677
677
  ${this.firstButtonVariant&&this.firstButtonLabel?d`
678
- <o-button
679
- variant="${this.firstButtonVariant}"
680
- @click=${this.handleFirstClick}
681
- >
682
- ${this.firstButtonLabel}
683
- </o-button>
684
- `:null}
678
+ <o-button
679
+ variant="${this.firstButtonVariant}"
680
+ @click=${this.handleFirstClick}
681
+ >
682
+ ${this.firstButtonLabel}
683
+ </o-button>
684
+ `:null}
685
685
 
686
686
  ${this.secondaryButtonVariant&&this.secondaryButtonLabel?d`
687
- <o-button
688
- variant="${this.secondaryButtonVariant}"
689
- @click=${this.handleSecondaryClick}
690
- >
691
- ${this.secondaryButtonLabel}
692
- </o-button>
693
- `:null}
687
+ <o-button
688
+ variant="${this.secondaryButtonVariant}"
689
+ @click=${this.handleSecondaryClick}
690
+ >
691
+ ${this.secondaryButtonLabel}
692
+ </o-button>
693
+ `:null}
694
694
  </div>
695
- `:null}
695
+ `:null}
696
696
  </div>
697
697
  `}};g.styles=A`
698
698
  :host {
@@ -773,13 +773,8 @@
773
773
 
774
774
  .close-btn {
775
775
  position: absolute;
776
- top: 0.5rem;
777
- right: 0.5rem;
778
- background: none;
779
- border: none;
780
- font-size: 1.5rem;
781
- cursor: pointer;
782
- color: inherit;
776
+ top: 11px;
777
+ right: 5px;
783
778
  }
784
779
 
785
780
  .close-btn:focus {
package/index.mjs CHANGED
@@ -3,7 +3,7 @@
3
3
  * Copyright 2019 Google LLC
4
4
  * SPDX-License-Identifier: BSD-3-Clause
5
5
  */
6
- const G = globalThis, ct = G.ShadowRoot && (G.ShadyCSS === void 0 || G.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, ht = Symbol(), bt = /* @__PURE__ */ new WeakMap();
6
+ const G = globalThis, ct = G.ShadowRoot && (G.ShadyCSS === void 0 || G.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, ht = Symbol(), vt = /* @__PURE__ */ new WeakMap();
7
7
  let Et = class {
8
8
  constructor(t, e, o) {
9
9
  if (this._$cssResult$ = !0, o !== ht) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
@@ -14,7 +14,7 @@ let Et = class {
14
14
  const e = this.t;
15
15
  if (ct && t === void 0) {
16
16
  const o = e !== void 0 && e.length === 1;
17
- o && (t = bt.get(e)), t === void 0 && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), o && bt.set(e, t));
17
+ o && (t = vt.get(e)), t === void 0 && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), o && vt.set(e, t));
18
18
  }
19
19
  return t;
20
20
  }
@@ -35,7 +35,7 @@ const Bt = (s) => new Et(typeof s == "string" ? s : s + "", void 0, ht), A = (s,
35
35
  const o = document.createElement("style"), n = G.litNonce;
36
36
  n !== void 0 && o.setAttribute("nonce", n), o.textContent = e.cssText, s.appendChild(o);
37
37
  }
38
- }, vt = ct ? (s) => s : (s) => s instanceof CSSStyleSheet ? ((t) => {
38
+ }, bt = ct ? (s) => s : (s) => s instanceof CSSStyleSheet ? ((t) => {
39
39
  let e = "";
40
40
  for (const o of t.cssRules) e += o.cssText;
41
41
  return Bt(e);
@@ -129,8 +129,8 @@ let z = class extends HTMLElement {
129
129
  const e = [];
130
130
  if (Array.isArray(t)) {
131
131
  const o = new Set(t.flat(1 / 0).reverse());
132
- for (const n of o) e.unshift(vt(n));
133
- } else t !== void 0 && e.push(vt(t));
132
+ for (const n of o) e.unshift(bt(n));
133
+ } else t !== void 0 && e.push(bt(t));
134
134
  return e;
135
135
  }
136
136
  static _$Eu(t, e) {
@@ -283,9 +283,9 @@ z.elementStyles = [], z.shadowRootOptions = { mode: "open" }, z[R("elementProper
283
283
  * SPDX-License-Identifier: BSD-3-Clause
284
284
  */
285
285
  const F = globalThis, J = F.trustedTypes, mt = J ? J.createPolicy("lit-html", { createHTML: (s) => s }) : void 0, Ct = "$lit$", E = `lit$${Math.random().toFixed(9).slice(2)}$`, Lt = "?" + E, Nt = `<${Lt}>`, I = document, V = () => I.createComment(""), q = (s) => s === null || typeof s != "object" && typeof s != "function", pt = Array.isArray, jt = (s) => pt(s) || typeof (s == null ? void 0 : s[Symbol.iterator]) == "function", ot = `[
286
- \f\r]`, j = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, $t = /-->/g, wt = />/g, k = RegExp(`>|${ot}(?:([^\\s"'>=/]+)(${ot}*=${ot}*(?:[^
287
- \f\r"'\`<>=]|("|')|))|$)`, "g"), xt = /'/g, _t = /"/g, kt = /^(?:script|style|textarea|title)$/i, Rt = (s) => (t, ...e) => ({ _$litType$: s, strings: t, values: e }), d = Rt(1), O = Symbol.for("lit-noChange"), h = Symbol.for("lit-nothing"), At = /* @__PURE__ */ new WeakMap(), P = I.createTreeWalker(I, 129);
288
- function Pt(s, t) {
286
+ \f\r]`, j = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, $t = /-->/g, wt = />/g, P = RegExp(`>|${ot}(?:([^\\s"'>=/]+)(${ot}*=${ot}*(?:[^
287
+ \f\r"'\`<>=]|("|')|))|$)`, "g"), xt = /'/g, _t = /"/g, Pt = /^(?:script|style|textarea|title)$/i, Rt = (s) => (t, ...e) => ({ _$litType$: s, strings: t, values: e }), d = Rt(1), O = Symbol.for("lit-noChange"), h = Symbol.for("lit-nothing"), At = /* @__PURE__ */ new WeakMap(), k = I.createTreeWalker(I, 129);
288
+ function kt(s, t) {
289
289
  if (!pt(s) || !s.hasOwnProperty("raw")) throw Error("invalid template strings array");
290
290
  return mt !== void 0 ? mt.createHTML(t) : t;
291
291
  }
@@ -294,34 +294,34 @@ const Ft = (s, t) => {
294
294
  let n, r = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", i = j;
295
295
  for (let c = 0; c < e; c++) {
296
296
  const l = s[c];
297
- let f, b, p = -1, w = 0;
298
- for (; w < l.length && (i.lastIndex = w, b = i.exec(l), b !== null); ) w = i.lastIndex, i === j ? b[1] === "!--" ? i = $t : b[1] !== void 0 ? i = wt : b[2] !== void 0 ? (kt.test(b[2]) && (n = RegExp("</" + b[2], "g")), i = k) : b[3] !== void 0 && (i = k) : i === k ? b[0] === ">" ? (i = n ?? j, p = -1) : b[1] === void 0 ? p = -2 : (p = i.lastIndex - b[2].length, f = b[1], i = b[3] === void 0 ? k : b[3] === '"' ? _t : xt) : i === _t || i === xt ? i = k : i === $t || i === wt ? i = j : (i = k, n = void 0);
299
- const S = i === k && s[c + 1].startsWith("/>") ? " " : "";
297
+ let f, v, p = -1, w = 0;
298
+ for (; w < l.length && (i.lastIndex = w, v = i.exec(l), v !== null); ) w = i.lastIndex, i === j ? v[1] === "!--" ? i = $t : v[1] !== void 0 ? i = wt : v[2] !== void 0 ? (Pt.test(v[2]) && (n = RegExp("</" + v[2], "g")), i = P) : v[3] !== void 0 && (i = P) : i === P ? v[0] === ">" ? (i = n ?? j, p = -1) : v[1] === void 0 ? p = -2 : (p = i.lastIndex - v[2].length, f = v[1], i = v[3] === void 0 ? P : v[3] === '"' ? _t : xt) : i === _t || i === xt ? i = P : i === $t || i === wt ? i = j : (i = P, n = void 0);
299
+ const S = i === P && s[c + 1].startsWith("/>") ? " " : "";
300
300
  r += i === j ? l + Nt : p >= 0 ? (o.push(f), l.slice(0, p) + Ct + l.slice(p) + E + S) : l + E + (p === -2 ? c : S);
301
301
  }
302
- return [Pt(s, r + (s[e] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), o];
302
+ return [kt(s, r + (s[e] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), o];
303
303
  };
304
304
  class Z {
305
305
  constructor({ strings: t, _$litType$: e }, o) {
306
306
  let n;
307
307
  this.parts = [];
308
308
  let r = 0, i = 0;
309
- const c = t.length - 1, l = this.parts, [f, b] = Ft(t, e);
310
- if (this.el = Z.createElement(f, o), P.currentNode = this.el.content, e === 2 || e === 3) {
309
+ const c = t.length - 1, l = this.parts, [f, v] = Ft(t, e);
310
+ if (this.el = Z.createElement(f, o), k.currentNode = this.el.content, e === 2 || e === 3) {
311
311
  const p = this.el.content.firstChild;
312
312
  p.replaceWith(...p.childNodes);
313
313
  }
314
- for (; (n = P.nextNode()) !== null && l.length < c; ) {
314
+ for (; (n = k.nextNode()) !== null && l.length < c; ) {
315
315
  if (n.nodeType === 1) {
316
316
  if (n.hasAttributes()) for (const p of n.getAttributeNames()) if (p.endsWith(Ct)) {
317
- const w = b[i++], S = n.getAttribute(p).split(E), K = /([.?@])?(.*)/.exec(w);
317
+ const w = v[i++], S = n.getAttribute(p).split(E), K = /([.?@])?(.*)/.exec(w);
318
318
  l.push({ type: 1, index: r, name: K[2], strings: S, ctor: K[1] === "." ? qt : K[1] === "?" ? Zt : K[1] === "@" ? Wt : Y }), n.removeAttribute(p);
319
319
  } else p.startsWith(E) && (l.push({ type: 6, index: r }), n.removeAttribute(p));
320
- if (kt.test(n.tagName)) {
320
+ if (Pt.test(n.tagName)) {
321
321
  const p = n.textContent.split(E), w = p.length - 1;
322
322
  if (w > 0) {
323
323
  n.textContent = J ? J.emptyScript : "";
324
- for (let S = 0; S < w; S++) n.append(p[S], V()), P.nextNode(), l.push({ type: 2, index: ++r });
324
+ for (let S = 0; S < w; S++) n.append(p[S], V()), k.nextNode(), l.push({ type: 2, index: ++r });
325
325
  n.append(p[w], V());
326
326
  }
327
327
  }
@@ -357,16 +357,16 @@ class Vt {
357
357
  }
358
358
  u(t) {
359
359
  const { el: { content: e }, parts: o } = this._$AD, n = ((t == null ? void 0 : t.creationScope) ?? I).importNode(e, !0);
360
- P.currentNode = n;
361
- let r = P.nextNode(), i = 0, c = 0, l = o[0];
360
+ k.currentNode = n;
361
+ let r = k.nextNode(), i = 0, c = 0, l = o[0];
362
362
  for (; l !== void 0; ) {
363
363
  if (i === l.index) {
364
364
  let f;
365
365
  l.type === 2 ? f = new W(r, r.nextSibling, this, t) : l.type === 1 ? f = new l.ctor(r, l.name, l.strings, this, t) : l.type === 6 && (f = new Kt(r, this, t)), this._$AV.push(f), l = o[++c];
366
366
  }
367
- i !== (l == null ? void 0 : l.index) && (r = P.nextNode(), i++);
367
+ i !== (l == null ? void 0 : l.index) && (r = k.nextNode(), i++);
368
368
  }
369
- return P.currentNode = I, n;
369
+ return k.currentNode = I, n;
370
370
  }
371
371
  p(t) {
372
372
  let e = 0;
@@ -406,7 +406,7 @@ class W {
406
406
  }
407
407
  $(t) {
408
408
  var r;
409
- const { values: e, _$litType$: o } = t, n = typeof o == "number" ? this._$AC(t) : (o.el === void 0 && (o.el = Z.createElement(Pt(o.h, o.h[0]), this.options)), o);
409
+ const { values: e, _$litType$: o } = t, n = typeof o == "number" ? this._$AC(t) : (o.el === void 0 && (o.el = Z.createElement(kt(o.h, o.h[0]), this.options)), o);
410
410
  if (((r = this._$AH) == null ? void 0 : r._$AD) === n) this._$AH.p(e);
411
411
  else {
412
412
  const i = new Vt(n, this), c = i.u(this.options);
@@ -737,10 +737,10 @@ const Q = oe(lt), ie = `<svg width="16" height="16" viewBox="0 0 16 16" fill="no
737
737
  <path d="M2 2L14 14" stroke="#3F2B2E"/>
738
738
  <path d="M14 2L2 14" stroke="#3F2B2E"/>
739
739
  </svg>
740
- `, be = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
740
+ `, ve = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
741
741
  <path d="M7.12506 1C10.5018 1 13.2509 3.74834 13.251 7.125C13.2511 8.59738 12.7172 10.0206 11.7491 11.1299L14.8731 14.2539C15.0433 14.4253 15.0435 14.7018 14.8731 14.873C14.7913 14.9555 14.6797 15.002 14.5635 15.002C14.4475 15.0019 14.3357 14.9554 14.254 14.873L11.1309 11.749C10.0555 12.6818 8.6564 13.251 7.12506 13.251C3.7484 13.2508 1.00006 10.5017 1.00006 7.125C1.00025 3.74846 3.74852 1.00019 7.12506 1ZM7.12506 1.875C4.22971 1.87522 1.87506 4.23058 1.87506 7.12598C1.87532 10.0212 4.22987 12.3758 7.12506 12.376C10.0204 12.376 12.3758 10.0213 12.376 7.12598C12.376 4.23044 10.0206 1.875 7.12506 1.875Z" fill="#3F2B2E"/>
742
742
  </svg>
743
- `, ve = `<?xml version="1.0" encoding="utf-8"?>
743
+ `, be = `<?xml version="1.0" encoding="utf-8"?>
744
744
  <!-- Generator: $$$/GeneralStr/196=Adobe Illustrator 27.6.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
745
745
  <svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
746
746
  viewBox="0 0 40 40" style="enable-background:new 0 0 40 40;" xml:space="preserve">
@@ -764,7 +764,7 @@ const Q = oe(lt), ie = `<svg width="16" height="16" viewBox="0 0 16 16" fill="no
764
764
  playerv: re,
765
765
  chevronRight: ae,
766
766
  chevronLeft: le,
767
- icoPlus: ve,
767
+ icoPlus: be,
768
768
  icoMinus: ge,
769
769
  "star-0": ce,
770
770
  "star-25": he,
@@ -772,7 +772,7 @@ const Q = oe(lt), ie = `<svg width="16" height="16" viewBox="0 0 16 16" fill="no
772
772
  "star-75": pe,
773
773
  "star-100": ue,
774
774
  cross: fe,
775
- search: be
775
+ search: ve
776
776
  };
777
777
  var ye = Object.defineProperty, me = Object.getOwnPropertyDescriptor, L = (s, t, e, o) => {
778
778
  for (var n = o > 1 ? void 0 : o ? me(t, e) : t, r = s.length - 1, i; r >= 0; r--)
@@ -991,7 +991,7 @@ L([
991
991
  $ = L([
992
992
  H("o-icon-button")
993
993
  ], $);
994
- var $e = Object.defineProperty, we = Object.getOwnPropertyDescriptor, v = (s, t, e, o) => {
994
+ var $e = Object.defineProperty, we = Object.getOwnPropertyDescriptor, b = (s, t, e, o) => {
995
995
  for (var n = o > 1 ? void 0 : o ? we(t, e) : t, r = s.length - 1, i; r >= 0; r--)
996
996
  (i = s[r]) && (n = (o ? i(t, e, n) : i(n)) || n);
997
997
  return o && n && $e(t, e, n), n;
@@ -1192,52 +1192,52 @@ u.styles = A`
1192
1192
  align-items: center;
1193
1193
  }
1194
1194
  `;
1195
- v([
1195
+ b([
1196
1196
  a()
1197
1197
  ], u.prototype, "type", 2);
1198
- v([
1198
+ b([
1199
1199
  a({ reflect: !0 })
1200
1200
  ], u.prototype, "value", 2);
1201
- v([
1201
+ b([
1202
1202
  a({ type: String, reflect: !0 })
1203
1203
  ], u.prototype, "variant", 2);
1204
- v([
1204
+ b([
1205
1205
  a({ type: String })
1206
1206
  ], u.prototype, "text", 2);
1207
- v([
1207
+ b([
1208
1208
  a({ type: String })
1209
1209
  ], u.prototype, "textsecond", 2);
1210
- v([
1210
+ b([
1211
1211
  a({ type: Boolean, reflect: !0 })
1212
1212
  ], u.prototype, "fullwidth", 2);
1213
- v([
1213
+ b([
1214
1214
  a({ type: Boolean, reflect: !0 })
1215
1215
  ], u.prototype, "disabled", 2);
1216
- v([
1216
+ b([
1217
1217
  a({ type: String, attribute: "iconstrokewidth" })
1218
1218
  ], u.prototype, "iconstrokewidth", 2);
1219
- v([
1219
+ b([
1220
1220
  a({ type: String })
1221
1221
  ], u.prototype, "icon", 2);
1222
- v([
1222
+ b([
1223
1223
  a({ type: Boolean, reflect: !0, attribute: "starticon" })
1224
1224
  ], u.prototype, "startIcon", 2);
1225
- v([
1225
+ b([
1226
1226
  a({ type: Boolean, reflect: !0, attribute: "endicon" })
1227
1227
  ], u.prototype, "endIcon", 2);
1228
- v([
1228
+ b([
1229
1229
  a({ type: String, reflect: !0, attribute: "iconsize" })
1230
1230
  ], u.prototype, "iconSize", 2);
1231
- v([
1231
+ b([
1232
1232
  a({ type: String, attribute: "paneltarget", reflect: !0 })
1233
1233
  ], u.prototype, "panelTarget", 2);
1234
- v([
1234
+ b([
1235
1235
  a({ type: String })
1236
1236
  ], u.prototype, "href", 2);
1237
- v([
1237
+ b([
1238
1238
  a({ type: String })
1239
1239
  ], u.prototype, "target", 2);
1240
- u = v([
1240
+ u = b([
1241
1241
  H("o-button")
1242
1242
  ], u);
1243
1243
  var _e = Object.defineProperty, Ae = Object.getOwnPropertyDescriptor, tt = (s, t, e, o) => {
@@ -1580,10 +1580,10 @@ et([
1580
1580
  N = et([
1581
1581
  H("o-rating")
1582
1582
  ], N);
1583
- var ke = Object.defineProperty, Pe = Object.getOwnPropertyDescriptor, y = (s, t, e, o) => {
1584
- for (var n = o > 1 ? void 0 : o ? Pe(t, e) : t, r = s.length - 1, i; r >= 0; r--)
1583
+ var Pe = Object.defineProperty, ke = Object.getOwnPropertyDescriptor, y = (s, t, e, o) => {
1584
+ for (var n = o > 1 ? void 0 : o ? ke(t, e) : t, r = s.length - 1, i; r >= 0; r--)
1585
1585
  (i = s[r]) && (n = (o ? i(t, e, n) : i(n)) || n);
1586
- return o && n && ke(t, e, n), n;
1586
+ return o && n && Pe(t, e, n), n;
1587
1587
  };
1588
1588
  let g = class extends m {
1589
1589
  constructor() {
@@ -1641,10 +1641,10 @@ let g = class extends m {
1641
1641
  <o-icon-button icon="cross" size="medium" class="close-btn" @click=${this.closePanel} aria-label="${this.closeButtonLabel}"></o-icon-button>
1642
1642
 
1643
1643
  ${this.showHeader ? d`
1644
- <div class="header">
1645
- <span id="panel-title" class="panel-title">${this.headerTitle}</span>
1646
- </div>
1647
- ` : null}
1644
+ <div class="header">
1645
+ <span id="panel-title" class="panel-title">${this.headerTitle}</span>
1646
+ </div>
1647
+ ` : null}
1648
1648
 
1649
1649
  <div class="content">
1650
1650
  <slot></slot>
@@ -1653,24 +1653,24 @@ let g = class extends m {
1653
1653
  ${this.showFooter ? d`
1654
1654
  <div class="footer">
1655
1655
  ${this.firstButtonVariant && this.firstButtonLabel ? d`
1656
- <o-button
1657
- variant="${this.firstButtonVariant}"
1658
- @click=${this.handleFirstClick}
1659
- >
1660
- ${this.firstButtonLabel}
1661
- </o-button>
1662
- ` : null}
1656
+ <o-button
1657
+ variant="${this.firstButtonVariant}"
1658
+ @click=${this.handleFirstClick}
1659
+ >
1660
+ ${this.firstButtonLabel}
1661
+ </o-button>
1662
+ ` : null}
1663
1663
 
1664
1664
  ${this.secondaryButtonVariant && this.secondaryButtonLabel ? d`
1665
- <o-button
1666
- variant="${this.secondaryButtonVariant}"
1667
- @click=${this.handleSecondaryClick}
1668
- >
1669
- ${this.secondaryButtonLabel}
1670
- </o-button>
1671
- ` : null}
1665
+ <o-button
1666
+ variant="${this.secondaryButtonVariant}"
1667
+ @click=${this.handleSecondaryClick}
1668
+ >
1669
+ ${this.secondaryButtonLabel}
1670
+ </o-button>
1671
+ ` : null}
1672
1672
  </div>
1673
- ` : null}
1673
+ ` : null}
1674
1674
  </div>
1675
1675
  `;
1676
1676
  }
@@ -1754,13 +1754,8 @@ g.styles = A`
1754
1754
 
1755
1755
  .close-btn {
1756
1756
  position: absolute;
1757
- top: 0.5rem;
1758
- right: 0.5rem;
1759
- background: none;
1760
- border: none;
1761
- font-size: 1.5rem;
1762
- cursor: pointer;
1763
- color: inherit;
1757
+ top: 11px;
1758
+ right: 5px;
1764
1759
  }
1765
1760
 
1766
1761
  .close-btn:focus {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@florid-kit/components",
3
- "version": "0.3.37",
3
+ "version": "0.3.38",
4
4
  "main": "index.js",
5
5
  "module": "index.mjs",
6
6
  "typings": "index.d.ts",