@florid-kit/components 0.8.64 → 0.8.66
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/index.js +44 -39
- package/index.mjs +121 -115
- package/package.json +1 -1
package/index.js
CHANGED
|
@@ -10,9 +10,9 @@
|
|
|
10
10
|
* @license
|
|
11
11
|
* Copyright 2017 Google LLC
|
|
12
12
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
13
|
-
*/const nt=globalThis,xt=nt.trustedTypes,Qt=xt?xt.createPolicy("lit-html",{createHTML:o=>o}):void 0,ae="$lit$",R=`lit$${Math.random().toFixed(9).slice(2)}$`,le="?"+R,$e=`<${le}>`,G=document,at=()=>G.createComment(""),lt=o=>o===null||typeof o!="object"&&typeof o!="function",Ht=Array.isArray,
|
|
13
|
+
*/const nt=globalThis,xt=nt.trustedTypes,Qt=xt?xt.createPolicy("lit-html",{createHTML:o=>o}):void 0,ae="$lit$",R=`lit$${Math.random().toFixed(9).slice(2)}$`,le="?"+R,$e=`<${le}>`,G=document,at=()=>G.createComment(""),lt=o=>o===null||typeof o!="object"&&typeof o!="function",Ht=Array.isArray,Ce=o=>Ht(o)||typeof(o==null?void 0:o[Symbol.iterator])=="function",At=`[
|
|
14
14
|
\f\r]`,it=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,Yt=/-->/g,te=/>/g,q=RegExp(`>|${At}(?:([^\\s"'>=/]+)(${At}*=${At}*(?:[^
|
|
15
|
-
\f\r"'\`<>=]|("|')|))|$)`,"g"),ee=/'/g,oe=/"/g,ce=/^(?:script|style|textarea|title)$/i,
|
|
15
|
+
\f\r"'\`<>=]|("|')|))|$)`,"g"),ee=/'/g,oe=/"/g,ce=/^(?:script|style|textarea|title)$/i,_e=o=>(t,...e)=>({_$litType$:o,strings:t,values:e}),l=_e(1),V=Symbol.for("lit-noChange"),d=Symbol.for("lit-nothing"),ie=new WeakMap,W=G.createTreeWalker(G,129);function he(o,t){if(!Ht(o)||!o.hasOwnProperty("raw"))throw Error("invalid template strings array");return Qt!==void 0?Qt.createHTML(t):t}const ke=(o,t)=>{const e=o.length-1,r=[];let i,n=t===2?"<svg>":t===3?"<math>":"",s=it;for(let h=0;h<e;h++){const c=o[h];let f,m,p=-1,C=0;for(;C<c.length&&(s.lastIndex=C,m=s.exec(c),m!==null);)C=s.lastIndex,s===it?m[1]==="!--"?s=Yt:m[1]!==void 0?s=te:m[2]!==void 0?(ce.test(m[2])&&(i=RegExp("</"+m[2],"g")),s=q):m[3]!==void 0&&(s=q):s===q?m[0]===">"?(s=i??it,p=-1):m[1]===void 0?p=-2:(p=s.lastIndex-m[2].length,f=m[1],s=m[3]===void 0?q:m[3]==='"'?oe:ee):s===oe||s===ee?s=q:s===Yt||s===te?s=it:(s=q,i=void 0);const P=s===q&&o[h+1].startsWith("/>")?" ":"";n+=s===it?c+$e:p>=0?(r.push(f),c.slice(0,p)+ae+c.slice(p)+R+P):c+R+(p===-2?h:P)}return[he(o,n+(o[e]||"<?>")+(t===2?"</svg>":t===3?"</math>":"")),r]};class ct{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]=ke(t,e);if(this.el=ct.createElement(f,r),W.currentNode=this.el.content,e===2||e===3){const p=this.el.content.firstChild;p.replaceWith(...p.childNodes)}for(;(i=W.nextNode())!==null&&c.length<h;){if(i.nodeType===1){if(i.hasAttributes())for(const p of i.getAttributeNames())if(p.endsWith(ae)){const C=m[s++],P=i.getAttribute(p).split(R),gt=/([.?@])?(.*)/.exec(C);c.push({type:1,index:n,name:gt[2],strings:P,ctor:gt[1]==="."?Se:gt[1]==="?"?Ee:gt[1]==="@"?Le:$t}),i.removeAttribute(p)}else p.startsWith(R)&&(c.push({type:6,index:n}),i.removeAttribute(p));if(ce.test(i.tagName)){const p=i.textContent.split(R),C=p.length-1;if(C>0){i.textContent=xt?xt.emptyScript:"";for(let P=0;P<C;P++)i.append(p[P],at()),W.nextNode(),c.push({type:2,index:++n});i.append(p[C],at())}}}else if(i.nodeType===8)if(i.data===le)c.push({type:2,index:n});else{let p=-1;for(;(p=i.data.indexOf(R,p+1))!==-1;)c.push({type:7,index:n}),p+=R.length-1}n++}}static createElement(t,e){const r=G.createElement("template");return r.innerHTML=t,r}}function tt(o,t,e=o,r){var s,h;if(t===V)return t;let i=r!==void 0?(s=e._$Co)==null?void 0:s[r]:e._$Cl;const n=lt(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=tt(o,i._$AS(o,t.values),i,r)),t}class Ae{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)??G).importNode(e,!0);W.currentNode=i;let n=W.nextNode(),s=0,h=0,c=r[0];for(;c!==void 0;){if(s===c.index){let f;c.type===2?f=new ft(n,n.nextSibling,this,t):c.type===1?f=new c.ctor(n,c.name,c.strings,this,t):c.type===6&&(f=new Pe(n,this,t)),this._$AV.push(f),c=r[++h]}s!==(c==null?void 0:c.index)&&(n=W.nextNode(),s++)}return W.currentNode=G,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 ft{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=tt(this,t,e),lt(t)?t===d||t==null||t===""?(this._$AH!==d&&this._$AR(),this._$AH=d):t!==this._$AH&&t!==V&&this._(t):t._$litType$!==void 0?this.$(t):t.nodeType!==void 0?this.T(t):Ce(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&<(this._$AH)?this._$AA.nextSibling.data=t:this.T(G.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=ct.createElement(he(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 Ae(i,this),h=s.u(this.options);s.p(e),this.T(h),this._$AH=s}}_$AC(t){let e=ie.get(t.strings);return e===void 0&&ie.set(t.strings,e=new ct(t)),e}k(t){Ht(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 ft(this.O(at()),this.O(at()),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 $t{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=tt(this,t,e,0),s=!lt(t)||t!==this._$AH&&t!==V,s&&(this._$AH=t);else{const h=t;let c,f;for(t=n[0],c=0;c<n.length-1;c++)f=tt(this,h[r+c],e,c),f===V&&(f=this._$AH[c]),s||(s=!lt(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 Se extends $t{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===d?void 0:t}}class Ee extends $t{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==d)}}class Le extends $t{constructor(t,e,r,i,n){super(t,e,r,i,n),this.type=5}_$AI(t,e=this){if((t=tt(this,t,e,0)??d)===V)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 Pe{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){tt(this,t)}}const St=nt.litHtmlPolyfillSupport;St==null||St(ct,ft),(nt.litHtmlVersions??(nt.litHtmlVersions=[])).push("3.3.0");const Oe=(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 ft(t.insertBefore(at(),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
|
|
@@ -139,7 +139,10 @@
|
|
|
139
139
|
`,ao=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
140
140
|
<path d="M8 0C12.4183 0 16 3.58172 16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0ZM7.16602 6.1084V12H8.84668V6.1084H7.16602ZM8.00684 2.64062C7.45497 2.64062 7.01096 3.09591 7.01074 3.63574C7.01074 4.18774 7.45484 4.63184 8.00684 4.63184C8.55862 4.63159 9.00195 4.18759 9.00195 3.63574C9.00174 3.09606 8.55849 2.64088 8.00684 2.64062Z" fill="#4572A6"/>
|
|
141
141
|
</svg>
|
|
142
|
-
`,
|
|
142
|
+
`,lo=`<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
143
|
+
<path d="M16.0003 10.1648C16.0003 13.2904 13.4583 15.8332 10.3336 15.8332H7.00026C6.81617 15.8332 6.66693 15.6839 6.66693 15.4997C6.66693 15.3156 6.81617 15.1663 7.00026 15.1663H10.3336C13.0909 15.1663 15.3336 12.923 15.3336 10.1648C15.3336 7.40663 13.0909 5.16328 10.3336 5.16328H1.13826L3.90226 7.92812C4.0326 8.05831 4.03275 8.26955 3.9026 8.39993C3.77244 8.5303 3.56127 8.53045 3.43093 8.40026L0.0975955 5.06592C-0.0325318 4.93571 -0.0325318 4.72465 0.0975955 4.59444L3.43093 1.2601C3.56172 1.13374 3.76962 1.13555 3.8982 1.26416C4.02678 1.39278 4.02859 1.60075 3.90226 1.73158L1.13826 4.49641H10.3336C13.4583 4.49641 16.0003 7.03918 16.0003 10.1648Z" fill="#001022"/>
|
|
144
|
+
</svg>
|
|
145
|
+
`,J={wishlist:De,playerv:He,chevronRight:Me,chevronLeft:Te,icoPlus:qe,icoMinus:We,"star-0":je,"star-25":Fe,"star-50":Ne,"star-75":Re,"star-100":Ue,cross:Ve,search:Ze,arrowLeft:Ke,arrowTop:Ge,cart:Xe,notifyme:Je,triangledown:Qe,triangleup:Ye,checkstroke:to,pause:eo,mapDualArrow:oo,swipeDualArrow:ro,backtobag:lo},co={strikeDiagonal:io},ho={success:no,error:so,info:ao};/**
|
|
143
146
|
* @license
|
|
144
147
|
* Copyright 2017 Google LLC
|
|
145
148
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
@@ -151,7 +154,7 @@
|
|
|
151
154
|
* @license
|
|
152
155
|
* Copyright 2017 Google LLC
|
|
153
156
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
154
|
-
*/class Ot extends Pt{}Ot.directiveName="unsafeSVG",Ot.resultType=2;const O=Ft(Ot);var
|
|
157
|
+
*/class Ot extends Pt{}Ot.directiveName="unsafeSVG",Ot.resultType=2;const O=Ft(Ot);var po=Object.defineProperty,uo=Object.getOwnPropertyDescriptor,w=(o,t,e,r)=>{for(var i=r>1?void 0:r?uo(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&&po(t,e,i),i};const vo=Tt(v);let b=class extends vo{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,this.withbadge=!1}get name(){return this.getAttribute("name")??""}set name(o){this.setAttribute("name",o)}get form(){return this[Mt].form}handleClick(o){if(!(o instanceof KeyboardEvent&&!["Enter"," "].includes(o.key))&&this.panelTarget){const t=document.getElementById(this.panelTarget);t!=null&&t.openPanel&&typeof t.openPanel=="function"?(o.preventDefault(),t.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=J[t].replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"');return l`<span class="${o==="start"?"icon-start":"icon-end"}">${O(e)}</span>`}renderButton(){const o=this.text||this.textsecond;return l`
|
|
155
158
|
<button type=${this.type} class="button" ?disabled=${this.disabled} @click=${this.handleClick} @keydown=${this.handleClick}>
|
|
156
159
|
${this.startIcon?this.renderIcon("start"):d}
|
|
157
160
|
${o?l`
|
|
@@ -376,7 +379,7 @@
|
|
|
376
379
|
transform: translateX(4px);
|
|
377
380
|
}
|
|
378
381
|
//End icon movment on hover
|
|
379
|
-
`;w([a()],b.prototype,"type",2);w([a({reflect:!0})],b.prototype,"value",2);w([a({type:String,reflect:!0})],b.prototype,"variant",2);w([a({type:String})],b.prototype,"text",2);w([a({type:String})],b.prototype,"textsecond",2);w([a({type:Boolean,reflect:!0})],b.prototype,"fullwidth",2);w([a({type:Boolean,reflect:!0})],b.prototype,"disabled",2);w([a({type:String,reflect:!0})],b.prototype,"startIconModel",2);w([a({type:String,reflect:!0})],b.prototype,"endIconModel",2);w([a({type:Boolean,reflect:!0,attribute:"starticon"})],b.prototype,"startIcon",2);w([a({type:Boolean,reflect:!0,attribute:"endicon"})],b.prototype,"endIcon",2);w([a({type:String,attribute:"paneltarget",reflect:!0})],b.prototype,"panelTarget",2);w([a({type:String})],b.prototype,"href",2);w([a({type:String})],b.prototype,"target",2);w([a({type:Boolean,reflect:!0})],b.prototype,"underlined",2);w([a({type:Boolean,reflect:!0})],b.prototype,"withbadge",2);b=w([x("o-button")],b);var
|
|
382
|
+
`;w([a()],b.prototype,"type",2);w([a({reflect:!0})],b.prototype,"value",2);w([a({type:String,reflect:!0})],b.prototype,"variant",2);w([a({type:String})],b.prototype,"text",2);w([a({type:String})],b.prototype,"textsecond",2);w([a({type:Boolean,reflect:!0})],b.prototype,"fullwidth",2);w([a({type:Boolean,reflect:!0})],b.prototype,"disabled",2);w([a({type:String,reflect:!0})],b.prototype,"startIconModel",2);w([a({type:String,reflect:!0})],b.prototype,"endIconModel",2);w([a({type:Boolean,reflect:!0,attribute:"starticon"})],b.prototype,"startIcon",2);w([a({type:Boolean,reflect:!0,attribute:"endicon"})],b.prototype,"endIcon",2);w([a({type:String,attribute:"paneltarget",reflect:!0})],b.prototype,"panelTarget",2);w([a({type:String})],b.prototype,"href",2);w([a({type:String})],b.prototype,"target",2);w([a({type:Boolean,reflect:!0})],b.prototype,"underlined",2);w([a({type:Boolean,reflect:!0})],b.prototype,"withbadge",2);b=w([x("o-button")],b);var fo=Object.defineProperty,bo=Object.getOwnPropertyDescriptor,Ct=(o,t,e,r)=>{for(var i=r>1?void 0:r?bo(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&&fo(t,e,i),i};let et=class extends v{constructor(){super(...arguments),this.status="empty",this.ariaDescribedBy="a-product-name",this.label="Add to wishlist",this.toggleStatus=()=>{this.status=this.status==="empty"?"filled":"empty",this.setAttribute("aria-pressed",String(this.status==="filled")),this.dispatchEvent(new CustomEvent("wishlist-toggle",{detail:{status:this.status},bubbles:!0,composed:!0}))}}connectedCallback(){super.connectedCallback(),this.setAttribute("tabindex","0"),this.setAttribute("role","button"),this.setAttribute("aria-pressed",String(this.status==="filled"))}firstUpdated(){this.addEventListener("click",this.toggleStatus),this.addEventListener("keydown",this.handleKeydown)}handleKeydown(o){(o.key==="Enter"||o.key===" ")&&(o.preventDefault(),this.toggleStatus())}render(){const o=J.wishlist.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"');return l`
|
|
380
383
|
<button type="button" aria-describedby="${this.ariaDescribedBy}" class="wishlist-button">
|
|
381
384
|
<span class="sr-only">${this.label}</span>
|
|
382
385
|
${O(o)}
|
|
@@ -446,11 +449,11 @@
|
|
|
446
449
|
width: 0.1rem !important;
|
|
447
450
|
white-space: nowrap !important;
|
|
448
451
|
}
|
|
449
|
-
`;
|
|
452
|
+
`;Ct([a({type:String,reflect:!0})],et.prototype,"status",2);Ct([a({type:String,reflect:!0})],et.prototype,"ariaDescribedBy",2);Ct([a({type:String,reflect:!0})],et.prototype,"label",2);et=Ct([x("o-wishlist-button")],et);/**
|
|
450
453
|
* @license
|
|
451
454
|
* Copyright 2018 Google LLC
|
|
452
455
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
453
|
-
*/const
|
|
456
|
+
*/const _=o=>o??d;var go=Object.defineProperty,yo=Object.getOwnPropertyDescriptor,D=(o,t,e,r)=>{for(var i=r>1?void 0:r?yo(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&&go(t,e,i),i};let k=class extends v{constructor(){super(...arguments),this.bgstyle="background-light",this.size="medium",this.status="empty",this.type="button",this.strokewidth="1",this.icon="wishlist",this.disabled=!1,this.showSrLabel=!1,this.srLabel=""}updated(o){super.updated(o),this.style.setProperty("--icon-stroke-width",this.strokewidth)}render(){const o=J[this.icon]??"",t=`icon-${this.icon}`,e=o.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"').replace(/<path\b/g,'<path part="icon-path"').replace(/<g\b/g,'<g part="icon-group"').replace(/<circle\b/g,'<circle part="icon-circle"'),r=this.showSrLabel?l`<span class="sr-only">${this.srLabel}</span>`:null,i=this.showSrLabel?null:"icon";return l`
|
|
454
457
|
${this.type==="span"?l`
|
|
455
458
|
<span class="icon icon-button ${this.size} ${this.bgstyle} ${this.status} ${t}" ?disabled="${this.disabled}">
|
|
456
459
|
${O(e)}
|
|
@@ -458,7 +461,7 @@
|
|
|
458
461
|
`:l`
|
|
459
462
|
<button
|
|
460
463
|
type="button"
|
|
461
|
-
aria-label=${
|
|
464
|
+
aria-label=${_(i)}
|
|
462
465
|
class="icon-button ${this.size} ${this.bgstyle} ${this.status} ${t}"
|
|
463
466
|
?disabled="${this.disabled}"
|
|
464
467
|
>
|
|
@@ -677,10 +680,10 @@
|
|
|
677
680
|
.sr-only {
|
|
678
681
|
display: none;
|
|
679
682
|
}
|
|
680
|
-
`;D([a({type:String,reflect:!0})],k.prototype,"bgstyle",2);D([a({type:String,reflect:!0})],k.prototype,"size",2);D([a({type:String,reflect:!0})],k.prototype,"status",2);D([a({type:String,reflect:!0})],k.prototype,"type",2);D([a({type:String})],k.prototype,"strokewidth",2);D([a({type:String})],k.prototype,"icon",2);D([a({type:Boolean,reflect:!0})],k.prototype,"disabled",2);D([a({type:Boolean})],k.prototype,"showSrLabel",2);D([a({type:String})],k.prototype,"srLabel",2);k=D([x("o-icon-button")],k);var
|
|
683
|
+
`;D([a({type:String,reflect:!0})],k.prototype,"bgstyle",2);D([a({type:String,reflect:!0})],k.prototype,"size",2);D([a({type:String,reflect:!0})],k.prototype,"status",2);D([a({type:String,reflect:!0})],k.prototype,"type",2);D([a({type:String})],k.prototype,"strokewidth",2);D([a({type:String})],k.prototype,"icon",2);D([a({type:Boolean,reflect:!0})],k.prototype,"disabled",2);D([a({type:Boolean})],k.prototype,"showSrLabel",2);D([a({type:String})],k.prototype,"srLabel",2);k=D([x("o-icon-button")],k);var mo=Object.defineProperty,xo=Object.getOwnPropertyDescriptor,Q=(o,t,e,r)=>{for(var i=r>1?void 0:r?xo(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&&mo(t,e,i),i};let T=class extends v{constructor(){super(...arguments),this.href="",this.target="",this.template="standard",this.inverse=!1,this.endIcon=!1,this.reverseEndIcon=!1}_handleClick(o){(!this.href||this.href==="#")&&o.preventDefault()}render(){const o=this.href||"#";return l`
|
|
681
684
|
<a
|
|
682
685
|
href="${o}"
|
|
683
|
-
target="${
|
|
686
|
+
target="${_(this.target||void 0)}"
|
|
684
687
|
@click="${this._handleClick}"
|
|
685
688
|
>
|
|
686
689
|
${this.endIcon&&this.reverseEndIcon?l`
|
|
@@ -790,7 +793,7 @@
|
|
|
790
793
|
height: 1px;
|
|
791
794
|
}
|
|
792
795
|
/* End of underline effect */
|
|
793
|
-
`;Q([a({type:String})],T.prototype,"href",2);Q([a({type:String})],T.prototype,"target",2);Q([a({type:String,reflect:!0})],T.prototype,"template",2);Q([a({type:Boolean,reflect:!0})],T.prototype,"inverse",2);Q([a({type:Boolean,reflect:!0})],T.prototype,"endIcon",2);Q([a({type:Boolean,reflect:!0})],T.prototype,"reverseEndIcon",2);T=Q([x("o-link")],T);var
|
|
796
|
+
`;Q([a({type:String})],T.prototype,"href",2);Q([a({type:String})],T.prototype,"target",2);Q([a({type:String,reflect:!0})],T.prototype,"template",2);Q([a({type:Boolean,reflect:!0})],T.prototype,"inverse",2);Q([a({type:Boolean,reflect:!0})],T.prototype,"endIcon",2);Q([a({type:Boolean,reflect:!0})],T.prototype,"reverseEndIcon",2);T=Q([x("o-link")],T);var wo=Object.defineProperty,$o=Object.getOwnPropertyDescriptor,_t=(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&&wo(t,e,i),i};let ot=class extends v{constructor(){super(...arguments),this.rating=0}getStarKeys(){const o=[];for(let t=0;t<5;t++){const e=this.rating-t;let 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`
|
|
794
797
|
<div class="rating">
|
|
795
798
|
<div class="stars">
|
|
796
799
|
${o.map(t=>l`<span class="star">${O(J[t]??"")}</span>`)}
|
|
@@ -830,15 +833,15 @@
|
|
|
830
833
|
text-decoration: underline;
|
|
831
834
|
cursor: pointer;
|
|
832
835
|
}
|
|
833
|
-
`;
|
|
836
|
+
`;_t([a({type:Number})],ot.prototype,"rating",2);_t([a({type:String})],ot.prototype,"reviewCount",2);_t([a({type:String})],ot.prototype,"href",2);ot=_t([x("o-rating")],ot);/**
|
|
834
837
|
* @license
|
|
835
838
|
* Copyright 2020 Google LLC
|
|
836
839
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
837
|
-
*/const
|
|
840
|
+
*/const Co=o=>o.strings===void 0;/**
|
|
838
841
|
* @license
|
|
839
842
|
* Copyright 2017 Google LLC
|
|
840
843
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
841
|
-
*/const st=(o,t)=>{var r;const e=o._$AN;if(e===void 0)return!1;for(const i of e)(r=i._$AO)==null||r.call(i,t,!1),st(i,t);return!0},wt=o=>{let t,e;do{if((t=o._$AM)===void 0)break;e=t._$AN,e.delete(o),o=t}while((e==null?void 0:e.size)===0)},de=o=>{for(let t;t=o._$AM;o=t){let e=t._$AN;if(e===void 0)t._$AN=e=new Set;else if(e.has(o))break;e.add(o),
|
|
844
|
+
*/const st=(o,t)=>{var r;const e=o._$AN;if(e===void 0)return!1;for(const i of e)(r=i._$AO)==null||r.call(i,t,!1),st(i,t);return!0},wt=o=>{let t,e;do{if((t=o._$AM)===void 0)break;e=t._$AN,e.delete(o),o=t}while((e==null?void 0:e.size)===0)},de=o=>{for(let t;t=o._$AM;o=t){let e=t._$AN;if(e===void 0)t._$AN=e=new Set;else if(e.has(o))break;e.add(o),Ao(t)}};function _o(o){this._$AN!==void 0?(wt(this),this._$AM=o,de(this)):this._$AM=o}function ko(o,t=!1,e=0){const r=this._$AH,i=this._$AN;if(i!==void 0&&i.size!==0)if(t)if(Array.isArray(r))for(let n=e;n<r.length;n++)st(r[n],!1),wt(r[n]);else r!=null&&(st(r,!1),wt(r));else st(this,o)}const Ao=o=>{o.type==jt.CHILD&&(o._$AP??(o._$AP=ko),o._$AQ??(o._$AQ=_o))};class So extends Nt{constructor(){super(...arguments),this._$AN=void 0}_$AT(t,e,r){super._$AT(t,e,r),de(this),this.isConnected=t._$AU}_$AO(t,e=!0){var r,i;t!==this.isConnected&&(this.isConnected=t,t?(r=this.reconnected)==null||r.call(this):(i=this.disconnected)==null||i.call(this)),e&&(st(this,t),wt(this))}setValue(t){if(Co(this._$Ct))this._$Ct._$AI(t,this);else{const e=[...this._$Ct._$AH];e[this._$Ci]=t,this._$Ct._$AI(e,this,0)}}disconnected(){}reconnected(){}}class Eo extends So{constructor(){super(...arguments),this.prevData={}}render(t){return d}update(t,[e]){var r;this.element!==t.element&&(this.element=t.element),this.host=((r=t.options)===null||r===void 0?void 0:r.host)||this.element,this.apply(e),this.groom(e),this.prevData={...e}}apply(t){if(!t)return;const{prevData:e,element:r}=this;for(const i in t){const n=t[i];n!==e[i]&&(r[i]=n)}}groom(t){const{prevData:e,element:r}=this;if(e)for(const i in e)(!t||!(i in t)&&r[i]===e[i])&&(r[i]=void 0)}}class Lo extends Eo{constructor(){super(...arguments),this.eventData={}}apply(t){if(t)for(const e in t){const r=t[e];r!==this.eventData[e]&&this.applyEvent(e,r)}}applyEvent(t,e){const{prevData:r,element:i}=this;this.eventData[t]=e,r[t]&&i.removeEventListener(t,this,e),i.addEventListener(t,this,e)}groom(t){const{prevData:e,element:r}=this;if(e)for(const i in e)(!t||!(i in t)&&r[i]===e[i])&&this.groomEvent(i,e[i])}groomEvent(t,e){const{element:r}=this;delete this.eventData[t],r.removeEventListener(t,this,e)}handleEvent(t){const e=this.eventData[t.type];typeof e=="function"?e.call(this.host,t):e.handleEvent(t)}disconnected(){const{eventData:t,element:e}=this;for(const r in t){const i=r.slice(1),n=t[r];e.removeEventListener(i,this,n)}}reconnected(){const{eventData:t,element:e}=this;for(const r in t){const i=r.slice(1),n=t[r];e.addEventListener(i,this,n)}}}class Po extends Lo{apply(t){if(!t)return;const{prevData:e,element:r}=this;for(const i in t){const n=t[i];if(n===e[i])continue;const s=i.slice(1);switch(i[0]){case"@":this.eventData[s]=n,this.applyEvent(s,n);break;case".":r[s]=n;break;case"?":n?r.setAttribute(s,""):r.removeAttribute(s);break;default:n!=null?r.setAttribute(i,String(n)):r.removeAttribute(i);break}}}groom(t){const{prevData:e,element:r}=this;if(e)for(const i in e){const n=i.slice(1);if(!t||!(i in t)&&r[n]===e[i])switch(i[0]){case"@":this.groomEvent(n,e[i]);break;case".":r[n]=void 0;break;case"?":r.removeAttribute(n);break;default:r.removeAttribute(i);break}}}}const re=Ft(Po);var Oo=Object.defineProperty,Io=Object.getOwnPropertyDescriptor,y=(o,t,e,r)=>{for(var i=r>1?void 0:r?Io(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&&Oo(t,e,i),i};let u=class extends v{constructor(){super(...arguments),this.open=!1,this.showHeader=!0,this.showFooter=!1,this.showHeaderStartIcon=!1,this.headerTitle="",this.headerTitleClassName="panel-title",this.closeButtonLabel="Close the modal",this.firstButtonLabel="Close",this.firstButtonVariant="primary",this.firstButtonProps={},this.onFirstButtonClickClose=!1,this.secondButtonLabel="",this.secondButtonVariant="secondary",this.secondButtonProps={},this.onSecondButtonClickClose=!1,this.disablePortal=!1,this.zIndex=99,this.initialized=!1,this.showDetail=!1,this.isHidingDetail=!1,this.previousFocusedElement=null,this.innerFocusedElement=null,this._onOpenDetail=()=>{this.showDetail=!0,this.showHeaderStartIcon=!0},this.handleKeyDown=o=>{this.open&&(o.key==="Escape"?this.closePanel():o.key==="Tab"&&this.trapFocus(o))},this.handleClosePanel=o=>{if(o instanceof KeyboardEvent&&o.key!=="Enter"&&o.key!==" ")return;o.preventDefault(),o.stopPropagation();const t=o.currentTarget,e=(t==null?void 0:t.getAttribute("data-role"))==="back";if(this.showDetail&&e){this.isHidingDetail=!0;const r=this.renderRoot.querySelector(".content");if(r){this.showHeaderStartIcon=!1;const i=()=>{this.showDetail=!1,this.isHidingDetail=!1,r.removeEventListener("animationend",i)};r.addEventListener("animationend",i)}else this.showDetail=!1,this.isHidingDetail=!1,this.showHeaderStartIcon=!1;return}this.closePanel()}}connectedCallback(){super.connectedCallback(),!this.disablePortal&&this.parentElement!==document.body&&document.body.appendChild(this),this.addEventListener("keydown",this.handleKeyDown),this.updateComplete.then(()=>{this.initialized=!0}),this.addEventListener("open-detail",this._onOpenDetail)}disconnectedCallback(){document.body.style.overflow="",document.body.removeAttribute("data-side-panel"),this.removeEventListener("keydown",this.handleKeyDown),super.disconnectedCallback(),this.removeEventListener("open-detail",this._onOpenDetail)}trapFocus(o){var i,n,s,h,c,f,m,p,C,P;this.innerFocusedElement=document.activeElement||null,this.innerFocusedElement=((n=(i=this.innerFocusedElement)==null?void 0:i.shadowRoot)==null?void 0:n.activeElement)||this.innerFocusedElement;const t=this.getFocusableElements();if(t.length===0)return;const e=t[0],r=t[t.length-1];o.shiftKey&&this.innerFocusedElement===e?(o.preventDefault(),r.shadowRoot?(c=(h=(s=r.shadowRoot)==null?void 0:s.querySelector(u.focusablesSelector))==null?void 0:h.focus)==null||c.call(h):(f=r.focus)==null||f.call(r)):!o.shiftKey&&this.innerFocusedElement===r&&(o.preventDefault(),e.shadowRoot?(C=(p=(m=e.shadowRoot)==null?void 0:m.querySelector(u.focusablesSelector))==null?void 0:p.focus)==null||C.call(p):(P=e.focus)==null||P.call(e))}getFocusableElements(){const o=this.renderRoot.querySelector(".panel");if(!o)return[];function t(i){return!(i.disabled||i.hasAttribute("disabled")||i.hasAttribute("tabindex")&&i.getAttribute("tabindex")==="-1")}function e(i){var s;const n=[i.matches(u.focusablesSelector)?i:[]];if(!["o-icon-button","o-button"].includes(i.tagName.toLowerCase())){const h=Array.from(i instanceof HTMLSlotElement?i.assignedElements({flatten:!0}):[]).filter(t).flatMap(e),c=Array.from(((s=i.shadowRoot)==null?void 0:s.querySelectorAll("*"))||[]).filter(t).flatMap(e);n.push(...h,...c)}return n.flat()}return Array.from(o.querySelectorAll("*")).filter(t).flatMap(e)}openPanel(){this.previousFocusedElement=document.activeElement,this.open=!0,document.body.style.overflow="hidden",document.body.setAttribute("data-side-panel","open"),this.updateComplete.then(()=>{var o,t,e,r;if(this.showHeader){const i=((o=this.shadowRoot)==null?void 0:o.querySelector(".panel .close-btn"))||null,n=((t=i==null?void 0:i.shadowRoot)==null?void 0:t.querySelector("button"))||null;n&&((e=n.focus)==null||e.call(n))}else{const i=this.getFocusableElements()[0];(r=i==null?void 0:i.focus)==null||r.call(i)}}),this.dispatchEvent(new CustomEvent("open",{bubbles:!0,composed:!0}))}closePanel(){var o,t,e,r,i;this.open=!1,this.showDetail=!1,document.body.style.overflow="",document.body.removeAttribute("data-side-panel"),((o=this.previousFocusedElement)==null?void 0:o.tagName.toLowerCase())==="o-button"?(r=(e=(t=this.previousFocusedElement.shadowRoot)==null?void 0:t.querySelector(".button"))==null?void 0:e.focus)==null||r.call(e):(i=this.previousFocusedElement)==null||i.focus(),this.dispatchEvent(new CustomEvent("close",{bubbles:!0,composed:!0}))}handleFirstClick(o){o instanceof KeyboardEvent&&o.key!=="Enter"&&o.key!==" "||(o.preventDefault(),o.stopPropagation(),this.onFirstButtonClickClose&&this.closePanel(),this.dispatchEvent(new CustomEvent("firstbuttonclick",{bubbles:!0,composed:!0,cancelable:!0,detail:{button:"first",target:o.target}})))}handleSecondClick(o){o instanceof KeyboardEvent&&o.key!=="Enter"&&o.key!==" "||(o.preventDefault(),o.stopPropagation(),this.onSecondButtonClickClose&&this.closePanel(),this.dispatchEvent(new CustomEvent("secondbuttonclick",{bubbles:!0,composed:!0,cancelable:!0,detail:{button:"second",target:o.target}})))}updated(){this.style.setProperty("--z-overlay",`${this.zIndex||99}`),this.style.setProperty("--z-panel",`${this.zIndex?this.zIndex+1:99}`)}render(){const o=this.showHeader?l`
|
|
842
845
|
<div class="header">
|
|
843
846
|
${this.showHeaderStartIcon?l`
|
|
844
847
|
<o-icon-button
|
|
@@ -1105,7 +1108,7 @@
|
|
|
1105
1108
|
.detail-content {
|
|
1106
1109
|
padding: var(--spacing-xl);
|
|
1107
1110
|
}
|
|
1108
|
-
`;u.focusablesSelector='button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"]), o-icon-button, o-button';u.focusablesCustomElementsSelector="o-icon-button, o-button";y([a({type:Boolean,reflect:!0})],u.prototype,"open",2);y([a({type:Boolean,reflect:!0})],u.prototype,"showHeader",2);y([a({type:Boolean,reflect:!0})],u.prototype,"showFooter",2);y([a({type:Boolean,reflect:!0})],u.prototype,"showHeaderStartIcon",2);y([a({type:String,reflect:!0})],u.prototype,"headerTitle",2);y([a({type:String,reflect:!0})],u.prototype,"headerTitleClassName",2);y([a({type:String,reflect:!0})],u.prototype,"closeButtonLabel",2);y([a({type:String,reflect:!0})],u.prototype,"firstButtonLabel",2);y([a({type:String,reflect:!0})],u.prototype,"firstButtonVariant",2);y([a({type:Object,reflect:!0})],u.prototype,"firstButtonProps",2);y([a({type:Boolean,reflect:!0})],u.prototype,"onFirstButtonClickClose",2);y([a({type:String,reflect:!0})],u.prototype,"secondButtonLabel",2);y([a({type:String,reflect:!0})],u.prototype,"secondButtonVariant",2);y([a({type:Object,reflect:!0})],u.prototype,"secondButtonProps",2);y([a({type:Boolean,reflect:!0})],u.prototype,"onSecondButtonClickClose",2);y([a({type:Boolean,reflect:!0})],u.prototype,"disablePortal",2);y([a({type:Number,reflect:!0})],u.prototype,"zIndex",2);y([a({type:Boolean,reflect:!0})],u.prototype,"initialized",2);y([a({type:Boolean})],u.prototype,"showDetail",2);y([a({type:Boolean})],u.prototype,"isHidingDetail",2);u=y([x("o-side-panel")],u);var
|
|
1111
|
+
`;u.focusablesSelector='button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"]), o-icon-button, o-button';u.focusablesCustomElementsSelector="o-icon-button, o-button";y([a({type:Boolean,reflect:!0})],u.prototype,"open",2);y([a({type:Boolean,reflect:!0})],u.prototype,"showHeader",2);y([a({type:Boolean,reflect:!0})],u.prototype,"showFooter",2);y([a({type:Boolean,reflect:!0})],u.prototype,"showHeaderStartIcon",2);y([a({type:String,reflect:!0})],u.prototype,"headerTitle",2);y([a({type:String,reflect:!0})],u.prototype,"headerTitleClassName",2);y([a({type:String,reflect:!0})],u.prototype,"closeButtonLabel",2);y([a({type:String,reflect:!0})],u.prototype,"firstButtonLabel",2);y([a({type:String,reflect:!0})],u.prototype,"firstButtonVariant",2);y([a({type:Object,reflect:!0})],u.prototype,"firstButtonProps",2);y([a({type:Boolean,reflect:!0})],u.prototype,"onFirstButtonClickClose",2);y([a({type:String,reflect:!0})],u.prototype,"secondButtonLabel",2);y([a({type:String,reflect:!0})],u.prototype,"secondButtonVariant",2);y([a({type:Object,reflect:!0})],u.prototype,"secondButtonProps",2);y([a({type:Boolean,reflect:!0})],u.prototype,"onSecondButtonClickClose",2);y([a({type:Boolean,reflect:!0})],u.prototype,"disablePortal",2);y([a({type:Number,reflect:!0})],u.prototype,"zIndex",2);y([a({type:Boolean,reflect:!0})],u.prototype,"initialized",2);y([a({type:Boolean})],u.prototype,"showDetail",2);y([a({type:Boolean})],u.prototype,"isHidingDetail",2);u=y([x("o-side-panel")],u);var zo=Object.defineProperty,Bo=Object.getOwnPropertyDescriptor,Z=(o,t,e,r)=>{for(var i=r>1?void 0:r?Bo(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&&zo(t,e,i),i};let B=class extends v{constructor(){super(...arguments),this.thumbnails=[],this.activeIndex=0,this.disabledIndexes=[],this.maxWidth="100%",this.altressource="visual",this.focusedIndex=0,this.playerIconTemplate=l`
|
|
1109
1112
|
<o-icon-button
|
|
1110
1113
|
icon="playerv"
|
|
1111
1114
|
size="xsmall"
|
|
@@ -1241,7 +1244,7 @@
|
|
|
1241
1244
|
height: 0;
|
|
1242
1245
|
width: 0;
|
|
1243
1246
|
}
|
|
1244
|
-
`;Z([a({type:Array})],B.prototype,"thumbnails",2);Z([a({type:Number})],B.prototype,"activeIndex",2);Z([a({type:Array})],B.prototype,"disabledIndexes",2);Z([a({type:String})],B.prototype,"maxWidth",2);Z([a({type:String})],B.prototype,"altressource",2);Z([a({type:Object})],B.prototype,"swiperInstance",2);Z([X()],B.prototype,"focusedIndex",2);B=Z([x("thumbnail-navigation")],B);var
|
|
1247
|
+
`;Z([a({type:Array})],B.prototype,"thumbnails",2);Z([a({type:Number})],B.prototype,"activeIndex",2);Z([a({type:Array})],B.prototype,"disabledIndexes",2);Z([a({type:String})],B.prototype,"maxWidth",2);Z([a({type:String})],B.prototype,"altressource",2);Z([a({type:Object})],B.prototype,"swiperInstance",2);Z([X()],B.prototype,"focusedIndex",2);B=Z([x("thumbnail-navigation")],B);var Do=Object.defineProperty,Ho=Object.getOwnPropertyDescriptor,Rt=(o,t,e,r)=>{for(var i=r>1?void 0:r?Ho(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&&Do(t,e,i),i};let ht=class extends v{constructor(){super(...arguments),this.type="",this.bgstyle="background-white"}render(){return l`
|
|
1245
1248
|
<span class="tag ${this.bgstyle}"><slot></slot></span>
|
|
1246
1249
|
`}};ht.styles=g`
|
|
1247
1250
|
.tag {
|
|
@@ -1300,7 +1303,7 @@
|
|
|
1300
1303
|
}
|
|
1301
1304
|
}
|
|
1302
1305
|
|
|
1303
|
-
`;Rt([a({type:String,reflect:!0})],ht.prototype,"type",2);Rt([a({type:String,reflect:!0})],ht.prototype,"bgstyle",2);ht=Rt([x("o-tag")],ht);var
|
|
1306
|
+
`;Rt([a({type:String,reflect:!0})],ht.prototype,"type",2);Rt([a({type:String,reflect:!0})],ht.prototype,"bgstyle",2);ht=Rt([x("o-tag")],ht);var Mo=Object.defineProperty,To=Object.getOwnPropertyDescriptor,Ut=(o,t,e,r)=>{for(var i=r>1?void 0:r?To(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&&Mo(t,e,i),i};let dt=class extends v{constructor(){super(...arguments),this.type="top",this.text=""}render(){return l`
|
|
1304
1307
|
<div class="tooltip">
|
|
1305
1308
|
<span class="tooltiptext">${this.text}</span>
|
|
1306
1309
|
<slot></slot>
|
|
@@ -1397,7 +1400,7 @@
|
|
|
1397
1400
|
border-color: transparent var(--color-alpha-dark-strongest) transparent transparent;
|
|
1398
1401
|
}
|
|
1399
1402
|
|
|
1400
|
-
`;Ut([a({type:String,reflect:!0})],dt.prototype,"type",2);Ut([a({type:String,reflect:!0})],dt.prototype,"text",2);dt=Ut([x("o-tooltip")],dt);var
|
|
1403
|
+
`;Ut([a({type:String,reflect:!0})],dt.prototype,"type",2);Ut([a({type:String,reflect:!0})],dt.prototype,"text",2);dt=Ut([x("o-tooltip")],dt);var jo=Object.defineProperty,Fo=Object.getOwnPropertyDescriptor,j=(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&&jo(t,e,i),i};let I=class extends v{constructor(){super(...arguments),this.options=[],this.value="",this.name="",this.disabled=!1,this.width="100%",this.open=!1,this.activeIndex=-1,this.menuWidth="",this._handleOutsideClick=o=>{this.contains(o.target)||(this.open=!1,this.activeIndex=-1)}}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this._handleOutsideClick)}disconnectedCallback(){document.removeEventListener("click",this._handleOutsideClick),super.disconnectedCallback()}toggle(){var o;if(!this.disabled){if(this.open=!this.open,this.activeIndex=this.open?this.options.findIndex(t=>t.value===this.value):-1,this.open&&this.width==="auto"){const t=(o=this.renderRoot)==null?void 0:o.querySelector("button");t&&(this.menuWidth=`${t.getBoundingClientRect().width}px`)}this.open&&this.updateComplete.then(()=>{this._focusActiveOption()})}}_focusActiveOption(){var t;const o=(t=this.renderRoot)==null?void 0:t.querySelector(`#option-${this.activeIndex}`);o==null||o.focus()}selectOption(o){this.value=o.value,this.dispatchEvent(new CustomEvent("change",{detail:{value:this.value,url:o.url}})),this.open=!1,this.activeIndex=-1}handleKeydown(o){if(this.disabled){o.preventDefault();return}if(!this.open){(o.key==="ArrowDown"||o.key==="ArrowUp")&&(o.preventDefault(),this.open=!0,this.activeIndex=this.options.findIndex(t=>t.value===this.value),this.updateComplete.then(()=>this._focusActiveOption()));return}switch(o.key){case"ArrowDown":o.preventDefault(),this.activeIndex=(this.activeIndex+1)%this.options.length,this.updateComplete.then(()=>this._focusActiveOption());break;case"ArrowUp":o.preventDefault(),this.activeIndex=(this.activeIndex-1+this.options.length)%this.options.length,this.updateComplete.then(()=>this._focusActiveOption());break;case"Home":o.preventDefault(),this.activeIndex=0,this.updateComplete.then(()=>this._focusActiveOption());break;case"End":o.preventDefault(),this.activeIndex=this.options.length-1,this.updateComplete.then(()=>this._focusActiveOption());break;case"Enter":o.preventDefault(),this.activeIndex>=0&&this.selectOption(this.options[this.activeIndex]);break;case"Escape":o.preventDefault(),this.open=!1,this.activeIndex=-1;break}}updated(o){this.options.length>0&&(this.options.some(e=>e.value===this.value)||(this.value=this.options[0].value))}render(){const o=J.checkstroke.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"'),t=this.options.find(e=>e.value===this.value);return l`
|
|
1401
1404
|
<button
|
|
1402
1405
|
role="combobox"
|
|
1403
1406
|
aria-haspopup="listbox"
|
|
@@ -1584,7 +1587,7 @@
|
|
|
1584
1587
|
input[type="hidden"] {
|
|
1585
1588
|
display: none;
|
|
1586
1589
|
}
|
|
1587
|
-
`;j([a({type:Array,reflect:!0})],I.prototype,"options",2);j([a({type:String,reflect:!0})],I.prototype,"value",2);j([a({type:String,reflect:!0})],I.prototype,"name",2);j([a({type:Boolean,reflect:!0})],I.prototype,"disabled",2);j([a({type:String,reflect:!0})],I.prototype,"width",2);j([X()],I.prototype,"open",2);j([X()],I.prototype,"activeIndex",2);j([X()],I.prototype,"menuWidth",2);I=j([x("o-dropdown")],I);var
|
|
1590
|
+
`;j([a({type:Array,reflect:!0})],I.prototype,"options",2);j([a({type:String,reflect:!0})],I.prototype,"value",2);j([a({type:String,reflect:!0})],I.prototype,"name",2);j([a({type:Boolean,reflect:!0})],I.prototype,"disabled",2);j([a({type:String,reflect:!0})],I.prototype,"width",2);j([X()],I.prototype,"open",2);j([X()],I.prototype,"activeIndex",2);j([X()],I.prototype,"menuWidth",2);I=j([x("o-dropdown")],I);var No=Object.getOwnPropertyDescriptor,Ro=(o,t,e,r)=>{for(var i=r>1?void 0:r?No(t,e):t,n=o.length-1,s;n>=0;n--)(s=o[n])&&(i=s(i)||i);return i};let It=class extends v{render(){return l` <span class="dots"></span> `}};It.styles=g`
|
|
1588
1591
|
:host {
|
|
1589
1592
|
display: flex;
|
|
1590
1593
|
align-items: center;
|
|
@@ -1635,7 +1638,7 @@
|
|
|
1635
1638
|
background-color: var(--color-container-action-primary-pressed);
|
|
1636
1639
|
}
|
|
1637
1640
|
}
|
|
1638
|
-
`;It=
|
|
1641
|
+
`;It=Ro([x("o-dots")],It);var Uo=Object.defineProperty,Vo=Object.getOwnPropertyDescriptor,H=(o,t,e,r)=>{for(var i=r>1?void 0:r?Vo(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&&Uo(t,e,i),i};let A=class extends v{constructor(){super(...arguments),this.options=[],this.value="",this.name="",this.additionaltext="+X variant(s)",this.disabled=!1,this.width="100%",this.open=!1,this.activeIndex=-1,this.menuWidth="",this._handleOutsideClick=o=>{this.contains(o.target)||(this.open=!1,this.activeIndex=-1)}}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this._handleOutsideClick)}disconnectedCallback(){document.removeEventListener("click",this._handleOutsideClick),super.disconnectedCallback()}toggle(){var o;if(!this.disabled){if(this.open=!this.open,this.activeIndex=this.open?this.options.findIndex(t=>t.value===this.value):-1,this.open&&this.width==="auto"){const t=(o=this.renderRoot)==null?void 0:o.querySelector("button");t&&(this.menuWidth=`${t.getBoundingClientRect().width}px`)}this.open&&this.updateComplete.then(()=>this._focusActiveOption())}}_focusActiveOption(){var t;const o=(t=this.renderRoot)==null?void 0:t.querySelector(`#option-${this.activeIndex}`);o==null||o.focus()}selectOption(o){this.value=o.value,this.dispatchEvent(new CustomEvent("change",{detail:{value:this.value,url:o.url}})),this.open=!1,this.activeIndex=-1}handleKeydown(o){if(this.disabled){o.preventDefault();return}if(!this.open){(o.key==="ArrowDown"||o.key==="ArrowUp")&&(o.preventDefault(),this.open=!0,this.activeIndex=this.options.findIndex(t=>t.value===this.value),this.updateComplete.then(()=>this._focusActiveOption()));return}switch(o.key){case"ArrowDown":o.preventDefault(),this.activeIndex=(this.activeIndex+1)%this.options.length,this.updateComplete.then(()=>this._focusActiveOption());break;case"ArrowUp":o.preventDefault(),this.activeIndex=(this.activeIndex-1+this.options.length)%this.options.length,this.updateComplete.then(()=>this._focusActiveOption());break;case"Home":o.preventDefault(),this.activeIndex=0,this.updateComplete.then(()=>this._focusActiveOption());break;case"End":o.preventDefault(),this.activeIndex=this.options.length-1,this.updateComplete.then(()=>this._focusActiveOption());break;case"Enter":o.preventDefault(),this.activeIndex>=0&&this.selectOption(this.options[this.activeIndex]);break;case"Escape":o.preventDefault(),this.open=!1,this.activeIndex=-1;break}}updated(){this.options.length>0&&(this.options.some(t=>t.value===this.value)||(this.value=this.options[0].value))}render(){const o=J.checkstroke.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"'),t=this.options.find(e=>e.value===this.value);return l`
|
|
1639
1642
|
<button
|
|
1640
1643
|
role="combobox"
|
|
1641
1644
|
aria-haspopup="listbox"
|
|
@@ -1649,7 +1652,7 @@
|
|
|
1649
1652
|
?disabled=${this.disabled}
|
|
1650
1653
|
class="btn-dropdown"
|
|
1651
1654
|
>
|
|
1652
|
-
<img alt="${
|
|
1655
|
+
<img alt="${_(t==null?void 0:t.label)}" src="${_(t==null?void 0:t.imgurl)}" />
|
|
1653
1656
|
<span id="dropdown-label" class="label">
|
|
1654
1657
|
${t?t.label:"Select an option"}
|
|
1655
1658
|
</span>
|
|
@@ -1683,11 +1686,11 @@
|
|
|
1683
1686
|
class="${r===this.activeIndex?"active":""} ${e.disabled?"disabled":""}"
|
|
1684
1687
|
@click=${()=>this.selectOption(e)}
|
|
1685
1688
|
>
|
|
1686
|
-
<a href="${
|
|
1687
|
-
<img alt="${
|
|
1689
|
+
<a href="${_(e.url)}">
|
|
1690
|
+
<img alt="${_(e.label)}" src="${_(e.imgurl)}" />
|
|
1688
1691
|
<span class="label">${e.label}</span>
|
|
1689
1692
|
<div class="right">
|
|
1690
|
-
<span class="additional-text">${
|
|
1693
|
+
<span class="additional-text">${_(e.additionaltext)}</span>
|
|
1691
1694
|
${e.value===this.value&&!e.additionaltext?l`
|
|
1692
1695
|
<span class="check">${O(o)}</span>`:null}
|
|
1693
1696
|
</div>
|
|
@@ -1876,13 +1879,13 @@
|
|
|
1876
1879
|
* @license
|
|
1877
1880
|
* Copyright 2018 Google LLC
|
|
1878
1881
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
1879
|
-
*/const pe="important",
|
|
1880
|
-
${this.option.imgurl?l`<img src="${this.option.imgurl}" alt="${
|
|
1882
|
+
*/const pe="important",Zo=" !"+pe,qo=Ft(class extends Nt{constructor(o){var t;if(super(o),o.type!==jt.ATTRIBUTE||o.name!=="style"||((t=o.strings)==null?void 0:t.length)>2)throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.")}render(o){return Object.keys(o).reduce((t,e)=>{const r=o[e];return r==null?t:t+`${e=e.includes("-")?e:e.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,"-$&").toLowerCase()}:${r};`},"")}update(o,[t]){const{style:e}=o.element;if(this.ft===void 0)return this.ft=new Set(Object.keys(t)),this.render(t);for(const r of this.ft)t[r]==null&&(this.ft.delete(r),r.includes("-")?e.removeProperty(r):e[r]=null);for(const r in t){const i=t[r];if(i!=null){this.ft.add(r);const n=typeof i=="string"&&i.endsWith(Zo);r.includes("-")||n?e.setProperty(r,n?i.slice(0,-11):i,n?pe:""):e[r]=i}}return V}});var Wo=Object.defineProperty,Ko=Object.getOwnPropertyDescriptor,Vt=(o,t,e,r)=>{for(var i=r>1?void 0:r?Ko(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&&Wo(t,e,i),i};let pt=class extends v{constructor(){super(...arguments),this.option={},this.imageSize=64}render(){const o=this.option.clickable,t={width:`${this.imageSize}px`,height:`${this.imageSize}px`},e=l`
|
|
1883
|
+
${this.option.imgurl?l`<img src="${this.option.imgurl}" alt="${_(this.option.title)}" aria-hidden="true" style=${qo(t)} />`:""}
|
|
1881
1884
|
<div class="m-reassurance-content">
|
|
1882
|
-
<h3 class="a-reassurance-text">${
|
|
1883
|
-
<p class="a-reassurance-description">${
|
|
1885
|
+
<h3 class="a-reassurance-text">${_(this.option.title)}</h3>
|
|
1886
|
+
<p class="a-reassurance-description">${_(this.option.description)}</p>
|
|
1884
1887
|
</div>
|
|
1885
|
-
`;return o?l`<a href="${
|
|
1888
|
+
`;return o?l`<a href="${_(this.option.url)}" class="reassurance-item clickable">${e}</a>`:l`<div class="reassurance-item">${e}</div>`}};pt.styles=g`
|
|
1886
1889
|
:host {
|
|
1887
1890
|
display: inline-block;
|
|
1888
1891
|
position: relative;
|
|
@@ -1963,7 +1966,7 @@
|
|
|
1963
1966
|
overflow: hidden;
|
|
1964
1967
|
}
|
|
1965
1968
|
}
|
|
1966
|
-
`;Vt([a({type:Object,reflect:!0})],pt.prototype,"option",2);Vt([a({type:Number,reflect:!0})],pt.prototype,"imageSize",2);pt=Vt([x("o-reassurance")],pt);var
|
|
1969
|
+
`;Vt([a({type:Object,reflect:!0})],pt.prototype,"option",2);Vt([a({type:Number,reflect:!0})],pt.prototype,"imageSize",2);pt=Vt([x("o-reassurance")],pt);var Go=Object.defineProperty,Xo=Object.getOwnPropertyDescriptor,F=(o,t,e,r)=>{for(var i=r>1?void 0:r?Xo(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&&Go(t,e,i),i};const Jo=Tt(v);let S=class extends Jo{constructor(){super(...arguments),this.link="",this.name="",this.value="",this.text="",this.size="standard",this.selected=!1,this.fullwidth=!1,this.inactive=!1}handleClick(o){this.selected||(this.selected=!0);const t={selected:this.selected},e=new CustomEvent("selected",{detail:t,bubbles:!0,composed:!0,cancelable:!0});this.dispatchEvent(e),e.defaultPrevented&&o.preventDefault(),this.selected=t.selected}render(){const o=this.text;return this.link?l`
|
|
1967
1970
|
<a href="${this.link}" class="o-chip" tabindex="${this.inactive?"-1":"0"}" aria-hidden="${this.inactive?"true":"false"}">
|
|
1968
1971
|
${o?this.text:l`<slot></slot>`}
|
|
1969
1972
|
</a>
|
|
@@ -2061,7 +2064,7 @@
|
|
|
2061
2064
|
display: inline-flex;
|
|
2062
2065
|
align-items: center;
|
|
2063
2066
|
}
|
|
2064
|
-
`;F([a({type:String,reflect:!0})],S.prototype,"link",2);F([a({reflect:!0})],S.prototype,"name",2);F([a({reflect:!0})],S.prototype,"value",2);F([a({type:String})],S.prototype,"text",2);F([a({type:String,reflect:!0})],S.prototype,"size",2);F([a({type:Boolean,reflect:!0})],S.prototype,"selected",2);F([a({type:Boolean,reflect:!0})],S.prototype,"fullwidth",2);F([a({type:Boolean,reflect:!0})],S.prototype,"inactive",2);S=F([x("o-chip")],S);var
|
|
2067
|
+
`;F([a({type:String,reflect:!0})],S.prototype,"link",2);F([a({reflect:!0})],S.prototype,"name",2);F([a({reflect:!0})],S.prototype,"value",2);F([a({type:String})],S.prototype,"text",2);F([a({type:String,reflect:!0})],S.prototype,"size",2);F([a({type:Boolean,reflect:!0})],S.prototype,"selected",2);F([a({type:Boolean,reflect:!0})],S.prototype,"fullwidth",2);F([a({type:Boolean,reflect:!0})],S.prototype,"inactive",2);S=F([x("o-chip")],S);var Qo=Object.defineProperty,Yo=Object.getOwnPropertyDescriptor,Zt=(o,t,e,r)=>{for(var i=r>1?void 0:r?Yo(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&&Qo(t,e,i),i};let ut=class extends v{constructor(){super(),this.name="",this.value="",this.addEventListener("selected",this.onChipSelected)}onChipSelected(o){const t=o.target instanceof S?o.target:null;t!=null&&t.link||(this.name=(t==null?void 0:t.name)||"",this.value=(t==null?void 0:t.value)||"",this.querySelectorAll("o-chip").forEach(e=>{e!==t&&(e.selected=!1)}))}render(){return l`
|
|
2065
2068
|
<slot></slot>
|
|
2066
2069
|
`}};ut.styles=g`
|
|
2067
2070
|
:host {
|
|
@@ -2070,7 +2073,7 @@
|
|
|
2070
2073
|
flex-wrap: wrap;
|
|
2071
2074
|
gap: var(--spacing-s);
|
|
2072
2075
|
}
|
|
2073
|
-
`;Zt([a({reflect:!0})],ut.prototype,"name",2);Zt([a({reflect:!0})],ut.prototype,"value",2);ut=Zt([x("o-chipset")],ut);var
|
|
2076
|
+
`;Zt([a({reflect:!0})],ut.prototype,"name",2);Zt([a({reflect:!0})],ut.prototype,"value",2);ut=Zt([x("o-chipset")],ut);var ti=Object.defineProperty,ei=Object.getOwnPropertyDescriptor,M=(o,t,e,r)=>{for(var i=r>1?void 0:r?ei(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&&ti(t,e,i),i};const oi=Tt(v);let E=class extends oi{constructor(){super(...arguments),this.name="",this.value="",this.type="",this.text="",this.selected=!1,this.disabled=!1,this.fullwidth=!1,this.crossIconName="cross",this.strikethroughImgName="strikeDiagonal"}handleClick(o){if(o instanceof KeyboardEvent&&o.key!=="Enter"&&o.key!==" ")return;this.selected=!this.selected;const t={selected:this.selected},e=new CustomEvent("selected",{detail:t,bubbles:!0,composed:!0,cancelable:!0});this.dispatchEvent(e),e.defaultPrevented&&o.preventDefault(),this.selected=t.selected}crossIcon(){const o=J[this.crossIconName].replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"').replace(/stroke=[#"'a-z1-9]*/gi,"");return l`<span class="cross-icon">${O(o)}</span>`}strikeThroughImg(){const o=co[this.strikethroughImgName].replace("<svg",'<svg aria-hidden="true" focusable="false" part="strikethrough"').replace(/stroke=[#"'a-z1-9]*/gi,"");return O(o)}render(){const o=this.text;return l`${this.type==="link"?l`
|
|
2074
2077
|
<a role="button" tabindex="0" class="button" href=${this.href} ?disabled=${this.disabled} @click=${this.handleClick} @keydown=${this.handleClick}
|
|
2075
2078
|
aria-label=${this.ariaLabel} aria-pressed=${this.selected}>
|
|
2076
2079
|
${o?l`
|
|
@@ -2215,7 +2218,7 @@
|
|
|
2215
2218
|
stroke-linecap: round;
|
|
2216
2219
|
}
|
|
2217
2220
|
}
|
|
2218
|
-
`;M([a({reflect:!0})],E.prototype,"name",2);M([a({reflect:!0})],E.prototype,"value",2);M([a({type:String,reflect:!0})],E.prototype,"type",2);M([a({type:String,reflect:!0})],E.prototype,"href",2);M([a({type:String,reflect:!0,attribute:"data-href"})],E.prototype,"dataHref",2);M([a({type:String})],E.prototype,"text",2);M([a({type:Boolean,reflect:!0})],E.prototype,"selected",2);M([a({type:Boolean,reflect:!0})],E.prototype,"disabled",2);M([a({type:Boolean,reflect:!0})],E.prototype,"fullwidth",2);E=M([x("o-filter-chip")],E);var
|
|
2221
|
+
`;M([a({reflect:!0})],E.prototype,"name",2);M([a({reflect:!0})],E.prototype,"value",2);M([a({type:String,reflect:!0})],E.prototype,"type",2);M([a({type:String,reflect:!0})],E.prototype,"href",2);M([a({type:String,reflect:!0,attribute:"data-href"})],E.prototype,"dataHref",2);M([a({type:String})],E.prototype,"text",2);M([a({type:Boolean,reflect:!0})],E.prototype,"selected",2);M([a({type:Boolean,reflect:!0})],E.prototype,"disabled",2);M([a({type:Boolean,reflect:!0})],E.prototype,"fullwidth",2);E=M([x("o-filter-chip")],E);var ii=Object.defineProperty,N=(o,t,e,r)=>{for(var i=void 0,n=o.length-1,s;n>=0;n--)(s=o[n])&&(i=s(t,e,i)||i);return i&&ii(t,e,i),i};const Wt=class Wt extends v{constructor(){super(...arguments),this.type="cart | chevron",this.titleProduct="",this.volume="",this.perLiter="",this.mainPrice="",this.imageUrl="https://placehold.co/56x70",this.altImage="",this.fullwidth=!1}onClick(){typeof this.onClickTile=="function"&&this.onClickTile()}get icons(){return this.type==="chevron"?l`
|
|
2219
2222
|
<o-icon-button
|
|
2220
2223
|
@click=${this.onClick}
|
|
2221
2224
|
icon="chevronRight"
|
|
@@ -2334,7 +2337,7 @@
|
|
|
2334
2337
|
.fullpointer {
|
|
2335
2338
|
cursor: pointer;
|
|
2336
2339
|
}
|
|
2337
|
-
`;let L=Wt;N([a({type:String})],L.prototype,"type");N([a({type:String})],L.prototype,"titleProduct");N([a({type:String})],L.prototype,"volume");N([a({type:String})],L.prototype,"perLiter");N([a({type:String})],L.prototype,"mainPrice");N([a({type:String})],L.prototype,"imageUrl");N([a({type:String})],L.prototype,"altImage");N([a({type:Boolean})],L.prototype,"fullwidth");N([a({type:Function})],L.prototype,"onClickTile");customElements.define("mini-tile",L);var
|
|
2340
|
+
`;let L=Wt;N([a({type:String})],L.prototype,"type");N([a({type:String})],L.prototype,"titleProduct");N([a({type:String})],L.prototype,"volume");N([a({type:String})],L.prototype,"perLiter");N([a({type:String})],L.prototype,"mainPrice");N([a({type:String})],L.prototype,"imageUrl");N([a({type:String})],L.prototype,"altImage");N([a({type:Boolean})],L.prototype,"fullwidth");N([a({type:Function})],L.prototype,"onClickTile");customElements.define("mini-tile",L);var ri=Object.defineProperty,ni=Object.getOwnPropertyDescriptor,qt=(o,t,e,r)=>{for(var i=r>1?void 0:r?ni(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&&ri(t,e,i),i};let vt=class extends v{constructor(){super(...arguments),this.variant="cart",this.text=""}render(){return l`
|
|
2338
2341
|
<span class="badge">
|
|
2339
2342
|
${this.text?this.text:l`<slot></slot>`}
|
|
2340
2343
|
</span>
|
|
@@ -2372,7 +2375,7 @@
|
|
|
2372
2375
|
color: var(--text-color);
|
|
2373
2376
|
}
|
|
2374
2377
|
|
|
2375
|
-
`;qt([a({type:String,reflect:!0})],vt.prototype,"variant",2);qt([a({type:String})],vt.prototype,"text",2);vt=qt([x("o-badge")],vt);var
|
|
2378
|
+
`;qt([a({type:String,reflect:!0})],vt.prototype,"variant",2);qt([a({type:String})],vt.prototype,"text",2);vt=qt([x("o-badge")],vt);var si=Object.defineProperty,ai=Object.getOwnPropertyDescriptor,z=(o,t,e,r)=>{for(var i=r>1?void 0:r?ai(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&&si(t,e,i),i};let $=class extends v{constructor(){super(...arguments),this.icon="info",this.text="Sample text",this.verticalanchor="top",this.horizontalanchor="right",this.verticaloffset=24,this.horizontaloffset=24,this.animationduration=500,this.animationaxis="horizontal",this.animated=!0,this.lifeduration=3e3}attributeChangedCallback(o,t,e){super.attributeChangedCallback(o,t,e),o=="verticaloffset"&&this.style.setProperty("--vertical-offset",e+"px"),o=="horizontaloffset"&&this.style.setProperty("--horizontal-offset",e+"px"),o=="animationduration"&&this.style.setProperty("--animation-duration",e+"ms")}selfCloseAfterDelay(){var o=this;setTimeout(function(){o.animated=!0,o.selfClose()},this.lifeduration)}selfClose(){var o=this;setTimeout(function(){o.remove()},this.animationduration+200)}connectedCallback(){var o=this;super.connectedCallback(),setTimeout(()=>{o.animated=!1,this.selfCloseAfterDelay()},300)}firstUpdated(){var e;var o=this;const t=(e=this.renderRoot)==null?void 0:e.querySelector("o-icon-button");t!=null&&t.addEventListener("click",function(){o.remove()})}render(){const t=ho[this.icon].replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"').replace(/<path\b/g,'<path part="icon-path"').replace(/<g\b/g,'<g part="icon-group"').replace(/<circle\b/g,'<circle part="icon-circle"');return l`
|
|
2376
2379
|
<div class="o-toast">
|
|
2377
2380
|
<div class="o-toast-icon">
|
|
2378
2381
|
${O(t)}
|
|
@@ -2420,19 +2423,19 @@
|
|
|
2420
2423
|
}
|
|
2421
2424
|
|
|
2422
2425
|
:host([animated][animationaxis="horizontal"][horizontalanchor="right"]) {
|
|
2423
|
-
right: -
|
|
2426
|
+
right: -100%;
|
|
2424
2427
|
}
|
|
2425
2428
|
|
|
2426
2429
|
:host([animated][animationaxis="horizontal"][horizontalanchor="left"]) {
|
|
2427
|
-
left: -
|
|
2430
|
+
left: -100%;
|
|
2428
2431
|
}
|
|
2429
2432
|
|
|
2430
2433
|
:host([animated][animationaxis="vertical"][verticalanchor="top"]) {
|
|
2431
|
-
top: -
|
|
2434
|
+
top: -100%;
|
|
2432
2435
|
}
|
|
2433
2436
|
|
|
2434
2437
|
:host([animated][animationaxis="vertical"][verticalanchor="bottom"]) {
|
|
2435
|
-
bottom: -
|
|
2438
|
+
bottom: -100%;
|
|
2436
2439
|
}
|
|
2437
2440
|
|
|
2438
2441
|
.o-toast {
|
|
@@ -2449,6 +2452,8 @@
|
|
|
2449
2452
|
color: var(--color-content-body);
|
|
2450
2453
|
padding: 0 8px;
|
|
2451
2454
|
width: max-content;
|
|
2455
|
+
text-align: center;
|
|
2456
|
+
max-width: 70vw;
|
|
2452
2457
|
}
|
|
2453
2458
|
|
|
2454
2459
|
.o-toast-icon {
|
package/index.mjs
CHANGED
|
@@ -282,9 +282,9 @@ Y.elementStyles = [], Y.shadowRootOptions = { mode: "open" }, Y[rt("elementPrope
|
|
|
282
282
|
* Copyright 2017 Google LLC
|
|
283
283
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
284
284
|
*/
|
|
285
|
-
const nt = globalThis, xt = nt.trustedTypes, Qt = xt ? xt.createPolicy("lit-html", { createHTML: (o) => o }) : void 0, ae = "$lit$", R = `lit$${Math.random().toFixed(9).slice(2)}$`, le = "?" + R, $e = `<${le}>`, G = document, at = () => G.createComment(""), lt = (o) => o === null || typeof o != "object" && typeof o != "function", Ht = Array.isArray,
|
|
285
|
+
const nt = globalThis, xt = nt.trustedTypes, Qt = xt ? xt.createPolicy("lit-html", { createHTML: (o) => o }) : void 0, ae = "$lit$", R = `lit$${Math.random().toFixed(9).slice(2)}$`, le = "?" + R, $e = `<${le}>`, G = document, at = () => G.createComment(""), lt = (o) => o === null || typeof o != "object" && typeof o != "function", Ht = Array.isArray, Ce = (o) => Ht(o) || typeof (o == null ? void 0 : o[Symbol.iterator]) == "function", At = `[
|
|
286
286
|
\f\r]`, it = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, Yt = /-->/g, te = />/g, q = RegExp(`>|${At}(?:([^\\s"'>=/]+)(${At}*=${At}*(?:[^
|
|
287
|
-
\f\r"'\`<>=]|("|')|))|$)`, "g"), ee = /'/g, oe = /"/g, ce = /^(?:script|style|textarea|title)$/i,
|
|
287
|
+
\f\r"'\`<>=]|("|')|))|$)`, "g"), ee = /'/g, oe = /"/g, ce = /^(?:script|style|textarea|title)$/i, _e = (o) => (t, ...e) => ({ _$litType$: o, strings: t, values: e }), l = _e(1), V = Symbol.for("lit-noChange"), d = Symbol.for("lit-nothing"), ie = /* @__PURE__ */ new WeakMap(), W = G.createTreeWalker(G, 129);
|
|
288
288
|
function he(o, t) {
|
|
289
289
|
if (!Ht(o) || !o.hasOwnProperty("raw")) throw Error("invalid template strings array");
|
|
290
290
|
return Qt !== void 0 ? Qt.createHTML(t) : t;
|
|
@@ -294,8 +294,8 @@ const ke = (o, t) => {
|
|
|
294
294
|
let i, n = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", s = it;
|
|
295
295
|
for (let h = 0; h < e; h++) {
|
|
296
296
|
const c = o[h];
|
|
297
|
-
let f, m, p = -1,
|
|
298
|
-
for (;
|
|
297
|
+
let f, m, p = -1, C = 0;
|
|
298
|
+
for (; C < c.length && (s.lastIndex = C, m = s.exec(c), m !== null); ) C = s.lastIndex, s === it ? m[1] === "!--" ? s = Yt : m[1] !== void 0 ? s = te : m[2] !== void 0 ? (ce.test(m[2]) && (i = RegExp("</" + m[2], "g")), s = q) : m[3] !== void 0 && (s = q) : s === q ? m[0] === ">" ? (s = i ?? it, p = -1) : m[1] === void 0 ? p = -2 : (p = s.lastIndex - m[2].length, f = m[1], s = m[3] === void 0 ? q : m[3] === '"' ? oe : ee) : s === oe || s === ee ? s = q : s === Yt || s === te ? s = it : (s = q, i = void 0);
|
|
299
299
|
const P = s === q && o[h + 1].startsWith("/>") ? " " : "";
|
|
300
300
|
n += s === it ? c + $e : p >= 0 ? (r.push(f), c.slice(0, p) + ae + c.slice(p) + R + P) : c + R + (p === -2 ? h : P);
|
|
301
301
|
}
|
|
@@ -314,15 +314,15 @@ class ct {
|
|
|
314
314
|
for (; (i = W.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(ae)) {
|
|
317
|
-
const
|
|
317
|
+
const C = m[s++], P = i.getAttribute(p).split(R), gt = /([.?@])?(.*)/.exec(C);
|
|
318
318
|
c.push({ type: 1, index: n, name: gt[2], strings: P, ctor: gt[1] === "." ? Se : gt[1] === "?" ? Ee : gt[1] === "@" ? Le : $t }), i.removeAttribute(p);
|
|
319
319
|
} else p.startsWith(R) && (c.push({ type: 6, index: n }), i.removeAttribute(p));
|
|
320
320
|
if (ce.test(i.tagName)) {
|
|
321
|
-
const p = i.textContent.split(R),
|
|
322
|
-
if (
|
|
321
|
+
const p = i.textContent.split(R), C = p.length - 1;
|
|
322
|
+
if (C > 0) {
|
|
323
323
|
i.textContent = xt ? xt.emptyScript : "";
|
|
324
|
-
for (let P = 0; P <
|
|
325
|
-
i.append(p[
|
|
324
|
+
for (let P = 0; P < C; P++) i.append(p[P], at()), W.nextNode(), c.push({ type: 2, index: ++n });
|
|
325
|
+
i.append(p[C], at());
|
|
326
326
|
}
|
|
327
327
|
}
|
|
328
328
|
} else if (i.nodeType === 8) if (i.data === le) c.push({ type: 2, index: n });
|
|
@@ -393,7 +393,7 @@ class ft {
|
|
|
393
393
|
return this._$AB;
|
|
394
394
|
}
|
|
395
395
|
_$AI(t, e = this) {
|
|
396
|
-
t = tt(this, t, e), lt(t) ? t === d || t == null || t === "" ? (this._$AH !== d && this._$AR(), this._$AH = d) : t !== this._$AH && t !== V && this._(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) :
|
|
396
|
+
t = tt(this, t, e), lt(t) ? t === d || t == null || t === "" ? (this._$AH !== d && this._$AR(), this._$AH = d) : t !== this._$AH && t !== V && this._(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : Ce(t) ? this.k(t) : this._(t);
|
|
397
397
|
}
|
|
398
398
|
O(t) {
|
|
399
399
|
return this._$AA.parentNode.insertBefore(t, this._$AB);
|
|
@@ -751,6 +751,9 @@ const De = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="h
|
|
|
751
751
|
`, ao = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
752
752
|
<path d="M8 0C12.4183 0 16 3.58172 16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0ZM7.16602 6.1084V12H8.84668V6.1084H7.16602ZM8.00684 2.64062C7.45497 2.64062 7.01096 3.09591 7.01074 3.63574C7.01074 4.18774 7.45484 4.63184 8.00684 4.63184C8.55862 4.63159 9.00195 4.18759 9.00195 3.63574C9.00174 3.09606 8.55849 2.64088 8.00684 2.64062Z" fill="#4572A6"/>
|
|
753
753
|
</svg>
|
|
754
|
+
`, lo = `<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
755
|
+
<path d="M16.0003 10.1648C16.0003 13.2904 13.4583 15.8332 10.3336 15.8332H7.00026C6.81617 15.8332 6.66693 15.6839 6.66693 15.4997C6.66693 15.3156 6.81617 15.1663 7.00026 15.1663H10.3336C13.0909 15.1663 15.3336 12.923 15.3336 10.1648C15.3336 7.40663 13.0909 5.16328 10.3336 5.16328H1.13826L3.90226 7.92812C4.0326 8.05831 4.03275 8.26955 3.9026 8.39993C3.77244 8.5303 3.56127 8.53045 3.43093 8.40026L0.0975955 5.06592C-0.0325318 4.93571 -0.0325318 4.72465 0.0975955 4.59444L3.43093 1.2601C3.56172 1.13374 3.76962 1.13555 3.8982 1.26416C4.02678 1.39278 4.02859 1.60075 3.90226 1.73158L1.13826 4.49641H10.3336C13.4583 4.49641 16.0003 7.03918 16.0003 10.1648Z" fill="#001022"/>
|
|
756
|
+
</svg>
|
|
754
757
|
`, J = {
|
|
755
758
|
wishlist: De,
|
|
756
759
|
playerv: He,
|
|
@@ -774,10 +777,11 @@ const De = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="h
|
|
|
774
777
|
checkstroke: to,
|
|
775
778
|
pause: eo,
|
|
776
779
|
mapDualArrow: oo,
|
|
777
|
-
swipeDualArrow: ro
|
|
778
|
-
|
|
779
|
-
strikeDiagonal: io
|
|
780
|
+
swipeDualArrow: ro,
|
|
781
|
+
backtobag: lo
|
|
780
782
|
}, co = {
|
|
783
|
+
strikeDiagonal: io
|
|
784
|
+
}, ho = {
|
|
781
785
|
success: no,
|
|
782
786
|
error: so,
|
|
783
787
|
info: ao
|
|
@@ -833,13 +837,13 @@ class Ot extends Pt {
|
|
|
833
837
|
}
|
|
834
838
|
Ot.directiveName = "unsafeSVG", Ot.resultType = 2;
|
|
835
839
|
const O = Ft(Ot);
|
|
836
|
-
var
|
|
837
|
-
for (var i = r > 1 ? void 0 : r ?
|
|
840
|
+
var po = Object.defineProperty, uo = Object.getOwnPropertyDescriptor, w = (o, t, e, r) => {
|
|
841
|
+
for (var i = r > 1 ? void 0 : r ? uo(t, e) : t, n = o.length - 1, s; n >= 0; n--)
|
|
838
842
|
(s = o[n]) && (i = (r ? s(t, e, i) : s(i)) || i);
|
|
839
|
-
return r && i &&
|
|
843
|
+
return r && i && po(t, e, i), i;
|
|
840
844
|
};
|
|
841
|
-
const
|
|
842
|
-
let b = class extends
|
|
845
|
+
const vo = Tt(v);
|
|
846
|
+
let b = class extends vo {
|
|
843
847
|
constructor() {
|
|
844
848
|
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, this.withbadge = !1;
|
|
845
849
|
}
|
|
@@ -1158,10 +1162,10 @@ w([
|
|
|
1158
1162
|
b = w([
|
|
1159
1163
|
x("o-button")
|
|
1160
1164
|
], b);
|
|
1161
|
-
var
|
|
1162
|
-
for (var i = r > 1 ? void 0 : r ?
|
|
1165
|
+
var fo = Object.defineProperty, bo = Object.getOwnPropertyDescriptor, Ct = (o, t, e, r) => {
|
|
1166
|
+
for (var i = r > 1 ? void 0 : r ? bo(t, e) : t, n = o.length - 1, s; n >= 0; n--)
|
|
1163
1167
|
(s = o[n]) && (i = (r ? s(t, e, i) : s(i)) || i);
|
|
1164
|
-
return r && i &&
|
|
1168
|
+
return r && i && fo(t, e, i), i;
|
|
1165
1169
|
};
|
|
1166
1170
|
let et = class extends v {
|
|
1167
1171
|
constructor() {
|
|
@@ -1270,16 +1274,16 @@ et.styles = g`
|
|
|
1270
1274
|
white-space: nowrap !important;
|
|
1271
1275
|
}
|
|
1272
1276
|
`;
|
|
1273
|
-
|
|
1277
|
+
Ct([
|
|
1274
1278
|
a({ type: String, reflect: !0 })
|
|
1275
1279
|
], et.prototype, "status", 2);
|
|
1276
|
-
|
|
1280
|
+
Ct([
|
|
1277
1281
|
a({ type: String, reflect: !0 })
|
|
1278
1282
|
], et.prototype, "ariaDescribedBy", 2);
|
|
1279
|
-
|
|
1283
|
+
Ct([
|
|
1280
1284
|
a({ type: String, reflect: !0 })
|
|
1281
1285
|
], et.prototype, "label", 2);
|
|
1282
|
-
et =
|
|
1286
|
+
et = Ct([
|
|
1283
1287
|
x("o-wishlist-button")
|
|
1284
1288
|
], et);
|
|
1285
1289
|
/**
|
|
@@ -1287,11 +1291,11 @@ et = _t([
|
|
|
1287
1291
|
* Copyright 2018 Google LLC
|
|
1288
1292
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
1289
1293
|
*/
|
|
1290
|
-
const
|
|
1291
|
-
var
|
|
1292
|
-
for (var i = r > 1 ? void 0 : r ?
|
|
1294
|
+
const _ = (o) => o ?? d;
|
|
1295
|
+
var go = Object.defineProperty, yo = Object.getOwnPropertyDescriptor, D = (o, t, e, r) => {
|
|
1296
|
+
for (var i = r > 1 ? void 0 : r ? yo(t, e) : t, n = o.length - 1, s; n >= 0; n--)
|
|
1293
1297
|
(s = o[n]) && (i = (r ? s(t, e, i) : s(i)) || i);
|
|
1294
|
-
return r && i &&
|
|
1298
|
+
return r && i && go(t, e, i), i;
|
|
1295
1299
|
};
|
|
1296
1300
|
let k = class extends v {
|
|
1297
1301
|
constructor() {
|
|
@@ -1310,7 +1314,7 @@ let k = class extends v {
|
|
|
1310
1314
|
` : l`
|
|
1311
1315
|
<button
|
|
1312
1316
|
type="button"
|
|
1313
|
-
aria-label=${
|
|
1317
|
+
aria-label=${_(i)}
|
|
1314
1318
|
class="icon-button ${this.size} ${this.bgstyle} ${this.status} ${t}"
|
|
1315
1319
|
?disabled="${this.disabled}"
|
|
1316
1320
|
>
|
|
@@ -1563,10 +1567,10 @@ D([
|
|
|
1563
1567
|
k = D([
|
|
1564
1568
|
x("o-icon-button")
|
|
1565
1569
|
], k);
|
|
1566
|
-
var
|
|
1567
|
-
for (var i = r > 1 ? void 0 : r ?
|
|
1570
|
+
var mo = Object.defineProperty, xo = Object.getOwnPropertyDescriptor, Q = (o, t, e, r) => {
|
|
1571
|
+
for (var i = r > 1 ? void 0 : r ? xo(t, e) : t, n = o.length - 1, s; n >= 0; n--)
|
|
1568
1572
|
(s = o[n]) && (i = (r ? s(t, e, i) : s(i)) || i);
|
|
1569
|
-
return r && i &&
|
|
1573
|
+
return r && i && mo(t, e, i), i;
|
|
1570
1574
|
};
|
|
1571
1575
|
let T = class extends v {
|
|
1572
1576
|
constructor() {
|
|
@@ -1580,7 +1584,7 @@ let T = class extends v {
|
|
|
1580
1584
|
return l`
|
|
1581
1585
|
<a
|
|
1582
1586
|
href="${o}"
|
|
1583
|
-
target="${
|
|
1587
|
+
target="${_(this.target || void 0)}"
|
|
1584
1588
|
@click="${this._handleClick}"
|
|
1585
1589
|
>
|
|
1586
1590
|
${this.endIcon && this.reverseEndIcon ? l`
|
|
@@ -1715,10 +1719,10 @@ Q([
|
|
|
1715
1719
|
T = Q([
|
|
1716
1720
|
x("o-link")
|
|
1717
1721
|
], T);
|
|
1718
|
-
var
|
|
1719
|
-
for (var i = r > 1 ? void 0 : r ?
|
|
1722
|
+
var wo = Object.defineProperty, $o = Object.getOwnPropertyDescriptor, _t = (o, t, e, r) => {
|
|
1723
|
+
for (var i = r > 1 ? void 0 : r ? $o(t, e) : t, n = o.length - 1, s; n >= 0; n--)
|
|
1720
1724
|
(s = o[n]) && (i = (r ? s(t, e, i) : s(i)) || i);
|
|
1721
|
-
return r && i &&
|
|
1725
|
+
return r && i && wo(t, e, i), i;
|
|
1722
1726
|
};
|
|
1723
1727
|
let ot = class extends v {
|
|
1724
1728
|
constructor() {
|
|
@@ -1781,16 +1785,16 @@ ot.styles = g`
|
|
|
1781
1785
|
cursor: pointer;
|
|
1782
1786
|
}
|
|
1783
1787
|
`;
|
|
1784
|
-
|
|
1788
|
+
_t([
|
|
1785
1789
|
a({ type: Number })
|
|
1786
1790
|
], ot.prototype, "rating", 2);
|
|
1787
|
-
|
|
1791
|
+
_t([
|
|
1788
1792
|
a({ type: String })
|
|
1789
1793
|
], ot.prototype, "reviewCount", 2);
|
|
1790
|
-
|
|
1794
|
+
_t([
|
|
1791
1795
|
a({ type: String })
|
|
1792
1796
|
], ot.prototype, "href", 2);
|
|
1793
|
-
ot =
|
|
1797
|
+
ot = _t([
|
|
1794
1798
|
x("o-rating")
|
|
1795
1799
|
], ot);
|
|
1796
1800
|
/**
|
|
@@ -1798,7 +1802,7 @@ ot = Ct([
|
|
|
1798
1802
|
* Copyright 2020 Google LLC
|
|
1799
1803
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
1800
1804
|
*/
|
|
1801
|
-
const
|
|
1805
|
+
const Co = (o) => o.strings === void 0;
|
|
1802
1806
|
/**
|
|
1803
1807
|
* @license
|
|
1804
1808
|
* Copyright 2017 Google LLC
|
|
@@ -1821,22 +1825,22 @@ const st = (o, t) => {
|
|
|
1821
1825
|
let e = t._$AN;
|
|
1822
1826
|
if (e === void 0) t._$AN = e = /* @__PURE__ */ new Set();
|
|
1823
1827
|
else if (e.has(o)) break;
|
|
1824
|
-
e.add(o),
|
|
1828
|
+
e.add(o), Ao(t);
|
|
1825
1829
|
}
|
|
1826
1830
|
};
|
|
1827
1831
|
function _o(o) {
|
|
1828
1832
|
this._$AN !== void 0 ? (wt(this), this._$AM = o, de(this)) : this._$AM = o;
|
|
1829
1833
|
}
|
|
1830
|
-
function
|
|
1834
|
+
function ko(o, t = !1, e = 0) {
|
|
1831
1835
|
const r = this._$AH, i = this._$AN;
|
|
1832
1836
|
if (i !== void 0 && i.size !== 0) if (t) if (Array.isArray(r)) for (let n = e; n < r.length; n++) st(r[n], !1), wt(r[n]);
|
|
1833
1837
|
else r != null && (st(r, !1), wt(r));
|
|
1834
1838
|
else st(this, o);
|
|
1835
1839
|
}
|
|
1836
|
-
const
|
|
1837
|
-
o.type == jt.CHILD && (o._$AP ?? (o._$AP =
|
|
1840
|
+
const Ao = (o) => {
|
|
1841
|
+
o.type == jt.CHILD && (o._$AP ?? (o._$AP = ko), o._$AQ ?? (o._$AQ = _o));
|
|
1838
1842
|
};
|
|
1839
|
-
class
|
|
1843
|
+
class So extends Nt {
|
|
1840
1844
|
constructor() {
|
|
1841
1845
|
super(...arguments), this._$AN = void 0;
|
|
1842
1846
|
}
|
|
@@ -1848,7 +1852,7 @@ class Ao extends Nt {
|
|
|
1848
1852
|
t !== this.isConnected && (this.isConnected = t, t ? (r = this.reconnected) == null || r.call(this) : (i = this.disconnected) == null || i.call(this)), e && (st(this, t), wt(this));
|
|
1849
1853
|
}
|
|
1850
1854
|
setValue(t) {
|
|
1851
|
-
if (
|
|
1855
|
+
if (Co(this._$Ct)) this._$Ct._$AI(t, this);
|
|
1852
1856
|
else {
|
|
1853
1857
|
const e = [...this._$Ct._$AH];
|
|
1854
1858
|
e[this._$Ci] = t, this._$Ct._$AI(e, this, 0);
|
|
@@ -1859,7 +1863,7 @@ class Ao extends Nt {
|
|
|
1859
1863
|
reconnected() {
|
|
1860
1864
|
}
|
|
1861
1865
|
}
|
|
1862
|
-
class
|
|
1866
|
+
class Eo extends So {
|
|
1863
1867
|
constructor() {
|
|
1864
1868
|
super(...arguments), this.prevData = {};
|
|
1865
1869
|
}
|
|
@@ -1886,7 +1890,7 @@ class So extends Ao {
|
|
|
1886
1890
|
(!t || !(i in t) && r[i] === e[i]) && (r[i] = void 0);
|
|
1887
1891
|
}
|
|
1888
1892
|
}
|
|
1889
|
-
class
|
|
1893
|
+
class Lo extends Eo {
|
|
1890
1894
|
constructor() {
|
|
1891
1895
|
super(...arguments), this.eventData = {};
|
|
1892
1896
|
}
|
|
@@ -1930,7 +1934,7 @@ class Eo extends So {
|
|
|
1930
1934
|
}
|
|
1931
1935
|
}
|
|
1932
1936
|
}
|
|
1933
|
-
class
|
|
1937
|
+
class Po extends Lo {
|
|
1934
1938
|
apply(t) {
|
|
1935
1939
|
if (!t)
|
|
1936
1940
|
return;
|
|
@@ -1979,11 +1983,11 @@ class Lo extends Eo {
|
|
|
1979
1983
|
}
|
|
1980
1984
|
}
|
|
1981
1985
|
}
|
|
1982
|
-
const re = Ft(
|
|
1983
|
-
var
|
|
1984
|
-
for (var i = r > 1 ? void 0 : r ?
|
|
1986
|
+
const re = Ft(Po);
|
|
1987
|
+
var Oo = Object.defineProperty, Io = Object.getOwnPropertyDescriptor, y = (o, t, e, r) => {
|
|
1988
|
+
for (var i = r > 1 ? void 0 : r ? Io(t, e) : t, n = o.length - 1, s; n >= 0; n--)
|
|
1985
1989
|
(s = o[n]) && (i = (r ? s(t, e, i) : s(i)) || i);
|
|
1986
|
-
return r && i &&
|
|
1990
|
+
return r && i && Oo(t, e, i), i;
|
|
1987
1991
|
};
|
|
1988
1992
|
let u = class extends v {
|
|
1989
1993
|
constructor() {
|
|
@@ -2021,12 +2025,12 @@ let u = class extends v {
|
|
|
2021
2025
|
document.body.style.overflow = "", document.body.removeAttribute("data-side-panel"), this.removeEventListener("keydown", this.handleKeyDown), super.disconnectedCallback(), this.removeEventListener("open-detail", this._onOpenDetail);
|
|
2022
2026
|
}
|
|
2023
2027
|
trapFocus(o) {
|
|
2024
|
-
var i, n, s, h, c, f, m, p,
|
|
2028
|
+
var i, n, s, h, c, f, m, p, C, P;
|
|
2025
2029
|
this.innerFocusedElement = document.activeElement || null, this.innerFocusedElement = ((n = (i = this.innerFocusedElement) == null ? void 0 : i.shadowRoot) == null ? void 0 : n.activeElement) || this.innerFocusedElement;
|
|
2026
2030
|
const t = this.getFocusableElements();
|
|
2027
2031
|
if (t.length === 0) return;
|
|
2028
2032
|
const e = t[0], r = t[t.length - 1];
|
|
2029
|
-
o.shiftKey && this.innerFocusedElement === e ? (o.preventDefault(), r.shadowRoot ? (c = (h = (s = r.shadowRoot) == null ? void 0 : s.querySelector(u.focusablesSelector)) == null ? void 0 : h.focus) == null || c.call(h) : (f = r.focus) == null || f.call(r)) : !o.shiftKey && this.innerFocusedElement === r && (o.preventDefault(), e.shadowRoot ? (
|
|
2033
|
+
o.shiftKey && this.innerFocusedElement === e ? (o.preventDefault(), r.shadowRoot ? (c = (h = (s = r.shadowRoot) == null ? void 0 : s.querySelector(u.focusablesSelector)) == null ? void 0 : h.focus) == null || c.call(h) : (f = r.focus) == null || f.call(r)) : !o.shiftKey && this.innerFocusedElement === r && (o.preventDefault(), e.shadowRoot ? (C = (p = (m = e.shadowRoot) == null ? void 0 : m.querySelector(u.focusablesSelector)) == null ? void 0 : p.focus) == null || C.call(p) : (P = e.focus) == null || P.call(e));
|
|
2030
2034
|
}
|
|
2031
2035
|
getFocusableElements() {
|
|
2032
2036
|
const o = this.renderRoot.querySelector(".panel");
|
|
@@ -2436,10 +2440,10 @@ y([
|
|
|
2436
2440
|
u = y([
|
|
2437
2441
|
x("o-side-panel")
|
|
2438
2442
|
], u);
|
|
2439
|
-
var
|
|
2440
|
-
for (var i = r > 1 ? void 0 : r ?
|
|
2443
|
+
var zo = Object.defineProperty, Bo = Object.getOwnPropertyDescriptor, Z = (o, t, e, r) => {
|
|
2444
|
+
for (var i = r > 1 ? void 0 : r ? Bo(t, e) : t, n = o.length - 1, s; n >= 0; n--)
|
|
2441
2445
|
(s = o[n]) && (i = (r ? s(t, e, i) : s(i)) || i);
|
|
2442
|
-
return r && i &&
|
|
2446
|
+
return r && i && zo(t, e, i), i;
|
|
2443
2447
|
};
|
|
2444
2448
|
let B = class extends v {
|
|
2445
2449
|
constructor() {
|
|
@@ -2648,10 +2652,10 @@ Z([
|
|
|
2648
2652
|
B = Z([
|
|
2649
2653
|
x("thumbnail-navigation")
|
|
2650
2654
|
], B);
|
|
2651
|
-
var
|
|
2652
|
-
for (var i = r > 1 ? void 0 : r ?
|
|
2655
|
+
var Do = Object.defineProperty, Ho = Object.getOwnPropertyDescriptor, Rt = (o, t, e, r) => {
|
|
2656
|
+
for (var i = r > 1 ? void 0 : r ? Ho(t, e) : t, n = o.length - 1, s; n >= 0; n--)
|
|
2653
2657
|
(s = o[n]) && (i = (r ? s(t, e, i) : s(i)) || i);
|
|
2654
|
-
return r && i &&
|
|
2658
|
+
return r && i && Do(t, e, i), i;
|
|
2655
2659
|
};
|
|
2656
2660
|
let ht = class extends v {
|
|
2657
2661
|
constructor() {
|
|
@@ -2730,10 +2734,10 @@ Rt([
|
|
|
2730
2734
|
ht = Rt([
|
|
2731
2735
|
x("o-tag")
|
|
2732
2736
|
], ht);
|
|
2733
|
-
var
|
|
2734
|
-
for (var i = r > 1 ? void 0 : r ?
|
|
2737
|
+
var Mo = Object.defineProperty, To = Object.getOwnPropertyDescriptor, Ut = (o, t, e, r) => {
|
|
2738
|
+
for (var i = r > 1 ? void 0 : r ? To(t, e) : t, n = o.length - 1, s; n >= 0; n--)
|
|
2735
2739
|
(s = o[n]) && (i = (r ? s(t, e, i) : s(i)) || i);
|
|
2736
|
-
return r && i &&
|
|
2740
|
+
return r && i && Mo(t, e, i), i;
|
|
2737
2741
|
};
|
|
2738
2742
|
let dt = class extends v {
|
|
2739
2743
|
constructor() {
|
|
@@ -2850,10 +2854,10 @@ Ut([
|
|
|
2850
2854
|
dt = Ut([
|
|
2851
2855
|
x("o-tooltip")
|
|
2852
2856
|
], dt);
|
|
2853
|
-
var
|
|
2854
|
-
for (var i = r > 1 ? void 0 : r ?
|
|
2857
|
+
var jo = Object.defineProperty, Fo = Object.getOwnPropertyDescriptor, j = (o, t, e, r) => {
|
|
2858
|
+
for (var i = r > 1 ? void 0 : r ? Fo(t, e) : t, n = o.length - 1, s; n >= 0; n--)
|
|
2855
2859
|
(s = o[n]) && (i = (r ? s(t, e, i) : s(i)) || i);
|
|
2856
|
-
return r && i &&
|
|
2860
|
+
return r && i && jo(t, e, i), i;
|
|
2857
2861
|
};
|
|
2858
2862
|
let I = class extends v {
|
|
2859
2863
|
constructor() {
|
|
@@ -3145,8 +3149,8 @@ j([
|
|
|
3145
3149
|
I = j([
|
|
3146
3150
|
x("o-dropdown")
|
|
3147
3151
|
], I);
|
|
3148
|
-
var
|
|
3149
|
-
for (var i = r > 1 ? void 0 : r ?
|
|
3152
|
+
var No = Object.getOwnPropertyDescriptor, Ro = (o, t, e, r) => {
|
|
3153
|
+
for (var i = r > 1 ? void 0 : r ? No(t, e) : t, n = o.length - 1, s; n >= 0; n--)
|
|
3150
3154
|
(s = o[n]) && (i = s(i) || i);
|
|
3151
3155
|
return i;
|
|
3152
3156
|
};
|
|
@@ -3207,13 +3211,13 @@ It.styles = g`
|
|
|
3207
3211
|
}
|
|
3208
3212
|
}
|
|
3209
3213
|
`;
|
|
3210
|
-
It =
|
|
3214
|
+
It = Ro([
|
|
3211
3215
|
x("o-dots")
|
|
3212
3216
|
], It);
|
|
3213
|
-
var
|
|
3214
|
-
for (var i = r > 1 ? void 0 : r ?
|
|
3217
|
+
var Uo = Object.defineProperty, Vo = Object.getOwnPropertyDescriptor, H = (o, t, e, r) => {
|
|
3218
|
+
for (var i = r > 1 ? void 0 : r ? Vo(t, e) : t, n = o.length - 1, s; n >= 0; n--)
|
|
3215
3219
|
(s = o[n]) && (i = (r ? s(t, e, i) : s(i)) || i);
|
|
3216
|
-
return r && i &&
|
|
3220
|
+
return r && i && Uo(t, e, i), i;
|
|
3217
3221
|
};
|
|
3218
3222
|
let A = class extends v {
|
|
3219
3223
|
constructor() {
|
|
@@ -3299,7 +3303,7 @@ let A = class extends v {
|
|
|
3299
3303
|
?disabled=${this.disabled}
|
|
3300
3304
|
class="btn-dropdown"
|
|
3301
3305
|
>
|
|
3302
|
-
<img alt="${
|
|
3306
|
+
<img alt="${_(t == null ? void 0 : t.label)}" src="${_(t == null ? void 0 : t.imgurl)}" />
|
|
3303
3307
|
<span id="dropdown-label" class="label">
|
|
3304
3308
|
${t ? t.label : "Select an option"}
|
|
3305
3309
|
</span>
|
|
@@ -3334,11 +3338,11 @@ let A = class extends v {
|
|
|
3334
3338
|
class="${r === this.activeIndex ? "active" : ""} ${e.disabled ? "disabled" : ""}"
|
|
3335
3339
|
@click=${() => this.selectOption(e)}
|
|
3336
3340
|
>
|
|
3337
|
-
<a href="${
|
|
3338
|
-
<img alt="${
|
|
3341
|
+
<a href="${_(e.url)}">
|
|
3342
|
+
<img alt="${_(e.label)}" src="${_(e.imgurl)}" />
|
|
3339
3343
|
<span class="label">${e.label}</span>
|
|
3340
3344
|
<div class="right">
|
|
3341
|
-
<span class="additional-text">${
|
|
3345
|
+
<span class="additional-text">${_(e.additionaltext)}</span>
|
|
3342
3346
|
${e.value === this.value && !e.additionaltext ? l`
|
|
3343
3347
|
<span class="check">${O(o)}</span>` : null}
|
|
3344
3348
|
</div>
|
|
@@ -3563,7 +3567,7 @@ A = H([
|
|
|
3563
3567
|
* Copyright 2018 Google LLC
|
|
3564
3568
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
3565
3569
|
*/
|
|
3566
|
-
const pe = "important",
|
|
3570
|
+
const pe = "important", Zo = " !" + pe, qo = Ft(class extends Nt {
|
|
3567
3571
|
constructor(o) {
|
|
3568
3572
|
var t;
|
|
3569
3573
|
if (super(o), o.type !== jt.ATTRIBUTE || o.name !== "style" || ((t = o.strings) == null ? void 0 : t.length) > 2) throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.");
|
|
@@ -3582,17 +3586,17 @@ const pe = "important", Vo = " !" + pe, Zo = Ft(class extends Nt {
|
|
|
3582
3586
|
const i = t[r];
|
|
3583
3587
|
if (i != null) {
|
|
3584
3588
|
this.ft.add(r);
|
|
3585
|
-
const n = typeof i == "string" && i.endsWith(
|
|
3589
|
+
const n = typeof i == "string" && i.endsWith(Zo);
|
|
3586
3590
|
r.includes("-") || n ? e.setProperty(r, n ? i.slice(0, -11) : i, n ? pe : "") : e[r] = i;
|
|
3587
3591
|
}
|
|
3588
3592
|
}
|
|
3589
3593
|
return V;
|
|
3590
3594
|
}
|
|
3591
3595
|
});
|
|
3592
|
-
var
|
|
3593
|
-
for (var i = r > 1 ? void 0 : r ?
|
|
3596
|
+
var Wo = Object.defineProperty, Ko = Object.getOwnPropertyDescriptor, Vt = (o, t, e, r) => {
|
|
3597
|
+
for (var i = r > 1 ? void 0 : r ? Ko(t, e) : t, n = o.length - 1, s; n >= 0; n--)
|
|
3594
3598
|
(s = o[n]) && (i = (r ? s(t, e, i) : s(i)) || i);
|
|
3595
|
-
return r && i &&
|
|
3599
|
+
return r && i && Wo(t, e, i), i;
|
|
3596
3600
|
};
|
|
3597
3601
|
let pt = class extends v {
|
|
3598
3602
|
constructor() {
|
|
@@ -3603,13 +3607,13 @@ let pt = class extends v {
|
|
|
3603
3607
|
width: `${this.imageSize}px`,
|
|
3604
3608
|
height: `${this.imageSize}px`
|
|
3605
3609
|
}, e = l`
|
|
3606
|
-
${this.option.imgurl ? l`<img src="${this.option.imgurl}" alt="${
|
|
3610
|
+
${this.option.imgurl ? l`<img src="${this.option.imgurl}" alt="${_(this.option.title)}" aria-hidden="true" style=${qo(t)} />` : ""}
|
|
3607
3611
|
<div class="m-reassurance-content">
|
|
3608
|
-
<h3 class="a-reassurance-text">${
|
|
3609
|
-
<p class="a-reassurance-description">${
|
|
3612
|
+
<h3 class="a-reassurance-text">${_(this.option.title)}</h3>
|
|
3613
|
+
<p class="a-reassurance-description">${_(this.option.description)}</p>
|
|
3610
3614
|
</div>
|
|
3611
3615
|
`;
|
|
3612
|
-
return o ? l`<a href="${
|
|
3616
|
+
return o ? l`<a href="${_(this.option.url)}" class="reassurance-item clickable">${e}</a>` : l`<div class="reassurance-item">${e}</div>`;
|
|
3613
3617
|
}
|
|
3614
3618
|
};
|
|
3615
3619
|
pt.styles = g`
|
|
@@ -3703,13 +3707,13 @@ Vt([
|
|
|
3703
3707
|
pt = Vt([
|
|
3704
3708
|
x("o-reassurance")
|
|
3705
3709
|
], pt);
|
|
3706
|
-
var
|
|
3707
|
-
for (var i = r > 1 ? void 0 : r ?
|
|
3710
|
+
var Go = Object.defineProperty, Xo = Object.getOwnPropertyDescriptor, F = (o, t, e, r) => {
|
|
3711
|
+
for (var i = r > 1 ? void 0 : r ? Xo(t, e) : t, n = o.length - 1, s; n >= 0; n--)
|
|
3708
3712
|
(s = o[n]) && (i = (r ? s(t, e, i) : s(i)) || i);
|
|
3709
|
-
return r && i &&
|
|
3713
|
+
return r && i && Go(t, e, i), i;
|
|
3710
3714
|
};
|
|
3711
|
-
const
|
|
3712
|
-
let S = class extends
|
|
3715
|
+
const Jo = Tt(v);
|
|
3716
|
+
let S = class extends Jo {
|
|
3713
3717
|
constructor() {
|
|
3714
3718
|
super(...arguments), this.link = "", this.name = "", this.value = "", this.text = "", this.size = "standard", this.selected = !1, this.fullwidth = !1, this.inactive = !1;
|
|
3715
3719
|
}
|
|
@@ -3849,10 +3853,10 @@ F([
|
|
|
3849
3853
|
S = F([
|
|
3850
3854
|
x("o-chip")
|
|
3851
3855
|
], S);
|
|
3852
|
-
var
|
|
3853
|
-
for (var i = r > 1 ? void 0 : r ?
|
|
3856
|
+
var Qo = Object.defineProperty, Yo = Object.getOwnPropertyDescriptor, Zt = (o, t, e, r) => {
|
|
3857
|
+
for (var i = r > 1 ? void 0 : r ? Yo(t, e) : t, n = o.length - 1, s; n >= 0; n--)
|
|
3854
3858
|
(s = o[n]) && (i = (r ? s(t, e, i) : s(i)) || i);
|
|
3855
|
-
return r && i &&
|
|
3859
|
+
return r && i && Qo(t, e, i), i;
|
|
3856
3860
|
};
|
|
3857
3861
|
let ut = class extends v {
|
|
3858
3862
|
constructor() {
|
|
@@ -3887,13 +3891,13 @@ Zt([
|
|
|
3887
3891
|
ut = Zt([
|
|
3888
3892
|
x("o-chipset")
|
|
3889
3893
|
], ut);
|
|
3890
|
-
var
|
|
3891
|
-
for (var i = r > 1 ? void 0 : r ?
|
|
3894
|
+
var ti = Object.defineProperty, ei = Object.getOwnPropertyDescriptor, M = (o, t, e, r) => {
|
|
3895
|
+
for (var i = r > 1 ? void 0 : r ? ei(t, e) : t, n = o.length - 1, s; n >= 0; n--)
|
|
3892
3896
|
(s = o[n]) && (i = (r ? s(t, e, i) : s(i)) || i);
|
|
3893
|
-
return r && i &&
|
|
3897
|
+
return r && i && ti(t, e, i), i;
|
|
3894
3898
|
};
|
|
3895
|
-
const
|
|
3896
|
-
let E = class extends
|
|
3899
|
+
const oi = Tt(v);
|
|
3900
|
+
let E = class extends oi {
|
|
3897
3901
|
constructor() {
|
|
3898
3902
|
super(...arguments), this.name = "", this.value = "", this.type = "", this.text = "", this.selected = !1, this.disabled = !1, this.fullwidth = !1, this.crossIconName = "cross", this.strikethroughImgName = "strikeDiagonal";
|
|
3899
3903
|
}
|
|
@@ -3912,7 +3916,7 @@ let E = class extends ei {
|
|
|
3912
3916
|
return l`<span class="cross-icon">${O(o)}</span>`;
|
|
3913
3917
|
}
|
|
3914
3918
|
strikeThroughImg() {
|
|
3915
|
-
const o =
|
|
3919
|
+
const o = co[this.strikethroughImgName].replace(
|
|
3916
3920
|
"<svg",
|
|
3917
3921
|
'<svg aria-hidden="true" focusable="false" part="strikethrough"'
|
|
3918
3922
|
).replace(/stroke=[#"'a-z1-9]*/gi, "");
|
|
@@ -4099,10 +4103,10 @@ M([
|
|
|
4099
4103
|
E = M([
|
|
4100
4104
|
x("o-filter-chip")
|
|
4101
4105
|
], E);
|
|
4102
|
-
var
|
|
4106
|
+
var ii = Object.defineProperty, N = (o, t, e, r) => {
|
|
4103
4107
|
for (var i = void 0, n = o.length - 1, s; n >= 0; n--)
|
|
4104
4108
|
(s = o[n]) && (i = s(t, e, i) || i);
|
|
4105
|
-
return i &&
|
|
4109
|
+
return i && ii(t, e, i), i;
|
|
4106
4110
|
};
|
|
4107
4111
|
const Wt = class Wt extends v {
|
|
4108
4112
|
constructor() {
|
|
@@ -4267,10 +4271,10 @@ N([
|
|
|
4267
4271
|
a({ type: Function })
|
|
4268
4272
|
], L.prototype, "onClickTile");
|
|
4269
4273
|
customElements.define("mini-tile", L);
|
|
4270
|
-
var
|
|
4271
|
-
for (var i = r > 1 ? void 0 : r ?
|
|
4274
|
+
var ri = Object.defineProperty, ni = Object.getOwnPropertyDescriptor, qt = (o, t, e, r) => {
|
|
4275
|
+
for (var i = r > 1 ? void 0 : r ? ni(t, e) : t, n = o.length - 1, s; n >= 0; n--)
|
|
4272
4276
|
(s = o[n]) && (i = (r ? s(t, e, i) : s(i)) || i);
|
|
4273
|
-
return r && i &&
|
|
4277
|
+
return r && i && ri(t, e, i), i;
|
|
4274
4278
|
};
|
|
4275
4279
|
let vt = class extends v {
|
|
4276
4280
|
constructor() {
|
|
@@ -4328,10 +4332,10 @@ qt([
|
|
|
4328
4332
|
vt = qt([
|
|
4329
4333
|
x("o-badge")
|
|
4330
4334
|
], vt);
|
|
4331
|
-
var
|
|
4332
|
-
for (var i = r > 1 ? void 0 : r ?
|
|
4335
|
+
var si = Object.defineProperty, ai = Object.getOwnPropertyDescriptor, z = (o, t, e, r) => {
|
|
4336
|
+
for (var i = r > 1 ? void 0 : r ? ai(t, e) : t, n = o.length - 1, s; n >= 0; n--)
|
|
4333
4337
|
(s = o[n]) && (i = (r ? s(t, e, i) : s(i)) || i);
|
|
4334
|
-
return r && i &&
|
|
4338
|
+
return r && i && si(t, e, i), i;
|
|
4335
4339
|
};
|
|
4336
4340
|
let $ = class extends v {
|
|
4337
4341
|
constructor() {
|
|
@@ -4373,7 +4377,7 @@ let $ = class extends v {
|
|
|
4373
4377
|
});
|
|
4374
4378
|
}
|
|
4375
4379
|
render() {
|
|
4376
|
-
const t =
|
|
4380
|
+
const t = ho[this.icon].replace("<svg", '<svg aria-hidden="true" focusable="false" part="svg"').replace(/<path\b/g, '<path part="icon-path"').replace(/<g\b/g, '<g part="icon-group"').replace(/<circle\b/g, '<circle part="icon-circle"');
|
|
4377
4381
|
return l`
|
|
4378
4382
|
<div class="o-toast">
|
|
4379
4383
|
<div class="o-toast-icon">
|
|
@@ -4425,19 +4429,19 @@ $.styles = g`
|
|
|
4425
4429
|
}
|
|
4426
4430
|
|
|
4427
4431
|
:host([animated][animationaxis="horizontal"][horizontalanchor="right"]) {
|
|
4428
|
-
right: -
|
|
4432
|
+
right: -100%;
|
|
4429
4433
|
}
|
|
4430
4434
|
|
|
4431
4435
|
:host([animated][animationaxis="horizontal"][horizontalanchor="left"]) {
|
|
4432
|
-
left: -
|
|
4436
|
+
left: -100%;
|
|
4433
4437
|
}
|
|
4434
4438
|
|
|
4435
4439
|
:host([animated][animationaxis="vertical"][verticalanchor="top"]) {
|
|
4436
|
-
top: -
|
|
4440
|
+
top: -100%;
|
|
4437
4441
|
}
|
|
4438
4442
|
|
|
4439
4443
|
:host([animated][animationaxis="vertical"][verticalanchor="bottom"]) {
|
|
4440
|
-
bottom: -
|
|
4444
|
+
bottom: -100%;
|
|
4441
4445
|
}
|
|
4442
4446
|
|
|
4443
4447
|
.o-toast {
|
|
@@ -4454,6 +4458,8 @@ $.styles = g`
|
|
|
4454
4458
|
color: var(--color-content-body);
|
|
4455
4459
|
padding: 0 8px;
|
|
4456
4460
|
width: max-content;
|
|
4461
|
+
text-align: center;
|
|
4462
|
+
max-width: 70vw;
|
|
4457
4463
|
}
|
|
4458
4464
|
|
|
4459
4465
|
.o-toast-icon {
|