@florid-kit/components 0.8.22 → 0.8.24
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.
- package/components/filter-chip.d.ts +1 -0
- package/index.js +31 -21
- package/index.mjs +111 -98
- package/package.json +1 -1
package/index.js
CHANGED
|
@@ -10,13 +10,13 @@
|
|
|
10
10
|
* @license
|
|
11
11
|
* Copyright 2017 Google LLC
|
|
12
12
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
13
|
-
*/const et=globalThis,vt=et.trustedTypes,Zt=vt?vt.createPolicy("lit-html",{createHTML:o=>o}):void 0,te="$lit$",M=`lit$${Math.random().toFixed(9).slice(2)}$`,ee="?"+M,be=`<${ee}>`,
|
|
14
|
-
\f\r]`,Y=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,qt=/-->/g,Wt=/>/g,
|
|
15
|
-
\f\r"'\`<>=]|("|')|))|$)`,"g"),Kt=/'/g,Gt=/"/g,oe=/^(?:script|style|textarea|title)$/i,ge=o=>(t,...e)=>({_$litType$:o,strings:t,values:e}),l=ge(1),j=Symbol.for("lit-noChange"),d=Symbol.for("lit-nothing"),Xt=new WeakMap,
|
|
13
|
+
*/const et=globalThis,vt=et.trustedTypes,Zt=vt?vt.createPolicy("lit-html",{createHTML:o=>o}):void 0,te="$lit$",M=`lit$${Math.random().toFixed(9).slice(2)}$`,ee="?"+M,be=`<${ee}>`,Z=document,it=()=>Z.createComment(""),rt=o=>o===null||typeof o!="object"&&typeof o!="function",It=Array.isArray,fe=o=>It(o)||typeof(o==null?void 0:o[Symbol.iterator])=="function",xt=`[
|
|
14
|
+
\f\r]`,Y=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,qt=/-->/g,Wt=/>/g,F=RegExp(`>|${xt}(?:([^\\s"'>=/]+)(${xt}*=${xt}*(?:[^
|
|
15
|
+
\f\r"'\`<>=]|("|')|))|$)`,"g"),Kt=/'/g,Gt=/"/g,oe=/^(?:script|style|textarea|title)$/i,ge=o=>(t,...e)=>({_$litType$:o,strings:t,values:e}),l=ge(1),j=Symbol.for("lit-noChange"),d=Symbol.for("lit-nothing"),Xt=new WeakMap,R=Z.createTreeWalker(Z,129);function ie(o,t){if(!It(o)||!o.hasOwnProperty("raw"))throw Error("invalid template strings array");return Zt!==void 0?Zt.createHTML(t):t}const ye=(o,t)=>{const e=o.length-1,r=[];let i,n=t===2?"<svg>":t===3?"<math>":"",s=Y;for(let h=0;h<e;h++){const c=o[h];let f,m,p=-1,O=0;for(;O<c.length&&(s.lastIndex=O,m=s.exec(c),m!==null);)O=s.lastIndex,s===Y?m[1]==="!--"?s=qt:m[1]!==void 0?s=Wt:m[2]!==void 0?(oe.test(m[2])&&(i=RegExp("</"+m[2],"g")),s=F):m[3]!==void 0&&(s=F):s===F?m[0]===">"?(s=i??Y,p=-1):m[1]===void 0?p=-2:(p=s.lastIndex-m[2].length,f=m[1],s=m[3]===void 0?F:m[3]==='"'?Gt:Kt):s===Gt||s===Kt?s=F:s===qt||s===Wt?s=Y:(s=F,i=void 0);const H=s===F&&o[h+1].startsWith("/>")?" ":"";n+=s===Y?c+be:p>=0?(r.push(f),c.slice(0,p)+te+c.slice(p)+M+H):c+M+(p===-2?h:H)}return[ie(o,n+(o[e]||"<?>")+(t===2?"</svg>":t===3?"</math>":"")),r]};class nt{constructor({strings:t,_$litType$:e},r){let i;this.parts=[];let n=0,s=0;const h=t.length-1,c=this.parts,[f,m]=ye(t,e);if(this.el=nt.createElement(f,r),R.currentNode=this.el.content,e===2||e===3){const p=this.el.content.firstChild;p.replaceWith(...p.childNodes)}for(;(i=R.nextNode())!==null&&c.length<h;){if(i.nodeType===1){if(i.hasAttributes())for(const p of i.getAttributeNames())if(p.endsWith(te)){const O=m[s++],H=i.getAttribute(p).split(M),dt=/([.?@])?(.*)/.exec(O);c.push({type:1,index:n,name:dt[2],strings:H,ctor:dt[1]==="."?xe:dt[1]==="?"?we:dt[1]==="@"?$e:ft}),i.removeAttribute(p)}else p.startsWith(M)&&(c.push({type:6,index:n}),i.removeAttribute(p));if(oe.test(i.tagName)){const p=i.textContent.split(M),O=p.length-1;if(O>0){i.textContent=vt?vt.emptyScript:"";for(let H=0;H<O;H++)i.append(p[H],it()),R.nextNode(),c.push({type:2,index:++n});i.append(p[O],it())}}}else if(i.nodeType===8)if(i.data===ee)c.push({type:2,index:n});else{let p=-1;for(;(p=i.data.indexOf(M,p+1))!==-1;)c.push({type:7,index:n}),p+=M.length-1}n++}}static createElement(t,e){const r=Z.createElement("template");return r.innerHTML=t,r}}function X(o,t,e=o,r){var s,h;if(t===j)return t;let i=r!==void 0?(s=e._$Co)==null?void 0:s[r]:e._$Cl;const n=rt(t)?void 0:t._$litDirective$;return(i==null?void 0:i.constructor)!==n&&((h=i==null?void 0:i._$AO)==null||h.call(i,!1),n===void 0?i=void 0:(i=new n(o),i._$AT(o,e,r)),r!==void 0?(e._$Co??(e._$Co=[]))[r]=i:e._$Cl=i),i!==void 0&&(t=X(o,i._$AS(o,t.values),i,r)),t}class me{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:r}=this._$AD,i=((t==null?void 0:t.creationScope)??Z).importNode(e,!0);R.currentNode=i;let n=R.nextNode(),s=0,h=0,c=r[0];for(;c!==void 0;){if(s===c.index){let f;c.type===2?f=new ht(n,n.nextSibling,this,t):c.type===1?f=new c.ctor(n,c.name,c.strings,this,t):c.type===6&&(f=new _e(n,this,t)),this._$AV.push(f),c=r[++h]}s!==(c==null?void 0:c.index)&&(n=R.nextNode(),s++)}return R.currentNode=Z,i}p(t){let e=0;for(const r of this._$AV)r!==void 0&&(r.strings!==void 0?(r._$AI(t,r,e),e+=r.strings.length-2):r._$AI(t[e])),e++}}class ht{get _$AU(){var t;return((t=this._$AM)==null?void 0:t._$AU)??this._$Cv}constructor(t,e,r,i){this.type=2,this._$AH=d,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=r,this.options=i,this._$Cv=(i==null?void 0:i.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=X(this,t,e),rt(t)?t===d||t==null||t===""?(this._$AH!==d&&this._$AR(),this._$AH=d):t!==this._$AH&&t!==j&&this._(t):t._$litType$!==void 0?this.$(t):t.nodeType!==void 0?this.T(t):fe(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!==d&&rt(this._$AH)?this._$AA.nextSibling.data=t:this.T(Z.createTextNode(t)),this._$AH=t}$(t){var n;const{values:e,_$litType$:r}=t,i=typeof r=="number"?this._$AC(t):(r.el===void 0&&(r.el=nt.createElement(ie(r.h,r.h[0]),this.options)),r);if(((n=this._$AH)==null?void 0:n._$AD)===i)this._$AH.p(e);else{const s=new me(i,this),h=s.u(this.options);s.p(e),this.T(h),this._$AH=s}}_$AC(t){let e=Xt.get(t.strings);return e===void 0&&Xt.set(t.strings,e=new nt(t)),e}k(t){It(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let r,i=0;for(const n of t)i===e.length?e.push(r=new ht(this.O(it()),this.O(it()),this,this.options)):r=e[i],r._$AI(n),i++;i<e.length&&(this._$AR(r&&r._$AB.nextSibling,i),e.length=i)}_$AR(t=this._$AA.nextSibling,e){var r;for((r=this._$AP)==null?void 0:r.call(this,!1,!0,e);t&&t!==this._$AB;){const i=t.nextSibling;t.remove(),t=i}}setConnected(t){var e;this._$AM===void 0&&(this._$Cv=t,(e=this._$AP)==null||e.call(this,t))}}class ft{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,e,r,i,n){this.type=1,this._$AH=d,this._$AN=void 0,this.element=t,this.name=e,this._$AM=i,this.options=n,r.length>2||r[0]!==""||r[1]!==""?(this._$AH=Array(r.length-1).fill(new String),this.strings=r):this._$AH=d}_$AI(t,e=this,r,i){const n=this.strings;let s=!1;if(n===void 0)t=X(this,t,e,0),s=!rt(t)||t!==this._$AH&&t!==j,s&&(this._$AH=t);else{const h=t;let c,f;for(t=n[0],c=0;c<n.length-1;c++)f=X(this,h[r+c],e,c),f===j&&(f=this._$AH[c]),s||(s=!rt(f)||f!==this._$AH[c]),f===d?t=d:t!==d&&(t+=(f??"")+n[c+1]),this._$AH[c]=f}s&&!i&&this.j(t)}j(t){t===d?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}}class xe extends ft{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===d?void 0:t}}class we extends ft{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==d)}}class $e extends ft{constructor(t,e,r,i,n){super(t,e,r,i,n),this.type=5}_$AI(t,e=this){if((t=X(this,t,e,0)??d)===j)return;const r=this._$AH,i=t===d&&r!==d||t.capture!==r.capture||t.once!==r.once||t.passive!==r.passive,n=t!==d&&(r===d||i);i&&this.element.removeEventListener(this.name,this,r),n&&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 _e{constructor(t,e,r){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=r}get _$AU(){return this._$AM._$AU}_$AI(t){X(this,t)}}const wt=et.litHtmlPolyfillSupport;wt==null||wt(nt,ht),(et.litHtmlVersions??(et.litHtmlVersions=[])).push("3.3.0");const Ce=(o,t,e)=>{const r=(e==null?void 0:e.renderBefore)??t;let i=r._$litPart$;if(i===void 0){const n=(e==null?void 0:e.renderBefore)??null;r._$litPart$=i=new ht(t.insertBefore(it(),n),n,void 0,e??{})}return i._$AI(o),i};/**
|
|
16
16
|
* @license
|
|
17
17
|
* Copyright 2017 Google LLC
|
|
18
18
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
19
|
-
*/const
|
|
19
|
+
*/const V=globalThis;let u=class extends G{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){var e;const t=super.createRenderRoot();return(e=this.renderOptions).renderBefore??(e.renderBefore=t.firstChild),t}update(t){const e=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=Ce(e,this.renderRoot,this.renderOptions)}connectedCallback(){var t;super.connectedCallback(),(t=this._$Do)==null||t.setConnected(!0)}disconnectedCallback(){var t;super.disconnectedCallback(),(t=this._$Do)==null||t.setConnected(!1)}render(){return j}};var Qt;u._$litElement$=!0,u.finalized=!0,(Qt=V.litElementHydrateSupport)==null||Qt.call(V,{LitElement:u});const $t=V.litElementPolyfillSupport;$t==null||$t({LitElement:u});(V.litElementVersions??(V.litElementVersions=[])).push("4.2.0");/**
|
|
20
20
|
* @license
|
|
21
21
|
* Copyright 2017 Google LLC
|
|
22
22
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
@@ -28,7 +28,7 @@
|
|
|
28
28
|
* @license
|
|
29
29
|
* Copyright 2017 Google LLC
|
|
30
30
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
31
|
-
*/function
|
|
31
|
+
*/function q(o){return a({...o,state:!0,attribute:!1})}const Pt=g`
|
|
32
32
|
outline: 1px dashed var(--button-border-color);
|
|
33
33
|
outline-offset: 2px;
|
|
34
34
|
outline: dashed black;
|
|
@@ -127,7 +127,7 @@
|
|
|
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>`,
|
|
130
|
+
</svg>`,W={wishlist:Se,playerv:Le,chevronRight:Ie,chevronLeft:Pe,icoPlus:je,icoMinus:Ue,"star-0":Oe,"star-25":Be,"star-50":ze,"star-75":De,"star-100":He,cross:Me,search:Te,arrowLeft:Ne,arrowTop:Fe,cart:Re,notifyme:Ve,triangledown:Ze,triangleup:qe,checkstroke:We,pause:Ke,mapDualArrow:Ge},Je={strikeDiagonal:Xe};/**
|
|
131
131
|
* @license
|
|
132
132
|
* Copyright 2017 Google LLC
|
|
133
133
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
@@ -139,7 +139,7 @@
|
|
|
139
139
|
* @license
|
|
140
140
|
* Copyright 2017 Google LLC
|
|
141
141
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
142
|
-
*/class kt extends Ct{}kt.directiveName="unsafeSVG",kt.resultType=2;const E=Dt(kt);var Qe=Object.defineProperty,Ye=Object.getOwnPropertyDescriptor,w=(o,t,e,r)=>{for(var i=r>1?void 0:r?Ye(t,e):t,n=o.length-1,s;n>=0;n--)(s=o[n])&&(i=(r?s(t,e,i):s(i))||i);return r&&i&&Qe(t,e,i),i};const to=Bt(u);let v=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=
|
|
142
|
+
*/class kt extends Ct{}kt.directiveName="unsafeSVG",kt.resultType=2;const E=Dt(kt);var Qe=Object.defineProperty,Ye=Object.getOwnPropertyDescriptor,w=(o,t,e,r)=>{for(var i=r>1?void 0:r?Ye(t,e):t,n=o.length-1,s;n>=0;n--)(s=o[n])&&(i=(r?s(t,e,i):s(i))||i);return r&&i&&Qe(t,e,i),i};const to=Bt(u);let v=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"}">${E(e)}</span>`}renderButton(){const o=this.text||this.textsecond;return l`
|
|
143
143
|
<button type=${this.type} class="button" ?disabled=${this.disabled} @click=${this.handleClick}>
|
|
144
144
|
${this.startIcon?this.renderIcon("start"):d}
|
|
145
145
|
${o?l`
|
|
@@ -346,7 +346,7 @@
|
|
|
346
346
|
transform: translateX(4px);
|
|
347
347
|
}
|
|
348
348
|
//End icon movment on hover
|
|
349
|
-
`;w([a()],v.prototype,"type",2);w([a({reflect:!0})],v.prototype,"value",2);w([a({type:String,reflect:!0})],v.prototype,"variant",2);w([a({type:String})],v.prototype,"text",2);w([a({type:String})],v.prototype,"textsecond",2);w([a({type:Boolean,reflect:!0})],v.prototype,"fullwidth",2);w([a({type:Boolean,reflect:!0})],v.prototype,"disabled",2);w([a({type:String,reflect:!0})],v.prototype,"startIconModel",2);w([a({type:String,reflect:!0})],v.prototype,"endIconModel",2);w([a({type:Boolean,reflect:!0,attribute:"starticon"})],v.prototype,"startIcon",2);w([a({type:Boolean,reflect:!0,attribute:"endicon"})],v.prototype,"endIcon",2);w([a({type:String,attribute:"paneltarget",reflect:!0})],v.prototype,"panelTarget",2);w([a({type:String})],v.prototype,"href",2);w([a({type:String})],v.prototype,"target",2);w([a({type:Boolean,reflect:!0})],v.prototype,"underlined",2);v=w([x("o-button")],v);var eo=Object.defineProperty,oo=Object.getOwnPropertyDescriptor,gt=(o,t,e,r)=>{for(var i=r>1?void 0:r?oo(t,e):t,n=o.length-1,s;n>=0;n--)(s=o[n])&&(i=(r?s(t,e,i):s(i))||i);return r&&i&&eo(t,e,i),i};let J=class extends u{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=
|
|
349
|
+
`;w([a()],v.prototype,"type",2);w([a({reflect:!0})],v.prototype,"value",2);w([a({type:String,reflect:!0})],v.prototype,"variant",2);w([a({type:String})],v.prototype,"text",2);w([a({type:String})],v.prototype,"textsecond",2);w([a({type:Boolean,reflect:!0})],v.prototype,"fullwidth",2);w([a({type:Boolean,reflect:!0})],v.prototype,"disabled",2);w([a({type:String,reflect:!0})],v.prototype,"startIconModel",2);w([a({type:String,reflect:!0})],v.prototype,"endIconModel",2);w([a({type:Boolean,reflect:!0,attribute:"starticon"})],v.prototype,"startIcon",2);w([a({type:Boolean,reflect:!0,attribute:"endicon"})],v.prototype,"endIcon",2);w([a({type:String,attribute:"paneltarget",reflect:!0})],v.prototype,"panelTarget",2);w([a({type:String})],v.prototype,"href",2);w([a({type:String})],v.prototype,"target",2);w([a({type:Boolean,reflect:!0})],v.prototype,"underlined",2);v=w([x("o-button")],v);var eo=Object.defineProperty,oo=Object.getOwnPropertyDescriptor,gt=(o,t,e,r)=>{for(var i=r>1?void 0:r?oo(t,e):t,n=o.length-1,s;n>=0;n--)(s=o[n])&&(i=(r?s(t,e,i):s(i))||i);return r&&i&&eo(t,e,i),i};let J=class extends u{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
350
|
<button type="button" aria-describedby="${this.ariaDescribedBy}" class="wishlist-button">
|
|
351
351
|
<span class="sr-only">${this.label}</span>
|
|
352
352
|
${E(o)}
|
|
@@ -420,7 +420,7 @@
|
|
|
420
420
|
* @license
|
|
421
421
|
* Copyright 2018 Google LLC
|
|
422
422
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
423
|
-
*/const $=o=>o??d;var io=Object.defineProperty,ro=Object.getOwnPropertyDescriptor,
|
|
423
|
+
*/const $=o=>o??d;var io=Object.defineProperty,ro=Object.getOwnPropertyDescriptor,I=(o,t,e,r)=>{for(var i=r>1?void 0:r?ro(t,e):t,n=o.length-1,s;n>=0;n--)(s=o[n])&&(i=(r?s(t,e,i):s(i))||i);return r&&i&&io(t,e,i),i};let _=class extends u{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"'),r=this.showSrLabel?l`<span class="sr-only">${this.srLabel}</span>`:null,i=this.showSrLabel?null:"icon";return l`
|
|
424
424
|
${this.type==="span"?l`
|
|
425
425
|
<span class="icon icon-button ${this.size} ${this.bgstyle} ${this.status} ${t}" ?disabled="${this.disabled}">
|
|
426
426
|
${E(e)}
|
|
@@ -642,7 +642,7 @@
|
|
|
642
642
|
.sr-only {
|
|
643
643
|
display: none;
|
|
644
644
|
}
|
|
645
|
-
`;
|
|
645
|
+
`;I([a({type:String,reflect:!0})],_.prototype,"bgstyle",2);I([a({type:String,reflect:!0})],_.prototype,"size",2);I([a({type:String,reflect:!0})],_.prototype,"status",2);I([a({type:String,reflect:!0})],_.prototype,"type",2);I([a({type:String})],_.prototype,"strokewidth",2);I([a({type:String})],_.prototype,"icon",2);I([a({type:Boolean,reflect:!0})],_.prototype,"disabled",2);I([a({type:Boolean})],_.prototype,"showSrLabel",2);I([a({type:String})],_.prototype,"srLabel",2);_=I([x("o-icon-button")],_);var no=Object.defineProperty,so=Object.getOwnPropertyDescriptor,K=(o,t,e,r)=>{for(var i=r>1?void 0:r?so(t,e):t,n=o.length-1,s;n>=0;n--)(s=o[n])&&(i=(r?s(t,e,i):s(i))||i);return r&&i&&no(t,e,i),i};let B=class extends u{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`
|
|
646
646
|
<a
|
|
647
647
|
href="${o}"
|
|
648
648
|
target="${$(this.target||void 0)}"
|
|
@@ -668,7 +668,7 @@
|
|
|
668
668
|
></o-icon-button>
|
|
669
669
|
`:null}
|
|
670
670
|
</a>
|
|
671
|
-
`}};
|
|
671
|
+
`}};B.styles=g`
|
|
672
672
|
:host([template="standard"]) a {
|
|
673
673
|
color: var(--color-content-action-secondary);
|
|
674
674
|
font-size: var(--font-size-200);
|
|
@@ -755,10 +755,10 @@
|
|
|
755
755
|
height: 1px;
|
|
756
756
|
}
|
|
757
757
|
/* End of underline effect */
|
|
758
|
-
`;
|
|
758
|
+
`;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,yt=(o,t,e,r)=>{for(var i=r>1?void 0:r?lo(t,e):t,n=o.length-1,s;n>=0;n--)(s=o[n])&&(i=(r?s(t,e,i):s(i))||i);return r&&i&&ao(t,e,i),i};let Q=class extends u{constructor(){super(...arguments),this.rating=0}getStarKeys(){const o=[];for(let t=0;t<5;t++){const e=this.rating-t;let r;e>=1?r=100:e<=0?r=0:r=Math.round(e*100/25)*25,o.push(`star-${r}`)}return o}render(){const o=this.getStarKeys();return l`
|
|
759
759
|
<div class="rating">
|
|
760
760
|
<div class="stars">
|
|
761
|
-
${o.map(t=>l`<span class="star">${E(
|
|
761
|
+
${o.map(t=>l`<span class="star">${E(W[t]??"")}</span>`)}
|
|
762
762
|
</div>
|
|
763
763
|
${this.reviewCount!=null&&this.href!=null?l`<o-link template="review" href="${this.href}">${this.reviewCount}</o-link>`:null}
|
|
764
764
|
</div>
|
|
@@ -1128,7 +1128,7 @@
|
|
|
1128
1128
|
height: 0;
|
|
1129
1129
|
width: 0;
|
|
1130
1130
|
}
|
|
1131
|
-
`;U([a({type:Array})],S.prototype,"thumbnails",2);U([a({type:Number})],S.prototype,"activeIndex",2);U([a({type:Array})],S.prototype,"disabledIndexes",2);U([a({type:String})],S.prototype,"maxWidth",2);U([a({type:String})],S.prototype,"altressource",2);U([a({type:Object})],S.prototype,"swiperInstance",2);U([
|
|
1131
|
+
`;U([a({type:Array})],S.prototype,"thumbnails",2);U([a({type:Number})],S.prototype,"activeIndex",2);U([a({type:Array})],S.prototype,"disabledIndexes",2);U([a({type:String})],S.prototype,"maxWidth",2);U([a({type:String})],S.prototype,"altressource",2);U([a({type:Object})],S.prototype,"swiperInstance",2);U([q()],S.prototype,"focusedIndex",2);S=U([x("thumbnail-navigation")],S);var $o=Object.defineProperty,_o=Object.getOwnPropertyDescriptor,Mt=(o,t,e,r)=>{for(var i=r>1?void 0:r?_o(t,e):t,n=o.length-1,s;n>=0;n--)(s=o[n])&&(i=(r?s(t,e,i):s(i))||i);return r&&i&&$o(t,e,i),i};let st=class extends u{constructor(){super(...arguments),this.type="",this.bgstyle="background-white"}render(){return l`
|
|
1132
1132
|
<span class="tag ${this.bgstyle}"><slot></slot></span>
|
|
1133
1133
|
`}};st.styles=g`
|
|
1134
1134
|
.tag {
|
|
@@ -1282,7 +1282,7 @@
|
|
|
1282
1282
|
border-color: transparent var(--color-alpha-dark-strongest) transparent transparent;
|
|
1283
1283
|
}
|
|
1284
1284
|
|
|
1285
|
-
`;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,r)=>{for(var i=r>1?void 0:r?Eo(t,e):t,n=o.length-1,s;n>=0;n--)(s=o[n])&&(i=(r?s(t,e,i):s(i))||i);return r&&i&&Ao(t,e,i),i};let A=class extends u{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=
|
|
1285
|
+
`;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,r)=>{for(var i=r>1?void 0:r?Eo(t,e):t,n=o.length-1,s;n>=0;n--)(s=o[n])&&(i=(r?s(t,e,i):s(i))||i);return r&&i&&Ao(t,e,i),i};let A=class extends u{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`
|
|
1286
1286
|
<button
|
|
1287
1287
|
role="combobox"
|
|
1288
1288
|
aria-haspopup="listbox"
|
|
@@ -1469,7 +1469,7 @@
|
|
|
1469
1469
|
input[type="hidden"] {
|
|
1470
1470
|
display: none;
|
|
1471
1471
|
}
|
|
1472
|
-
`;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([
|
|
1472
|
+
`;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,r)=>{for(var i=r>1?void 0:r?So(t,e):t,n=o.length-1,s;n>=0;n--)(s=o[n])&&(i=s(i)||i);return i};let At=class extends u{render(){return l` <span class="dots"></span> `}};At.styles=g`
|
|
1473
1473
|
:host {
|
|
1474
1474
|
display: flex;
|
|
1475
1475
|
align-items: center;
|
|
@@ -1520,7 +1520,7 @@
|
|
|
1520
1520
|
background-color: var(--color-container-action-primary-pressed);
|
|
1521
1521
|
}
|
|
1522
1522
|
}
|
|
1523
|
-
`;At=Lo([x("o-dots")],At);var Io=Object.defineProperty,Po=Object.getOwnPropertyDescriptor,
|
|
1523
|
+
`;At=Lo([x("o-dots")],At);var Io=Object.defineProperty,Po=Object.getOwnPropertyDescriptor,P=(o,t,e,r)=>{for(var i=r>1?void 0:r?Po(t,e):t,n=o.length-1,s;n>=0;n--)(s=o[n])&&(i=(r?s(t,e,i):s(i))||i);return r&&i&&Io(t,e,i),i};let C=class extends u{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`
|
|
1524
1524
|
<button
|
|
1525
1525
|
role="combobox"
|
|
1526
1526
|
aria-haspopup="listbox"
|
|
@@ -1757,7 +1757,7 @@
|
|
|
1757
1757
|
input[type="hidden"] {
|
|
1758
1758
|
display: none;
|
|
1759
1759
|
}
|
|
1760
|
-
`;
|
|
1760
|
+
`;P([a({type:Array,reflect:!0})],C.prototype,"options",2);P([a({type:String,reflect:!0})],C.prototype,"value",2);P([a({type:String,reflect:!0})],C.prototype,"name",2);P([a({type:String,reflect:!0})],C.prototype,"additionaltext",2);P([a({type:Boolean,reflect:!0})],C.prototype,"disabled",2);P([a({type:String,reflect:!0})],C.prototype,"width",2);P([q()],C.prototype,"open",2);P([q()],C.prototype,"activeIndex",2);P([q()],C.prototype,"menuWidth",2);C=P([x("o-dropdown-variant")],C);/**
|
|
1761
1761
|
* @license
|
|
1762
1762
|
* Copyright 2018 Google LLC
|
|
1763
1763
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
@@ -1951,7 +1951,16 @@
|
|
|
1951
1951
|
flex-wrap: wrap;
|
|
1952
1952
|
gap: var(--spacing-s);
|
|
1953
1953
|
}
|
|
1954
|
-
`;Ut([a({reflect:!0})],ct.prototype,"name",2);Ut([a({reflect:!0})],ct.prototype,"value",2);ct=Ut([x("o-chipset")],ct);var No=Object.defineProperty,Fo=Object.getOwnPropertyDescriptor,
|
|
1954
|
+
`;Ut([a({reflect:!0})],ct.prototype,"name",2);Ut([a({reflect:!0})],ct.prototype,"value",2);ct=Ut([x("o-chipset")],ct);var No=Object.defineProperty,Fo=Object.getOwnPropertyDescriptor,N=(o,t,e,r)=>{for(var i=r>1?void 0:r?Fo(t,e):t,n=o.length-1,s;n>=0;n--)(s=o[n])&&(i=(r?s(t,e,i):s(i))||i);return r&&i&&No(t,e,i),i};const Ro=Bt(u);let L=class extends Ro{constructor(){super(...arguments),this.name="",this.value="",this.role="",this.text="",this.selected=!1,this.disabled=!1,this.fullwidth=!1,this.crossIconName="cross",this.strikethroughImgName="strikeDiagonal"}handleClick(o){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">${E(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 E(o)}render(){const o=this.text;return l`${this.role==="button"?l`
|
|
1955
|
+
<a role="button" tabindex="0" class="button" ?disabled=${this.disabled} @click=${this.handleClick}
|
|
1956
|
+
aria-label=${this.ariaLabel} aria-pressed=${this.selected}>
|
|
1957
|
+
${o?l`
|
|
1958
|
+
${this.text?l`<span class="text">${this.text}</span>`:d}
|
|
1959
|
+
`:l`
|
|
1960
|
+
<span class="text"><slot></slot></span>`}
|
|
1961
|
+
${this.selected?this.crossIcon():d}
|
|
1962
|
+
</a>
|
|
1963
|
+
`:l`
|
|
1955
1964
|
<button type="button" class="button" ?disabled=${this.disabled} @click=${this.handleClick}
|
|
1956
1965
|
aria-label=${this.ariaLabel} aria-pressed=${this.selected}>
|
|
1957
1966
|
${o?l`
|
|
@@ -1960,8 +1969,9 @@
|
|
|
1960
1969
|
<span class="text"><slot></slot></span>`}
|
|
1961
1970
|
${this.selected?this.crossIcon():d}
|
|
1962
1971
|
</button>
|
|
1972
|
+
`}
|
|
1963
1973
|
${this.disabled?this.strikeThroughImg():d}
|
|
1964
|
-
`}};
|
|
1974
|
+
`}};L.styles=g`
|
|
1965
1975
|
:host {
|
|
1966
1976
|
cursor: pointer;
|
|
1967
1977
|
display: inline-flex;
|
|
@@ -2082,4 +2092,4 @@
|
|
|
2082
2092
|
stroke-linecap: round;
|
|
2083
2093
|
}
|
|
2084
2094
|
}
|
|
2085
|
-
`;
|
|
2095
|
+
`;N([a({reflect:!0})],L.prototype,"name",2);N([a({reflect:!0})],L.prototype,"value",2);N([a({reflect:!0})],L.prototype,"role",2);N([a({type:String})],L.prototype,"text",2);N([a({type:Boolean,reflect:!0})],L.prototype,"selected",2);N([a({type:Boolean,reflect:!0})],L.prototype,"disabled",2);N([a({type:Boolean,reflect:!0})],L.prototype,"fullwidth",2);L=N([x("o-filter-chip")],L);
|
package/index.mjs
CHANGED
|
@@ -282,9 +282,9 @@ G.elementStyles = [], G.shadowRootOptions = { mode: "open" }, G[tt("elementPrope
|
|
|
282
282
|
* Copyright 2017 Google LLC
|
|
283
283
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
284
284
|
*/
|
|
285
|
-
const et = globalThis, vt = et.trustedTypes, Zt = vt ? vt.createPolicy("lit-html", { createHTML: (o) => o }) : void 0, te = "$lit$", M = `lit$${Math.random().toFixed(9).slice(2)}$`, ee = "?" + M, be = `<${ee}>`,
|
|
286
|
-
\f\r]`, Y = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, qt = /-->/g, Wt = />/g,
|
|
287
|
-
\f\r"'\`<>=]|("|')|))|$)`, "g"), Kt = /'/g, Gt = /"/g, oe = /^(?:script|style|textarea|title)$/i, ge = (o) => (t, ...e) => ({ _$litType$: o, strings: t, values: e }), l = ge(1), j = Symbol.for("lit-noChange"), d = Symbol.for("lit-nothing"), Xt = /* @__PURE__ */ new WeakMap(),
|
|
285
|
+
const et = globalThis, vt = et.trustedTypes, Zt = vt ? vt.createPolicy("lit-html", { createHTML: (o) => o }) : void 0, te = "$lit$", M = `lit$${Math.random().toFixed(9).slice(2)}$`, ee = "?" + M, be = `<${ee}>`, Z = document, it = () => Z.createComment(""), rt = (o) => o === null || typeof o != "object" && typeof o != "function", It = Array.isArray, fe = (o) => It(o) || typeof (o == null ? void 0 : o[Symbol.iterator]) == "function", xt = `[
|
|
286
|
+
\f\r]`, Y = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, qt = /-->/g, Wt = />/g, F = RegExp(`>|${xt}(?:([^\\s"'>=/]+)(${xt}*=${xt}*(?:[^
|
|
287
|
+
\f\r"'\`<>=]|("|')|))|$)`, "g"), Kt = /'/g, Gt = /"/g, oe = /^(?:script|style|textarea|title)$/i, ge = (o) => (t, ...e) => ({ _$litType$: o, strings: t, values: e }), l = ge(1), j = Symbol.for("lit-noChange"), d = Symbol.for("lit-nothing"), Xt = /* @__PURE__ */ new WeakMap(), R = Z.createTreeWalker(Z, 129);
|
|
288
288
|
function ie(o, t) {
|
|
289
289
|
if (!It(o) || !o.hasOwnProperty("raw")) throw Error("invalid template strings array");
|
|
290
290
|
return Zt !== void 0 ? Zt.createHTML(t) : t;
|
|
@@ -294,9 +294,9 @@ const ye = (o, t) => {
|
|
|
294
294
|
let i, n = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", s = Y;
|
|
295
295
|
for (let h = 0; h < e; h++) {
|
|
296
296
|
const c = o[h];
|
|
297
|
-
let f, m, p = -1,
|
|
298
|
-
for (;
|
|
299
|
-
const H = s ===
|
|
297
|
+
let f, m, p = -1, O = 0;
|
|
298
|
+
for (; O < c.length && (s.lastIndex = O, m = s.exec(c), m !== null); ) O = s.lastIndex, s === Y ? m[1] === "!--" ? s = qt : m[1] !== void 0 ? s = Wt : m[2] !== void 0 ? (oe.test(m[2]) && (i = RegExp("</" + m[2], "g")), s = F) : m[3] !== void 0 && (s = F) : s === F ? m[0] === ">" ? (s = i ?? Y, p = -1) : m[1] === void 0 ? p = -2 : (p = s.lastIndex - m[2].length, f = m[1], s = m[3] === void 0 ? F : m[3] === '"' ? Gt : Kt) : s === Gt || s === Kt ? s = F : s === qt || s === Wt ? s = Y : (s = F, i = void 0);
|
|
299
|
+
const H = s === F && o[h + 1].startsWith("/>") ? " " : "";
|
|
300
300
|
n += s === Y ? c + be : p >= 0 ? (r.push(f), c.slice(0, p) + te + c.slice(p) + M + H) : c + M + (p === -2 ? h : H);
|
|
301
301
|
}
|
|
302
302
|
return [ie(o, n + (o[e] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), r];
|
|
@@ -307,22 +307,22 @@ class nt {
|
|
|
307
307
|
this.parts = [];
|
|
308
308
|
let n = 0, s = 0;
|
|
309
309
|
const h = t.length - 1, c = this.parts, [f, m] = ye(t, e);
|
|
310
|
-
if (this.el = nt.createElement(f, r),
|
|
310
|
+
if (this.el = nt.createElement(f, r), R.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 (; (i =
|
|
314
|
+
for (; (i = R.nextNode()) !== null && c.length < h; ) {
|
|
315
315
|
if (i.nodeType === 1) {
|
|
316
316
|
if (i.hasAttributes()) for (const p of i.getAttributeNames()) if (p.endsWith(te)) {
|
|
317
|
-
const
|
|
317
|
+
const O = m[s++], H = i.getAttribute(p).split(M), dt = /([.?@])?(.*)/.exec(O);
|
|
318
318
|
c.push({ type: 1, index: n, name: dt[2], strings: H, ctor: dt[1] === "." ? xe : dt[1] === "?" ? we : dt[1] === "@" ? $e : ft }), i.removeAttribute(p);
|
|
319
319
|
} else p.startsWith(M) && (c.push({ type: 6, index: n }), i.removeAttribute(p));
|
|
320
320
|
if (oe.test(i.tagName)) {
|
|
321
|
-
const p = i.textContent.split(M),
|
|
322
|
-
if (
|
|
321
|
+
const p = i.textContent.split(M), O = p.length - 1;
|
|
322
|
+
if (O > 0) {
|
|
323
323
|
i.textContent = vt ? vt.emptyScript : "";
|
|
324
|
-
for (let H = 0; H <
|
|
325
|
-
i.append(p[
|
|
324
|
+
for (let H = 0; H < O; H++) i.append(p[H], it()), R.nextNode(), c.push({ type: 2, index: ++n });
|
|
325
|
+
i.append(p[O], it());
|
|
326
326
|
}
|
|
327
327
|
}
|
|
328
328
|
} else if (i.nodeType === 8) if (i.data === ee) c.push({ type: 2, index: n });
|
|
@@ -334,7 +334,7 @@ class nt {
|
|
|
334
334
|
}
|
|
335
335
|
}
|
|
336
336
|
static createElement(t, e) {
|
|
337
|
-
const r =
|
|
337
|
+
const r = Z.createElement("template");
|
|
338
338
|
return r.innerHTML = t, r;
|
|
339
339
|
}
|
|
340
340
|
}
|
|
@@ -356,17 +356,17 @@ class me {
|
|
|
356
356
|
return this._$AM._$AU;
|
|
357
357
|
}
|
|
358
358
|
u(t) {
|
|
359
|
-
const { el: { content: e }, parts: r } = this._$AD, i = ((t == null ? void 0 : t.creationScope) ??
|
|
360
|
-
|
|
361
|
-
let n =
|
|
359
|
+
const { el: { content: e }, parts: r } = this._$AD, i = ((t == null ? void 0 : t.creationScope) ?? Z).importNode(e, !0);
|
|
360
|
+
R.currentNode = i;
|
|
361
|
+
let n = R.nextNode(), s = 0, h = 0, c = r[0];
|
|
362
362
|
for (; c !== void 0; ) {
|
|
363
363
|
if (s === c.index) {
|
|
364
364
|
let f;
|
|
365
365
|
c.type === 2 ? f = new ht(n, n.nextSibling, this, t) : c.type === 1 ? f = new c.ctor(n, c.name, c.strings, this, t) : c.type === 6 && (f = new _e(n, this, t)), this._$AV.push(f), c = r[++h];
|
|
366
366
|
}
|
|
367
|
-
s !== (c == null ? void 0 : c.index) && (n =
|
|
367
|
+
s !== (c == null ? void 0 : c.index) && (n = R.nextNode(), s++);
|
|
368
368
|
}
|
|
369
|
-
return
|
|
369
|
+
return R.currentNode = Z, i;
|
|
370
370
|
}
|
|
371
371
|
p(t) {
|
|
372
372
|
let e = 0;
|
|
@@ -402,7 +402,7 @@ class ht {
|
|
|
402
402
|
this._$AH !== t && (this._$AR(), this._$AH = this.O(t));
|
|
403
403
|
}
|
|
404
404
|
_(t) {
|
|
405
|
-
this._$AH !== d && rt(this._$AH) ? this._$AA.nextSibling.data = t : this.T(
|
|
405
|
+
this._$AH !== d && rt(this._$AH) ? this._$AA.nextSibling.data = t : this.T(Z.createTextNode(t)), this._$AH = t;
|
|
406
406
|
}
|
|
407
407
|
$(t) {
|
|
408
408
|
var n;
|
|
@@ -518,7 +518,7 @@ const Ce = (o, t, e) => {
|
|
|
518
518
|
* Copyright 2017 Google LLC
|
|
519
519
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
520
520
|
*/
|
|
521
|
-
const
|
|
521
|
+
const V = globalThis;
|
|
522
522
|
let u = class extends G {
|
|
523
523
|
constructor() {
|
|
524
524
|
super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
|
|
@@ -545,10 +545,10 @@ let u = class extends G {
|
|
|
545
545
|
}
|
|
546
546
|
};
|
|
547
547
|
var Qt;
|
|
548
|
-
u._$litElement$ = !0, u.finalized = !0, (Qt =
|
|
549
|
-
const $t =
|
|
548
|
+
u._$litElement$ = !0, u.finalized = !0, (Qt = V.litElementHydrateSupport) == null || Qt.call(V, { LitElement: u });
|
|
549
|
+
const $t = V.litElementPolyfillSupport;
|
|
550
550
|
$t == null || $t({ LitElement: u });
|
|
551
|
-
(
|
|
551
|
+
(V.litElementVersions ?? (V.litElementVersions = [])).push("4.2.0");
|
|
552
552
|
/**
|
|
553
553
|
* @license
|
|
554
554
|
* Copyright 2017 Google LLC
|
|
@@ -596,7 +596,7 @@ function a(o) {
|
|
|
596
596
|
* Copyright 2017 Google LLC
|
|
597
597
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
598
598
|
*/
|
|
599
|
-
function
|
|
599
|
+
function q(o) {
|
|
600
600
|
return a({ ...o, state: !0, attribute: !1 });
|
|
601
601
|
}
|
|
602
602
|
const Pt = g`
|
|
@@ -739,7 +739,7 @@ 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>`,
|
|
742
|
+
</svg>`, W = {
|
|
743
743
|
wishlist: Se,
|
|
744
744
|
playerv: Le,
|
|
745
745
|
chevronRight: Ie,
|
|
@@ -847,7 +847,7 @@ let v = class extends to {
|
|
|
847
847
|
renderIcon(o) {
|
|
848
848
|
const t = o === "start" ? this.startIconModel : this.endIconModel;
|
|
849
849
|
if (!t) return d;
|
|
850
|
-
const e =
|
|
850
|
+
const e = W[t].replace(
|
|
851
851
|
"<svg",
|
|
852
852
|
'<svg aria-hidden="true" focusable="false" part="svg"'
|
|
853
853
|
);
|
|
@@ -1145,7 +1145,7 @@ let J = class extends u {
|
|
|
1145
1145
|
(o.key === "Enter" || o.key === " ") && (o.preventDefault(), this.toggleStatus());
|
|
1146
1146
|
}
|
|
1147
1147
|
render() {
|
|
1148
|
-
const o =
|
|
1148
|
+
const o = W.wishlist.replace(
|
|
1149
1149
|
"<svg",
|
|
1150
1150
|
'<svg aria-hidden="true" focusable="false" part="svg"'
|
|
1151
1151
|
);
|
|
@@ -1250,7 +1250,7 @@ J = gt([
|
|
|
1250
1250
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
1251
1251
|
*/
|
|
1252
1252
|
const $ = (o) => o ?? d;
|
|
1253
|
-
var io = Object.defineProperty, ro = Object.getOwnPropertyDescriptor,
|
|
1253
|
+
var io = Object.defineProperty, ro = Object.getOwnPropertyDescriptor, I = (o, t, e, r) => {
|
|
1254
1254
|
for (var i = r > 1 ? void 0 : r ? ro(t, e) : t, n = o.length - 1, s; n >= 0; n--)
|
|
1255
1255
|
(s = o[n]) && (i = (r ? s(t, e, i) : s(i)) || i);
|
|
1256
1256
|
return r && i && io(t, e, i), i;
|
|
@@ -1263,7 +1263,7 @@ let _ = class extends u {
|
|
|
1263
1263
|
super.updated(o), this.style.setProperty("--icon-stroke-width", this.strokewidth);
|
|
1264
1264
|
}
|
|
1265
1265
|
render() {
|
|
1266
|
-
const o =
|
|
1266
|
+
const o = W[this.icon] ?? "", t = `icon-${this.icon}`, e = o.replace(
|
|
1267
1267
|
"<svg",
|
|
1268
1268
|
'<svg aria-hidden="true" focusable="false" part="svg"'
|
|
1269
1269
|
), r = this.showSrLabel ? l`<span class="sr-only">${this.srLabel}</span>` : null, i = this.showSrLabel ? null : "icon";
|
|
@@ -1493,42 +1493,42 @@ _.styles = g`
|
|
|
1493
1493
|
display: none;
|
|
1494
1494
|
}
|
|
1495
1495
|
`;
|
|
1496
|
-
|
|
1496
|
+
I([
|
|
1497
1497
|
a({ type: String, reflect: !0 })
|
|
1498
1498
|
], _.prototype, "bgstyle", 2);
|
|
1499
|
-
|
|
1499
|
+
I([
|
|
1500
1500
|
a({ type: String, reflect: !0 })
|
|
1501
1501
|
], _.prototype, "size", 2);
|
|
1502
|
-
|
|
1502
|
+
I([
|
|
1503
1503
|
a({ type: String, reflect: !0 })
|
|
1504
1504
|
], _.prototype, "status", 2);
|
|
1505
|
-
|
|
1505
|
+
I([
|
|
1506
1506
|
a({ type: String, reflect: !0 })
|
|
1507
1507
|
], _.prototype, "type", 2);
|
|
1508
|
-
|
|
1508
|
+
I([
|
|
1509
1509
|
a({ type: String })
|
|
1510
1510
|
], _.prototype, "strokewidth", 2);
|
|
1511
|
-
|
|
1511
|
+
I([
|
|
1512
1512
|
a({ type: String })
|
|
1513
1513
|
], _.prototype, "icon", 2);
|
|
1514
|
-
|
|
1514
|
+
I([
|
|
1515
1515
|
a({ type: Boolean, reflect: !0 })
|
|
1516
1516
|
], _.prototype, "disabled", 2);
|
|
1517
|
-
|
|
1517
|
+
I([
|
|
1518
1518
|
a({ type: Boolean })
|
|
1519
1519
|
], _.prototype, "showSrLabel", 2);
|
|
1520
|
-
|
|
1520
|
+
I([
|
|
1521
1521
|
a({ type: String })
|
|
1522
1522
|
], _.prototype, "srLabel", 2);
|
|
1523
|
-
_ =
|
|
1523
|
+
_ = I([
|
|
1524
1524
|
x("o-icon-button")
|
|
1525
1525
|
], _);
|
|
1526
|
-
var no = Object.defineProperty, so = Object.getOwnPropertyDescriptor,
|
|
1526
|
+
var no = Object.defineProperty, so = Object.getOwnPropertyDescriptor, K = (o, t, e, r) => {
|
|
1527
1527
|
for (var i = r > 1 ? void 0 : r ? so(t, e) : t, n = o.length - 1, s; n >= 0; n--)
|
|
1528
1528
|
(s = o[n]) && (i = (r ? s(t, e, i) : s(i)) || i);
|
|
1529
1529
|
return r && i && no(t, e, i), i;
|
|
1530
1530
|
};
|
|
1531
|
-
let
|
|
1531
|
+
let B = class extends u {
|
|
1532
1532
|
constructor() {
|
|
1533
1533
|
super(...arguments), this.href = "", this.target = "", this.template = "standard", this.inverse = !1, this.endIcon = !1, this.reverseEndIcon = !1;
|
|
1534
1534
|
}
|
|
@@ -1566,7 +1566,7 @@ let O = class extends u {
|
|
|
1566
1566
|
`;
|
|
1567
1567
|
}
|
|
1568
1568
|
};
|
|
1569
|
-
|
|
1569
|
+
B.styles = g`
|
|
1570
1570
|
:host([template="standard"]) a {
|
|
1571
1571
|
color: var(--color-content-action-secondary);
|
|
1572
1572
|
font-size: var(--font-size-200);
|
|
@@ -1654,27 +1654,27 @@ O.styles = g`
|
|
|
1654
1654
|
}
|
|
1655
1655
|
/* End of underline effect */
|
|
1656
1656
|
`;
|
|
1657
|
-
|
|
1657
|
+
K([
|
|
1658
1658
|
a({ type: String })
|
|
1659
|
-
],
|
|
1660
|
-
|
|
1659
|
+
], B.prototype, "href", 2);
|
|
1660
|
+
K([
|
|
1661
1661
|
a({ type: String })
|
|
1662
|
-
],
|
|
1663
|
-
|
|
1662
|
+
], B.prototype, "target", 2);
|
|
1663
|
+
K([
|
|
1664
1664
|
a({ type: String, reflect: !0 })
|
|
1665
|
-
],
|
|
1666
|
-
|
|
1665
|
+
], B.prototype, "template", 2);
|
|
1666
|
+
K([
|
|
1667
1667
|
a({ type: Boolean, reflect: !0 })
|
|
1668
|
-
],
|
|
1669
|
-
|
|
1668
|
+
], B.prototype, "inverse", 2);
|
|
1669
|
+
K([
|
|
1670
1670
|
a({ type: Boolean, reflect: !0 })
|
|
1671
|
-
],
|
|
1672
|
-
|
|
1671
|
+
], B.prototype, "endIcon", 2);
|
|
1672
|
+
K([
|
|
1673
1673
|
a({ type: Boolean, reflect: !0 })
|
|
1674
|
-
],
|
|
1675
|
-
|
|
1674
|
+
], B.prototype, "reverseEndIcon", 2);
|
|
1675
|
+
B = K([
|
|
1676
1676
|
x("o-link")
|
|
1677
|
-
],
|
|
1677
|
+
], B);
|
|
1678
1678
|
var ao = Object.defineProperty, lo = Object.getOwnPropertyDescriptor, yt = (o, t, e, r) => {
|
|
1679
1679
|
for (var i = r > 1 ? void 0 : r ? lo(t, e) : t, n = o.length - 1, s; n >= 0; n--)
|
|
1680
1680
|
(s = o[n]) && (i = (r ? s(t, e, i) : s(i)) || i);
|
|
@@ -1699,7 +1699,7 @@ let Q = class extends u {
|
|
|
1699
1699
|
<div class="rating">
|
|
1700
1700
|
<div class="stars">
|
|
1701
1701
|
${o.map(
|
|
1702
|
-
(t) => l`<span class="star">${E(
|
|
1702
|
+
(t) => l`<span class="star">${E(W[t] ?? "")}</span>`
|
|
1703
1703
|
)}
|
|
1704
1704
|
</div>
|
|
1705
1705
|
${this.reviewCount != null && this.href != null ? l`<o-link template="review" href="${this.href}">${this.reviewCount}</o-link>` : null}
|
|
@@ -2451,7 +2451,7 @@ U([
|
|
|
2451
2451
|
a({ type: Object })
|
|
2452
2452
|
], S.prototype, "swiperInstance", 2);
|
|
2453
2453
|
U([
|
|
2454
|
-
|
|
2454
|
+
q()
|
|
2455
2455
|
], S.prototype, "focusedIndex", 2);
|
|
2456
2456
|
S = U([
|
|
2457
2457
|
x("thumbnail-navigation")
|
|
@@ -2727,7 +2727,7 @@ let A = class extends u {
|
|
|
2727
2727
|
this.options.length > 0 && (this.options.some((e) => e.value === this.value) || (this.value = this.options[0].value));
|
|
2728
2728
|
}
|
|
2729
2729
|
render() {
|
|
2730
|
-
const o =
|
|
2730
|
+
const o = W.checkstroke.replace(
|
|
2731
2731
|
"<svg",
|
|
2732
2732
|
'<svg aria-hidden="true" focusable="false" part="svg"'
|
|
2733
2733
|
), t = this.options.find((e) => e.value === this.value);
|
|
@@ -2940,13 +2940,13 @@ z([
|
|
|
2940
2940
|
a({ type: String, reflect: !0 })
|
|
2941
2941
|
], A.prototype, "width", 2);
|
|
2942
2942
|
z([
|
|
2943
|
-
|
|
2943
|
+
q()
|
|
2944
2944
|
], A.prototype, "open", 2);
|
|
2945
2945
|
z([
|
|
2946
|
-
|
|
2946
|
+
q()
|
|
2947
2947
|
], A.prototype, "activeIndex", 2);
|
|
2948
2948
|
z([
|
|
2949
|
-
|
|
2949
|
+
q()
|
|
2950
2950
|
], A.prototype, "menuWidth", 2);
|
|
2951
2951
|
A = z([
|
|
2952
2952
|
x("o-dropdown")
|
|
@@ -3016,7 +3016,7 @@ At.styles = g`
|
|
|
3016
3016
|
At = Lo([
|
|
3017
3017
|
x("o-dots")
|
|
3018
3018
|
], At);
|
|
3019
|
-
var Io = Object.defineProperty, Po = Object.getOwnPropertyDescriptor,
|
|
3019
|
+
var Io = Object.defineProperty, Po = Object.getOwnPropertyDescriptor, P = (o, t, e, r) => {
|
|
3020
3020
|
for (var i = r > 1 ? void 0 : r ? Po(t, e) : t, n = o.length - 1, s; n >= 0; n--)
|
|
3021
3021
|
(s = o[n]) && (i = (r ? s(t, e, i) : s(i)) || i);
|
|
3022
3022
|
return r && i && Io(t, e, i), i;
|
|
@@ -3087,7 +3087,7 @@ let C = class extends u {
|
|
|
3087
3087
|
this.options.length > 0 && (this.options.some((t) => t.value === this.value) || (this.value = this.options[0].value));
|
|
3088
3088
|
}
|
|
3089
3089
|
render() {
|
|
3090
|
-
const o =
|
|
3090
|
+
const o = W.checkstroke.replace(
|
|
3091
3091
|
"<svg",
|
|
3092
3092
|
'<svg aria-hidden="true" focusable="false" part="svg"'
|
|
3093
3093
|
), t = this.options.find((e) => e.value === this.value);
|
|
@@ -3334,34 +3334,34 @@ C.styles = g`
|
|
|
3334
3334
|
display: none;
|
|
3335
3335
|
}
|
|
3336
3336
|
`;
|
|
3337
|
-
|
|
3337
|
+
P([
|
|
3338
3338
|
a({ type: Array, reflect: !0 })
|
|
3339
3339
|
], C.prototype, "options", 2);
|
|
3340
|
-
|
|
3340
|
+
P([
|
|
3341
3341
|
a({ type: String, reflect: !0 })
|
|
3342
3342
|
], C.prototype, "value", 2);
|
|
3343
|
-
|
|
3343
|
+
P([
|
|
3344
3344
|
a({ type: String, reflect: !0 })
|
|
3345
3345
|
], C.prototype, "name", 2);
|
|
3346
|
-
|
|
3346
|
+
P([
|
|
3347
3347
|
a({ type: String, reflect: !0 })
|
|
3348
3348
|
], C.prototype, "additionaltext", 2);
|
|
3349
|
-
|
|
3349
|
+
P([
|
|
3350
3350
|
a({ type: Boolean, reflect: !0 })
|
|
3351
3351
|
], C.prototype, "disabled", 2);
|
|
3352
|
-
|
|
3352
|
+
P([
|
|
3353
3353
|
a({ type: String, reflect: !0 })
|
|
3354
3354
|
], C.prototype, "width", 2);
|
|
3355
|
-
|
|
3356
|
-
|
|
3355
|
+
P([
|
|
3356
|
+
q()
|
|
3357
3357
|
], C.prototype, "open", 2);
|
|
3358
|
-
|
|
3359
|
-
|
|
3358
|
+
P([
|
|
3359
|
+
q()
|
|
3360
3360
|
], C.prototype, "activeIndex", 2);
|
|
3361
|
-
|
|
3362
|
-
|
|
3361
|
+
P([
|
|
3362
|
+
q()
|
|
3363
3363
|
], C.prototype, "menuWidth", 2);
|
|
3364
|
-
C =
|
|
3364
|
+
C = P([
|
|
3365
3365
|
x("o-dropdown-variant")
|
|
3366
3366
|
], C);
|
|
3367
3367
|
/**
|
|
@@ -3689,15 +3689,15 @@ Ut([
|
|
|
3689
3689
|
ct = Ut([
|
|
3690
3690
|
x("o-chipset")
|
|
3691
3691
|
], ct);
|
|
3692
|
-
var No = Object.defineProperty, Fo = Object.getOwnPropertyDescriptor,
|
|
3692
|
+
var No = Object.defineProperty, Fo = Object.getOwnPropertyDescriptor, N = (o, t, e, r) => {
|
|
3693
3693
|
for (var i = r > 1 ? void 0 : r ? Fo(t, e) : t, n = o.length - 1, s; n >= 0; n--)
|
|
3694
3694
|
(s = o[n]) && (i = (r ? s(t, e, i) : s(i)) || i);
|
|
3695
3695
|
return r && i && No(t, e, i), i;
|
|
3696
3696
|
};
|
|
3697
3697
|
const Ro = Bt(u);
|
|
3698
|
-
let
|
|
3698
|
+
let L = class extends Ro {
|
|
3699
3699
|
constructor() {
|
|
3700
|
-
super(...arguments), this.name = "", this.value = "", this.text = "", this.selected = !1, this.disabled = !1, this.fullwidth = !1, this.crossIconName = "cross", this.strikethroughImgName = "strikeDiagonal";
|
|
3700
|
+
super(...arguments), this.name = "", this.value = "", this.role = "", this.text = "", this.selected = !1, this.disabled = !1, this.fullwidth = !1, this.crossIconName = "cross", this.strikethroughImgName = "strikeDiagonal";
|
|
3701
3701
|
}
|
|
3702
3702
|
handleClick(o) {
|
|
3703
3703
|
this.selected = !this.selected;
|
|
@@ -3705,7 +3705,7 @@ let B = class extends Ro {
|
|
|
3705
3705
|
this.dispatchEvent(e), e.defaultPrevented && o.preventDefault(), this.selected = t.selected;
|
|
3706
3706
|
}
|
|
3707
3707
|
crossIcon() {
|
|
3708
|
-
const o =
|
|
3708
|
+
const o = W[this.crossIconName].replace(
|
|
3709
3709
|
"<svg",
|
|
3710
3710
|
'<svg aria-hidden="true" focusable="false" part="svg"'
|
|
3711
3711
|
).replace(/stroke=[#"'a-z1-9]*/gi, "");
|
|
@@ -3720,7 +3720,16 @@ let B = class extends Ro {
|
|
|
3720
3720
|
}
|
|
3721
3721
|
render() {
|
|
3722
3722
|
const o = this.text;
|
|
3723
|
-
return l`
|
|
3723
|
+
return l`${this.role === "button" ? l`
|
|
3724
|
+
<a role="button" tabindex="0" class="button" ?disabled=${this.disabled} @click=${this.handleClick}
|
|
3725
|
+
aria-label=${this.ariaLabel} aria-pressed=${this.selected}>
|
|
3726
|
+
${o ? l`
|
|
3727
|
+
${this.text ? l`<span class="text">${this.text}</span>` : d}
|
|
3728
|
+
` : l`
|
|
3729
|
+
<span class="text"><slot></slot></span>`}
|
|
3730
|
+
${this.selected ? this.crossIcon() : d}
|
|
3731
|
+
</a>
|
|
3732
|
+
` : l`
|
|
3724
3733
|
<button type="button" class="button" ?disabled=${this.disabled} @click=${this.handleClick}
|
|
3725
3734
|
aria-label=${this.ariaLabel} aria-pressed=${this.selected}>
|
|
3726
3735
|
${o ? l`
|
|
@@ -3729,11 +3738,12 @@ let B = class extends Ro {
|
|
|
3729
3738
|
<span class="text"><slot></slot></span>`}
|
|
3730
3739
|
${this.selected ? this.crossIcon() : d}
|
|
3731
3740
|
</button>
|
|
3741
|
+
`}
|
|
3732
3742
|
${this.disabled ? this.strikeThroughImg() : d}
|
|
3733
3743
|
`;
|
|
3734
3744
|
}
|
|
3735
3745
|
};
|
|
3736
|
-
|
|
3746
|
+
L.styles = g`
|
|
3737
3747
|
:host {
|
|
3738
3748
|
cursor: pointer;
|
|
3739
3749
|
display: inline-flex;
|
|
@@ -3855,24 +3865,27 @@ B.styles = g`
|
|
|
3855
3865
|
}
|
|
3856
3866
|
}
|
|
3857
3867
|
`;
|
|
3858
|
-
|
|
3868
|
+
N([
|
|
3859
3869
|
a({ reflect: !0 })
|
|
3860
|
-
],
|
|
3861
|
-
|
|
3870
|
+
], L.prototype, "name", 2);
|
|
3871
|
+
N([
|
|
3862
3872
|
a({ reflect: !0 })
|
|
3863
|
-
],
|
|
3864
|
-
|
|
3873
|
+
], L.prototype, "value", 2);
|
|
3874
|
+
N([
|
|
3875
|
+
a({ reflect: !0 })
|
|
3876
|
+
], L.prototype, "role", 2);
|
|
3877
|
+
N([
|
|
3865
3878
|
a({ type: String })
|
|
3866
|
-
],
|
|
3867
|
-
|
|
3879
|
+
], L.prototype, "text", 2);
|
|
3880
|
+
N([
|
|
3868
3881
|
a({ type: Boolean, reflect: !0 })
|
|
3869
|
-
],
|
|
3870
|
-
|
|
3882
|
+
], L.prototype, "selected", 2);
|
|
3883
|
+
N([
|
|
3871
3884
|
a({ type: Boolean, reflect: !0 })
|
|
3872
|
-
],
|
|
3873
|
-
|
|
3885
|
+
], L.prototype, "disabled", 2);
|
|
3886
|
+
N([
|
|
3874
3887
|
a({ type: Boolean, reflect: !0 })
|
|
3875
|
-
],
|
|
3876
|
-
|
|
3888
|
+
], L.prototype, "fullwidth", 2);
|
|
3889
|
+
L = N([
|
|
3877
3890
|
x("o-filter-chip")
|
|
3878
|
-
],
|
|
3891
|
+
], L);
|