@florid-kit/components 0.8.21 → 0.8.23
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 +35 -23
- package/index.mjs +115 -100
- 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)}
|
|
@@ -397,8 +397,10 @@
|
|
|
397
397
|
fill: var(--color-alpha-light-strong);
|
|
398
398
|
}
|
|
399
399
|
|
|
400
|
-
:
|
|
401
|
-
|
|
400
|
+
@media (hover: hover) and (pointer: fine) {
|
|
401
|
+
:host([status="empty"]) .wishlist-button:hover svg path {
|
|
402
|
+
fill: var(--color-content-action-secondary);
|
|
403
|
+
}
|
|
402
404
|
}
|
|
403
405
|
|
|
404
406
|
.sr-only {
|
|
@@ -418,7 +420,7 @@
|
|
|
418
420
|
* @license
|
|
419
421
|
* Copyright 2018 Google LLC
|
|
420
422
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
421
|
-
*/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`
|
|
422
424
|
${this.type==="span"?l`
|
|
423
425
|
<span class="icon icon-button ${this.size} ${this.bgstyle} ${this.status} ${t}" ?disabled="${this.disabled}">
|
|
424
426
|
${E(e)}
|
|
@@ -640,7 +642,7 @@
|
|
|
640
642
|
.sr-only {
|
|
641
643
|
display: none;
|
|
642
644
|
}
|
|
643
|
-
`;
|
|
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`
|
|
644
646
|
<a
|
|
645
647
|
href="${o}"
|
|
646
648
|
target="${$(this.target||void 0)}"
|
|
@@ -666,7 +668,7 @@
|
|
|
666
668
|
></o-icon-button>
|
|
667
669
|
`:null}
|
|
668
670
|
</a>
|
|
669
|
-
`}};
|
|
671
|
+
`}};B.styles=g`
|
|
670
672
|
:host([template="standard"]) a {
|
|
671
673
|
color: var(--color-content-action-secondary);
|
|
672
674
|
font-size: var(--font-size-200);
|
|
@@ -753,10 +755,10 @@
|
|
|
753
755
|
height: 1px;
|
|
754
756
|
}
|
|
755
757
|
/* End of underline effect */
|
|
756
|
-
`;
|
|
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`
|
|
757
759
|
<div class="rating">
|
|
758
760
|
<div class="stars">
|
|
759
|
-
${o.map(t=>l`<span class="star">${E(
|
|
761
|
+
${o.map(t=>l`<span class="star">${E(W[t]??"")}</span>`)}
|
|
760
762
|
</div>
|
|
761
763
|
${this.reviewCount!=null&&this.href!=null?l`<o-link template="review" href="${this.href}">${this.reviewCount}</o-link>`:null}
|
|
762
764
|
</div>
|
|
@@ -1126,7 +1128,7 @@
|
|
|
1126
1128
|
height: 0;
|
|
1127
1129
|
width: 0;
|
|
1128
1130
|
}
|
|
1129
|
-
`;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`
|
|
1130
1132
|
<span class="tag ${this.bgstyle}"><slot></slot></span>
|
|
1131
1133
|
`}};st.styles=g`
|
|
1132
1134
|
.tag {
|
|
@@ -1280,7 +1282,7 @@
|
|
|
1280
1282
|
border-color: transparent var(--color-alpha-dark-strongest) transparent transparent;
|
|
1281
1283
|
}
|
|
1282
1284
|
|
|
1283
|
-
`;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`
|
|
1284
1286
|
<button
|
|
1285
1287
|
role="combobox"
|
|
1286
1288
|
aria-haspopup="listbox"
|
|
@@ -1467,7 +1469,7 @@
|
|
|
1467
1469
|
input[type="hidden"] {
|
|
1468
1470
|
display: none;
|
|
1469
1471
|
}
|
|
1470
|
-
`;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`
|
|
1471
1473
|
:host {
|
|
1472
1474
|
display: flex;
|
|
1473
1475
|
align-items: center;
|
|
@@ -1518,7 +1520,7 @@
|
|
|
1518
1520
|
background-color: var(--color-container-action-primary-pressed);
|
|
1519
1521
|
}
|
|
1520
1522
|
}
|
|
1521
|
-
`;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`
|
|
1522
1524
|
<button
|
|
1523
1525
|
role="combobox"
|
|
1524
1526
|
aria-haspopup="listbox"
|
|
@@ -1755,7 +1757,7 @@
|
|
|
1755
1757
|
input[type="hidden"] {
|
|
1756
1758
|
display: none;
|
|
1757
1759
|
}
|
|
1758
|
-
`;
|
|
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);/**
|
|
1759
1761
|
* @license
|
|
1760
1762
|
* Copyright 2018 Google LLC
|
|
1761
1763
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
@@ -1949,7 +1951,16 @@
|
|
|
1949
1951
|
flex-wrap: wrap;
|
|
1950
1952
|
gap: var(--spacing-s);
|
|
1951
1953
|
}
|
|
1952
|
-
`;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" 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`
|
|
1953
1964
|
<button type="button" class="button" ?disabled=${this.disabled} @click=${this.handleClick}
|
|
1954
1965
|
aria-label=${this.ariaLabel} aria-pressed=${this.selected}>
|
|
1955
1966
|
${o?l`
|
|
@@ -1958,8 +1969,9 @@
|
|
|
1958
1969
|
<span class="text"><slot></slot></span>`}
|
|
1959
1970
|
${this.selected?this.crossIcon():d}
|
|
1960
1971
|
</button>
|
|
1972
|
+
`}
|
|
1961
1973
|
${this.disabled?this.strikeThroughImg():d}
|
|
1962
|
-
`}};
|
|
1974
|
+
`}};L.styles=g`
|
|
1963
1975
|
:host {
|
|
1964
1976
|
cursor: pointer;
|
|
1965
1977
|
display: inline-flex;
|
|
@@ -2080,4 +2092,4 @@
|
|
|
2080
2092
|
stroke-linecap: round;
|
|
2081
2093
|
}
|
|
2082
2094
|
}
|
|
2083
|
-
`;
|
|
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
|
);
|
|
@@ -1212,8 +1212,10 @@ J.styles = g`
|
|
|
1212
1212
|
fill: var(--color-alpha-light-strong);
|
|
1213
1213
|
}
|
|
1214
1214
|
|
|
1215
|
-
:
|
|
1216
|
-
|
|
1215
|
+
@media (hover: hover) and (pointer: fine) {
|
|
1216
|
+
:host([status="empty"]) .wishlist-button:hover svg path {
|
|
1217
|
+
fill: var(--color-content-action-secondary);
|
|
1218
|
+
}
|
|
1217
1219
|
}
|
|
1218
1220
|
|
|
1219
1221
|
.sr-only {
|
|
@@ -1248,7 +1250,7 @@ J = gt([
|
|
|
1248
1250
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
1249
1251
|
*/
|
|
1250
1252
|
const $ = (o) => o ?? d;
|
|
1251
|
-
var io = Object.defineProperty, ro = Object.getOwnPropertyDescriptor,
|
|
1253
|
+
var io = Object.defineProperty, ro = Object.getOwnPropertyDescriptor, I = (o, t, e, r) => {
|
|
1252
1254
|
for (var i = r > 1 ? void 0 : r ? ro(t, e) : t, n = o.length - 1, s; n >= 0; n--)
|
|
1253
1255
|
(s = o[n]) && (i = (r ? s(t, e, i) : s(i)) || i);
|
|
1254
1256
|
return r && i && io(t, e, i), i;
|
|
@@ -1261,7 +1263,7 @@ let _ = class extends u {
|
|
|
1261
1263
|
super.updated(o), this.style.setProperty("--icon-stroke-width", this.strokewidth);
|
|
1262
1264
|
}
|
|
1263
1265
|
render() {
|
|
1264
|
-
const o =
|
|
1266
|
+
const o = W[this.icon] ?? "", t = `icon-${this.icon}`, e = o.replace(
|
|
1265
1267
|
"<svg",
|
|
1266
1268
|
'<svg aria-hidden="true" focusable="false" part="svg"'
|
|
1267
1269
|
), r = this.showSrLabel ? l`<span class="sr-only">${this.srLabel}</span>` : null, i = this.showSrLabel ? null : "icon";
|
|
@@ -1491,42 +1493,42 @@ _.styles = g`
|
|
|
1491
1493
|
display: none;
|
|
1492
1494
|
}
|
|
1493
1495
|
`;
|
|
1494
|
-
|
|
1496
|
+
I([
|
|
1495
1497
|
a({ type: String, reflect: !0 })
|
|
1496
1498
|
], _.prototype, "bgstyle", 2);
|
|
1497
|
-
|
|
1499
|
+
I([
|
|
1498
1500
|
a({ type: String, reflect: !0 })
|
|
1499
1501
|
], _.prototype, "size", 2);
|
|
1500
|
-
|
|
1502
|
+
I([
|
|
1501
1503
|
a({ type: String, reflect: !0 })
|
|
1502
1504
|
], _.prototype, "status", 2);
|
|
1503
|
-
|
|
1505
|
+
I([
|
|
1504
1506
|
a({ type: String, reflect: !0 })
|
|
1505
1507
|
], _.prototype, "type", 2);
|
|
1506
|
-
|
|
1508
|
+
I([
|
|
1507
1509
|
a({ type: String })
|
|
1508
1510
|
], _.prototype, "strokewidth", 2);
|
|
1509
|
-
|
|
1511
|
+
I([
|
|
1510
1512
|
a({ type: String })
|
|
1511
1513
|
], _.prototype, "icon", 2);
|
|
1512
|
-
|
|
1514
|
+
I([
|
|
1513
1515
|
a({ type: Boolean, reflect: !0 })
|
|
1514
1516
|
], _.prototype, "disabled", 2);
|
|
1515
|
-
|
|
1517
|
+
I([
|
|
1516
1518
|
a({ type: Boolean })
|
|
1517
1519
|
], _.prototype, "showSrLabel", 2);
|
|
1518
|
-
|
|
1520
|
+
I([
|
|
1519
1521
|
a({ type: String })
|
|
1520
1522
|
], _.prototype, "srLabel", 2);
|
|
1521
|
-
_ =
|
|
1523
|
+
_ = I([
|
|
1522
1524
|
x("o-icon-button")
|
|
1523
1525
|
], _);
|
|
1524
|
-
var no = Object.defineProperty, so = Object.getOwnPropertyDescriptor,
|
|
1526
|
+
var no = Object.defineProperty, so = Object.getOwnPropertyDescriptor, K = (o, t, e, r) => {
|
|
1525
1527
|
for (var i = r > 1 ? void 0 : r ? so(t, e) : t, n = o.length - 1, s; n >= 0; n--)
|
|
1526
1528
|
(s = o[n]) && (i = (r ? s(t, e, i) : s(i)) || i);
|
|
1527
1529
|
return r && i && no(t, e, i), i;
|
|
1528
1530
|
};
|
|
1529
|
-
let
|
|
1531
|
+
let B = class extends u {
|
|
1530
1532
|
constructor() {
|
|
1531
1533
|
super(...arguments), this.href = "", this.target = "", this.template = "standard", this.inverse = !1, this.endIcon = !1, this.reverseEndIcon = !1;
|
|
1532
1534
|
}
|
|
@@ -1564,7 +1566,7 @@ let O = class extends u {
|
|
|
1564
1566
|
`;
|
|
1565
1567
|
}
|
|
1566
1568
|
};
|
|
1567
|
-
|
|
1569
|
+
B.styles = g`
|
|
1568
1570
|
:host([template="standard"]) a {
|
|
1569
1571
|
color: var(--color-content-action-secondary);
|
|
1570
1572
|
font-size: var(--font-size-200);
|
|
@@ -1652,27 +1654,27 @@ O.styles = g`
|
|
|
1652
1654
|
}
|
|
1653
1655
|
/* End of underline effect */
|
|
1654
1656
|
`;
|
|
1655
|
-
|
|
1657
|
+
K([
|
|
1656
1658
|
a({ type: String })
|
|
1657
|
-
],
|
|
1658
|
-
|
|
1659
|
+
], B.prototype, "href", 2);
|
|
1660
|
+
K([
|
|
1659
1661
|
a({ type: String })
|
|
1660
|
-
],
|
|
1661
|
-
|
|
1662
|
+
], B.prototype, "target", 2);
|
|
1663
|
+
K([
|
|
1662
1664
|
a({ type: String, reflect: !0 })
|
|
1663
|
-
],
|
|
1664
|
-
|
|
1665
|
+
], B.prototype, "template", 2);
|
|
1666
|
+
K([
|
|
1665
1667
|
a({ type: Boolean, reflect: !0 })
|
|
1666
|
-
],
|
|
1667
|
-
|
|
1668
|
+
], B.prototype, "inverse", 2);
|
|
1669
|
+
K([
|
|
1668
1670
|
a({ type: Boolean, reflect: !0 })
|
|
1669
|
-
],
|
|
1670
|
-
|
|
1671
|
+
], B.prototype, "endIcon", 2);
|
|
1672
|
+
K([
|
|
1671
1673
|
a({ type: Boolean, reflect: !0 })
|
|
1672
|
-
],
|
|
1673
|
-
|
|
1674
|
+
], B.prototype, "reverseEndIcon", 2);
|
|
1675
|
+
B = K([
|
|
1674
1676
|
x("o-link")
|
|
1675
|
-
],
|
|
1677
|
+
], B);
|
|
1676
1678
|
var ao = Object.defineProperty, lo = Object.getOwnPropertyDescriptor, yt = (o, t, e, r) => {
|
|
1677
1679
|
for (var i = r > 1 ? void 0 : r ? lo(t, e) : t, n = o.length - 1, s; n >= 0; n--)
|
|
1678
1680
|
(s = o[n]) && (i = (r ? s(t, e, i) : s(i)) || i);
|
|
@@ -1697,7 +1699,7 @@ let Q = class extends u {
|
|
|
1697
1699
|
<div class="rating">
|
|
1698
1700
|
<div class="stars">
|
|
1699
1701
|
${o.map(
|
|
1700
|
-
(t) => l`<span class="star">${E(
|
|
1702
|
+
(t) => l`<span class="star">${E(W[t] ?? "")}</span>`
|
|
1701
1703
|
)}
|
|
1702
1704
|
</div>
|
|
1703
1705
|
${this.reviewCount != null && this.href != null ? l`<o-link template="review" href="${this.href}">${this.reviewCount}</o-link>` : null}
|
|
@@ -2449,7 +2451,7 @@ U([
|
|
|
2449
2451
|
a({ type: Object })
|
|
2450
2452
|
], S.prototype, "swiperInstance", 2);
|
|
2451
2453
|
U([
|
|
2452
|
-
|
|
2454
|
+
q()
|
|
2453
2455
|
], S.prototype, "focusedIndex", 2);
|
|
2454
2456
|
S = U([
|
|
2455
2457
|
x("thumbnail-navigation")
|
|
@@ -2725,7 +2727,7 @@ let A = class extends u {
|
|
|
2725
2727
|
this.options.length > 0 && (this.options.some((e) => e.value === this.value) || (this.value = this.options[0].value));
|
|
2726
2728
|
}
|
|
2727
2729
|
render() {
|
|
2728
|
-
const o =
|
|
2730
|
+
const o = W.checkstroke.replace(
|
|
2729
2731
|
"<svg",
|
|
2730
2732
|
'<svg aria-hidden="true" focusable="false" part="svg"'
|
|
2731
2733
|
), t = this.options.find((e) => e.value === this.value);
|
|
@@ -2938,13 +2940,13 @@ z([
|
|
|
2938
2940
|
a({ type: String, reflect: !0 })
|
|
2939
2941
|
], A.prototype, "width", 2);
|
|
2940
2942
|
z([
|
|
2941
|
-
|
|
2943
|
+
q()
|
|
2942
2944
|
], A.prototype, "open", 2);
|
|
2943
2945
|
z([
|
|
2944
|
-
|
|
2946
|
+
q()
|
|
2945
2947
|
], A.prototype, "activeIndex", 2);
|
|
2946
2948
|
z([
|
|
2947
|
-
|
|
2949
|
+
q()
|
|
2948
2950
|
], A.prototype, "menuWidth", 2);
|
|
2949
2951
|
A = z([
|
|
2950
2952
|
x("o-dropdown")
|
|
@@ -3014,7 +3016,7 @@ At.styles = g`
|
|
|
3014
3016
|
At = Lo([
|
|
3015
3017
|
x("o-dots")
|
|
3016
3018
|
], At);
|
|
3017
|
-
var Io = Object.defineProperty, Po = Object.getOwnPropertyDescriptor,
|
|
3019
|
+
var Io = Object.defineProperty, Po = Object.getOwnPropertyDescriptor, P = (o, t, e, r) => {
|
|
3018
3020
|
for (var i = r > 1 ? void 0 : r ? Po(t, e) : t, n = o.length - 1, s; n >= 0; n--)
|
|
3019
3021
|
(s = o[n]) && (i = (r ? s(t, e, i) : s(i)) || i);
|
|
3020
3022
|
return r && i && Io(t, e, i), i;
|
|
@@ -3085,7 +3087,7 @@ let C = class extends u {
|
|
|
3085
3087
|
this.options.length > 0 && (this.options.some((t) => t.value === this.value) || (this.value = this.options[0].value));
|
|
3086
3088
|
}
|
|
3087
3089
|
render() {
|
|
3088
|
-
const o =
|
|
3090
|
+
const o = W.checkstroke.replace(
|
|
3089
3091
|
"<svg",
|
|
3090
3092
|
'<svg aria-hidden="true" focusable="false" part="svg"'
|
|
3091
3093
|
), t = this.options.find((e) => e.value === this.value);
|
|
@@ -3332,34 +3334,34 @@ C.styles = g`
|
|
|
3332
3334
|
display: none;
|
|
3333
3335
|
}
|
|
3334
3336
|
`;
|
|
3335
|
-
|
|
3337
|
+
P([
|
|
3336
3338
|
a({ type: Array, reflect: !0 })
|
|
3337
3339
|
], C.prototype, "options", 2);
|
|
3338
|
-
|
|
3340
|
+
P([
|
|
3339
3341
|
a({ type: String, reflect: !0 })
|
|
3340
3342
|
], C.prototype, "value", 2);
|
|
3341
|
-
|
|
3343
|
+
P([
|
|
3342
3344
|
a({ type: String, reflect: !0 })
|
|
3343
3345
|
], C.prototype, "name", 2);
|
|
3344
|
-
|
|
3346
|
+
P([
|
|
3345
3347
|
a({ type: String, reflect: !0 })
|
|
3346
3348
|
], C.prototype, "additionaltext", 2);
|
|
3347
|
-
|
|
3349
|
+
P([
|
|
3348
3350
|
a({ type: Boolean, reflect: !0 })
|
|
3349
3351
|
], C.prototype, "disabled", 2);
|
|
3350
|
-
|
|
3352
|
+
P([
|
|
3351
3353
|
a({ type: String, reflect: !0 })
|
|
3352
3354
|
], C.prototype, "width", 2);
|
|
3353
|
-
|
|
3354
|
-
|
|
3355
|
+
P([
|
|
3356
|
+
q()
|
|
3355
3357
|
], C.prototype, "open", 2);
|
|
3356
|
-
|
|
3357
|
-
|
|
3358
|
+
P([
|
|
3359
|
+
q()
|
|
3358
3360
|
], C.prototype, "activeIndex", 2);
|
|
3359
|
-
|
|
3360
|
-
|
|
3361
|
+
P([
|
|
3362
|
+
q()
|
|
3361
3363
|
], C.prototype, "menuWidth", 2);
|
|
3362
|
-
C =
|
|
3364
|
+
C = P([
|
|
3363
3365
|
x("o-dropdown-variant")
|
|
3364
3366
|
], C);
|
|
3365
3367
|
/**
|
|
@@ -3687,15 +3689,15 @@ Ut([
|
|
|
3687
3689
|
ct = Ut([
|
|
3688
3690
|
x("o-chipset")
|
|
3689
3691
|
], ct);
|
|
3690
|
-
var No = Object.defineProperty, Fo = Object.getOwnPropertyDescriptor,
|
|
3692
|
+
var No = Object.defineProperty, Fo = Object.getOwnPropertyDescriptor, N = (o, t, e, r) => {
|
|
3691
3693
|
for (var i = r > 1 ? void 0 : r ? Fo(t, e) : t, n = o.length - 1, s; n >= 0; n--)
|
|
3692
3694
|
(s = o[n]) && (i = (r ? s(t, e, i) : s(i)) || i);
|
|
3693
3695
|
return r && i && No(t, e, i), i;
|
|
3694
3696
|
};
|
|
3695
3697
|
const Ro = Bt(u);
|
|
3696
|
-
let
|
|
3698
|
+
let L = class extends Ro {
|
|
3697
3699
|
constructor() {
|
|
3698
|
-
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";
|
|
3699
3701
|
}
|
|
3700
3702
|
handleClick(o) {
|
|
3701
3703
|
this.selected = !this.selected;
|
|
@@ -3703,7 +3705,7 @@ let B = class extends Ro {
|
|
|
3703
3705
|
this.dispatchEvent(e), e.defaultPrevented && o.preventDefault(), this.selected = t.selected;
|
|
3704
3706
|
}
|
|
3705
3707
|
crossIcon() {
|
|
3706
|
-
const o =
|
|
3708
|
+
const o = W[this.crossIconName].replace(
|
|
3707
3709
|
"<svg",
|
|
3708
3710
|
'<svg aria-hidden="true" focusable="false" part="svg"'
|
|
3709
3711
|
).replace(/stroke=[#"'a-z1-9]*/gi, "");
|
|
@@ -3718,7 +3720,16 @@ let B = class extends Ro {
|
|
|
3718
3720
|
}
|
|
3719
3721
|
render() {
|
|
3720
3722
|
const o = this.text;
|
|
3721
|
-
return l`
|
|
3723
|
+
return l`${this.role === "button" ? l`
|
|
3724
|
+
<a role="button" 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`
|
|
3722
3733
|
<button type="button" class="button" ?disabled=${this.disabled} @click=${this.handleClick}
|
|
3723
3734
|
aria-label=${this.ariaLabel} aria-pressed=${this.selected}>
|
|
3724
3735
|
${o ? l`
|
|
@@ -3727,11 +3738,12 @@ let B = class extends Ro {
|
|
|
3727
3738
|
<span class="text"><slot></slot></span>`}
|
|
3728
3739
|
${this.selected ? this.crossIcon() : d}
|
|
3729
3740
|
</button>
|
|
3741
|
+
`}
|
|
3730
3742
|
${this.disabled ? this.strikeThroughImg() : d}
|
|
3731
3743
|
`;
|
|
3732
3744
|
}
|
|
3733
3745
|
};
|
|
3734
|
-
|
|
3746
|
+
L.styles = g`
|
|
3735
3747
|
:host {
|
|
3736
3748
|
cursor: pointer;
|
|
3737
3749
|
display: inline-flex;
|
|
@@ -3853,24 +3865,27 @@ B.styles = g`
|
|
|
3853
3865
|
}
|
|
3854
3866
|
}
|
|
3855
3867
|
`;
|
|
3856
|
-
|
|
3868
|
+
N([
|
|
3857
3869
|
a({ reflect: !0 })
|
|
3858
|
-
],
|
|
3859
|
-
|
|
3870
|
+
], L.prototype, "name", 2);
|
|
3871
|
+
N([
|
|
3860
3872
|
a({ reflect: !0 })
|
|
3861
|
-
],
|
|
3862
|
-
|
|
3873
|
+
], L.prototype, "value", 2);
|
|
3874
|
+
N([
|
|
3875
|
+
a({ reflect: !0 })
|
|
3876
|
+
], L.prototype, "role", 2);
|
|
3877
|
+
N([
|
|
3863
3878
|
a({ type: String })
|
|
3864
|
-
],
|
|
3865
|
-
|
|
3879
|
+
], L.prototype, "text", 2);
|
|
3880
|
+
N([
|
|
3866
3881
|
a({ type: Boolean, reflect: !0 })
|
|
3867
|
-
],
|
|
3868
|
-
|
|
3882
|
+
], L.prototype, "selected", 2);
|
|
3883
|
+
N([
|
|
3869
3884
|
a({ type: Boolean, reflect: !0 })
|
|
3870
|
-
],
|
|
3871
|
-
|
|
3885
|
+
], L.prototype, "disabled", 2);
|
|
3886
|
+
N([
|
|
3872
3887
|
a({ type: Boolean, reflect: !0 })
|
|
3873
|
-
],
|
|
3874
|
-
|
|
3888
|
+
], L.prototype, "fullwidth", 2);
|
|
3889
|
+
L = N([
|
|
3875
3890
|
x("o-filter-chip")
|
|
3876
|
-
],
|
|
3891
|
+
], L);
|