@florid-kit/components 0.8.38 → 0.8.39

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 +23 -19
  2. package/index.mjs +78 -73
  3. package/package.json +1 -1
package/index.js CHANGED
@@ -127,7 +127,11 @@
127
127
  </svg>
128
128
  `,Xe=`<svg viewBox="0 0 200 200" preserveAspectRatio="none" xmlns="http://www.w3.org/2000/svg">
129
129
  <line x1="0" y1="0" x2="200" y2="200" />
130
- </svg>`,W={wishlist:Se,playerv:Le,chevronRight:Pe,chevronLeft:Ie,icoPlus:je,icoMinus:Ne,"star-0":Oe,"star-25":Be,"star-50":ze,"star-75":De,"star-100":He,cross:Me,search:Te,arrowLeft:Ue,arrowTop:Re,cart:Fe,notifyme:Ve,triangledown:Ze,triangleup:qe,checkstroke:We,pause:Ke,mapDualArrow:Ge},Je={strikeDiagonal:Xe};/**
130
+ </svg>`,Je=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
131
+ <path d="M2.31202e-08 7.85218C0.974855 6.83983 3.01741 4.44477 6.12766 0.666992L6.54545 0.926252C5.54739 3.04971 4.35203 5.40773 2.95938 8.00033C4.35203 10.5929 5.54739 12.9509 6.54545 15.0744L6.12766 15.3337C3.01741 11.5559 0.974855 9.16082 0 8.14847L2.31202e-08 7.85218Z" fill="#3F2B2E"/>
132
+ <path d="M16 8.14847C15.0251 9.16082 12.9826 11.5559 9.87234 15.3337L9.45455 15.0744C10.4526 12.9509 11.648 10.5929 13.0406 8.00033C11.648 5.40773 10.4526 3.04971 9.45455 0.92625L9.87234 0.666992C12.9826 4.44477 15.0251 6.83983 16 7.85218V8.14847Z" fill="#3F2B2E"/>
133
+ </svg>
134
+ `,W={wishlist:Se,playerv:Le,chevronRight:Pe,chevronLeft:Ie,icoPlus:je,icoMinus:Ne,"star-0":Oe,"star-25":Be,"star-50":ze,"star-75":De,"star-100":He,cross:Me,search:Te,arrowLeft:Ue,arrowTop:Re,cart:Fe,notifyme:Ve,triangledown:Ze,triangleup:qe,checkstroke:We,pause:Ke,mapDualArrow:Ge,swipeDualArrow:Je},Qe={strikeDiagonal:Xe};/**
131
135
  * @license
132
136
  * Copyright 2017 Google LLC
133
137
  * SPDX-License-Identifier: BSD-3-Clause
@@ -139,7 +143,7 @@
139
143
  * @license
140
144
  * Copyright 2017 Google LLC
141
145
  * SPDX-License-Identifier: BSD-3-Clause
142
- */class At extends kt{}At.directiveName="unsafeSVG",At.resultType=2;const S=Dt(At);var Qe=Object.defineProperty,Ye=Object.getOwnPropertyDescriptor,w=(o,t,e,n)=>{for(var i=n>1?void 0:n?Ye(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&Qe(t,e,i),i};const to=Bt(v);let b=class extends to{constructor(){super(...arguments),this.type="submit",this.value="",this.variant="primary",this.text="",this.textsecond="",this.fullwidth=!1,this.disabled=!1,this.startIconModel="",this.endIconModel="",this.startIcon=!1,this.endIcon=!1,this.panelTarget="",this.href="",this.target="",this.underlined=!1}get name(){return this.getAttribute("name")??""}set name(o){this.setAttribute("name",o)}get form(){return this[Ot].form}handleClick(){if(this.panelTarget){const o=document.getElementById(this.panelTarget);o!=null&&o.openPanel&&typeof o.openPanel=="function"?o.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(o){const t=o==="start"?this.startIconModel:this.endIconModel;if(!t)return d;const e=W[t].replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"');return l`<span class="${o==="start"?"icon-start":"icon-end"}">${S(e)}</span>`}renderButton(){const o=this.text||this.textsecond;return l`
146
+ */class At extends kt{}At.directiveName="unsafeSVG",At.resultType=2;const S=Dt(At);var Ye=Object.defineProperty,to=Object.getOwnPropertyDescriptor,w=(o,t,e,n)=>{for(var i=n>1?void 0:n?to(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&Ye(t,e,i),i};const eo=Bt(v);let b=class extends eo{constructor(){super(...arguments),this.type="submit",this.value="",this.variant="primary",this.text="",this.textsecond="",this.fullwidth=!1,this.disabled=!1,this.startIconModel="",this.endIconModel="",this.startIcon=!1,this.endIcon=!1,this.panelTarget="",this.href="",this.target="",this.underlined=!1}get name(){return this.getAttribute("name")??""}set name(o){this.setAttribute("name",o)}get form(){return this[Ot].form}handleClick(){if(this.panelTarget){const o=document.getElementById(this.panelTarget);o!=null&&o.openPanel&&typeof o.openPanel=="function"?o.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(o){const t=o==="start"?this.startIconModel:this.endIconModel;if(!t)return d;const e=W[t].replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"');return l`<span class="${o==="start"?"icon-start":"icon-end"}">${S(e)}</span>`}renderButton(){const o=this.text||this.textsecond;return l`
143
147
  <button type=${this.type} class="button" ?disabled=${this.disabled} @click=${this.handleClick}>
144
148
  ${this.startIcon?this.renderIcon("start"):d}
145
149
  ${o?l`
@@ -346,7 +350,7 @@
346
350
  transform: translateX(4px);
347
351
  }
348
352
  //End icon movment on hover
349
- `;w([a()],b.prototype,"type",2);w([a({reflect:!0})],b.prototype,"value",2);w([a({type:String,reflect:!0})],b.prototype,"variant",2);w([a({type:String})],b.prototype,"text",2);w([a({type:String})],b.prototype,"textsecond",2);w([a({type:Boolean,reflect:!0})],b.prototype,"fullwidth",2);w([a({type:Boolean,reflect:!0})],b.prototype,"disabled",2);w([a({type:String,reflect:!0})],b.prototype,"startIconModel",2);w([a({type:String,reflect:!0})],b.prototype,"endIconModel",2);w([a({type:Boolean,reflect:!0,attribute:"starticon"})],b.prototype,"startIcon",2);w([a({type:Boolean,reflect:!0,attribute:"endicon"})],b.prototype,"endIcon",2);w([a({type:String,attribute:"paneltarget",reflect:!0})],b.prototype,"panelTarget",2);w([a({type:String})],b.prototype,"href",2);w([a({type:String})],b.prototype,"target",2);w([a({type:Boolean,reflect:!0})],b.prototype,"underlined",2);b=w([x("o-button")],b);var eo=Object.defineProperty,oo=Object.getOwnPropertyDescriptor,yt=(o,t,e,n)=>{for(var i=n>1?void 0:n?oo(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&eo(t,e,i),i};let J=class extends v{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(o){(o.key==="Enter"||o.key===" ")&&(o.preventDefault(),this.toggleStatus())}render(){const o=W.wishlist.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"');return l`
353
+ `;w([a()],b.prototype,"type",2);w([a({reflect:!0})],b.prototype,"value",2);w([a({type:String,reflect:!0})],b.prototype,"variant",2);w([a({type:String})],b.prototype,"text",2);w([a({type:String})],b.prototype,"textsecond",2);w([a({type:Boolean,reflect:!0})],b.prototype,"fullwidth",2);w([a({type:Boolean,reflect:!0})],b.prototype,"disabled",2);w([a({type:String,reflect:!0})],b.prototype,"startIconModel",2);w([a({type:String,reflect:!0})],b.prototype,"endIconModel",2);w([a({type:Boolean,reflect:!0,attribute:"starticon"})],b.prototype,"startIcon",2);w([a({type:Boolean,reflect:!0,attribute:"endicon"})],b.prototype,"endIcon",2);w([a({type:String,attribute:"paneltarget",reflect:!0})],b.prototype,"panelTarget",2);w([a({type:String})],b.prototype,"href",2);w([a({type:String})],b.prototype,"target",2);w([a({type:Boolean,reflect:!0})],b.prototype,"underlined",2);b=w([x("o-button")],b);var oo=Object.defineProperty,io=Object.getOwnPropertyDescriptor,yt=(o,t,e,n)=>{for(var i=n>1?void 0:n?io(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&oo(t,e,i),i};let J=class extends v{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(o){(o.key==="Enter"||o.key===" ")&&(o.preventDefault(),this.toggleStatus())}render(){const o=W.wishlist.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"');return l`
350
354
  <button type="button" aria-describedby="${this.ariaDescribedBy}" class="wishlist-button">
351
355
  <span class="sr-only">${this.label}</span>
352
356
  ${S(o)}
@@ -420,7 +424,7 @@
420
424
  * @license
421
425
  * Copyright 2018 Google LLC
422
426
  * SPDX-License-Identifier: BSD-3-Clause
423
- */const $=o=>o??d;var io=Object.defineProperty,no=Object.getOwnPropertyDescriptor,P=(o,t,e,n)=>{for(var i=n>1?void 0:n?no(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&io(t,e,i),i};let _=class extends v{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,this.showSrLabel=!1,this.srLabel=""}updated(o){super.updated(o),this.style.setProperty("--icon-stroke-width",this.strokewidth)}render(){const o=W[this.icon]??"",t=`icon-${this.icon}`,e=o.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"'),n=this.showSrLabel?l`<span class="sr-only">${this.srLabel}</span>`:null,i=this.showSrLabel?null:"icon";return l`
427
+ */const $=o=>o??d;var no=Object.defineProperty,ro=Object.getOwnPropertyDescriptor,P=(o,t,e,n)=>{for(var i=n>1?void 0:n?ro(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&no(t,e,i),i};let _=class extends v{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,this.showSrLabel=!1,this.srLabel=""}updated(o){super.updated(o),this.style.setProperty("--icon-stroke-width",this.strokewidth)}render(){const o=W[this.icon]??"",t=`icon-${this.icon}`,e=o.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"'),n=this.showSrLabel?l`<span class="sr-only">${this.srLabel}</span>`:null,i=this.showSrLabel?null:"icon";return l`
424
428
  ${this.type==="span"?l`
425
429
  <span class="icon icon-button ${this.size} ${this.bgstyle} ${this.status} ${t}" ?disabled="${this.disabled}">
426
430
  ${S(e)}
@@ -646,7 +650,7 @@
646
650
  .sr-only {
647
651
  display: none;
648
652
  }
649
- `;P([a({type:String,reflect:!0})],_.prototype,"bgstyle",2);P([a({type:String,reflect:!0})],_.prototype,"size",2);P([a({type:String,reflect:!0})],_.prototype,"status",2);P([a({type:String,reflect:!0})],_.prototype,"type",2);P([a({type:String})],_.prototype,"strokewidth",2);P([a({type:String})],_.prototype,"icon",2);P([a({type:Boolean,reflect:!0})],_.prototype,"disabled",2);P([a({type:Boolean})],_.prototype,"showSrLabel",2);P([a({type:String})],_.prototype,"srLabel",2);_=P([x("o-icon-button")],_);var ro=Object.defineProperty,so=Object.getOwnPropertyDescriptor,K=(o,t,e,n)=>{for(var i=n>1?void 0:n?so(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&ro(t,e,i),i};let B=class extends v{constructor(){super(...arguments),this.href="",this.target="",this.template="standard",this.inverse=!1,this.endIcon=!1,this.reverseEndIcon=!1}_handleClick(o){(!this.href||this.href==="#")&&o.preventDefault()}render(){const o=this.href||"#";return l`
653
+ `;P([a({type:String,reflect:!0})],_.prototype,"bgstyle",2);P([a({type:String,reflect:!0})],_.prototype,"size",2);P([a({type:String,reflect:!0})],_.prototype,"status",2);P([a({type:String,reflect:!0})],_.prototype,"type",2);P([a({type:String})],_.prototype,"strokewidth",2);P([a({type:String})],_.prototype,"icon",2);P([a({type:Boolean,reflect:!0})],_.prototype,"disabled",2);P([a({type:Boolean})],_.prototype,"showSrLabel",2);P([a({type:String})],_.prototype,"srLabel",2);_=P([x("o-icon-button")],_);var so=Object.defineProperty,ao=Object.getOwnPropertyDescriptor,K=(o,t,e,n)=>{for(var i=n>1?void 0:n?ao(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&so(t,e,i),i};let B=class extends v{constructor(){super(...arguments),this.href="",this.target="",this.template="standard",this.inverse=!1,this.endIcon=!1,this.reverseEndIcon=!1}_handleClick(o){(!this.href||this.href==="#")&&o.preventDefault()}render(){const o=this.href||"#";return l`
650
654
  <a
651
655
  href="${o}"
652
656
  target="${$(this.target||void 0)}"
@@ -759,7 +763,7 @@
759
763
  height: 1px;
760
764
  }
761
765
  /* End of underline effect */
762
- `;K([a({type:String})],B.prototype,"href",2);K([a({type:String})],B.prototype,"target",2);K([a({type:String,reflect:!0})],B.prototype,"template",2);K([a({type:Boolean,reflect:!0})],B.prototype,"inverse",2);K([a({type:Boolean,reflect:!0})],B.prototype,"endIcon",2);K([a({type:Boolean,reflect:!0})],B.prototype,"reverseEndIcon",2);B=K([x("o-link")],B);var ao=Object.defineProperty,lo=Object.getOwnPropertyDescriptor,mt=(o,t,e,n)=>{for(var i=n>1?void 0:n?lo(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&ao(t,e,i),i};let Q=class extends v{constructor(){super(...arguments),this.rating=0}getStarKeys(){const o=[];for(let t=0;t<5;t++){const e=this.rating-t;let n;e>=1?n=100:e<=0?n=0:n=Math.round(e*100/25)*25,o.push(`star-${n}`)}return o}render(){const o=this.getStarKeys();return l`
766
+ `;K([a({type:String})],B.prototype,"href",2);K([a({type:String})],B.prototype,"target",2);K([a({type:String,reflect:!0})],B.prototype,"template",2);K([a({type:Boolean,reflect:!0})],B.prototype,"inverse",2);K([a({type:Boolean,reflect:!0})],B.prototype,"endIcon",2);K([a({type:Boolean,reflect:!0})],B.prototype,"reverseEndIcon",2);B=K([x("o-link")],B);var lo=Object.defineProperty,co=Object.getOwnPropertyDescriptor,mt=(o,t,e,n)=>{for(var i=n>1?void 0:n?co(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&lo(t,e,i),i};let Q=class extends v{constructor(){super(...arguments),this.rating=0}getStarKeys(){const o=[];for(let t=0;t<5;t++){const e=this.rating-t;let n;e>=1?n=100:e<=0?n=0:n=Math.round(e*100/25)*25,o.push(`star-${n}`)}return o}render(){const o=this.getStarKeys();return l`
763
767
  <div class="rating">
764
768
  <div class="stars">
765
769
  ${o.map(t=>l`<span class="star">${S(W[t]??"")}</span>`)}
@@ -803,11 +807,11 @@
803
807
  * @license
804
808
  * Copyright 2020 Google LLC
805
809
  * SPDX-License-Identifier: BSD-3-Clause
806
- */const co=o=>o.strings===void 0;/**
810
+ */const ho=o=>o.strings===void 0;/**
807
811
  * @license
808
812
  * Copyright 2017 Google LLC
809
813
  * SPDX-License-Identifier: BSD-3-Clause
810
- */const ot=(o,t)=>{var n;const e=o._$AN;if(e===void 0)return!1;for(const i of e)(n=i._$AO)==null||n.call(i,t,!1),ot(i,t);return!0},bt=o=>{let t,e;do{if((t=o._$AM)===void 0)break;e=t._$AN,e.delete(o),o=t}while((e==null?void 0:e.size)===0)},ne=o=>{for(let t;t=o._$AM;o=t){let e=t._$AN;if(e===void 0)t._$AN=e=new Set;else if(e.has(o))break;e.add(o),uo(t)}};function ho(o){this._$AN!==void 0?(bt(this),this._$AM=o,ne(this)):this._$AM=o}function po(o,t=!1,e=0){const n=this._$AH,i=this._$AN;if(i!==void 0&&i.size!==0)if(t)if(Array.isArray(n))for(let r=e;r<n.length;r++)ot(n[r],!1),bt(n[r]);else n!=null&&(ot(n,!1),bt(n));else ot(this,o)}const uo=o=>{o.type==zt.CHILD&&(o._$AP??(o._$AP=po),o._$AQ??(o._$AQ=ho))};class vo extends Ht{constructor(){super(...arguments),this._$AN=void 0}_$AT(t,e,n){super._$AT(t,e,n),ne(this),this.isConnected=t._$AU}_$AO(t,e=!0){var n,i;t!==this.isConnected&&(this.isConnected=t,t?(n=this.reconnected)==null||n.call(this):(i=this.disconnected)==null||i.call(this)),e&&(ot(this,t),bt(this))}setValue(t){if(co(this._$Ct))this._$Ct._$AI(t,this);else{const e=[...this._$Ct._$AH];e[this._$Ci]=t,this._$Ct._$AI(e,this,0)}}disconnected(){}reconnected(){}}class bo extends vo{constructor(){super(...arguments),this.prevData={}}render(t){return d}update(t,[e]){var n;this.element!==t.element&&(this.element=t.element),this.host=((n=t.options)===null||n===void 0?void 0:n.host)||this.element,this.apply(e),this.groom(e),this.prevData={...e}}apply(t){if(!t)return;const{prevData:e,element:n}=this;for(const i in t){const r=t[i];r!==e[i]&&(n[i]=r)}}groom(t){const{prevData:e,element:n}=this;if(e)for(const i in e)(!t||!(i in t)&&n[i]===e[i])&&(n[i]=void 0)}}class fo extends bo{constructor(){super(...arguments),this.eventData={}}apply(t){if(t)for(const e in t){const n=t[e];n!==this.eventData[e]&&this.applyEvent(e,n)}}applyEvent(t,e){const{prevData:n,element:i}=this;this.eventData[t]=e,n[t]&&i.removeEventListener(t,this,e),i.addEventListener(t,this,e)}groom(t){const{prevData:e,element:n}=this;if(e)for(const i in e)(!t||!(i in t)&&n[i]===e[i])&&this.groomEvent(i,e[i])}groomEvent(t,e){const{element:n}=this;delete this.eventData[t],n.removeEventListener(t,this,e)}handleEvent(t){const e=this.eventData[t.type];typeof e=="function"?e.call(this.host,t):e.handleEvent(t)}disconnected(){const{eventData:t,element:e}=this;for(const n in t){const i=n.slice(1),r=t[n];e.removeEventListener(i,this,r)}}reconnected(){const{eventData:t,element:e}=this;for(const n in t){const i=n.slice(1),r=t[n];e.addEventListener(i,this,r)}}}class go extends fo{apply(t){if(!t)return;const{prevData:e,element:n}=this;for(const i in t){const r=t[i];if(r===e[i])continue;const s=i.slice(1);switch(i[0]){case"@":this.eventData[s]=r,this.applyEvent(s,r);break;case".":n[s]=r;break;case"?":r?n.setAttribute(s,""):n.removeAttribute(s);break;default:r!=null?n.setAttribute(i,String(r)):n.removeAttribute(i);break}}}groom(t){const{prevData:e,element:n}=this;if(e)for(const i in e){const r=i.slice(1);if(!t||!(i in t)&&n[r]===e[i])switch(i[0]){case"@":this.groomEvent(r,e[i]);break;case".":n[r]=void 0;break;case"?":n.removeAttribute(r);break;default:n.removeAttribute(i);break}}}}const Jt=Dt(go);var yo=Object.defineProperty,mo=Object.getOwnPropertyDescriptor,f=(o,t,e,n)=>{for(var i=n>1?void 0:n?mo(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&yo(t,e,i),i};let u=class extends v{constructor(){super(...arguments),this.open=!1,this.showHeader=!0,this.showFooter=!1,this.showHeaderStartIcon=!1,this.headerTitle="",this.headerTitleClassName="panel-title",this.closeButtonLabel="Close the modal",this.firstButtonLabel="Close",this.firstButtonVariant="primary",this.firstButtonProps={},this.onFirstButtonClickClose=!1,this.secondButtonLabel="",this.secondButtonVariant="secondary",this.secondButtonProps={},this.onSecondButtonClickClose=!1,this.disablePortal=!1,this.zIndex=99,this.initialized=!1,this.previousFocusedElement=null,this.handleKeyDown=o=>{this.open&&(o.key==="Escape"?this.closePanel():o.key==="Tab"&&this.trapFocus(o))},this.handleClosePanel=o=>{o instanceof KeyboardEvent&&o.key!=="Enter"&&o.key!==" "||(o.preventDefault(),o.stopPropagation(),this.closePanel())}}connectedCallback(){super.connectedCallback(),!this.disablePortal&&this.parentElement!==document.body&&document.body.appendChild(this),window.addEventListener("keydown",this.handleKeyDown),this.updateComplete.then(()=>{this.initialized=!0})}disconnectedCallback(){document.body.style.overflow="",document.body.removeAttribute("data-side-panel"),window.removeEventListener("keydown",this.handleKeyDown),super.disconnectedCallback()}trapFocus(o){const t=this.getFocusableElements();if(t.length===0)return;const e=t[0],n=t[t.length-1];o.shiftKey&&document.activeElement===e?(o.preventDefault(),n.focus()):!o.shiftKey&&document.activeElement===n&&(o.preventDefault(),e.focus())}getFocusableElements(){const o=this.renderRoot.querySelector(".panel");return o?Array.from(o.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(()=>{var o,t,e;if(this.showHeader){const n=((o=this.shadowRoot)==null?void 0:o.querySelector(".panel .close-btn"))||null,i=((t=n==null?void 0:n.shadowRoot)==null?void 0:t.querySelector("button"))||null;i&&((e=i.focus)==null||e.call(i))}else{const n=this.getFocusableElements()[0];n==null||n.focus()}}),this.dispatchEvent(new CustomEvent("open",{bubbles:!0,composed:!0}))}closePanel(){var o;this.open=!1,document.body.style.overflow="",document.body.removeAttribute("data-side-panel"),(o=this.previousFocusedElement)==null||o.focus(),this.dispatchEvent(new CustomEvent("close",{bubbles:!0,composed:!0}))}handleFirstClick(o){o instanceof KeyboardEvent&&o.key!=="Enter"&&o.key!==" "||(o.preventDefault(),o.stopPropagation(),this.onFirstButtonClickClose&&this.closePanel(),this.dispatchEvent(new CustomEvent("firstbuttonclick",{bubbles:!0,composed:!0,cancelable:!0,detail:{button:"first",target:o.target}})))}handleSecondClick(o){o instanceof KeyboardEvent&&o.key!=="Enter"&&o.key!==" "||(o.preventDefault(),o.stopPropagation(),this.onSecondButtonClickClose&&this.closePanel(),this.dispatchEvent(new CustomEvent("secondbuttonclick",{bubbles:!0,composed:!0,cancelable:!0,detail:{button:"second",target:o.target}})))}updated(){this.style.setProperty("--z-overlay",`${this.zIndex||99}`),this.style.setProperty("--z-panel",`${this.zIndex?this.zIndex+1:99}`)}render(){return l`
814
+ */const ot=(o,t)=>{var n;const e=o._$AN;if(e===void 0)return!1;for(const i of e)(n=i._$AO)==null||n.call(i,t,!1),ot(i,t);return!0},bt=o=>{let t,e;do{if((t=o._$AM)===void 0)break;e=t._$AN,e.delete(o),o=t}while((e==null?void 0:e.size)===0)},ne=o=>{for(let t;t=o._$AM;o=t){let e=t._$AN;if(e===void 0)t._$AN=e=new Set;else if(e.has(o))break;e.add(o),vo(t)}};function po(o){this._$AN!==void 0?(bt(this),this._$AM=o,ne(this)):this._$AM=o}function uo(o,t=!1,e=0){const n=this._$AH,i=this._$AN;if(i!==void 0&&i.size!==0)if(t)if(Array.isArray(n))for(let r=e;r<n.length;r++)ot(n[r],!1),bt(n[r]);else n!=null&&(ot(n,!1),bt(n));else ot(this,o)}const vo=o=>{o.type==zt.CHILD&&(o._$AP??(o._$AP=uo),o._$AQ??(o._$AQ=po))};class bo extends Ht{constructor(){super(...arguments),this._$AN=void 0}_$AT(t,e,n){super._$AT(t,e,n),ne(this),this.isConnected=t._$AU}_$AO(t,e=!0){var n,i;t!==this.isConnected&&(this.isConnected=t,t?(n=this.reconnected)==null||n.call(this):(i=this.disconnected)==null||i.call(this)),e&&(ot(this,t),bt(this))}setValue(t){if(ho(this._$Ct))this._$Ct._$AI(t,this);else{const e=[...this._$Ct._$AH];e[this._$Ci]=t,this._$Ct._$AI(e,this,0)}}disconnected(){}reconnected(){}}class fo extends bo{constructor(){super(...arguments),this.prevData={}}render(t){return d}update(t,[e]){var n;this.element!==t.element&&(this.element=t.element),this.host=((n=t.options)===null||n===void 0?void 0:n.host)||this.element,this.apply(e),this.groom(e),this.prevData={...e}}apply(t){if(!t)return;const{prevData:e,element:n}=this;for(const i in t){const r=t[i];r!==e[i]&&(n[i]=r)}}groom(t){const{prevData:e,element:n}=this;if(e)for(const i in e)(!t||!(i in t)&&n[i]===e[i])&&(n[i]=void 0)}}class go extends fo{constructor(){super(...arguments),this.eventData={}}apply(t){if(t)for(const e in t){const n=t[e];n!==this.eventData[e]&&this.applyEvent(e,n)}}applyEvent(t,e){const{prevData:n,element:i}=this;this.eventData[t]=e,n[t]&&i.removeEventListener(t,this,e),i.addEventListener(t,this,e)}groom(t){const{prevData:e,element:n}=this;if(e)for(const i in e)(!t||!(i in t)&&n[i]===e[i])&&this.groomEvent(i,e[i])}groomEvent(t,e){const{element:n}=this;delete this.eventData[t],n.removeEventListener(t,this,e)}handleEvent(t){const e=this.eventData[t.type];typeof e=="function"?e.call(this.host,t):e.handleEvent(t)}disconnected(){const{eventData:t,element:e}=this;for(const n in t){const i=n.slice(1),r=t[n];e.removeEventListener(i,this,r)}}reconnected(){const{eventData:t,element:e}=this;for(const n in t){const i=n.slice(1),r=t[n];e.addEventListener(i,this,r)}}}class yo extends go{apply(t){if(!t)return;const{prevData:e,element:n}=this;for(const i in t){const r=t[i];if(r===e[i])continue;const s=i.slice(1);switch(i[0]){case"@":this.eventData[s]=r,this.applyEvent(s,r);break;case".":n[s]=r;break;case"?":r?n.setAttribute(s,""):n.removeAttribute(s);break;default:r!=null?n.setAttribute(i,String(r)):n.removeAttribute(i);break}}}groom(t){const{prevData:e,element:n}=this;if(e)for(const i in e){const r=i.slice(1);if(!t||!(i in t)&&n[r]===e[i])switch(i[0]){case"@":this.groomEvent(r,e[i]);break;case".":n[r]=void 0;break;case"?":n.removeAttribute(r);break;default:n.removeAttribute(i);break}}}}const Jt=Dt(yo);var mo=Object.defineProperty,xo=Object.getOwnPropertyDescriptor,f=(o,t,e,n)=>{for(var i=n>1?void 0:n?xo(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&mo(t,e,i),i};let u=class extends v{constructor(){super(...arguments),this.open=!1,this.showHeader=!0,this.showFooter=!1,this.showHeaderStartIcon=!1,this.headerTitle="",this.headerTitleClassName="panel-title",this.closeButtonLabel="Close the modal",this.firstButtonLabel="Close",this.firstButtonVariant="primary",this.firstButtonProps={},this.onFirstButtonClickClose=!1,this.secondButtonLabel="",this.secondButtonVariant="secondary",this.secondButtonProps={},this.onSecondButtonClickClose=!1,this.disablePortal=!1,this.zIndex=99,this.initialized=!1,this.previousFocusedElement=null,this.handleKeyDown=o=>{this.open&&(o.key==="Escape"?this.closePanel():o.key==="Tab"&&this.trapFocus(o))},this.handleClosePanel=o=>{o instanceof KeyboardEvent&&o.key!=="Enter"&&o.key!==" "||(o.preventDefault(),o.stopPropagation(),this.closePanel())}}connectedCallback(){super.connectedCallback(),!this.disablePortal&&this.parentElement!==document.body&&document.body.appendChild(this),window.addEventListener("keydown",this.handleKeyDown),this.updateComplete.then(()=>{this.initialized=!0})}disconnectedCallback(){document.body.style.overflow="",document.body.removeAttribute("data-side-panel"),window.removeEventListener("keydown",this.handleKeyDown),super.disconnectedCallback()}trapFocus(o){const t=this.getFocusableElements();if(t.length===0)return;const e=t[0],n=t[t.length-1];o.shiftKey&&document.activeElement===e?(o.preventDefault(),n.focus()):!o.shiftKey&&document.activeElement===n&&(o.preventDefault(),e.focus())}getFocusableElements(){const o=this.renderRoot.querySelector(".panel");return o?Array.from(o.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(()=>{var o,t,e;if(this.showHeader){const n=((o=this.shadowRoot)==null?void 0:o.querySelector(".panel .close-btn"))||null,i=((t=n==null?void 0:n.shadowRoot)==null?void 0:t.querySelector("button"))||null;i&&((e=i.focus)==null||e.call(i))}else{const n=this.getFocusableElements()[0];n==null||n.focus()}}),this.dispatchEvent(new CustomEvent("open",{bubbles:!0,composed:!0}))}closePanel(){var o;this.open=!1,document.body.style.overflow="",document.body.removeAttribute("data-side-panel"),(o=this.previousFocusedElement)==null||o.focus(),this.dispatchEvent(new CustomEvent("close",{bubbles:!0,composed:!0}))}handleFirstClick(o){o instanceof KeyboardEvent&&o.key!=="Enter"&&o.key!==" "||(o.preventDefault(),o.stopPropagation(),this.onFirstButtonClickClose&&this.closePanel(),this.dispatchEvent(new CustomEvent("firstbuttonclick",{bubbles:!0,composed:!0,cancelable:!0,detail:{button:"first",target:o.target}})))}handleSecondClick(o){o instanceof KeyboardEvent&&o.key!=="Enter"&&o.key!==" "||(o.preventDefault(),o.stopPropagation(),this.onSecondButtonClickClose&&this.closePanel(),this.dispatchEvent(new CustomEvent("secondbuttonclick",{bubbles:!0,composed:!0,cancelable:!0,detail:{button:"second",target:o.target}})))}updated(){this.style.setProperty("--z-overlay",`${this.zIndex||99}`),this.style.setProperty("--z-panel",`${this.zIndex?this.zIndex+1:99}`)}render(){return l`
811
815
  <div class="overlay" style="z-index: ${this.zIndex}" @click=${this.handleClosePanel}></div>
812
816
  <div
813
817
  class="panel"
@@ -1006,7 +1010,7 @@
1006
1010
  --line-height: var(--line-height-280);
1007
1011
  }
1008
1012
  }
1009
- `;f([a({type:Boolean,reflect:!0})],u.prototype,"open",2);f([a({type:Boolean,reflect:!0})],u.prototype,"showHeader",2);f([a({type:Boolean,reflect:!0})],u.prototype,"showFooter",2);f([a({type:Boolean,reflect:!0})],u.prototype,"showHeaderStartIcon",2);f([a({type:String,reflect:!0})],u.prototype,"headerTitle",2);f([a({type:String,reflect:!0})],u.prototype,"headerTitleClassName",2);f([a({type:String,reflect:!0})],u.prototype,"closeButtonLabel",2);f([a({type:String,reflect:!0})],u.prototype,"firstButtonLabel",2);f([a({type:String,reflect:!0})],u.prototype,"firstButtonVariant",2);f([a({type:Object,reflect:!0})],u.prototype,"firstButtonProps",2);f([a({type:Boolean,reflect:!0})],u.prototype,"onFirstButtonClickClose",2);f([a({type:String,reflect:!0})],u.prototype,"secondButtonLabel",2);f([a({type:String,reflect:!0})],u.prototype,"secondButtonVariant",2);f([a({type:Object,reflect:!0})],u.prototype,"secondButtonProps",2);f([a({type:Boolean,reflect:!0})],u.prototype,"onSecondButtonClickClose",2);f([a({type:Boolean,reflect:!0})],u.prototype,"disablePortal",2);f([a({type:Number,reflect:!0})],u.prototype,"zIndex",2);f([a({type:Boolean,reflect:!0})],u.prototype,"initialized",2);u=f([x("o-side-panel")],u);var xo=Object.defineProperty,wo=Object.getOwnPropertyDescriptor,U=(o,t,e,n)=>{for(var i=n>1?void 0:n?wo(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&xo(t,e,i),i};let L=class extends v{constructor(){super(...arguments),this.thumbnails=[],this.activeIndex=0,this.disabledIndexes=[],this.maxWidth="100%",this.altressource="visual",this.focusedIndex=0,this.playerIconTemplate=l`
1013
+ `;f([a({type:Boolean,reflect:!0})],u.prototype,"open",2);f([a({type:Boolean,reflect:!0})],u.prototype,"showHeader",2);f([a({type:Boolean,reflect:!0})],u.prototype,"showFooter",2);f([a({type:Boolean,reflect:!0})],u.prototype,"showHeaderStartIcon",2);f([a({type:String,reflect:!0})],u.prototype,"headerTitle",2);f([a({type:String,reflect:!0})],u.prototype,"headerTitleClassName",2);f([a({type:String,reflect:!0})],u.prototype,"closeButtonLabel",2);f([a({type:String,reflect:!0})],u.prototype,"firstButtonLabel",2);f([a({type:String,reflect:!0})],u.prototype,"firstButtonVariant",2);f([a({type:Object,reflect:!0})],u.prototype,"firstButtonProps",2);f([a({type:Boolean,reflect:!0})],u.prototype,"onFirstButtonClickClose",2);f([a({type:String,reflect:!0})],u.prototype,"secondButtonLabel",2);f([a({type:String,reflect:!0})],u.prototype,"secondButtonVariant",2);f([a({type:Object,reflect:!0})],u.prototype,"secondButtonProps",2);f([a({type:Boolean,reflect:!0})],u.prototype,"onSecondButtonClickClose",2);f([a({type:Boolean,reflect:!0})],u.prototype,"disablePortal",2);f([a({type:Number,reflect:!0})],u.prototype,"zIndex",2);f([a({type:Boolean,reflect:!0})],u.prototype,"initialized",2);u=f([x("o-side-panel")],u);var wo=Object.defineProperty,$o=Object.getOwnPropertyDescriptor,U=(o,t,e,n)=>{for(var i=n>1?void 0:n?$o(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&wo(t,e,i),i};let L=class extends v{constructor(){super(...arguments),this.thumbnails=[],this.activeIndex=0,this.disabledIndexes=[],this.maxWidth="100%",this.altressource="visual",this.focusedIndex=0,this.playerIconTemplate=l`
1010
1014
  <o-icon-button
1011
1015
  icon="playerv"
1012
1016
  size="xsmall"
@@ -1142,7 +1146,7 @@
1142
1146
  height: 0;
1143
1147
  width: 0;
1144
1148
  }
1145
- `;U([a({type:Array})],L.prototype,"thumbnails",2);U([a({type:Number})],L.prototype,"activeIndex",2);U([a({type:Array})],L.prototype,"disabledIndexes",2);U([a({type:String})],L.prototype,"maxWidth",2);U([a({type:String})],L.prototype,"altressource",2);U([a({type:Object})],L.prototype,"swiperInstance",2);U([q()],L.prototype,"focusedIndex",2);L=U([x("thumbnail-navigation")],L);var $o=Object.defineProperty,_o=Object.getOwnPropertyDescriptor,Mt=(o,t,e,n)=>{for(var i=n>1?void 0:n?_o(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&$o(t,e,i),i};let st=class extends v{constructor(){super(...arguments),this.type="",this.bgstyle="background-white"}render(){return l`
1149
+ `;U([a({type:Array})],L.prototype,"thumbnails",2);U([a({type:Number})],L.prototype,"activeIndex",2);U([a({type:Array})],L.prototype,"disabledIndexes",2);U([a({type:String})],L.prototype,"maxWidth",2);U([a({type:String})],L.prototype,"altressource",2);U([a({type:Object})],L.prototype,"swiperInstance",2);U([q()],L.prototype,"focusedIndex",2);L=U([x("thumbnail-navigation")],L);var _o=Object.defineProperty,Co=Object.getOwnPropertyDescriptor,Mt=(o,t,e,n)=>{for(var i=n>1?void 0:n?Co(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&_o(t,e,i),i};let st=class extends v{constructor(){super(...arguments),this.type="",this.bgstyle="background-white"}render(){return l`
1146
1150
  <span class="tag ${this.bgstyle}"><slot></slot></span>
1147
1151
  `}};st.styles=y`
1148
1152
  .tag {
@@ -1199,7 +1203,7 @@
1199
1203
  background-color: var(--color-content-success);
1200
1204
  }
1201
1205
 
1202
- `;Mt([a({type:String,reflect:!0})],st.prototype,"type",2);Mt([a({type:String,reflect:!0})],st.prototype,"bgstyle",2);st=Mt([x("o-tag")],st);var Co=Object.defineProperty,ko=Object.getOwnPropertyDescriptor,Tt=(o,t,e,n)=>{for(var i=n>1?void 0:n?ko(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&Co(t,e,i),i};let at=class extends v{constructor(){super(...arguments),this.type="top",this.text=""}render(){return l`
1206
+ `;Mt([a({type:String,reflect:!0})],st.prototype,"type",2);Mt([a({type:String,reflect:!0})],st.prototype,"bgstyle",2);st=Mt([x("o-tag")],st);var ko=Object.defineProperty,Ao=Object.getOwnPropertyDescriptor,Tt=(o,t,e,n)=>{for(var i=n>1?void 0:n?Ao(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&ko(t,e,i),i};let at=class extends v{constructor(){super(...arguments),this.type="top",this.text=""}render(){return l`
1203
1207
  <div class="tooltip">
1204
1208
  <span class="tooltiptext">${this.text}</span>
1205
1209
  <slot></slot>
@@ -1296,7 +1300,7 @@
1296
1300
  border-color: transparent var(--color-alpha-dark-strongest) transparent transparent;
1297
1301
  }
1298
1302
 
1299
- `;Tt([a({type:String,reflect:!0})],at.prototype,"type",2);Tt([a({type:String,reflect:!0})],at.prototype,"text",2);at=Tt([x("o-tooltip")],at);var Ao=Object.defineProperty,Eo=Object.getOwnPropertyDescriptor,z=(o,t,e,n)=>{for(var i=n>1?void 0:n?Eo(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&Ao(t,e,i),i};let A=class extends v{constructor(){super(...arguments),this.options=[],this.value="",this.name="",this.disabled=!1,this.width="100%",this.open=!1,this.activeIndex=-1,this.menuWidth="",this._handleOutsideClick=o=>{this.contains(o.target)||(this.open=!1,this.activeIndex=-1)}}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this._handleOutsideClick)}disconnectedCallback(){document.removeEventListener("click",this._handleOutsideClick),super.disconnectedCallback()}toggle(){var o;if(!this.disabled){if(this.open=!this.open,this.activeIndex=this.open?this.options.findIndex(t=>t.value===this.value):-1,this.open&&this.width==="auto"){const t=(o=this.renderRoot)==null?void 0:o.querySelector("button");t&&(this.menuWidth=`${t.getBoundingClientRect().width}px`)}this.open&&this.updateComplete.then(()=>{this._focusActiveOption()})}}_focusActiveOption(){var t;const o=(t=this.renderRoot)==null?void 0:t.querySelector(`#option-${this.activeIndex}`);o==null||o.focus()}selectOption(o){this.value=o.value,this.dispatchEvent(new CustomEvent("change",{detail:{value:this.value,url:o.url}})),this.open=!1,this.activeIndex=-1}handleKeydown(o){if(this.disabled){o.preventDefault();return}if(!this.open){(o.key==="ArrowDown"||o.key==="ArrowUp")&&(o.preventDefault(),this.open=!0,this.activeIndex=this.options.findIndex(t=>t.value===this.value),this.updateComplete.then(()=>this._focusActiveOption()));return}switch(o.key){case"ArrowDown":o.preventDefault(),this.activeIndex=(this.activeIndex+1)%this.options.length,this.updateComplete.then(()=>this._focusActiveOption());break;case"ArrowUp":o.preventDefault(),this.activeIndex=(this.activeIndex-1+this.options.length)%this.options.length,this.updateComplete.then(()=>this._focusActiveOption());break;case"Home":o.preventDefault(),this.activeIndex=0,this.updateComplete.then(()=>this._focusActiveOption());break;case"End":o.preventDefault(),this.activeIndex=this.options.length-1,this.updateComplete.then(()=>this._focusActiveOption());break;case"Enter":o.preventDefault(),this.activeIndex>=0&&this.selectOption(this.options[this.activeIndex]);break;case"Escape":o.preventDefault(),this.open=!1,this.activeIndex=-1;break}}updated(o){this.options.length>0&&(this.options.some(e=>e.value===this.value)||(this.value=this.options[0].value))}render(){const o=W.checkstroke.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"'),t=this.options.find(e=>e.value===this.value);return l`
1303
+ `;Tt([a({type:String,reflect:!0})],at.prototype,"type",2);Tt([a({type:String,reflect:!0})],at.prototype,"text",2);at=Tt([x("o-tooltip")],at);var Eo=Object.defineProperty,So=Object.getOwnPropertyDescriptor,z=(o,t,e,n)=>{for(var i=n>1?void 0:n?So(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&Eo(t,e,i),i};let A=class extends v{constructor(){super(...arguments),this.options=[],this.value="",this.name="",this.disabled=!1,this.width="100%",this.open=!1,this.activeIndex=-1,this.menuWidth="",this._handleOutsideClick=o=>{this.contains(o.target)||(this.open=!1,this.activeIndex=-1)}}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this._handleOutsideClick)}disconnectedCallback(){document.removeEventListener("click",this._handleOutsideClick),super.disconnectedCallback()}toggle(){var o;if(!this.disabled){if(this.open=!this.open,this.activeIndex=this.open?this.options.findIndex(t=>t.value===this.value):-1,this.open&&this.width==="auto"){const t=(o=this.renderRoot)==null?void 0:o.querySelector("button");t&&(this.menuWidth=`${t.getBoundingClientRect().width}px`)}this.open&&this.updateComplete.then(()=>{this._focusActiveOption()})}}_focusActiveOption(){var t;const o=(t=this.renderRoot)==null?void 0:t.querySelector(`#option-${this.activeIndex}`);o==null||o.focus()}selectOption(o){this.value=o.value,this.dispatchEvent(new CustomEvent("change",{detail:{value:this.value,url:o.url}})),this.open=!1,this.activeIndex=-1}handleKeydown(o){if(this.disabled){o.preventDefault();return}if(!this.open){(o.key==="ArrowDown"||o.key==="ArrowUp")&&(o.preventDefault(),this.open=!0,this.activeIndex=this.options.findIndex(t=>t.value===this.value),this.updateComplete.then(()=>this._focusActiveOption()));return}switch(o.key){case"ArrowDown":o.preventDefault(),this.activeIndex=(this.activeIndex+1)%this.options.length,this.updateComplete.then(()=>this._focusActiveOption());break;case"ArrowUp":o.preventDefault(),this.activeIndex=(this.activeIndex-1+this.options.length)%this.options.length,this.updateComplete.then(()=>this._focusActiveOption());break;case"Home":o.preventDefault(),this.activeIndex=0,this.updateComplete.then(()=>this._focusActiveOption());break;case"End":o.preventDefault(),this.activeIndex=this.options.length-1,this.updateComplete.then(()=>this._focusActiveOption());break;case"Enter":o.preventDefault(),this.activeIndex>=0&&this.selectOption(this.options[this.activeIndex]);break;case"Escape":o.preventDefault(),this.open=!1,this.activeIndex=-1;break}}updated(o){this.options.length>0&&(this.options.some(e=>e.value===this.value)||(this.value=this.options[0].value))}render(){const o=W.checkstroke.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"'),t=this.options.find(e=>e.value===this.value);return l`
1300
1304
  <button
1301
1305
  role="combobox"
1302
1306
  aria-haspopup="listbox"
@@ -1483,7 +1487,7 @@
1483
1487
  input[type="hidden"] {
1484
1488
  display: none;
1485
1489
  }
1486
- `;z([a({type:Array,reflect:!0})],A.prototype,"options",2);z([a({type:String,reflect:!0})],A.prototype,"value",2);z([a({type:String,reflect:!0})],A.prototype,"name",2);z([a({type:Boolean,reflect:!0})],A.prototype,"disabled",2);z([a({type:String,reflect:!0})],A.prototype,"width",2);z([q()],A.prototype,"open",2);z([q()],A.prototype,"activeIndex",2);z([q()],A.prototype,"menuWidth",2);A=z([x("o-dropdown")],A);var So=Object.getOwnPropertyDescriptor,Lo=(o,t,e,n)=>{for(var i=n>1?void 0:n?So(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=s(i)||i);return i};let Et=class extends v{render(){return l` <span class="dots"></span> `}};Et.styles=y`
1490
+ `;z([a({type:Array,reflect:!0})],A.prototype,"options",2);z([a({type:String,reflect:!0})],A.prototype,"value",2);z([a({type:String,reflect:!0})],A.prototype,"name",2);z([a({type:Boolean,reflect:!0})],A.prototype,"disabled",2);z([a({type:String,reflect:!0})],A.prototype,"width",2);z([q()],A.prototype,"open",2);z([q()],A.prototype,"activeIndex",2);z([q()],A.prototype,"menuWidth",2);A=z([x("o-dropdown")],A);var Lo=Object.getOwnPropertyDescriptor,Po=(o,t,e,n)=>{for(var i=n>1?void 0:n?Lo(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=s(i)||i);return i};let Et=class extends v{render(){return l` <span class="dots"></span> `}};Et.styles=y`
1487
1491
  :host {
1488
1492
  display: flex;
1489
1493
  align-items: center;
@@ -1534,7 +1538,7 @@
1534
1538
  background-color: var(--color-container-action-primary-pressed);
1535
1539
  }
1536
1540
  }
1537
- `;Et=Lo([x("o-dots")],Et);var Po=Object.defineProperty,Io=Object.getOwnPropertyDescriptor,I=(o,t,e,n)=>{for(var i=n>1?void 0:n?Io(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&Po(t,e,i),i};let C=class extends v{constructor(){super(...arguments),this.options=[],this.value="",this.name="",this.additionaltext="+X variant(s)",this.disabled=!1,this.width="100%",this.open=!1,this.activeIndex=-1,this.menuWidth="",this._handleOutsideClick=o=>{this.contains(o.target)||(this.open=!1,this.activeIndex=-1)}}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this._handleOutsideClick)}disconnectedCallback(){document.removeEventListener("click",this._handleOutsideClick),super.disconnectedCallback()}toggle(){var o;if(!this.disabled){if(this.open=!this.open,this.activeIndex=this.open?this.options.findIndex(t=>t.value===this.value):-1,this.open&&this.width==="auto"){const t=(o=this.renderRoot)==null?void 0:o.querySelector("button");t&&(this.menuWidth=`${t.getBoundingClientRect().width}px`)}this.open&&this.updateComplete.then(()=>this._focusActiveOption())}}_focusActiveOption(){var t;const o=(t=this.renderRoot)==null?void 0:t.querySelector(`#option-${this.activeIndex}`);o==null||o.focus()}selectOption(o){this.value=o.value,this.dispatchEvent(new CustomEvent("change",{detail:{value:this.value,url:o.url}})),this.open=!1,this.activeIndex=-1}handleKeydown(o){if(this.disabled){o.preventDefault();return}if(!this.open){(o.key==="ArrowDown"||o.key==="ArrowUp")&&(o.preventDefault(),this.open=!0,this.activeIndex=this.options.findIndex(t=>t.value===this.value),this.updateComplete.then(()=>this._focusActiveOption()));return}switch(o.key){case"ArrowDown":o.preventDefault(),this.activeIndex=(this.activeIndex+1)%this.options.length,this.updateComplete.then(()=>this._focusActiveOption());break;case"ArrowUp":o.preventDefault(),this.activeIndex=(this.activeIndex-1+this.options.length)%this.options.length,this.updateComplete.then(()=>this._focusActiveOption());break;case"Home":o.preventDefault(),this.activeIndex=0,this.updateComplete.then(()=>this._focusActiveOption());break;case"End":o.preventDefault(),this.activeIndex=this.options.length-1,this.updateComplete.then(()=>this._focusActiveOption());break;case"Enter":o.preventDefault(),this.activeIndex>=0&&this.selectOption(this.options[this.activeIndex]);break;case"Escape":o.preventDefault(),this.open=!1,this.activeIndex=-1;break}}updated(){this.options.length>0&&(this.options.some(t=>t.value===this.value)||(this.value=this.options[0].value))}render(){const o=W.checkstroke.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"'),t=this.options.find(e=>e.value===this.value);return l`
1541
+ `;Et=Po([x("o-dots")],Et);var Io=Object.defineProperty,Oo=Object.getOwnPropertyDescriptor,I=(o,t,e,n)=>{for(var i=n>1?void 0:n?Oo(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&Io(t,e,i),i};let C=class extends v{constructor(){super(...arguments),this.options=[],this.value="",this.name="",this.additionaltext="+X variant(s)",this.disabled=!1,this.width="100%",this.open=!1,this.activeIndex=-1,this.menuWidth="",this._handleOutsideClick=o=>{this.contains(o.target)||(this.open=!1,this.activeIndex=-1)}}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this._handleOutsideClick)}disconnectedCallback(){document.removeEventListener("click",this._handleOutsideClick),super.disconnectedCallback()}toggle(){var o;if(!this.disabled){if(this.open=!this.open,this.activeIndex=this.open?this.options.findIndex(t=>t.value===this.value):-1,this.open&&this.width==="auto"){const t=(o=this.renderRoot)==null?void 0:o.querySelector("button");t&&(this.menuWidth=`${t.getBoundingClientRect().width}px`)}this.open&&this.updateComplete.then(()=>this._focusActiveOption())}}_focusActiveOption(){var t;const o=(t=this.renderRoot)==null?void 0:t.querySelector(`#option-${this.activeIndex}`);o==null||o.focus()}selectOption(o){this.value=o.value,this.dispatchEvent(new CustomEvent("change",{detail:{value:this.value,url:o.url}})),this.open=!1,this.activeIndex=-1}handleKeydown(o){if(this.disabled){o.preventDefault();return}if(!this.open){(o.key==="ArrowDown"||o.key==="ArrowUp")&&(o.preventDefault(),this.open=!0,this.activeIndex=this.options.findIndex(t=>t.value===this.value),this.updateComplete.then(()=>this._focusActiveOption()));return}switch(o.key){case"ArrowDown":o.preventDefault(),this.activeIndex=(this.activeIndex+1)%this.options.length,this.updateComplete.then(()=>this._focusActiveOption());break;case"ArrowUp":o.preventDefault(),this.activeIndex=(this.activeIndex-1+this.options.length)%this.options.length,this.updateComplete.then(()=>this._focusActiveOption());break;case"Home":o.preventDefault(),this.activeIndex=0,this.updateComplete.then(()=>this._focusActiveOption());break;case"End":o.preventDefault(),this.activeIndex=this.options.length-1,this.updateComplete.then(()=>this._focusActiveOption());break;case"Enter":o.preventDefault(),this.activeIndex>=0&&this.selectOption(this.options[this.activeIndex]);break;case"Escape":o.preventDefault(),this.open=!1,this.activeIndex=-1;break}}updated(){this.options.length>0&&(this.options.some(t=>t.value===this.value)||(this.value=this.options[0].value))}render(){const o=W.checkstroke.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"'),t=this.options.find(e=>e.value===this.value);return l`
1538
1542
  <button
1539
1543
  role="combobox"
1540
1544
  aria-haspopup="listbox"
@@ -1775,8 +1779,8 @@
1775
1779
  * @license
1776
1780
  * Copyright 2018 Google LLC
1777
1781
  * SPDX-License-Identifier: BSD-3-Clause
1778
- */const re="important",Oo=" !"+re,Bo=Dt(class extends Ht{constructor(o){var t;if(super(o),o.type!==zt.ATTRIBUTE||o.name!=="style"||((t=o.strings)==null?void 0:t.length)>2)throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.")}render(o){return Object.keys(o).reduce((t,e)=>{const n=o[e];return n==null?t:t+`${e=e.includes("-")?e:e.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,"-$&").toLowerCase()}:${n};`},"")}update(o,[t]){const{style:e}=o.element;if(this.ft===void 0)return this.ft=new Set(Object.keys(t)),this.render(t);for(const n of this.ft)t[n]==null&&(this.ft.delete(n),n.includes("-")?e.removeProperty(n):e[n]=null);for(const n in t){const i=t[n];if(i!=null){this.ft.add(n);const r=typeof i=="string"&&i.endsWith(Oo);n.includes("-")||r?e.setProperty(n,r?i.slice(0,-11):i,r?re:""):e[n]=i}}return N}});var zo=Object.defineProperty,Do=Object.getOwnPropertyDescriptor,jt=(o,t,e,n)=>{for(var i=n>1?void 0:n?Do(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&zo(t,e,i),i};let lt=class extends v{constructor(){super(...arguments),this.option={},this.imageSize=64}render(){const o=this.option.clickable,t={width:`${this.imageSize}px`,height:`${this.imageSize}px`},e=l`
1779
- ${this.option.imgurl?l`<img src="${this.option.imgurl}" alt="${$(this.option.title)}" aria-hidden="true" style=${Bo(t)} />`:""}
1782
+ */const re="important",Bo=" !"+re,zo=Dt(class extends Ht{constructor(o){var t;if(super(o),o.type!==zt.ATTRIBUTE||o.name!=="style"||((t=o.strings)==null?void 0:t.length)>2)throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.")}render(o){return Object.keys(o).reduce((t,e)=>{const n=o[e];return n==null?t:t+`${e=e.includes("-")?e:e.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,"-$&").toLowerCase()}:${n};`},"")}update(o,[t]){const{style:e}=o.element;if(this.ft===void 0)return this.ft=new Set(Object.keys(t)),this.render(t);for(const n of this.ft)t[n]==null&&(this.ft.delete(n),n.includes("-")?e.removeProperty(n):e[n]=null);for(const n in t){const i=t[n];if(i!=null){this.ft.add(n);const r=typeof i=="string"&&i.endsWith(Bo);n.includes("-")||r?e.setProperty(n,r?i.slice(0,-11):i,r?re:""):e[n]=i}}return N}});var Do=Object.defineProperty,Ho=Object.getOwnPropertyDescriptor,jt=(o,t,e,n)=>{for(var i=n>1?void 0:n?Ho(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&Do(t,e,i),i};let lt=class extends v{constructor(){super(...arguments),this.option={},this.imageSize=64}render(){const o=this.option.clickable,t={width:`${this.imageSize}px`,height:`${this.imageSize}px`},e=l`
1783
+ ${this.option.imgurl?l`<img src="${this.option.imgurl}" alt="${$(this.option.title)}" aria-hidden="true" style=${zo(t)} />`:""}
1780
1784
  <div class="m-reassurance-content">
1781
1785
  <h3 class="a-reassurance-text">${$(this.option.title)}</h3>
1782
1786
  <p class="a-reassurance-description">${$(this.option.description)}</p>
@@ -1862,7 +1866,7 @@
1862
1866
  overflow: hidden;
1863
1867
  }
1864
1868
  }
1865
- `;jt([a({type:Object,reflect:!0})],lt.prototype,"option",2);jt([a({type:Number,reflect:!0})],lt.prototype,"imageSize",2);lt=jt([x("o-reassurance")],lt);var Ho=Object.defineProperty,Mo=Object.getOwnPropertyDescriptor,D=(o,t,e,n)=>{for(var i=n>1?void 0:n?Mo(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&Ho(t,e,i),i};const To=Bt(v);let k=class extends To{constructor(){super(...arguments),this.link="",this.name="",this.value="",this.text="",this.size="standard",this.selected=!1,this.fullwidth=!1,this.inactive=!1}handleClick(o){this.selected||(this.selected=!0);const t={selected:this.selected},e=new CustomEvent("selected",{detail:t,bubbles:!0,composed:!0,cancelable:!0});this.dispatchEvent(e),e.defaultPrevented&&o.preventDefault(),this.selected=t.selected}render(){const o=this.text;return this.link?l`
1869
+ `;jt([a({type:Object,reflect:!0})],lt.prototype,"option",2);jt([a({type:Number,reflect:!0})],lt.prototype,"imageSize",2);lt=jt([x("o-reassurance")],lt);var Mo=Object.defineProperty,To=Object.getOwnPropertyDescriptor,D=(o,t,e,n)=>{for(var i=n>1?void 0:n?To(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&Mo(t,e,i),i};const jo=Bt(v);let k=class extends jo{constructor(){super(...arguments),this.link="",this.name="",this.value="",this.text="",this.size="standard",this.selected=!1,this.fullwidth=!1,this.inactive=!1}handleClick(o){this.selected||(this.selected=!0);const t={selected:this.selected},e=new CustomEvent("selected",{detail:t,bubbles:!0,composed:!0,cancelable:!0});this.dispatchEvent(e),e.defaultPrevented&&o.preventDefault(),this.selected=t.selected}render(){const o=this.text;return this.link?l`
1866
1870
  <a href="${this.link}" class="o-chip" tabindex="${this.inactive?"-1":"0"}" aria-hidden="${this.inactive?"true":"false"}">
1867
1871
  ${o?this.text:l`<slot></slot>`}
1868
1872
  </a>
@@ -1956,7 +1960,7 @@
1956
1960
  display: inline-flex;
1957
1961
  align-items: center;
1958
1962
  }
1959
- `;D([a({type:String,reflect:!0})],k.prototype,"link",2);D([a({reflect:!0})],k.prototype,"name",2);D([a({reflect:!0})],k.prototype,"value",2);D([a({type:String})],k.prototype,"text",2);D([a({type:String,reflect:!0})],k.prototype,"size",2);D([a({type:Boolean,reflect:!0})],k.prototype,"selected",2);D([a({type:Boolean,reflect:!0})],k.prototype,"fullwidth",2);D([a({type:Boolean,reflect:!0})],k.prototype,"inactive",2);k=D([x("o-chip")],k);var jo=Object.defineProperty,No=Object.getOwnPropertyDescriptor,Nt=(o,t,e,n)=>{for(var i=n>1?void 0:n?No(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&jo(t,e,i),i};let ct=class extends v{constructor(){super(),this.name="",this.value="",this.addEventListener("selected",this.onChipSelected)}onChipSelected(o){const t=o.target instanceof k?o.target:null;t!=null&&t.link||(this.name=(t==null?void 0:t.name)||"",this.value=(t==null?void 0:t.value)||"",this.querySelectorAll("o-chip").forEach(e=>{e!==t&&(e.selected=!1)}))}render(){return l`
1963
+ `;D([a({type:String,reflect:!0})],k.prototype,"link",2);D([a({reflect:!0})],k.prototype,"name",2);D([a({reflect:!0})],k.prototype,"value",2);D([a({type:String})],k.prototype,"text",2);D([a({type:String,reflect:!0})],k.prototype,"size",2);D([a({type:Boolean,reflect:!0})],k.prototype,"selected",2);D([a({type:Boolean,reflect:!0})],k.prototype,"fullwidth",2);D([a({type:Boolean,reflect:!0})],k.prototype,"inactive",2);k=D([x("o-chip")],k);var No=Object.defineProperty,Uo=Object.getOwnPropertyDescriptor,Nt=(o,t,e,n)=>{for(var i=n>1?void 0:n?Uo(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&No(t,e,i),i};let ct=class extends v{constructor(){super(),this.name="",this.value="",this.addEventListener("selected",this.onChipSelected)}onChipSelected(o){const t=o.target instanceof k?o.target:null;t!=null&&t.link||(this.name=(t==null?void 0:t.name)||"",this.value=(t==null?void 0:t.value)||"",this.querySelectorAll("o-chip").forEach(e=>{e!==t&&(e.selected=!1)}))}render(){return l`
1960
1964
  <slot></slot>
1961
1965
  `}};ct.styles=y`
1962
1966
  :host {
@@ -1965,7 +1969,7 @@
1965
1969
  flex-wrap: wrap;
1966
1970
  gap: var(--spacing-s);
1967
1971
  }
1968
- `;Nt([a({reflect:!0})],ct.prototype,"name",2);Nt([a({reflect:!0})],ct.prototype,"value",2);ct=Nt([x("o-chipset")],ct);var Uo=Object.defineProperty,Ro=Object.getOwnPropertyDescriptor,H=(o,t,e,n)=>{for(var i=n>1?void 0:n?Ro(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&Uo(t,e,i),i};const Fo=Bt(v);let E=class extends Fo{constructor(){super(...arguments),this.name="",this.value="",this.type="",this.dataHref="",this.text="",this.selected=!1,this.disabled=!1,this.fullwidth=!1,this.crossIconName="cross",this.strikethroughImgName="strikeDiagonal"}handleClick(o){if(o instanceof KeyboardEvent&&o.key!=="Enter"&&o.key!==" ")return;this.selected=!this.selected;const t={selected:this.selected},e=new CustomEvent("selected",{detail:t,bubbles:!0,composed:!0,cancelable:!0});this.dispatchEvent(e),e.defaultPrevented&&o.preventDefault(),this.selected=t.selected}crossIcon(){const o=W[this.crossIconName].replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"').replace(/stroke=[#"'a-z1-9]*/gi,"");return l`<span class="cross-icon">${S(o)}</span>`}strikeThroughImg(){const o=Je[this.strikethroughImgName].replace("<svg",'<svg aria-hidden="true" focusable="false" part="strikethrough"').replace(/stroke=[#"'a-z1-9]*/gi,"");return S(o)}render(){const o=this.text;return l`${this.type==="link"?l`
1972
+ `;Nt([a({reflect:!0})],ct.prototype,"name",2);Nt([a({reflect:!0})],ct.prototype,"value",2);ct=Nt([x("o-chipset")],ct);var Ro=Object.defineProperty,Fo=Object.getOwnPropertyDescriptor,H=(o,t,e,n)=>{for(var i=n>1?void 0:n?Fo(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&Ro(t,e,i),i};const Vo=Bt(v);let E=class extends Vo{constructor(){super(...arguments),this.name="",this.value="",this.type="",this.dataHref="",this.text="",this.selected=!1,this.disabled=!1,this.fullwidth=!1,this.crossIconName="cross",this.strikethroughImgName="strikeDiagonal"}handleClick(o){if(o instanceof KeyboardEvent&&o.key!=="Enter"&&o.key!==" ")return;this.selected=!this.selected;const t={selected:this.selected},e=new CustomEvent("selected",{detail:t,bubbles:!0,composed:!0,cancelable:!0});this.dispatchEvent(e),e.defaultPrevented&&o.preventDefault(),this.selected=t.selected}crossIcon(){const o=W[this.crossIconName].replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"').replace(/stroke=[#"'a-z1-9]*/gi,"");return l`<span class="cross-icon">${S(o)}</span>`}strikeThroughImg(){const o=Qe[this.strikethroughImgName].replace("<svg",'<svg aria-hidden="true" focusable="false" part="strikethrough"').replace(/stroke=[#"'a-z1-9]*/gi,"");return S(o)}render(){const o=this.text;return l`${this.type==="link"?l`
1969
1973
  <a role="button" tabindex="0" class="button" href=${this.dataHref} ?disabled=${this.disabled} @click=${this.handleClick} @keydown=${this.handleClick}
1970
1974
  aria-label=${this.ariaLabel} aria-pressed=${this.selected}>
1971
1975
  ${o?l`
package/index.mjs CHANGED
@@ -739,7 +739,11 @@ const Se = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="h
739
739
  </svg>
740
740
  `, Xe = `<svg viewBox="0 0 200 200" preserveAspectRatio="none" xmlns="http://www.w3.org/2000/svg">
741
741
  <line x1="0" y1="0" x2="200" y2="200" />
742
- </svg>`, W = {
742
+ </svg>`, Je = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
743
+ <path d="M2.31202e-08 7.85218C0.974855 6.83983 3.01741 4.44477 6.12766 0.666992L6.54545 0.926252C5.54739 3.04971 4.35203 5.40773 2.95938 8.00033C4.35203 10.5929 5.54739 12.9509 6.54545 15.0744L6.12766 15.3337C3.01741 11.5559 0.974855 9.16082 0 8.14847L2.31202e-08 7.85218Z" fill="#3F2B2E"/>
744
+ <path d="M16 8.14847C15.0251 9.16082 12.9826 11.5559 9.87234 15.3337L9.45455 15.0744C10.4526 12.9509 11.648 10.5929 13.0406 8.00033C11.648 5.40773 10.4526 3.04971 9.45455 0.92625L9.87234 0.666992C12.9826 4.44477 15.0251 6.83983 16 7.85218V8.14847Z" fill="#3F2B2E"/>
745
+ </svg>
746
+ `, W = {
743
747
  wishlist: Se,
744
748
  playerv: Le,
745
749
  chevronRight: Pe,
@@ -761,8 +765,9 @@ const Se = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="h
761
765
  triangleup: qe,
762
766
  checkstroke: We,
763
767
  pause: Ke,
764
- mapDualArrow: Ge
765
- }, Je = {
768
+ mapDualArrow: Ge,
769
+ swipeDualArrow: Je
770
+ }, Qe = {
766
771
  strikeDiagonal: Xe
767
772
  };
768
773
  /**
@@ -816,13 +821,13 @@ class At extends kt {
816
821
  }
817
822
  At.directiveName = "unsafeSVG", At.resultType = 2;
818
823
  const S = Dt(At);
819
- var Qe = Object.defineProperty, Ye = Object.getOwnPropertyDescriptor, w = (o, t, e, n) => {
820
- for (var i = n > 1 ? void 0 : n ? Ye(t, e) : t, r = o.length - 1, s; r >= 0; r--)
824
+ var Ye = Object.defineProperty, to = Object.getOwnPropertyDescriptor, w = (o, t, e, n) => {
825
+ for (var i = n > 1 ? void 0 : n ? to(t, e) : t, r = o.length - 1, s; r >= 0; r--)
821
826
  (s = o[r]) && (i = (n ? s(t, e, i) : s(i)) || i);
822
- return n && i && Qe(t, e, i), i;
827
+ return n && i && Ye(t, e, i), i;
823
828
  };
824
- const to = Bt(v);
825
- let b = class extends to {
829
+ const eo = Bt(v);
830
+ let b = class extends eo {
826
831
  constructor() {
827
832
  super(...arguments), this.type = "submit", this.value = "", this.variant = "primary", this.text = "", this.textsecond = "", this.fullwidth = !1, this.disabled = !1, this.startIconModel = "", this.endIconModel = "", this.startIcon = !1, this.endIcon = !1, this.panelTarget = "", this.href = "", this.target = "", this.underlined = !1;
828
833
  }
@@ -1120,10 +1125,10 @@ w([
1120
1125
  b = w([
1121
1126
  x("o-button")
1122
1127
  ], b);
1123
- var eo = Object.defineProperty, oo = Object.getOwnPropertyDescriptor, yt = (o, t, e, n) => {
1124
- for (var i = n > 1 ? void 0 : n ? oo(t, e) : t, r = o.length - 1, s; r >= 0; r--)
1128
+ var oo = Object.defineProperty, io = Object.getOwnPropertyDescriptor, yt = (o, t, e, n) => {
1129
+ for (var i = n > 1 ? void 0 : n ? io(t, e) : t, r = o.length - 1, s; r >= 0; r--)
1125
1130
  (s = o[r]) && (i = (n ? s(t, e, i) : s(i)) || i);
1126
- return n && i && eo(t, e, i), i;
1131
+ return n && i && oo(t, e, i), i;
1127
1132
  };
1128
1133
  let J = class extends v {
1129
1134
  constructor() {
@@ -1250,10 +1255,10 @@ J = yt([
1250
1255
  * SPDX-License-Identifier: BSD-3-Clause
1251
1256
  */
1252
1257
  const $ = (o) => o ?? d;
1253
- var io = Object.defineProperty, no = Object.getOwnPropertyDescriptor, P = (o, t, e, n) => {
1254
- for (var i = n > 1 ? void 0 : n ? no(t, e) : t, r = o.length - 1, s; r >= 0; r--)
1258
+ var no = Object.defineProperty, ro = Object.getOwnPropertyDescriptor, P = (o, t, e, n) => {
1259
+ for (var i = n > 1 ? void 0 : n ? ro(t, e) : t, r = o.length - 1, s; r >= 0; r--)
1255
1260
  (s = o[r]) && (i = (n ? s(t, e, i) : s(i)) || i);
1256
- return n && i && io(t, e, i), i;
1261
+ return n && i && no(t, e, i), i;
1257
1262
  };
1258
1263
  let _ = class extends v {
1259
1264
  constructor() {
@@ -1527,10 +1532,10 @@ P([
1527
1532
  _ = P([
1528
1533
  x("o-icon-button")
1529
1534
  ], _);
1530
- var ro = Object.defineProperty, so = Object.getOwnPropertyDescriptor, K = (o, t, e, n) => {
1531
- for (var i = n > 1 ? void 0 : n ? so(t, e) : t, r = o.length - 1, s; r >= 0; r--)
1535
+ var so = Object.defineProperty, ao = Object.getOwnPropertyDescriptor, K = (o, t, e, n) => {
1536
+ for (var i = n > 1 ? void 0 : n ? ao(t, e) : t, r = o.length - 1, s; r >= 0; r--)
1532
1537
  (s = o[r]) && (i = (n ? s(t, e, i) : s(i)) || i);
1533
- return n && i && ro(t, e, i), i;
1538
+ return n && i && so(t, e, i), i;
1534
1539
  };
1535
1540
  let B = class extends v {
1536
1541
  constructor() {
@@ -1679,10 +1684,10 @@ K([
1679
1684
  B = K([
1680
1685
  x("o-link")
1681
1686
  ], B);
1682
- var ao = Object.defineProperty, lo = Object.getOwnPropertyDescriptor, mt = (o, t, e, n) => {
1683
- for (var i = n > 1 ? void 0 : n ? lo(t, e) : t, r = o.length - 1, s; r >= 0; r--)
1687
+ var lo = Object.defineProperty, co = Object.getOwnPropertyDescriptor, mt = (o, t, e, n) => {
1688
+ for (var i = n > 1 ? void 0 : n ? co(t, e) : t, r = o.length - 1, s; r >= 0; r--)
1684
1689
  (s = o[r]) && (i = (n ? s(t, e, i) : s(i)) || i);
1685
- return n && i && ao(t, e, i), i;
1690
+ return n && i && lo(t, e, i), i;
1686
1691
  };
1687
1692
  let Q = class extends v {
1688
1693
  constructor() {
@@ -1762,7 +1767,7 @@ Q = mt([
1762
1767
  * Copyright 2020 Google LLC
1763
1768
  * SPDX-License-Identifier: BSD-3-Clause
1764
1769
  */
1765
- const co = (o) => o.strings === void 0;
1770
+ const ho = (o) => o.strings === void 0;
1766
1771
  /**
1767
1772
  * @license
1768
1773
  * Copyright 2017 Google LLC
@@ -1785,22 +1790,22 @@ const ot = (o, t) => {
1785
1790
  let e = t._$AN;
1786
1791
  if (e === void 0) t._$AN = e = /* @__PURE__ */ new Set();
1787
1792
  else if (e.has(o)) break;
1788
- e.add(o), uo(t);
1793
+ e.add(o), vo(t);
1789
1794
  }
1790
1795
  };
1791
- function ho(o) {
1796
+ function po(o) {
1792
1797
  this._$AN !== void 0 ? (bt(this), this._$AM = o, ne(this)) : this._$AM = o;
1793
1798
  }
1794
- function po(o, t = !1, e = 0) {
1799
+ function uo(o, t = !1, e = 0) {
1795
1800
  const n = this._$AH, i = this._$AN;
1796
1801
  if (i !== void 0 && i.size !== 0) if (t) if (Array.isArray(n)) for (let r = e; r < n.length; r++) ot(n[r], !1), bt(n[r]);
1797
1802
  else n != null && (ot(n, !1), bt(n));
1798
1803
  else ot(this, o);
1799
1804
  }
1800
- const uo = (o) => {
1801
- o.type == zt.CHILD && (o._$AP ?? (o._$AP = po), o._$AQ ?? (o._$AQ = ho));
1805
+ const vo = (o) => {
1806
+ o.type == zt.CHILD && (o._$AP ?? (o._$AP = uo), o._$AQ ?? (o._$AQ = po));
1802
1807
  };
1803
- class vo extends Ht {
1808
+ class bo extends Ht {
1804
1809
  constructor() {
1805
1810
  super(...arguments), this._$AN = void 0;
1806
1811
  }
@@ -1812,7 +1817,7 @@ class vo extends Ht {
1812
1817
  t !== this.isConnected && (this.isConnected = t, t ? (n = this.reconnected) == null || n.call(this) : (i = this.disconnected) == null || i.call(this)), e && (ot(this, t), bt(this));
1813
1818
  }
1814
1819
  setValue(t) {
1815
- if (co(this._$Ct)) this._$Ct._$AI(t, this);
1820
+ if (ho(this._$Ct)) this._$Ct._$AI(t, this);
1816
1821
  else {
1817
1822
  const e = [...this._$Ct._$AH];
1818
1823
  e[this._$Ci] = t, this._$Ct._$AI(e, this, 0);
@@ -1823,7 +1828,7 @@ class vo extends Ht {
1823
1828
  reconnected() {
1824
1829
  }
1825
1830
  }
1826
- class bo extends vo {
1831
+ class fo extends bo {
1827
1832
  constructor() {
1828
1833
  super(...arguments), this.prevData = {};
1829
1834
  }
@@ -1850,7 +1855,7 @@ class bo extends vo {
1850
1855
  (!t || !(i in t) && n[i] === e[i]) && (n[i] = void 0);
1851
1856
  }
1852
1857
  }
1853
- class fo extends bo {
1858
+ class go extends fo {
1854
1859
  constructor() {
1855
1860
  super(...arguments), this.eventData = {};
1856
1861
  }
@@ -1894,7 +1899,7 @@ class fo extends bo {
1894
1899
  }
1895
1900
  }
1896
1901
  }
1897
- class go extends fo {
1902
+ class yo extends go {
1898
1903
  apply(t) {
1899
1904
  if (!t)
1900
1905
  return;
@@ -1943,11 +1948,11 @@ class go extends fo {
1943
1948
  }
1944
1949
  }
1945
1950
  }
1946
- const Jt = Dt(go);
1947
- var yo = Object.defineProperty, mo = Object.getOwnPropertyDescriptor, f = (o, t, e, n) => {
1948
- for (var i = n > 1 ? void 0 : n ? mo(t, e) : t, r = o.length - 1, s; r >= 0; r--)
1951
+ const Jt = Dt(yo);
1952
+ var mo = Object.defineProperty, xo = Object.getOwnPropertyDescriptor, f = (o, t, e, n) => {
1953
+ for (var i = n > 1 ? void 0 : n ? xo(t, e) : t, r = o.length - 1, s; r >= 0; r--)
1949
1954
  (s = o[r]) && (i = (n ? s(t, e, i) : s(i)) || i);
1950
- return n && i && yo(t, e, i), i;
1955
+ return n && i && mo(t, e, i), i;
1951
1956
  };
1952
1957
  let u = class extends v {
1953
1958
  constructor() {
@@ -2289,10 +2294,10 @@ f([
2289
2294
  u = f([
2290
2295
  x("o-side-panel")
2291
2296
  ], u);
2292
- var xo = Object.defineProperty, wo = Object.getOwnPropertyDescriptor, U = (o, t, e, n) => {
2293
- for (var i = n > 1 ? void 0 : n ? wo(t, e) : t, r = o.length - 1, s; r >= 0; r--)
2297
+ var wo = Object.defineProperty, $o = Object.getOwnPropertyDescriptor, U = (o, t, e, n) => {
2298
+ for (var i = n > 1 ? void 0 : n ? $o(t, e) : t, r = o.length - 1, s; r >= 0; r--)
2294
2299
  (s = o[r]) && (i = (n ? s(t, e, i) : s(i)) || i);
2295
- return n && i && xo(t, e, i), i;
2300
+ return n && i && wo(t, e, i), i;
2296
2301
  };
2297
2302
  let L = class extends v {
2298
2303
  constructor() {
@@ -2501,10 +2506,10 @@ U([
2501
2506
  L = U([
2502
2507
  x("thumbnail-navigation")
2503
2508
  ], L);
2504
- var $o = Object.defineProperty, _o = Object.getOwnPropertyDescriptor, Mt = (o, t, e, n) => {
2505
- for (var i = n > 1 ? void 0 : n ? _o(t, e) : t, r = o.length - 1, s; r >= 0; r--)
2509
+ var _o = Object.defineProperty, Co = Object.getOwnPropertyDescriptor, Mt = (o, t, e, n) => {
2510
+ for (var i = n > 1 ? void 0 : n ? Co(t, e) : t, r = o.length - 1, s; r >= 0; r--)
2506
2511
  (s = o[r]) && (i = (n ? s(t, e, i) : s(i)) || i);
2507
- return n && i && $o(t, e, i), i;
2512
+ return n && i && _o(t, e, i), i;
2508
2513
  };
2509
2514
  let st = class extends v {
2510
2515
  constructor() {
@@ -2581,10 +2586,10 @@ Mt([
2581
2586
  st = Mt([
2582
2587
  x("o-tag")
2583
2588
  ], st);
2584
- var Co = Object.defineProperty, ko = Object.getOwnPropertyDescriptor, Tt = (o, t, e, n) => {
2585
- for (var i = n > 1 ? void 0 : n ? ko(t, e) : t, r = o.length - 1, s; r >= 0; r--)
2589
+ var ko = Object.defineProperty, Ao = Object.getOwnPropertyDescriptor, Tt = (o, t, e, n) => {
2590
+ for (var i = n > 1 ? void 0 : n ? Ao(t, e) : t, r = o.length - 1, s; r >= 0; r--)
2586
2591
  (s = o[r]) && (i = (n ? s(t, e, i) : s(i)) || i);
2587
- return n && i && Co(t, e, i), i;
2592
+ return n && i && ko(t, e, i), i;
2588
2593
  };
2589
2594
  let at = class extends v {
2590
2595
  constructor() {
@@ -2701,10 +2706,10 @@ Tt([
2701
2706
  at = Tt([
2702
2707
  x("o-tooltip")
2703
2708
  ], at);
2704
- var Ao = Object.defineProperty, Eo = Object.getOwnPropertyDescriptor, z = (o, t, e, n) => {
2705
- for (var i = n > 1 ? void 0 : n ? Eo(t, e) : t, r = o.length - 1, s; r >= 0; r--)
2709
+ var Eo = Object.defineProperty, So = Object.getOwnPropertyDescriptor, z = (o, t, e, n) => {
2710
+ for (var i = n > 1 ? void 0 : n ? So(t, e) : t, r = o.length - 1, s; r >= 0; r--)
2706
2711
  (s = o[r]) && (i = (n ? s(t, e, i) : s(i)) || i);
2707
- return n && i && Ao(t, e, i), i;
2712
+ return n && i && Eo(t, e, i), i;
2708
2713
  };
2709
2714
  let A = class extends v {
2710
2715
  constructor() {
@@ -2996,8 +3001,8 @@ z([
2996
3001
  A = z([
2997
3002
  x("o-dropdown")
2998
3003
  ], A);
2999
- var So = Object.getOwnPropertyDescriptor, Lo = (o, t, e, n) => {
3000
- for (var i = n > 1 ? void 0 : n ? So(t, e) : t, r = o.length - 1, s; r >= 0; r--)
3004
+ var Lo = Object.getOwnPropertyDescriptor, Po = (o, t, e, n) => {
3005
+ for (var i = n > 1 ? void 0 : n ? Lo(t, e) : t, r = o.length - 1, s; r >= 0; r--)
3001
3006
  (s = o[r]) && (i = s(i) || i);
3002
3007
  return i;
3003
3008
  };
@@ -3058,13 +3063,13 @@ Et.styles = y`
3058
3063
  }
3059
3064
  }
3060
3065
  `;
3061
- Et = Lo([
3066
+ Et = Po([
3062
3067
  x("o-dots")
3063
3068
  ], Et);
3064
- var Po = Object.defineProperty, Io = Object.getOwnPropertyDescriptor, I = (o, t, e, n) => {
3065
- for (var i = n > 1 ? void 0 : n ? Io(t, e) : t, r = o.length - 1, s; r >= 0; r--)
3069
+ var Io = Object.defineProperty, Oo = Object.getOwnPropertyDescriptor, I = (o, t, e, n) => {
3070
+ for (var i = n > 1 ? void 0 : n ? Oo(t, e) : t, r = o.length - 1, s; r >= 0; r--)
3066
3071
  (s = o[r]) && (i = (n ? s(t, e, i) : s(i)) || i);
3067
- return n && i && Po(t, e, i), i;
3072
+ return n && i && Io(t, e, i), i;
3068
3073
  };
3069
3074
  let C = class extends v {
3070
3075
  constructor() {
@@ -3414,7 +3419,7 @@ C = I([
3414
3419
  * Copyright 2018 Google LLC
3415
3420
  * SPDX-License-Identifier: BSD-3-Clause
3416
3421
  */
3417
- const re = "important", Oo = " !" + re, Bo = Dt(class extends Ht {
3422
+ const re = "important", Bo = " !" + re, zo = Dt(class extends Ht {
3418
3423
  constructor(o) {
3419
3424
  var t;
3420
3425
  if (super(o), o.type !== zt.ATTRIBUTE || o.name !== "style" || ((t = o.strings) == null ? void 0 : t.length) > 2) throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.");
@@ -3433,17 +3438,17 @@ const re = "important", Oo = " !" + re, Bo = Dt(class extends Ht {
3433
3438
  const i = t[n];
3434
3439
  if (i != null) {
3435
3440
  this.ft.add(n);
3436
- const r = typeof i == "string" && i.endsWith(Oo);
3441
+ const r = typeof i == "string" && i.endsWith(Bo);
3437
3442
  n.includes("-") || r ? e.setProperty(n, r ? i.slice(0, -11) : i, r ? re : "") : e[n] = i;
3438
3443
  }
3439
3444
  }
3440
3445
  return N;
3441
3446
  }
3442
3447
  });
3443
- var zo = Object.defineProperty, Do = Object.getOwnPropertyDescriptor, jt = (o, t, e, n) => {
3444
- for (var i = n > 1 ? void 0 : n ? Do(t, e) : t, r = o.length - 1, s; r >= 0; r--)
3448
+ var Do = Object.defineProperty, Ho = Object.getOwnPropertyDescriptor, jt = (o, t, e, n) => {
3449
+ for (var i = n > 1 ? void 0 : n ? Ho(t, e) : t, r = o.length - 1, s; r >= 0; r--)
3445
3450
  (s = o[r]) && (i = (n ? s(t, e, i) : s(i)) || i);
3446
- return n && i && zo(t, e, i), i;
3451
+ return n && i && Do(t, e, i), i;
3447
3452
  };
3448
3453
  let lt = class extends v {
3449
3454
  constructor() {
@@ -3454,7 +3459,7 @@ let lt = class extends v {
3454
3459
  width: `${this.imageSize}px`,
3455
3460
  height: `${this.imageSize}px`
3456
3461
  }, e = l`
3457
- ${this.option.imgurl ? l`<img src="${this.option.imgurl}" alt="${$(this.option.title)}" aria-hidden="true" style=${Bo(t)} />` : ""}
3462
+ ${this.option.imgurl ? l`<img src="${this.option.imgurl}" alt="${$(this.option.title)}" aria-hidden="true" style=${zo(t)} />` : ""}
3458
3463
  <div class="m-reassurance-content">
3459
3464
  <h3 class="a-reassurance-text">${$(this.option.title)}</h3>
3460
3465
  <p class="a-reassurance-description">${$(this.option.description)}</p>
@@ -3554,13 +3559,13 @@ jt([
3554
3559
  lt = jt([
3555
3560
  x("o-reassurance")
3556
3561
  ], lt);
3557
- var Ho = Object.defineProperty, Mo = Object.getOwnPropertyDescriptor, D = (o, t, e, n) => {
3558
- for (var i = n > 1 ? void 0 : n ? Mo(t, e) : t, r = o.length - 1, s; r >= 0; r--)
3562
+ var Mo = Object.defineProperty, To = Object.getOwnPropertyDescriptor, D = (o, t, e, n) => {
3563
+ for (var i = n > 1 ? void 0 : n ? To(t, e) : t, r = o.length - 1, s; r >= 0; r--)
3559
3564
  (s = o[r]) && (i = (n ? s(t, e, i) : s(i)) || i);
3560
- return n && i && Ho(t, e, i), i;
3565
+ return n && i && Mo(t, e, i), i;
3561
3566
  };
3562
- const To = Bt(v);
3563
- let k = class extends To {
3567
+ const jo = Bt(v);
3568
+ let k = class extends jo {
3564
3569
  constructor() {
3565
3570
  super(...arguments), this.link = "", this.name = "", this.value = "", this.text = "", this.size = "standard", this.selected = !1, this.fullwidth = !1, this.inactive = !1;
3566
3571
  }
@@ -3696,10 +3701,10 @@ D([
3696
3701
  k = D([
3697
3702
  x("o-chip")
3698
3703
  ], k);
3699
- var jo = Object.defineProperty, No = Object.getOwnPropertyDescriptor, Nt = (o, t, e, n) => {
3700
- for (var i = n > 1 ? void 0 : n ? No(t, e) : t, r = o.length - 1, s; r >= 0; r--)
3704
+ var No = Object.defineProperty, Uo = Object.getOwnPropertyDescriptor, Nt = (o, t, e, n) => {
3705
+ for (var i = n > 1 ? void 0 : n ? Uo(t, e) : t, r = o.length - 1, s; r >= 0; r--)
3701
3706
  (s = o[r]) && (i = (n ? s(t, e, i) : s(i)) || i);
3702
- return n && i && jo(t, e, i), i;
3707
+ return n && i && No(t, e, i), i;
3703
3708
  };
3704
3709
  let ct = class extends v {
3705
3710
  constructor() {
@@ -3734,13 +3739,13 @@ Nt([
3734
3739
  ct = Nt([
3735
3740
  x("o-chipset")
3736
3741
  ], ct);
3737
- var Uo = Object.defineProperty, Ro = Object.getOwnPropertyDescriptor, H = (o, t, e, n) => {
3738
- for (var i = n > 1 ? void 0 : n ? Ro(t, e) : t, r = o.length - 1, s; r >= 0; r--)
3742
+ var Ro = Object.defineProperty, Fo = Object.getOwnPropertyDescriptor, H = (o, t, e, n) => {
3743
+ for (var i = n > 1 ? void 0 : n ? Fo(t, e) : t, r = o.length - 1, s; r >= 0; r--)
3739
3744
  (s = o[r]) && (i = (n ? s(t, e, i) : s(i)) || i);
3740
- return n && i && Uo(t, e, i), i;
3745
+ return n && i && Ro(t, e, i), i;
3741
3746
  };
3742
- const Fo = Bt(v);
3743
- let E = class extends Fo {
3747
+ const Vo = Bt(v);
3748
+ let E = class extends Vo {
3744
3749
  constructor() {
3745
3750
  super(...arguments), this.name = "", this.value = "", this.type = "", this.dataHref = "", this.text = "", this.selected = !1, this.disabled = !1, this.fullwidth = !1, this.crossIconName = "cross", this.strikethroughImgName = "strikeDiagonal";
3746
3751
  }
@@ -3759,7 +3764,7 @@ let E = class extends Fo {
3759
3764
  return l`<span class="cross-icon">${S(o)}</span>`;
3760
3765
  }
3761
3766
  strikeThroughImg() {
3762
- const o = Je[this.strikethroughImgName].replace(
3767
+ const o = Qe[this.strikethroughImgName].replace(
3763
3768
  "<svg",
3764
3769
  '<svg aria-hidden="true" focusable="false" part="strikethrough"'
3765
3770
  ).replace(/stroke=[#"'a-z1-9]*/gi, "");
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@florid-kit/components",
3
- "version": "0.8.38",
3
+ "version": "0.8.39",
4
4
  "main": "index.js",
5
5
  "module": "index.mjs",
6
6
  "typings": "index.d.ts",