@florid-kit/components 0.8.51 → 0.8.52
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/badge.d.ts +16 -0
- package/index.js +119 -82
- package/index.mjs +353 -293
- package/package.json +1 -1
package/index.js
CHANGED
|
@@ -2,21 +2,21 @@
|
|
|
2
2
|
* @license
|
|
3
3
|
* Copyright 2019 Google LLC
|
|
4
4
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
5
|
-
*/const
|
|
5
|
+
*/const bt=globalThis,It=bt.ShadowRoot&&(bt.ShadyCSS===void 0||bt.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,Ot=Symbol(),Zt=new WeakMap;let ne=class{constructor(t,e,n){if(this._$cssResult$=!0,n!==Ot)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=e}get styleSheet(){let t=this.o;const e=this.t;if(It&&t===void 0){const n=e!==void 0&&e.length===1;n&&(t=Zt.get(e)),t===void 0&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),n&&Zt.set(e,t))}return t}toString(){return this.cssText}};const de=o=>new ne(typeof o=="string"?o:o+"",void 0,Ot),y=(o,...t)=>{const e=o.length===1?o[0]:t.reduce((n,i,r)=>n+(s=>{if(s._$cssResult$===!0)return s.cssText;if(typeof s=="number")return s;throw Error("Value passed to 'css' function must be a 'css' function result: "+s+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(i)+o[r+1],o[0]);return new ne(e,o,Ot)},pe=(o,t)=>{if(It)o.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(const e of t){const n=document.createElement("style"),i=bt.litNonce;i!==void 0&&n.setAttribute("nonce",i),n.textContent=e.cssText,o.appendChild(n)}},Wt=It?o=>o:o=>o instanceof CSSStyleSheet?(t=>{let e="";for(const n of t.cssRules)e+=n.cssText;return de(e)})(o):o;/**
|
|
6
6
|
* @license
|
|
7
7
|
* Copyright 2017 Google LLC
|
|
8
8
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
9
|
-
*/const{is:
|
|
9
|
+
*/const{is:ue,defineProperty:ve,getOwnPropertyDescriptor:fe,getOwnPropertyNames:be,getOwnPropertySymbols:ge,getPrototypeOf:ye}=Object,R=globalThis,Kt=R.trustedTypes,me=Kt?Kt.emptyScript:"",_t=R.reactiveElementPolyfillSupport,ot=(o,t)=>o,gt={toAttribute(o,t){switch(t){case Boolean:o=o?me:null;break;case Object:case Array:o=o==null?o:JSON.stringify(o)}return o},fromAttribute(o,t){let e=o;switch(t){case Boolean:e=o!==null;break;case Number:e=o===null?null:Number(o);break;case Object:case Array:try{e=JSON.parse(o)}catch{e=null}}return e}},Bt=(o,t)=>!ue(o,t),Gt={attribute:!0,type:String,converter:gt,reflect:!1,useDefault:!1,hasChanged:Bt};Symbol.metadata??(Symbol.metadata=Symbol("metadata")),R.litPropertyMetadata??(R.litPropertyMetadata=new WeakMap);let J=class extends HTMLElement{static addInitializer(t){this._$Ei(),(this.l??(this.l=[])).push(t)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(t,e=Gt){if(e.state&&(e.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(t)&&((e=Object.create(e)).wrapped=!0),this.elementProperties.set(t,e),!e.noAccessor){const n=Symbol(),i=this.getPropertyDescriptor(t,n,e);i!==void 0&&ve(this.prototype,t,i)}}static getPropertyDescriptor(t,e,n){const{get:i,set:r}=fe(this.prototype,t)??{get(){return this[e]},set(s){this[e]=s}};return{get:i,set(s){const h=i==null?void 0:i.call(this);r==null||r.call(this,s),this.requestUpdate(t,h,n)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??Gt}static _$Ei(){if(this.hasOwnProperty(ot("elementProperties")))return;const t=ye(this);t.finalize(),t.l!==void 0&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(ot("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(ot("properties"))){const e=this.properties,n=[...be(e),...ge(e)];for(const i of n)this.createProperty(i,e[i])}const t=this[Symbol.metadata];if(t!==null){const e=litPropertyMetadata.get(t);if(e!==void 0)for(const[n,i]of e)this.elementProperties.set(n,i)}this._$Eh=new Map;for(const[e,n]of this.elementProperties){const i=this._$Eu(e,n);i!==void 0&&this._$Eh.set(i,e)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(t){const e=[];if(Array.isArray(t)){const n=new Set(t.flat(1/0).reverse());for(const i of n)e.unshift(Wt(i))}else t!==void 0&&e.push(Wt(t));return e}static _$Eu(t,e){const n=e.attribute;return n===!1?void 0:typeof n=="string"?n:typeof t=="string"?t.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){var t;this._$ES=new Promise(e=>this.enableUpdating=e),this._$AL=new Map,this._$E_(),this.requestUpdate(),(t=this.constructor.l)==null||t.forEach(e=>e(this))}addController(t){var e;(this._$EO??(this._$EO=new Set)).add(t),this.renderRoot!==void 0&&this.isConnected&&((e=t.hostConnected)==null||e.call(t))}removeController(t){var e;(e=this._$EO)==null||e.delete(t)}_$E_(){const t=new Map,e=this.constructor.elementProperties;for(const n of e.keys())this.hasOwnProperty(n)&&(t.set(n,this[n]),delete this[n]);t.size>0&&(this._$Ep=t)}createRenderRoot(){const t=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return pe(t,this.constructor.elementStyles),t}connectedCallback(){var t;this.renderRoot??(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),(t=this._$EO)==null||t.forEach(e=>{var n;return(n=e.hostConnected)==null?void 0:n.call(e)})}enableUpdating(t){}disconnectedCallback(){var t;(t=this._$EO)==null||t.forEach(e=>{var n;return(n=e.hostDisconnected)==null?void 0:n.call(e)})}attributeChangedCallback(t,e,n){this._$AK(t,n)}_$ET(t,e){var r;const n=this.constructor.elementProperties.get(t),i=this.constructor._$Eu(t,n);if(i!==void 0&&n.reflect===!0){const s=(((r=n.converter)==null?void 0:r.toAttribute)!==void 0?n.converter:gt).toAttribute(e,n.type);this._$Em=t,s==null?this.removeAttribute(i):this.setAttribute(i,s),this._$Em=null}}_$AK(t,e){var r,s;const n=this.constructor,i=n._$Eh.get(t);if(i!==void 0&&this._$Em!==i){const h=n.getPropertyOptions(i),c=typeof h.converter=="function"?{fromAttribute:h.converter}:((r=h.converter)==null?void 0:r.fromAttribute)!==void 0?h.converter:gt;this._$Em=i,this[i]=c.fromAttribute(e,h.type)??((s=this._$Ej)==null?void 0:s.get(i))??null,this._$Em=null}}requestUpdate(t,e,n){var i;if(t!==void 0){const r=this.constructor,s=this[t];if(n??(n=r.getPropertyOptions(t)),!((n.hasChanged??Bt)(s,e)||n.useDefault&&n.reflect&&s===((i=this._$Ej)==null?void 0:i.get(t))&&!this.hasAttribute(r._$Eu(t,n))))return;this.C(t,e,n)}this.isUpdatePending===!1&&(this._$ES=this._$EP())}C(t,e,{useDefault:n,reflect:i,wrapped:r},s){n&&!(this._$Ej??(this._$Ej=new Map)).has(t)&&(this._$Ej.set(t,s??e??this[t]),r!==!0||s!==void 0)||(this._$AL.has(t)||(this.hasUpdated||n||(e=void 0),this._$AL.set(t,e)),i===!0&&this._$Em!==t&&(this._$Eq??(this._$Eq=new Set)).add(t))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(e){Promise.reject(e)}const t=this.scheduleUpdate();return t!=null&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){var n;if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??(this.renderRoot=this.createRenderRoot()),this._$Ep){for(const[r,s]of this._$Ep)this[r]=s;this._$Ep=void 0}const i=this.constructor.elementProperties;if(i.size>0)for(const[r,s]of i){const{wrapped:h}=s,c=this[r];h!==!0||this._$AL.has(r)||c===void 0||this.C(r,void 0,s,c)}}let t=!1;const e=this._$AL;try{t=this.shouldUpdate(e),t?(this.willUpdate(e),(n=this._$EO)==null||n.forEach(i=>{var r;return(r=i.hostUpdate)==null?void 0:r.call(i)}),this.update(e)):this._$EM()}catch(i){throw t=!1,this._$EM(),i}t&&this._$AE(e)}willUpdate(t){}_$AE(t){var e;(e=this._$EO)==null||e.forEach(n=>{var i;return(i=n.hostUpdated)==null?void 0:i.call(n)}),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(t){return!0}update(t){this._$Eq&&(this._$Eq=this._$Eq.forEach(e=>this._$ET(e,this[e]))),this._$EM()}updated(t){}firstUpdated(t){}};J.elementStyles=[],J.shadowRootOptions={mode:"open"},J[ot("elementProperties")]=new Map,J[ot("finalized")]=new Map,_t==null||_t({ReactiveElement:J}),(R.reactiveElementVersions??(R.reactiveElementVersions=[])).push("2.1.0");/**
|
|
10
10
|
* @license
|
|
11
11
|
* Copyright 2017 Google LLC
|
|
12
12
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
13
|
-
*/const it=globalThis,
|
|
14
|
-
\f\r]`,et=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,
|
|
15
|
-
\f\r"'\`<>=]|("|')|))|$)`,"g"),
|
|
13
|
+
*/const it=globalThis,yt=it.trustedTypes,Xt=yt?yt.createPolicy("lit-html",{createHTML:o=>o}):void 0,re="$lit$",F=`lit$${Math.random().toFixed(9).slice(2)}$`,se="?"+F,we=`<${se}>`,W=document,rt=()=>W.createComment(""),st=o=>o===null||typeof o!="object"&&typeof o!="function",zt=Array.isArray,xe=o=>zt(o)||typeof(o==null?void 0:o[Symbol.iterator])=="function",Ct=`[
|
|
14
|
+
\f\r]`,et=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,Jt=/-->/g,Qt=/>/g,V=RegExp(`>|${Ct}(?:([^\\s"'>=/]+)(${Ct}*=${Ct}*(?:[^
|
|
15
|
+
\f\r"'\`<>=]|("|')|))|$)`,"g"),Yt=/'/g,te=/"/g,ae=/^(?:script|style|textarea|title)$/i,$e=o=>(t,...e)=>({_$litType$:o,strings:t,values:e}),l=$e(1),U=Symbol.for("lit-noChange"),d=Symbol.for("lit-nothing"),ee=new WeakMap,q=W.createTreeWalker(W,129);function le(o,t){if(!zt(o)||!o.hasOwnProperty("raw"))throw Error("invalid template strings array");return Xt!==void 0?Xt.createHTML(t):t}const _e=(o,t)=>{const e=o.length-1,n=[];let i,r=t===2?"<svg>":t===3?"<math>":"",s=et;for(let h=0;h<e;h++){const c=o[h];let f,m,p=-1,$=0;for(;$<c.length&&(s.lastIndex=$,m=s.exec(c),m!==null);)$=s.lastIndex,s===et?m[1]==="!--"?s=Jt:m[1]!==void 0?s=Qt:m[2]!==void 0?(ae.test(m[2])&&(i=RegExp("</"+m[2],"g")),s=V):m[3]!==void 0&&(s=V):s===V?m[0]===">"?(s=i??et,p=-1):m[1]===void 0?p=-2:(p=s.lastIndex-m[2].length,f=m[1],s=m[3]===void 0?V:m[3]==='"'?te:Yt):s===te||s===Yt?s=V:s===Jt||s===Qt?s=et:(s=V,i=void 0);const S=s===V&&o[h+1].startsWith("/>")?" ":"";r+=s===et?c+we:p>=0?(n.push(f),c.slice(0,p)+re+c.slice(p)+F+S):c+F+(p===-2?h:S)}return[le(o,r+(o[e]||"<?>")+(t===2?"</svg>":t===3?"</math>":"")),n]};class at{constructor({strings:t,_$litType$:e},n){let i;this.parts=[];let r=0,s=0;const h=t.length-1,c=this.parts,[f,m]=_e(t,e);if(this.el=at.createElement(f,n),q.currentNode=this.el.content,e===2||e===3){const p=this.el.content.firstChild;p.replaceWith(...p.childNodes)}for(;(i=q.nextNode())!==null&&c.length<h;){if(i.nodeType===1){if(i.hasAttributes())for(const p of i.getAttributeNames())if(p.endsWith(re)){const $=m[s++],S=i.getAttribute(p).split(F),ft=/([.?@])?(.*)/.exec($);c.push({type:1,index:r,name:ft[2],strings:S,ctor:ft[1]==="."?ke:ft[1]==="?"?Ae:ft[1]==="@"?Ee:wt}),i.removeAttribute(p)}else p.startsWith(F)&&(c.push({type:6,index:r}),i.removeAttribute(p));if(ae.test(i.tagName)){const p=i.textContent.split(F),$=p.length-1;if($>0){i.textContent=yt?yt.emptyScript:"";for(let S=0;S<$;S++)i.append(p[S],rt()),q.nextNode(),c.push({type:2,index:++r});i.append(p[$],rt())}}}else if(i.nodeType===8)if(i.data===se)c.push({type:2,index:r});else{let p=-1;for(;(p=i.data.indexOf(F,p+1))!==-1;)c.push({type:7,index:r}),p+=F.length-1}r++}}static createElement(t,e){const n=W.createElement("template");return n.innerHTML=t,n}}function Q(o,t,e=o,n){var s,h;if(t===U)return t;let i=n!==void 0?(s=e._$Co)==null?void 0:s[n]:e._$Cl;const r=st(t)?void 0:t._$litDirective$;return(i==null?void 0:i.constructor)!==r&&((h=i==null?void 0:i._$AO)==null||h.call(i,!1),r===void 0?i=void 0:(i=new r(o),i._$AT(o,e,n)),n!==void 0?(e._$Co??(e._$Co=[]))[n]=i:e._$Cl=i),i!==void 0&&(t=Q(o,i._$AS(o,t.values),i,n)),t}class Ce{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:n}=this._$AD,i=((t==null?void 0:t.creationScope)??W).importNode(e,!0);q.currentNode=i;let r=q.nextNode(),s=0,h=0,c=n[0];for(;c!==void 0;){if(s===c.index){let f;c.type===2?f=new ut(r,r.nextSibling,this,t):c.type===1?f=new c.ctor(r,c.name,c.strings,this,t):c.type===6&&(f=new Se(r,this,t)),this._$AV.push(f),c=n[++h]}s!==(c==null?void 0:c.index)&&(r=q.nextNode(),s++)}return q.currentNode=W,i}p(t){let e=0;for(const n of this._$AV)n!==void 0&&(n.strings!==void 0?(n._$AI(t,n,e),e+=n.strings.length-2):n._$AI(t[e])),e++}}class ut{get _$AU(){var t;return((t=this._$AM)==null?void 0:t._$AU)??this._$Cv}constructor(t,e,n,i){this.type=2,this._$AH=d,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=n,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=Q(this,t,e),st(t)?t===d||t==null||t===""?(this._$AH!==d&&this._$AR(),this._$AH=d):t!==this._$AH&&t!==U&&this._(t):t._$litType$!==void 0?this.$(t):t.nodeType!==void 0?this.T(t):xe(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&&st(this._$AH)?this._$AA.nextSibling.data=t:this.T(W.createTextNode(t)),this._$AH=t}$(t){var r;const{values:e,_$litType$:n}=t,i=typeof n=="number"?this._$AC(t):(n.el===void 0&&(n.el=at.createElement(le(n.h,n.h[0]),this.options)),n);if(((r=this._$AH)==null?void 0:r._$AD)===i)this._$AH.p(e);else{const s=new Ce(i,this),h=s.u(this.options);s.p(e),this.T(h),this._$AH=s}}_$AC(t){let e=ee.get(t.strings);return e===void 0&&ee.set(t.strings,e=new at(t)),e}k(t){zt(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let n,i=0;for(const r of t)i===e.length?e.push(n=new ut(this.O(rt()),this.O(rt()),this,this.options)):n=e[i],n._$AI(r),i++;i<e.length&&(this._$AR(n&&n._$AB.nextSibling,i),e.length=i)}_$AR(t=this._$AA.nextSibling,e){var n;for((n=this._$AP)==null?void 0:n.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 wt{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,e,n,i,r){this.type=1,this._$AH=d,this._$AN=void 0,this.element=t,this.name=e,this._$AM=i,this.options=r,n.length>2||n[0]!==""||n[1]!==""?(this._$AH=Array(n.length-1).fill(new String),this.strings=n):this._$AH=d}_$AI(t,e=this,n,i){const r=this.strings;let s=!1;if(r===void 0)t=Q(this,t,e,0),s=!st(t)||t!==this._$AH&&t!==U,s&&(this._$AH=t);else{const h=t;let c,f;for(t=r[0],c=0;c<r.length-1;c++)f=Q(this,h[n+c],e,c),f===U&&(f=this._$AH[c]),s||(s=!st(f)||f!==this._$AH[c]),f===d?t=d:t!==d&&(t+=(f??"")+r[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 ke extends wt{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===d?void 0:t}}class Ae extends wt{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==d)}}class Ee extends wt{constructor(t,e,n,i,r){super(t,e,n,i,r),this.type=5}_$AI(t,e=this){if((t=Q(this,t,e,0)??d)===U)return;const n=this._$AH,i=t===d&&n!==d||t.capture!==n.capture||t.once!==n.once||t.passive!==n.passive,r=t!==d&&(n===d||i);i&&this.element.removeEventListener(this.name,this,n),r&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){var e;typeof this._$AH=="function"?this._$AH.call(((e=this.options)==null?void 0:e.host)??this.element,t):this._$AH.handleEvent(t)}}class Se{constructor(t,e,n){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=n}get _$AU(){return this._$AM._$AU}_$AI(t){Q(this,t)}}const kt=it.litHtmlPolyfillSupport;kt==null||kt(at,ut),(it.litHtmlVersions??(it.litHtmlVersions=[])).push("3.3.0");const Le=(o,t,e)=>{const n=(e==null?void 0:e.renderBefore)??t;let i=n._$litPart$;if(i===void 0){const r=(e==null?void 0:e.renderBefore)??null;n._$litPart$=i=new ut(t.insertBefore(rt(),r),r,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 Z=globalThis;let
|
|
19
|
+
*/const Z=globalThis;let v=class extends J{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=Le(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 U}};var ie;v._$litElement$=!0,v.finalized=!0,(ie=Z.litElementHydrateSupport)==null||ie.call(Z,{LitElement:v});const At=Z.litElementPolyfillSupport;At==null||At({LitElement:v});(Z.litElementVersions??(Z.litElementVersions=[])).push("4.2.0");/**
|
|
20
20
|
* @license
|
|
21
21
|
* Copyright 2017 Google LLC
|
|
22
22
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
@@ -24,14 +24,14 @@
|
|
|
24
24
|
* @license
|
|
25
25
|
* Copyright 2017 Google LLC
|
|
26
26
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
27
|
-
*/const
|
|
27
|
+
*/const Pe={attribute:!0,type:String,converter:gt,reflect:!1,hasChanged:Bt},Ie=(o=Pe,t,e)=>{const{kind:n,metadata:i}=e;let r=globalThis.litPropertyMetadata.get(i);if(r===void 0&&globalThis.litPropertyMetadata.set(i,r=new Map),n==="setter"&&((o=Object.create(o)).wrapped=!0),r.set(e.name,o),n==="accessor"){const{name:s}=e;return{set(h){const c=t.get.call(this);t.set.call(this,h),this.requestUpdate(s,c,o)},init(h){return h!==void 0&&this.C(s,void 0,o,h),h}}}if(n==="setter"){const{name:s}=e;return function(h){const c=this[s];t.call(this,h),this.requestUpdate(s,c,o)}}throw Error("Unsupported decorator location: "+n)};function a(o){return(t,e)=>typeof e=="object"?Ie(o,t,e):((n,i,r)=>{const s=i.hasOwnProperty(r);return i.constructor.createProperty(r,n),s?Object.getOwnPropertyDescriptor(i,r):void 0})(o,t,e)}/**
|
|
28
28
|
* @license
|
|
29
29
|
* Copyright 2017 Google LLC
|
|
30
30
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
31
|
-
*/function K(o){return a({...o,state:!0,attribute:!1})}const
|
|
31
|
+
*/function K(o){return a({...o,state:!0,attribute:!1})}const vt=y`
|
|
32
32
|
outline: 1px dashed var(--color-border-primary);
|
|
33
33
|
outline-offset: 2px;
|
|
34
|
-
`;
|
|
34
|
+
`;y`
|
|
35
35
|
:host * {
|
|
36
36
|
box-sizing: border-box;
|
|
37
37
|
}
|
|
@@ -39,45 +39,45 @@
|
|
|
39
39
|
* @license
|
|
40
40
|
* Copyright 2023 Google LLC
|
|
41
41
|
* SPDX-License-Identifier: Apache-2.0
|
|
42
|
-
*/const
|
|
42
|
+
*/const Dt=Symbol("internals"),Et=Symbol("privateInternals");function Ht(o){var t;class e extends o{get[(t=Dt,t)](){return this[Et]||(this[Et]=this.attachInternals()),this[Et]}}return e}/**
|
|
43
43
|
* @license
|
|
44
44
|
* Copyright 2023 Google LLC
|
|
45
45
|
* SPDX-License-Identifier: Apache-2.0
|
|
46
|
-
*/function
|
|
46
|
+
*/function Oe(o){o.addInitializer(t=>{const e=t;e.addEventListener("click",async n=>{const{type:i,[Dt]:r}=e,{form:s}=r;if(!(!s||i==="button")&&(await new Promise(h=>{setTimeout(h)}),!n.defaultPrevented)){if(i==="reset"){s.reset();return}s.addEventListener("submit",h=>{Object.defineProperty(h,"submitter",{configurable:!0,enumerable:!0,get:()=>e})},{capture:!0,once:!0}),r.setFormValue(e.value),s.requestSubmit()}})})}const Be=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
47
47
|
<path d="M8 3.6275C7.06799 0.971489 3.25399 -0.0226278 1.67414 2.30983C0.0877404 4.65197 1.67414 6.99412 2.62598 8.33249C3.0147 8.87905 8 14 8 14C8 14 12.9853 8.87905 13.374 8.33249C14.3259 6.99412 15.9123 4.65197 14.3259 2.30983C12.746 -0.0226277 8.97167 0.971489 8 3.6275Z" stroke="#3F2B2E" stroke-linecap="round"/>
|
|
48
48
|
</svg>
|
|
49
|
-
`,
|
|
49
|
+
`,ze=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
50
50
|
<path d="M16 8L4 0V16L16 8Z" fill="#3F2B2E"/>
|
|
51
51
|
</svg>
|
|
52
|
-
`,
|
|
52
|
+
`,De=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
53
53
|
<path d="M12.2266 8.16162C11.0953 9.26599 8.72489 11.8788 5.11546 16L4.63062 15.7172C5.78886 13.4007 7.17607 10.8283 8.79223 8C7.17607 5.17172 5.78886 2.59933 4.63062 0.282827L5.11546 0C8.72489 4.12121 11.0953 6.73401 12.2266 7.83838V8.16162Z" fill="#3F2B2E"/>
|
|
54
54
|
</svg>
|
|
55
|
-
`,
|
|
55
|
+
`,He=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
56
56
|
<path d="M5 7.83838C6.02128 6.73401 8.16109 4.12121 11.4195 0L11.8571 0.282829C10.8116 2.59933 9.55927 5.17172 8.1003 8C9.55927 10.8283 10.8115 13.4007 11.8571 15.7172L11.4195 16C8.16109 11.8788 6.02128 9.266 5 8.16162L5 7.83838Z" fill="#3F2B2E"/>
|
|
57
57
|
</svg>
|
|
58
|
-
`,
|
|
58
|
+
`,Me=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
59
59
|
<path d="M12.2834 14.4585L7.98873 11.3928L3.69404 14.4585L5.33977 9.4972L1 6.39639H6.36554L8 1.4585L9.63446 6.39639H15L10.6602 9.4972L12.306 14.4585H12.2834ZM7.98873 10.328L10.6602 12.2353L9.64573 9.15787L12.2721 7.28568H9.02576L8 4.17317L6.97424 7.28568H3.72786L6.35427 9.15787L5.33977 12.2353L8.01127 10.328H7.98873Z" fill="#3F2B2E"/>
|
|
60
60
|
</svg>
|
|
61
|
-
`,
|
|
61
|
+
`,Te=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
62
62
|
<path d="M15 6.43789H9.63446L8 1.5L6.36554 6.43789H1L5.33977 9.5387L3.69404 14.5L7.98873 11.4343L12.2834 14.5H12.306L10.6602 9.5387L15 6.43789ZM6.36554 11.5396V7.32718H6.97424L8 4.21467L9.02576 7.32718H12.2721L9.64573 9.19937L10.6602 12.2768L8 10.3812L6.36554 11.5513V11.5396Z" fill="#3F2B2E"/>
|
|
63
63
|
</svg>
|
|
64
|
-
`,
|
|
64
|
+
`,je=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
65
65
|
<path d="M15 6.39639H9.63446L8 1.4585L6.36554 6.39639H1L5.33977 9.4972L3.69404 14.4585L7.98873 11.3928L12.2834 14.4585L10.6377 9.4972L14.9775 6.39639H15ZM10.6715 12.2353L8.05636 10.3631V4.32528L9.03704 7.27398H12.2834L9.65701 9.14616L10.6715 12.2236V12.2353Z" fill="#3F2B2E"/>
|
|
66
66
|
</svg>
|
|
67
|
-
`,
|
|
67
|
+
`,Fe=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
68
68
|
<path d="M15 6.43789H9.63446L8 1.5L6.36554 6.43789H1L5.33977 9.5387L3.69404 14.5L7.98873 11.4343L9.46538 12.4874L12.2834 14.5H12.306L10.6602 9.5387L15 6.43789ZM9.46538 11.4226V7.32718H12.2721L9.64573 9.19937L10.6602 12.2768L9.46538 11.4226Z" fill="#3F2B2E"/>
|
|
69
69
|
</svg>
|
|
70
|
-
`,
|
|
70
|
+
`,Re=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
71
71
|
<path d="M12.2834 14.4585L7.98873 11.3928L3.69404 14.4585L5.33977 9.4972L1 6.39639H6.36554L8 1.4585L9.63446 6.39639H15L10.6602 9.4972L12.306 14.4585H12.2834Z" fill="#3F2B2E"/>
|
|
72
72
|
</svg>
|
|
73
|
-
`,
|
|
73
|
+
`,Ue=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
74
74
|
<path d="M2 2L14 14" stroke="#3F2B2E"/>
|
|
75
75
|
<path d="M14 2L2 14" stroke="#3F2B2E"/>
|
|
76
76
|
</svg>
|
|
77
|
-
`,
|
|
77
|
+
`,Ne=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
78
78
|
<path d="M7.12506 1C10.5018 1 13.2509 3.74834 13.251 7.125C13.2511 8.59738 12.7172 10.0206 11.7491 11.1299L14.8731 14.2539C15.0433 14.4253 15.0435 14.7018 14.8731 14.873C14.7913 14.9555 14.6797 15.002 14.5635 15.002C14.4475 15.0019 14.3357 14.9554 14.254 14.873L11.1309 11.749C10.0555 12.6818 8.6564 13.251 7.12506 13.251C3.7484 13.2508 1.00006 10.5017 1.00006 7.125C1.00025 3.74846 3.74852 1.00019 7.12506 1ZM7.12506 1.875C4.22971 1.87522 1.87506 4.23058 1.87506 7.12598C1.87532 10.0212 4.22987 12.3758 7.12506 12.376C10.0204 12.376 12.3758 10.0213 12.376 7.12598C12.376 4.23044 10.0206 1.875 7.12506 1.875Z" fill="#3F2B2E"/>
|
|
79
79
|
</svg>
|
|
80
|
-
`,
|
|
80
|
+
`,Ve=`<?xml version="1.0" encoding="utf-8"?>
|
|
81
81
|
<!-- Generator: $$$/GeneralStr/196=Adobe Illustrator 27.6.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
|
82
82
|
<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
|
83
83
|
viewBox="0 0 40 40" style="enable-background:new 0 0 40 40;" xml:space="preserve">
|
|
@@ -87,7 +87,7 @@
|
|
|
87
87
|
<path class="st0" d="M40,20c0,0.7-0.6,1.2-1.2,1.2H21.2v17.5c0,0.7-0.6,1.2-1.2,1.2s-1.2-0.6-1.2-1.2V21.2H1.2C0.6,21.2,0,20.7,0,20
|
|
88
88
|
s0.6-1.2,1.2-1.2h17.5V1.2C18.8,0.6,19.3,0,20,0s1.2,0.6,1.2,1.2v17.5h17.5C39.4,18.8,40,19.3,40,20z"/>
|
|
89
89
|
</svg>
|
|
90
|
-
`,
|
|
90
|
+
`,qe=`<?xml version="1.0" encoding="utf-8"?>
|
|
91
91
|
<!-- Generator: $$$/GeneralStr/196=Adobe Illustrator 27.6.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
|
92
92
|
<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
|
93
93
|
viewBox="0 0 40 40" style="enable-background:new 0 0 40 40;" xml:space="preserve">
|
|
@@ -96,53 +96,53 @@
|
|
|
96
96
|
</style>
|
|
97
97
|
<path class="st0" d="M38.8,20.5H1.2c-0.7,0-1.2-0.6-1.2-1.2S0.6,18,1.2,18h37.5c0.7,0,1.2,0.6,1.2,1.2S39.4,20.5,38.8,20.5z"/>
|
|
98
98
|
</svg>
|
|
99
|
-
`,
|
|
99
|
+
`,Ze=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
100
100
|
<path d="M15.0009 8.12175C15.0009 8.36347 14.805 8.55943 14.5634 8.55943H2.49495L7.43502 13.5017C7.60609 13.6726 7.60628 13.9499 7.43546 14.1211C7.26464 14.2922 6.98749 14.2924 6.81642 14.1215L1.13 8.43163C1.04685 8.34998 1 8.23831 1 8.12175C1 8.00518 1.04685 7.89351 1.13 7.81187L6.81642 2.12286C6.98808 1.95699 7.26094 1.95937 7.4297 2.12819C7.59845 2.29702 7.60082 2.57001 7.43502 2.74175L2.49495 7.68406H14.5634C14.805 7.68406 15.0009 7.88002 15.0009 8.12175Z" fill="#3F2B2E"/>
|
|
101
101
|
</svg>
|
|
102
|
-
`,
|
|
102
|
+
`,We=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
103
103
|
<path d="M14.1218 7.43502C13.9504 7.60543 13.6735 7.60543 13.5021 7.43502L8.55961 2.49408V14.5625C8.55961 14.8041 8.36365 15 8.12192 15C7.88018 15 7.68422 14.8041 7.68422 14.5625V2.49408L2.74177 7.43502C2.57002 7.60082 2.29703 7.59845 2.1282 7.4297C1.95936 7.26094 1.95699 6.98808 2.12287 6.81642L7.81203 1.13C7.89368 1.04685 8.00535 1 8.12192 1C8.23848 1 8.35015 1.04685 8.4318 1.13L14.121 6.81642C14.2921 6.98702 14.2925 7.26395 14.1218 7.43502Z" fill="#3F2B2E"/>
|
|
104
104
|
</svg>
|
|
105
|
-
`,
|
|
105
|
+
`,Ke=`<svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
106
106
|
<path d="M6.33317 8.00033C6.33317 3.95024 7.52708 0.666992 8.99984 0.666992C10.4726 0.666992 11.6665 3.95024 11.6665 8.00033M5.33317 15.3337H12.6665L16.3332 6.20033C14.9582 5.76699 12.2998 5.33366 8.99984 5.33366C5.69984 5.33366 3.49984 5.76699 1.6665 6.20033L5.33317 15.3337Z" stroke="#3F2B2E"/>
|
|
107
107
|
</svg>
|
|
108
|
-
`,
|
|
108
|
+
`,Ge=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
109
109
|
<path d="M7.99376 14.4486C7.46684 14.4486 6.93991 14.251 6.54472 13.8558C6.14953 13.4606 5.8202 12.9995 5.68847 12.4067H3.77837C2.98798 12.4067 2.59279 12.4067 2.32933 12.1433C2.13173 12.0116 2 11.7481 2 11.5505C2 11.2212 2.13173 10.826 2.52692 10.1673L2.92212 9.4428C3.31731 8.78415 3.51491 8.05963 3.64664 7.3351L3.84423 5.68847C3.97596 4.63462 4.43702 3.7125 5.22741 3.05385C6.01779 2.39519 7.00578 2 7.99376 2C8.98174 2 10.0356 2.39519 10.7601 3.05385C11.5505 3.7125 12.0116 4.70049 12.1433 5.68847L12.3409 7.26924C12.4067 8.05963 12.6702 8.78415 13.0654 9.37693L13.4606 10.1015C13.8558 10.7601 14.0534 11.0894 13.9875 11.4846C13.9875 11.7481 13.8558 11.9457 13.6582 12.0774C13.3947 12.3409 12.9995 12.3409 12.2092 12.3409H10.2991C10.1673 12.9337 9.83799 13.4606 9.4428 13.7899C9.04761 14.1851 8.52068 14.3827 7.99376 14.3827V14.4486ZM6.28126 12.4067C6.41299 12.8019 6.61058 13.1971 6.93991 13.4606C7.5327 13.9875 8.45482 13.9875 9.11347 13.4606C9.4428 13.1971 9.6404 12.8019 9.77213 12.4067H6.28126ZM7.99376 2.65865C7.13751 2.65865 6.28126 2.98798 5.6226 3.58077C4.96395 4.17356 4.56875 4.96395 4.43702 5.88606L4.23943 7.46684C4.1077 8.32309 3.84423 9.11347 3.44904 9.83799L3.05385 10.5625C2.72452 11.0894 2.59279 11.3529 2.59279 11.5505C2.59279 11.6164 2.59279 11.7481 2.72452 11.814C2.85625 11.8798 3.25144 11.8798 3.77837 11.8798H12.2092C12.7361 11.8798 13.1971 11.8798 13.263 11.814C13.3289 11.814 13.3947 11.6822 13.3947 11.5505C13.3947 11.4188 13.1971 11.0894 12.9337 10.5625L12.5385 9.83799C12.0774 9.11347 11.814 8.32309 11.7481 7.5327L11.5505 5.88606C11.4846 5.02981 11.0236 4.17356 10.3649 3.58077C9.70626 2.98798 8.85001 2.65865 7.99376 2.65865Z" fill="#3F2B2E"/>
|
|
110
110
|
</svg>
|
|
111
|
-
`,
|
|
111
|
+
`,Xe=`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
112
112
|
<path d="M12 17.4585L4 6.4585L20 6.4585L12 17.4585Z" fill="#3F2B2E"/>
|
|
113
113
|
</svg>
|
|
114
|
-
`,
|
|
114
|
+
`,Je=`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
115
115
|
<path d="M12 6.4585L20 17.4585H4L12 6.4585Z" fill="#3F2B2E"/>
|
|
116
116
|
</svg>
|
|
117
|
-
`,
|
|
117
|
+
`,Qe=`<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
118
118
|
<path d="M5.24611 10.4659C5.04705 10.4654 4.85616 10.3867 4.71465 10.2467L0.210718 5.74273C-0.0737595 5.44819 -0.0696911 4.98 0.219862 4.69045C0.509415 4.4009 0.977603 4.39683 1.27214 4.6813L5.18306 8.59071L10.6628 1.74024C10.9219 1.41646 11.3945 1.36403 11.7183 1.62314C12.042 1.88225 12.0945 2.35477 11.8354 2.67856L5.83012 10.1851C5.69763 10.3521 5.49956 10.4539 5.28665 10.4643L5.24611 10.4659Z" fill="#3F2B2E"/>
|
|
119
119
|
</svg>
|
|
120
|
-
`,
|
|
120
|
+
`,Ye=`<svg width="8" height="8" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
121
121
|
<rect x="1" width="2" height="8" fill="#3F2B2E"/>
|
|
122
122
|
<rect x="5" width="2" height="8" fill="#3F2B2E"/>
|
|
123
123
|
</svg>
|
|
124
|
-
`,
|
|
124
|
+
`,to=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
125
125
|
<path d="M10.5037 5.99925C10.7795 5.99925 11.0037 6.22311 11.0037 6.49925V14.2922L13.1462 12.1448C13.3411 11.9498 13.6573 11.95 13.8523 12.1448H13.8533C14.0482 12.34 14.0481 12.6565 13.8533 12.8518L10.8572 15.8518C10.6618 16.0471 10.3455 16.0471 10.1501 15.8518L7.15406 12.8518C6.96522 12.6557 6.96774 12.3444 7.15992 12.1516C7.35242 11.9588 7.66416 11.9556 7.86011 12.1448L10.0046 14.2922V6.49925C10.0046 6.22319 10.228 5.99938 10.5037 5.99925ZM5.15699 0.145737C5.35218 -0.0485278 5.66791 -0.0486304 5.86304 0.145737L8.85913 3.14574C9.04829 3.34183 9.04562 3.65402 8.85327 3.84691C8.66066 4.03978 8.34902 4.04225 8.15308 3.85277L6.00952 1.70628V9.49925C6.0095 9.77533 5.78621 9.99918 5.5105 9.99925C5.23473 9.99925 5.0115 9.77538 5.01148 9.49925V1.70628L2.86695 3.85179C2.74288 3.98695 2.55447 4.04321 2.37671 3.99828C2.1991 3.95328 2.06051 3.81475 2.01538 3.63695C1.97026 3.45902 2.02608 3.27015 2.16089 3.14574L5.15699 0.145737Z" fill="#001022"/>
|
|
126
126
|
</svg>
|
|
127
|
-
`,
|
|
127
|
+
`,eo=`<svg viewBox="0 0 200 200" preserveAspectRatio="none" xmlns="http://www.w3.org/2000/svg">
|
|
128
128
|
<line x1="0" y1="0" x2="200" y2="200" />
|
|
129
|
-
</svg>`,
|
|
129
|
+
</svg>`,oo=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
130
130
|
<path d="M2.31202e-08 7.85218C0.974855 6.83983 3.01741 4.44477 6.12766 0.666992L6.54545 0.926252C5.54739 3.04971 4.35203 5.40773 2.95938 8.00033C4.35203 10.5929 5.54739 12.9509 6.54545 15.0744L6.12766 15.3337C3.01741 11.5559 0.974855 9.16082 0 8.14847L2.31202e-08 7.85218Z" fill="#3F2B2E"/>
|
|
131
131
|
<path d="M16 8.14847C15.0251 9.16082 12.9826 11.5559 9.87234 15.3337L9.45455 15.0744C10.4526 12.9509 11.648 10.5929 13.0406 8.00033C11.648 5.40773 10.4526 3.04971 9.45455 0.92625L9.87234 0.666992C12.9826 4.44477 15.0251 6.83983 16 7.85218V8.14847Z" fill="#3F2B2E"/>
|
|
132
132
|
</svg>
|
|
133
|
-
`,G={wishlist:
|
|
133
|
+
`,G={wishlist:Be,playerv:ze,chevronRight:De,chevronLeft:He,icoPlus:Ve,icoMinus:qe,"star-0":Me,"star-25":Te,"star-50":je,"star-75":Fe,"star-100":Re,cross:Ue,search:Ne,arrowLeft:Ze,arrowTop:We,cart:Ke,notifyme:Ge,triangledown:Xe,triangleup:Je,checkstroke:Qe,pause:Ye,mapDualArrow:to,swipeDualArrow:oo},io={strikeDiagonal:eo};/**
|
|
134
134
|
* @license
|
|
135
135
|
* Copyright 2017 Google LLC
|
|
136
136
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
137
|
-
*/const
|
|
137
|
+
*/const Mt={ATTRIBUTE:1,CHILD:2},Tt=o=>(...t)=>({_$litDirective$:o,values:t});let jt=class{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,n){this._$Ct=t,this._$AM=e,this._$Ci=n}_$AS(t,e){return this.update(t,e)}update(t,e){return this.render(...e)}};/**
|
|
138
138
|
* @license
|
|
139
139
|
* Copyright 2017 Google LLC
|
|
140
140
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
141
|
-
*/class
|
|
141
|
+
*/class St extends jt{constructor(t){if(super(t),this.it=d,t.type!==Mt.CHILD)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(t){if(t===d||t==null)return this._t=void 0,this.it=t;if(t===U)return t;if(typeof t!="string")throw Error(this.constructor.directiveName+"() called with a non-string value");if(t===this.it)return this._t;this.it=t;const e=[t];return e.raw=e,this._t={_$litType$:this.constructor.resultType,strings:e,values:[]}}}St.directiveName="unsafeHTML",St.resultType=1;/**
|
|
142
142
|
* @license
|
|
143
143
|
* Copyright 2017 Google LLC
|
|
144
144
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
145
|
-
*/class
|
|
145
|
+
*/class Lt extends St{}Lt.directiveName="unsafeSVG",Lt.resultType=2;const I=Tt(Lt);var no=Object.defineProperty,ro=Object.getOwnPropertyDescriptor,x=(o,t,e,n)=>{for(var i=n>1?void 0:n?ro(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&no(t,e,i),i};const so=Ht(v);let g=class extends so{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[Dt].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=G[t].replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"');return l`<span class="${o==="start"?"icon-start":"icon-end"}">${I(e)}</span>`}renderButton(){const o=this.text||this.textsecond;return l`
|
|
146
146
|
<button type=${this.type} class="button" ?disabled=${this.disabled} @click=${this.handleClick}>
|
|
147
147
|
${this.startIcon?this.renderIcon("start"):d}
|
|
148
148
|
${o?l`
|
|
@@ -165,7 +165,7 @@
|
|
|
165
165
|
`:l`<slot></slot>`}
|
|
166
166
|
${this.endIcon?this.renderIcon("end"):d}
|
|
167
167
|
</a>
|
|
168
|
-
`}};
|
|
168
|
+
`}};Oe(g);g.formAssociated=!0;g.styles=y`
|
|
169
169
|
:host {
|
|
170
170
|
--button-border: transparent;
|
|
171
171
|
cursor: pointer;
|
|
@@ -281,7 +281,7 @@
|
|
|
281
281
|
}
|
|
282
282
|
|
|
283
283
|
.button:focus-visible {
|
|
284
|
-
${
|
|
284
|
+
${vt};
|
|
285
285
|
}
|
|
286
286
|
|
|
287
287
|
span.text + span.text::before {
|
|
@@ -353,12 +353,12 @@
|
|
|
353
353
|
transform: translateX(4px);
|
|
354
354
|
}
|
|
355
355
|
//End icon movment on hover
|
|
356
|
-
`;x([a()],g.prototype,"type",2);x([a({reflect:!0})],g.prototype,"value",2);x([a({type:String,reflect:!0})],g.prototype,"variant",2);x([a({type:String})],g.prototype,"text",2);x([a({type:String})],g.prototype,"textsecond",2);x([a({type:Boolean,reflect:!0})],g.prototype,"fullwidth",2);x([a({type:Boolean,reflect:!0})],g.prototype,"disabled",2);x([a({type:String,reflect:!0})],g.prototype,"startIconModel",2);x([a({type:String,reflect:!0})],g.prototype,"endIconModel",2);x([a({type:Boolean,reflect:!0,attribute:"starticon"})],g.prototype,"startIcon",2);x([a({type:Boolean,reflect:!0,attribute:"endicon"})],g.prototype,"endIcon",2);x([a({type:String,attribute:"paneltarget",reflect:!0})],g.prototype,"panelTarget",2);x([a({type:String})],g.prototype,"href",2);x([a({type:String})],g.prototype,"target",2);x([a({type:Boolean,reflect:!0})],g.prototype,"underlined",2);g=x([w("o-button")],g);var
|
|
356
|
+
`;x([a()],g.prototype,"type",2);x([a({reflect:!0})],g.prototype,"value",2);x([a({type:String,reflect:!0})],g.prototype,"variant",2);x([a({type:String})],g.prototype,"text",2);x([a({type:String})],g.prototype,"textsecond",2);x([a({type:Boolean,reflect:!0})],g.prototype,"fullwidth",2);x([a({type:Boolean,reflect:!0})],g.prototype,"disabled",2);x([a({type:String,reflect:!0})],g.prototype,"startIconModel",2);x([a({type:String,reflect:!0})],g.prototype,"endIconModel",2);x([a({type:Boolean,reflect:!0,attribute:"starticon"})],g.prototype,"startIcon",2);x([a({type:Boolean,reflect:!0,attribute:"endicon"})],g.prototype,"endIcon",2);x([a({type:String,attribute:"paneltarget",reflect:!0})],g.prototype,"panelTarget",2);x([a({type:String})],g.prototype,"href",2);x([a({type:String})],g.prototype,"target",2);x([a({type:Boolean,reflect:!0})],g.prototype,"underlined",2);g=x([w("o-button")],g);var ao=Object.defineProperty,lo=Object.getOwnPropertyDescriptor,xt=(o,t,e,n)=>{for(var i=n>1?void 0:n?lo(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&ao(t,e,i),i};let Y=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=G.wishlist.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"');return l`
|
|
357
357
|
<button type="button" aria-describedby="${this.ariaDescribedBy}" class="wishlist-button">
|
|
358
358
|
<span class="sr-only">${this.label}</span>
|
|
359
359
|
${I(o)}
|
|
360
360
|
</button>
|
|
361
|
-
`}setStatus(o){this.status=o,this.setAttribute("aria-pressed",String(this.status==="filled")),this.requestUpdate()}setAriaDescribedBy(o){this.ariaDescribedBy=o,this.requestUpdate()}setLabel(o){this.label=o,this.requestUpdate()}};Y.styles=
|
|
361
|
+
`}setStatus(o){this.status=o,this.setAttribute("aria-pressed",String(this.status==="filled")),this.requestUpdate()}setAriaDescribedBy(o){this.ariaDescribedBy=o,this.requestUpdate()}setLabel(o){this.label=o,this.requestUpdate()}};Y.styles=y`
|
|
362
362
|
:host {
|
|
363
363
|
display: inline-flex;
|
|
364
364
|
justify-content: center;
|
|
@@ -423,11 +423,11 @@
|
|
|
423
423
|
width: 0.1rem !important;
|
|
424
424
|
white-space: nowrap !important;
|
|
425
425
|
}
|
|
426
|
-
`;
|
|
426
|
+
`;xt([a({type:String,reflect:!0})],Y.prototype,"status",2);xt([a({type:String,reflect:!0})],Y.prototype,"ariaDescribedBy",2);xt([a({type:String,reflect:!0})],Y.prototype,"label",2);Y=xt([w("o-wishlist-button")],Y);/**
|
|
427
427
|
* @license
|
|
428
428
|
* Copyright 2018 Google LLC
|
|
429
429
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
430
|
-
*/const _=o=>o??d;var
|
|
430
|
+
*/const _=o=>o??d;var co=Object.defineProperty,ho=Object.getOwnPropertyDescriptor,B=(o,t,e,n)=>{for(var i=n>1?void 0:n?ho(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&co(t,e,i),i};let C=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=G[this.icon]??"",t=`icon-${this.icon}`,e=o.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"'),n=this.showSrLabel?l`<span class="sr-only">${this.srLabel}</span>`:null,i=this.showSrLabel?null:"icon";return l`
|
|
431
431
|
${this.type==="span"?l`
|
|
432
432
|
<span class="icon icon-button ${this.size} ${this.bgstyle} ${this.status} ${t}" ?disabled="${this.disabled}">
|
|
433
433
|
${I(e)}
|
|
@@ -443,7 +443,7 @@
|
|
|
443
443
|
${n}
|
|
444
444
|
</button>
|
|
445
445
|
`}
|
|
446
|
-
`}};C.styles=
|
|
446
|
+
`}};C.styles=y`
|
|
447
447
|
:host {
|
|
448
448
|
display: inline-flex;
|
|
449
449
|
justify-content: center;
|
|
@@ -648,13 +648,13 @@
|
|
|
648
648
|
}
|
|
649
649
|
|
|
650
650
|
.icon-button:focus-visible {
|
|
651
|
-
${
|
|
651
|
+
${vt}
|
|
652
652
|
}
|
|
653
653
|
|
|
654
654
|
.sr-only {
|
|
655
655
|
display: none;
|
|
656
656
|
}
|
|
657
|
-
`;B([a({type:String,reflect:!0})],C.prototype,"bgstyle",2);B([a({type:String,reflect:!0})],C.prototype,"size",2);B([a({type:String,reflect:!0})],C.prototype,"status",2);B([a({type:String,reflect:!0})],C.prototype,"type",2);B([a({type:String})],C.prototype,"strokewidth",2);B([a({type:String})],C.prototype,"icon",2);B([a({type:Boolean,reflect:!0})],C.prototype,"disabled",2);B([a({type:Boolean})],C.prototype,"showSrLabel",2);B([a({type:String})],C.prototype,"srLabel",2);C=B([w("o-icon-button")],C);var
|
|
657
|
+
`;B([a({type:String,reflect:!0})],C.prototype,"bgstyle",2);B([a({type:String,reflect:!0})],C.prototype,"size",2);B([a({type:String,reflect:!0})],C.prototype,"status",2);B([a({type:String,reflect:!0})],C.prototype,"type",2);B([a({type:String})],C.prototype,"strokewidth",2);B([a({type:String})],C.prototype,"icon",2);B([a({type:Boolean,reflect:!0})],C.prototype,"disabled",2);B([a({type:Boolean})],C.prototype,"showSrLabel",2);B([a({type:String})],C.prototype,"srLabel",2);C=B([w("o-icon-button")],C);var po=Object.defineProperty,uo=Object.getOwnPropertyDescriptor,X=(o,t,e,n)=>{for(var i=n>1?void 0:n?uo(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&po(t,e,i),i};let D=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`
|
|
658
658
|
<a
|
|
659
659
|
href="${o}"
|
|
660
660
|
target="${_(this.target||void 0)}"
|
|
@@ -680,7 +680,7 @@
|
|
|
680
680
|
></o-icon-button>
|
|
681
681
|
`:null}
|
|
682
682
|
</a>
|
|
683
|
-
`}};D.styles=
|
|
683
|
+
`}};D.styles=y`
|
|
684
684
|
:host([template="standard"]) a {
|
|
685
685
|
color: var(--color-content-action-secondary);
|
|
686
686
|
font-size: var(--font-size-200);
|
|
@@ -767,14 +767,14 @@
|
|
|
767
767
|
height: 1px;
|
|
768
768
|
}
|
|
769
769
|
/* End of underline effect */
|
|
770
|
-
`;X([a({type:String})],D.prototype,"href",2);X([a({type:String})],D.prototype,"target",2);X([a({type:String,reflect:!0})],D.prototype,"template",2);X([a({type:Boolean,reflect:!0})],D.prototype,"inverse",2);X([a({type:Boolean,reflect:!0})],D.prototype,"endIcon",2);X([a({type:Boolean,reflect:!0})],D.prototype,"reverseEndIcon",2);D=X([w("o-link")],D);var
|
|
770
|
+
`;X([a({type:String})],D.prototype,"href",2);X([a({type:String})],D.prototype,"target",2);X([a({type:String,reflect:!0})],D.prototype,"template",2);X([a({type:Boolean,reflect:!0})],D.prototype,"inverse",2);X([a({type:Boolean,reflect:!0})],D.prototype,"endIcon",2);X([a({type:Boolean,reflect:!0})],D.prototype,"reverseEndIcon",2);D=X([w("o-link")],D);var vo=Object.defineProperty,fo=Object.getOwnPropertyDescriptor,$t=(o,t,e,n)=>{for(var i=n>1?void 0:n?fo(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&vo(t,e,i),i};let tt=class extends v{constructor(){super(...arguments),this.rating=0}getStarKeys(){const o=[];for(let t=0;t<5;t++){const e=this.rating-t;let n;e>=1?n=100:e<=0?n=0:n=Math.round(e*100/25)*25,o.push(`star-${n}`)}return o}render(){const o=this.getStarKeys();return l`
|
|
771
771
|
<div class="rating">
|
|
772
772
|
<div class="stars">
|
|
773
773
|
${o.map(t=>l`<span class="star">${I(G[t]??"")}</span>`)}
|
|
774
774
|
</div>
|
|
775
775
|
${this.reviewCount!=null&&this.href!=null?l`<o-link template="review" href="${this.href}">${this.reviewCount}</o-link>`:null}
|
|
776
776
|
</div>
|
|
777
|
-
`}};tt.styles=
|
|
777
|
+
`}};tt.styles=y`
|
|
778
778
|
svg {
|
|
779
779
|
width: 12px;
|
|
780
780
|
height: 12px;
|
|
@@ -807,15 +807,15 @@
|
|
|
807
807
|
text-decoration: underline;
|
|
808
808
|
cursor: pointer;
|
|
809
809
|
}
|
|
810
|
-
|
|
810
|
+
`;$t([a({type:Number})],tt.prototype,"rating",2);$t([a({type:String})],tt.prototype,"reviewCount",2);$t([a({type:String})],tt.prototype,"href",2);tt=$t([w("o-rating")],tt);/**
|
|
811
811
|
* @license
|
|
812
812
|
* Copyright 2020 Google LLC
|
|
813
813
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
814
|
-
*/const
|
|
814
|
+
*/const bo=o=>o.strings===void 0;/**
|
|
815
815
|
* @license
|
|
816
816
|
* Copyright 2017 Google LLC
|
|
817
817
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
818
|
-
*/const nt=(o,t)=>{var n;const e=o._$AN;if(e===void 0)return!1;for(const i of e)(n=i._$AO)==null||n.call(i,t,!1),nt(i,t);return!0},
|
|
818
|
+
*/const nt=(o,t)=>{var n;const e=o._$AN;if(e===void 0)return!1;for(const i of e)(n=i._$AO)==null||n.call(i,t,!1),nt(i,t);return!0},mt=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)},ce=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),mo(t)}};function go(o){this._$AN!==void 0?(mt(this),this._$AM=o,ce(this)):this._$AM=o}function yo(o,t=!1,e=0){const n=this._$AH,i=this._$AN;if(i!==void 0&&i.size!==0)if(t)if(Array.isArray(n))for(let r=e;r<n.length;r++)nt(n[r],!1),mt(n[r]);else n!=null&&(nt(n,!1),mt(n));else nt(this,o)}const mo=o=>{o.type==Mt.CHILD&&(o._$AP??(o._$AP=yo),o._$AQ??(o._$AQ=go))};class wo extends jt{constructor(){super(...arguments),this._$AN=void 0}_$AT(t,e,n){super._$AT(t,e,n),ce(this),this.isConnected=t._$AU}_$AO(t,e=!0){var n,i;t!==this.isConnected&&(this.isConnected=t,t?(n=this.reconnected)==null||n.call(this):(i=this.disconnected)==null||i.call(this)),e&&(nt(this,t),mt(this))}setValue(t){if(bo(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 xo extends wo{constructor(){super(...arguments),this.prevData={}}render(t){return d}update(t,[e]){var n;this.element!==t.element&&(this.element=t.element),this.host=((n=t.options)===null||n===void 0?void 0:n.host)||this.element,this.apply(e),this.groom(e),this.prevData={...e}}apply(t){if(!t)return;const{prevData:e,element:n}=this;for(const i in t){const r=t[i];r!==e[i]&&(n[i]=r)}}groom(t){const{prevData:e,element:n}=this;if(e)for(const i in e)(!t||!(i in t)&&n[i]===e[i])&&(n[i]=void 0)}}class $o extends xo{constructor(){super(...arguments),this.eventData={}}apply(t){if(t)for(const e in t){const n=t[e];n!==this.eventData[e]&&this.applyEvent(e,n)}}applyEvent(t,e){const{prevData:n,element:i}=this;this.eventData[t]=e,n[t]&&i.removeEventListener(t,this,e),i.addEventListener(t,this,e)}groom(t){const{prevData:e,element:n}=this;if(e)for(const i in e)(!t||!(i in t)&&n[i]===e[i])&&this.groomEvent(i,e[i])}groomEvent(t,e){const{element:n}=this;delete this.eventData[t],n.removeEventListener(t,this,e)}handleEvent(t){const e=this.eventData[t.type];typeof e=="function"?e.call(this.host,t):e.handleEvent(t)}disconnected(){const{eventData:t,element:e}=this;for(const n in t){const i=n.slice(1),r=t[n];e.removeEventListener(i,this,r)}}reconnected(){const{eventData:t,element:e}=this;for(const n in t){const i=n.slice(1),r=t[n];e.addEventListener(i,this,r)}}}class _o extends $o{apply(t){if(!t)return;const{prevData:e,element:n}=this;for(const i in t){const r=t[i];if(r===e[i])continue;const s=i.slice(1);switch(i[0]){case"@":this.eventData[s]=r,this.applyEvent(s,r);break;case".":n[s]=r;break;case"?":r?n.setAttribute(s,""):n.removeAttribute(s);break;default:r!=null?n.setAttribute(i,String(r)):n.removeAttribute(i);break}}}groom(t){const{prevData:e,element:n}=this;if(e)for(const i in e){const r=i.slice(1);if(!t||!(i in t)&&n[r]===e[i])switch(i[0]){case"@":this.groomEvent(r,e[i]);break;case".":n[r]=void 0;break;case"?":n.removeAttribute(r);break;default:n.removeAttribute(i);break}}}}const oe=Tt(_o);var Co=Object.defineProperty,ko=Object.getOwnPropertyDescriptor,b=(o,t,e,n)=>{for(var i=n>1?void 0:n?ko(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&Co(t,e,i),i};let 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 n=this.renderRoot.querySelector(".content");if(n){const i=()=>{this.showDetail=!1,this.isHidingDetail=!1,this.showHeaderStartIcon=!1,n.removeEventListener("animationend",i)};n.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,r,s,h,c,f,m,p,$,S;this.innerFocusedElement=document.activeElement||null,this.innerFocusedElement=((r=(i=this.innerFocusedElement)==null?void 0:i.shadowRoot)==null?void 0:r.activeElement)||this.innerFocusedElement;const t=this.getFocusableElements();if(t.length===0)return;const e=t[0],n=t[t.length-1];o.shiftKey&&this.innerFocusedElement===e?(o.preventDefault(),n.shadowRoot?(c=(h=(s=n.shadowRoot)==null?void 0:s.querySelector(u.focusablesSelector))==null?void 0:h.focus)==null||c.call(h):(f=n.focus)==null||f.call(n)):!o.shiftKey&&this.innerFocusedElement===n&&(o.preventDefault(),e.shadowRoot?($=(p=(m=e.shadowRoot)==null?void 0:m.querySelector(u.focusablesSelector))==null?void 0:p.focus)==null||$.call(p):(S=e.focus)==null||S.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 r=[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);r.push(...h,...c)}return r.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,n;if(this.showHeader){const i=((o=this.shadowRoot)==null?void 0:o.querySelector(".panel .close-btn"))||null,r=((t=i==null?void 0:i.shadowRoot)==null?void 0:t.querySelector("button"))||null;r&&((e=r.focus)==null||e.call(r))}else{const i=this.getFocusableElements()[0];(n=i==null?void 0:i.focus)==null||n.call(i)}}),this.dispatchEvent(new CustomEvent("open",{bubbles:!0,composed:!0}))}closePanel(){var o,t,e,n,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"?(n=(e=(t=this.previousFocusedElement.shadowRoot)==null?void 0:t.querySelector(".button"))==null?void 0:e.focus)==null||n.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`
|
|
819
819
|
<div class="header">
|
|
820
820
|
${this.showHeaderStartIcon?l`
|
|
821
821
|
<o-icon-button
|
|
@@ -874,7 +874,7 @@
|
|
|
874
874
|
variant="${this.firstButtonVariant}"
|
|
875
875
|
@click=${this.handleFirstClick}
|
|
876
876
|
@keydown=${this.handleFirstClick}
|
|
877
|
-
${
|
|
877
|
+
${oe(this.firstButtonProps)}
|
|
878
878
|
>
|
|
879
879
|
${this.firstButtonLabel}
|
|
880
880
|
</o-button>
|
|
@@ -885,7 +885,7 @@
|
|
|
885
885
|
variant="${this.secondButtonVariant}"
|
|
886
886
|
@click=${this.handleSecondClick}
|
|
887
887
|
@keydown=${this.handleSecondClick}
|
|
888
|
-
${
|
|
888
|
+
${oe(this.secondButtonProps)}
|
|
889
889
|
>
|
|
890
890
|
${this.secondButtonLabel}
|
|
891
891
|
</o-button>
|
|
@@ -893,7 +893,7 @@
|
|
|
893
893
|
</div>
|
|
894
894
|
`:null}
|
|
895
895
|
</div>
|
|
896
|
-
`}};u.styles=
|
|
896
|
+
`}};u.styles=y`
|
|
897
897
|
:host {
|
|
898
898
|
--z-overlay: 99;
|
|
899
899
|
--z-panel: 100;
|
|
@@ -997,7 +997,7 @@
|
|
|
997
997
|
.panel:focus-visible,
|
|
998
998
|
.close-btn:focus,
|
|
999
999
|
.close-btn:focus-visible {
|
|
1000
|
-
${
|
|
1000
|
+
${vt}
|
|
1001
1001
|
}
|
|
1002
1002
|
|
|
1003
1003
|
.content {
|
|
@@ -1081,7 +1081,7 @@
|
|
|
1081
1081
|
.detail-content {
|
|
1082
1082
|
padding: var(--spacing-xl);
|
|
1083
1083
|
}
|
|
1084
|
-
`;u.focusablesSelector='button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"]), o-icon-button, o-button';u.focusablesCustomElementsSelector="o-icon-button, o-button";b([a({type:Boolean,reflect:!0})],u.prototype,"open",2);b([a({type:Boolean,reflect:!0})],u.prototype,"showHeader",2);b([a({type:Boolean,reflect:!0})],u.prototype,"showFooter",2);b([a({type:Boolean,reflect:!0})],u.prototype,"showHeaderStartIcon",2);b([a({type:String,reflect:!0})],u.prototype,"headerTitle",2);b([a({type:String,reflect:!0})],u.prototype,"headerTitleClassName",2);b([a({type:String,reflect:!0})],u.prototype,"closeButtonLabel",2);b([a({type:String,reflect:!0})],u.prototype,"firstButtonLabel",2);b([a({type:String,reflect:!0})],u.prototype,"firstButtonVariant",2);b([a({type:Object,reflect:!0})],u.prototype,"firstButtonProps",2);b([a({type:Boolean,reflect:!0})],u.prototype,"onFirstButtonClickClose",2);b([a({type:String,reflect:!0})],u.prototype,"secondButtonLabel",2);b([a({type:String,reflect:!0})],u.prototype,"secondButtonVariant",2);b([a({type:Object,reflect:!0})],u.prototype,"secondButtonProps",2);b([a({type:Boolean,reflect:!0})],u.prototype,"onSecondButtonClickClose",2);b([a({type:Boolean,reflect:!0})],u.prototype,"disablePortal",2);b([a({type:Number,reflect:!0})],u.prototype,"zIndex",2);b([a({type:Boolean,reflect:!0})],u.prototype,"initialized",2);b([a({type:Boolean})],u.prototype,"showDetail",2);b([a({type:Boolean})],u.prototype,"isHidingDetail",2);u=b([w("o-side-panel")],u);var
|
|
1084
|
+
`;u.focusablesSelector='button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"]), o-icon-button, o-button';u.focusablesCustomElementsSelector="o-icon-button, o-button";b([a({type:Boolean,reflect:!0})],u.prototype,"open",2);b([a({type:Boolean,reflect:!0})],u.prototype,"showHeader",2);b([a({type:Boolean,reflect:!0})],u.prototype,"showFooter",2);b([a({type:Boolean,reflect:!0})],u.prototype,"showHeaderStartIcon",2);b([a({type:String,reflect:!0})],u.prototype,"headerTitle",2);b([a({type:String,reflect:!0})],u.prototype,"headerTitleClassName",2);b([a({type:String,reflect:!0})],u.prototype,"closeButtonLabel",2);b([a({type:String,reflect:!0})],u.prototype,"firstButtonLabel",2);b([a({type:String,reflect:!0})],u.prototype,"firstButtonVariant",2);b([a({type:Object,reflect:!0})],u.prototype,"firstButtonProps",2);b([a({type:Boolean,reflect:!0})],u.prototype,"onFirstButtonClickClose",2);b([a({type:String,reflect:!0})],u.prototype,"secondButtonLabel",2);b([a({type:String,reflect:!0})],u.prototype,"secondButtonVariant",2);b([a({type:Object,reflect:!0})],u.prototype,"secondButtonProps",2);b([a({type:Boolean,reflect:!0})],u.prototype,"onSecondButtonClickClose",2);b([a({type:Boolean,reflect:!0})],u.prototype,"disablePortal",2);b([a({type:Number,reflect:!0})],u.prototype,"zIndex",2);b([a({type:Boolean,reflect:!0})],u.prototype,"initialized",2);b([a({type:Boolean})],u.prototype,"showDetail",2);b([a({type:Boolean})],u.prototype,"isHidingDetail",2);u=b([w("o-side-panel")],u);var Ao=Object.defineProperty,Eo=Object.getOwnPropertyDescriptor,N=(o,t,e,n)=>{for(var i=n>1?void 0:n?Eo(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&Ao(t,e,i),i};let O=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`
|
|
1085
1085
|
<o-icon-button
|
|
1086
1086
|
icon="playerv"
|
|
1087
1087
|
size="xsmall"
|
|
@@ -1112,7 +1112,7 @@
|
|
|
1112
1112
|
</li>
|
|
1113
1113
|
`})}
|
|
1114
1114
|
</ul>
|
|
1115
|
-
`}};O.styles=
|
|
1115
|
+
`}};O.styles=y`
|
|
1116
1116
|
:host {
|
|
1117
1117
|
display: flex;
|
|
1118
1118
|
gap: 5px;
|
|
@@ -1217,9 +1217,9 @@
|
|
|
1217
1217
|
height: 0;
|
|
1218
1218
|
width: 0;
|
|
1219
1219
|
}
|
|
1220
|
-
`;N([a({type:Array})],O.prototype,"thumbnails",2);N([a({type:Number})],O.prototype,"activeIndex",2);N([a({type:Array})],O.prototype,"disabledIndexes",2);N([a({type:String})],O.prototype,"maxWidth",2);N([a({type:String})],O.prototype,"altressource",2);N([a({type:Object})],O.prototype,"swiperInstance",2);N([K()],O.prototype,"focusedIndex",2);O=N([w("thumbnail-navigation")],O);var
|
|
1220
|
+
`;N([a({type:Array})],O.prototype,"thumbnails",2);N([a({type:Number})],O.prototype,"activeIndex",2);N([a({type:Array})],O.prototype,"disabledIndexes",2);N([a({type:String})],O.prototype,"maxWidth",2);N([a({type:String})],O.prototype,"altressource",2);N([a({type:Object})],O.prototype,"swiperInstance",2);N([K()],O.prototype,"focusedIndex",2);O=N([w("thumbnail-navigation")],O);var So=Object.defineProperty,Lo=Object.getOwnPropertyDescriptor,Ft=(o,t,e,n)=>{for(var i=n>1?void 0:n?Lo(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&So(t,e,i),i};let lt=class extends v{constructor(){super(...arguments),this.type="",this.bgstyle="background-white"}render(){return l`
|
|
1221
1221
|
<span class="tag ${this.bgstyle}"><slot></slot></span>
|
|
1222
|
-
`}};lt.styles=
|
|
1222
|
+
`}};lt.styles=y`
|
|
1223
1223
|
.tag {
|
|
1224
1224
|
display: inline-block;
|
|
1225
1225
|
padding: var(--spacing-2-xs) var(--spacing-s);
|
|
@@ -1276,12 +1276,12 @@
|
|
|
1276
1276
|
}
|
|
1277
1277
|
}
|
|
1278
1278
|
|
|
1279
|
-
`;
|
|
1279
|
+
`;Ft([a({type:String,reflect:!0})],lt.prototype,"type",2);Ft([a({type:String,reflect:!0})],lt.prototype,"bgstyle",2);lt=Ft([w("o-tag")],lt);var Po=Object.defineProperty,Io=Object.getOwnPropertyDescriptor,Rt=(o,t,e,n)=>{for(var i=n>1?void 0:n?Io(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&Po(t,e,i),i};let ct=class extends v{constructor(){super(...arguments),this.type="top",this.text=""}render(){return l`
|
|
1280
1280
|
<div class="tooltip">
|
|
1281
1281
|
<span class="tooltiptext">${this.text}</span>
|
|
1282
1282
|
<slot></slot>
|
|
1283
1283
|
</div>
|
|
1284
|
-
`}};ct.styles=
|
|
1284
|
+
`}};ct.styles=y`
|
|
1285
1285
|
.tooltip {
|
|
1286
1286
|
position: relative;
|
|
1287
1287
|
display: inline-block;
|
|
@@ -1373,7 +1373,7 @@
|
|
|
1373
1373
|
border-color: transparent var(--color-alpha-dark-strongest) transparent transparent;
|
|
1374
1374
|
}
|
|
1375
1375
|
|
|
1376
|
-
`;Rt([a({type:String,reflect:!0})],ct.prototype,"type",2);Rt([a({type:String,reflect:!0})],ct.prototype,"text",2);ct=Rt([w("o-tooltip")],ct);var
|
|
1376
|
+
`;Rt([a({type:String,reflect:!0})],ct.prototype,"type",2);Rt([a({type:String,reflect:!0})],ct.prototype,"text",2);ct=Rt([w("o-tooltip")],ct);var Oo=Object.defineProperty,Bo=Object.getOwnPropertyDescriptor,H=(o,t,e,n)=>{for(var i=n>1?void 0:n?Bo(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&Oo(t,e,i),i};let L=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=G.checkstroke.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"'),t=this.options.find(e=>e.value===this.value);return l`
|
|
1377
1377
|
<button
|
|
1378
1378
|
role="combobox"
|
|
1379
1379
|
aria-haspopup="listbox"
|
|
@@ -1421,7 +1421,7 @@
|
|
|
1421
1421
|
</ul>`:null}
|
|
1422
1422
|
|
|
1423
1423
|
<input type="hidden" name="${this.name}" .value="${this.value}" />
|
|
1424
|
-
`}};L.styles=
|
|
1424
|
+
`}};L.styles=y`
|
|
1425
1425
|
:host {
|
|
1426
1426
|
display: inline-block;
|
|
1427
1427
|
position: relative;
|
|
@@ -1560,7 +1560,7 @@
|
|
|
1560
1560
|
input[type="hidden"] {
|
|
1561
1561
|
display: none;
|
|
1562
1562
|
}
|
|
1563
|
-
`;H([a({type:Array,reflect:!0})],L.prototype,"options",2);H([a({type:String,reflect:!0})],L.prototype,"value",2);H([a({type:String,reflect:!0})],L.prototype,"name",2);H([a({type:Boolean,reflect:!0})],L.prototype,"disabled",2);H([a({type:String,reflect:!0})],L.prototype,"width",2);H([K()],L.prototype,"open",2);H([K()],L.prototype,"activeIndex",2);H([K()],L.prototype,"menuWidth",2);L=H([w("o-dropdown")],L);var
|
|
1563
|
+
`;H([a({type:Array,reflect:!0})],L.prototype,"options",2);H([a({type:String,reflect:!0})],L.prototype,"value",2);H([a({type:String,reflect:!0})],L.prototype,"name",2);H([a({type:Boolean,reflect:!0})],L.prototype,"disabled",2);H([a({type:String,reflect:!0})],L.prototype,"width",2);H([K()],L.prototype,"open",2);H([K()],L.prototype,"activeIndex",2);H([K()],L.prototype,"menuWidth",2);L=H([w("o-dropdown")],L);var zo=Object.getOwnPropertyDescriptor,Do=(o,t,e,n)=>{for(var i=n>1?void 0:n?zo(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=s(i)||i);return i};let Pt=class extends v{render(){return l` <span class="dots"></span> `}};Pt.styles=y`
|
|
1564
1564
|
:host {
|
|
1565
1565
|
display: flex;
|
|
1566
1566
|
align-items: center;
|
|
@@ -1611,7 +1611,7 @@
|
|
|
1611
1611
|
background-color: var(--color-container-action-primary-pressed);
|
|
1612
1612
|
}
|
|
1613
1613
|
}
|
|
1614
|
-
`;
|
|
1614
|
+
`;Pt=Do([w("o-dots")],Pt);var Ho=Object.defineProperty,Mo=Object.getOwnPropertyDescriptor,z=(o,t,e,n)=>{for(var i=n>1?void 0:n?Mo(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&Ho(t,e,i),i};let k=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=G.checkstroke.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"'),t=this.options.find(e=>e.value===this.value);return l`
|
|
1615
1615
|
<button
|
|
1616
1616
|
role="combobox"
|
|
1617
1617
|
aria-haspopup="listbox"
|
|
@@ -1673,7 +1673,7 @@
|
|
|
1673
1673
|
</ul>`:null}
|
|
1674
1674
|
|
|
1675
1675
|
<input type="hidden" name="${this.name}" .value="${this.value}" />
|
|
1676
|
-
`}};k.styles=
|
|
1676
|
+
`}};k.styles=y`
|
|
1677
1677
|
:host {
|
|
1678
1678
|
display: inline-block;
|
|
1679
1679
|
position: relative;
|
|
@@ -1852,13 +1852,13 @@
|
|
|
1852
1852
|
* @license
|
|
1853
1853
|
* Copyright 2018 Google LLC
|
|
1854
1854
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
1855
|
-
*/const
|
|
1856
|
-
${this.option.imgurl?l`<img src="${this.option.imgurl}" alt="${_(this.option.title)}" aria-hidden="true" style=${
|
|
1855
|
+
*/const he="important",To=" !"+he,jo=Tt(class extends jt{constructor(o){var t;if(super(o),o.type!==Mt.ATTRIBUTE||o.name!=="style"||((t=o.strings)==null?void 0:t.length)>2)throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.")}render(o){return Object.keys(o).reduce((t,e)=>{const n=o[e];return n==null?t:t+`${e=e.includes("-")?e:e.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,"-$&").toLowerCase()}:${n};`},"")}update(o,[t]){const{style:e}=o.element;if(this.ft===void 0)return this.ft=new Set(Object.keys(t)),this.render(t);for(const n of this.ft)t[n]==null&&(this.ft.delete(n),n.includes("-")?e.removeProperty(n):e[n]=null);for(const n in t){const i=t[n];if(i!=null){this.ft.add(n);const r=typeof i=="string"&&i.endsWith(To);n.includes("-")||r?e.setProperty(n,r?i.slice(0,-11):i,r?he:""):e[n]=i}}return U}});var Fo=Object.defineProperty,Ro=Object.getOwnPropertyDescriptor,Ut=(o,t,e,n)=>{for(var i=n>1?void 0:n?Ro(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&Fo(t,e,i),i};let ht=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`
|
|
1856
|
+
${this.option.imgurl?l`<img src="${this.option.imgurl}" alt="${_(this.option.title)}" aria-hidden="true" style=${jo(t)} />`:""}
|
|
1857
1857
|
<div class="m-reassurance-content">
|
|
1858
1858
|
<h3 class="a-reassurance-text">${_(this.option.title)}</h3>
|
|
1859
1859
|
<p class="a-reassurance-description">${_(this.option.description)}</p>
|
|
1860
1860
|
</div>
|
|
1861
|
-
`;return o?l`<a href="${_(this.option.url)}" class="reassurance-item clickable">${e}</a>`:l`<div class="reassurance-item">${e}</div>`}};ht.styles=
|
|
1861
|
+
`;return o?l`<a href="${_(this.option.url)}" class="reassurance-item clickable">${e}</a>`:l`<div class="reassurance-item">${e}</div>`}};ht.styles=y`
|
|
1862
1862
|
:host {
|
|
1863
1863
|
display: inline-block;
|
|
1864
1864
|
position: relative;
|
|
@@ -1939,7 +1939,7 @@
|
|
|
1939
1939
|
overflow: hidden;
|
|
1940
1940
|
}
|
|
1941
1941
|
}
|
|
1942
|
-
`;Ut([a({type:Object,reflect:!0})],ht.prototype,"option",2);Ut([a({type:Number,reflect:!0})],ht.prototype,"imageSize",2);ht=Ut([w("o-reassurance")],ht);var
|
|
1942
|
+
`;Ut([a({type:Object,reflect:!0})],ht.prototype,"option",2);Ut([a({type:Number,reflect:!0})],ht.prototype,"imageSize",2);ht=Ut([w("o-reassurance")],ht);var Uo=Object.defineProperty,No=Object.getOwnPropertyDescriptor,M=(o,t,e,n)=>{for(var i=n>1?void 0:n?No(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&Uo(t,e,i),i};const Vo=Ht(v);let A=class extends Vo{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`
|
|
1943
1943
|
<a href="${this.link}" class="o-chip" tabindex="${this.inactive?"-1":"0"}" aria-hidden="${this.inactive?"true":"false"}">
|
|
1944
1944
|
${o?this.text:l`<slot></slot>`}
|
|
1945
1945
|
</a>
|
|
@@ -1948,7 +1948,7 @@
|
|
|
1948
1948
|
aria-label=${this.ariaLabel} aria-pressed=${this.selected}>
|
|
1949
1949
|
${o?this.text:l`<slot></slot>`}
|
|
1950
1950
|
</button>
|
|
1951
|
-
`}};A.styles=
|
|
1951
|
+
`}};A.styles=y`
|
|
1952
1952
|
:host {
|
|
1953
1953
|
cursor: pointer;
|
|
1954
1954
|
display: inline-flex;
|
|
@@ -2024,7 +2024,7 @@
|
|
|
2024
2024
|
}
|
|
2025
2025
|
|
|
2026
2026
|
&:focus-visible {
|
|
2027
|
-
${
|
|
2027
|
+
${vt};
|
|
2028
2028
|
}
|
|
2029
2029
|
}
|
|
2030
2030
|
|
|
@@ -2037,16 +2037,16 @@
|
|
|
2037
2037
|
display: inline-flex;
|
|
2038
2038
|
align-items: center;
|
|
2039
2039
|
}
|
|
2040
|
-
`;M([a({type:String,reflect:!0})],A.prototype,"link",2);M([a({reflect:!0})],A.prototype,"name",2);M([a({reflect:!0})],A.prototype,"value",2);M([a({type:String})],A.prototype,"text",2);M([a({type:String,reflect:!0})],A.prototype,"size",2);M([a({type:Boolean,reflect:!0})],A.prototype,"selected",2);M([a({type:Boolean,reflect:!0})],A.prototype,"fullwidth",2);M([a({type:Boolean,reflect:!0})],A.prototype,"inactive",2);A=M([w("o-chip")],A);var
|
|
2040
|
+
`;M([a({type:String,reflect:!0})],A.prototype,"link",2);M([a({reflect:!0})],A.prototype,"name",2);M([a({reflect:!0})],A.prototype,"value",2);M([a({type:String})],A.prototype,"text",2);M([a({type:String,reflect:!0})],A.prototype,"size",2);M([a({type:Boolean,reflect:!0})],A.prototype,"selected",2);M([a({type:Boolean,reflect:!0})],A.prototype,"fullwidth",2);M([a({type:Boolean,reflect:!0})],A.prototype,"inactive",2);A=M([w("o-chip")],A);var qo=Object.defineProperty,Zo=Object.getOwnPropertyDescriptor,Nt=(o,t,e,n)=>{for(var i=n>1?void 0:n?Zo(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&qo(t,e,i),i};let dt=class extends v{constructor(){super(),this.name="",this.value="",this.addEventListener("selected",this.onChipSelected)}onChipSelected(o){const t=o.target instanceof A?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`
|
|
2041
2041
|
<slot></slot>
|
|
2042
|
-
`}};dt.styles=
|
|
2042
|
+
`}};dt.styles=y`
|
|
2043
2043
|
:host {
|
|
2044
2044
|
display: flex;
|
|
2045
2045
|
flex-direction: row;
|
|
2046
2046
|
flex-wrap: wrap;
|
|
2047
2047
|
gap: var(--spacing-s);
|
|
2048
2048
|
}
|
|
2049
|
-
`;
|
|
2049
|
+
`;Nt([a({reflect:!0})],dt.prototype,"name",2);Nt([a({reflect:!0})],dt.prototype,"value",2);dt=Nt([w("o-chipset")],dt);var Wo=Object.defineProperty,Ko=Object.getOwnPropertyDescriptor,T=(o,t,e,n)=>{for(var i=n>1?void 0:n?Ko(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&Wo(t,e,i),i};const Go=Ht(v);let P=class extends Go{constructor(){super(...arguments),this.name="",this.value="",this.type="",this.dataHref="",this.text="",this.selected=!1,this.disabled=!1,this.fullwidth=!1,this.crossIconName="cross",this.strikethroughImgName="strikeDiagonal"}handleClick(o){if(o instanceof KeyboardEvent&&o.key!=="Enter"&&o.key!==" ")return;this.selected=!this.selected;const t={selected:this.selected},e=new CustomEvent("selected",{detail:t,bubbles:!0,composed:!0,cancelable:!0});this.dispatchEvent(e),e.defaultPrevented&&o.preventDefault(),this.selected=t.selected}crossIcon(){const o=G[this.crossIconName].replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"').replace(/stroke=[#"'a-z1-9]*/gi,"");return l`<span class="cross-icon">${I(o)}</span>`}strikeThroughImg(){const o=io[this.strikethroughImgName].replace("<svg",'<svg aria-hidden="true" focusable="false" part="strikethrough"').replace(/stroke=[#"'a-z1-9]*/gi,"");return I(o)}render(){const o=this.text;return l`${this.type==="link"?l`
|
|
2050
2050
|
<a role="button" tabindex="0" class="button" href=${this.dataHref} ?disabled=${this.disabled} @click=${this.handleClick} @keydown=${this.handleClick}
|
|
2051
2051
|
aria-label=${this.ariaLabel} aria-pressed=${this.selected}>
|
|
2052
2052
|
${o?l`
|
|
@@ -2066,7 +2066,7 @@
|
|
|
2066
2066
|
</button>
|
|
2067
2067
|
`}
|
|
2068
2068
|
${this.disabled?this.strikeThroughImg():d}
|
|
2069
|
-
`}};P.styles=
|
|
2069
|
+
`}};P.styles=y`
|
|
2070
2070
|
:host {
|
|
2071
2071
|
cursor: pointer;
|
|
2072
2072
|
display: inline-flex;
|
|
@@ -2146,7 +2146,7 @@
|
|
|
2146
2146
|
}
|
|
2147
2147
|
|
|
2148
2148
|
.button:focus-visible {
|
|
2149
|
-
${
|
|
2149
|
+
${vt};
|
|
2150
2150
|
}
|
|
2151
2151
|
|
|
2152
2152
|
span.text + span.text::before {
|
|
@@ -2191,7 +2191,7 @@
|
|
|
2191
2191
|
stroke-linecap: round;
|
|
2192
2192
|
}
|
|
2193
2193
|
}
|
|
2194
|
-
`;T([a({reflect:!0})],P.prototype,"name",2);T([a({reflect:!0})],P.prototype,"value",2);T([a({type:String,reflect:!0})],P.prototype,"type",2);T([a({type:String,reflect:!0,attribute:"data-href"})],P.prototype,"dataHref",2);T([a({type:String})],P.prototype,"text",2);T([a({type:Boolean,reflect:!0})],P.prototype,"selected",2);T([a({type:Boolean,reflect:!0})],P.prototype,"disabled",2);T([a({type:Boolean,reflect:!0})],P.prototype,"fullwidth",2);P=T([w("o-filter-chip")],P);var
|
|
2194
|
+
`;T([a({reflect:!0})],P.prototype,"name",2);T([a({reflect:!0})],P.prototype,"value",2);T([a({type:String,reflect:!0})],P.prototype,"type",2);T([a({type:String,reflect:!0,attribute:"data-href"})],P.prototype,"dataHref",2);T([a({type:String})],P.prototype,"text",2);T([a({type:Boolean,reflect:!0})],P.prototype,"selected",2);T([a({type:Boolean,reflect:!0})],P.prototype,"disabled",2);T([a({type:Boolean,reflect:!0})],P.prototype,"fullwidth",2);P=T([w("o-filter-chip")],P);var Xo=Object.defineProperty,j=(o,t,e,n)=>{for(var i=void 0,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=s(t,e,i)||i);return i&&Xo(t,e,i),i};const qt=class qt 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`
|
|
2195
2195
|
<o-icon-button
|
|
2196
2196
|
@click=${this.onClick}
|
|
2197
2197
|
icon="chevronRight"
|
|
@@ -2223,7 +2223,7 @@
|
|
|
2223
2223
|
</div>
|
|
2224
2224
|
${this.icons}
|
|
2225
2225
|
</div>
|
|
2226
|
-
`}};
|
|
2226
|
+
`}};qt.styles=y`
|
|
2227
2227
|
:host {
|
|
2228
2228
|
display: block;
|
|
2229
2229
|
max-width: 100%;
|
|
@@ -2306,4 +2306,41 @@
|
|
|
2306
2306
|
letter-spacing: var(--letter-spacing-absolute);
|
|
2307
2307
|
line-height: var(--line-height-160);
|
|
2308
2308
|
}
|
|
2309
|
-
`;let E=
|
|
2309
|
+
`;let E=qt;j([a({type:String})],E.prototype,"type");j([a({type:String})],E.prototype,"titleProduct");j([a({type:String})],E.prototype,"volume");j([a({type:String})],E.prototype,"perLiter");j([a({type:String})],E.prototype,"mainPrice");j([a({type:String})],E.prototype,"imageUrl");j([a({type:String})],E.prototype,"altImage");j([a({type:Boolean})],E.prototype,"fullwidth");j([a({type:Function})],E.prototype,"onClickTile");customElements.define("mini-tile",E);var Jo=Object.defineProperty,Qo=Object.getOwnPropertyDescriptor,Vt=(o,t,e,n)=>{for(var i=n>1?void 0:n?Qo(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&Jo(t,e,i),i};let pt=class extends v{constructor(){super(...arguments),this.variant="cart",this.text=""}render(){return l`
|
|
2310
|
+
<span class="badge">
|
|
2311
|
+
${this.text?this.text:l`<slot></slot>`}
|
|
2312
|
+
</span>
|
|
2313
|
+
`}};pt.styles=y`
|
|
2314
|
+
:host([variant]) {
|
|
2315
|
+
display: inline-block;
|
|
2316
|
+
--background-color: var(--color-container-brand-accent);
|
|
2317
|
+
--border-color: var(--color-border-primary);
|
|
2318
|
+
--text-color: var(--color-content-body);
|
|
2319
|
+
}
|
|
2320
|
+
|
|
2321
|
+
:host([variant="filter"]) {
|
|
2322
|
+
--background-color: var(--color-container-filter-default);
|
|
2323
|
+
--border-color: var(--color-container-filter-default);
|
|
2324
|
+
--text-color: var(--color-content-filter);
|
|
2325
|
+
}
|
|
2326
|
+
|
|
2327
|
+
.badge {
|
|
2328
|
+
display: block;
|
|
2329
|
+
padding: 1px var(--spacing-4-xs) var(--spacing-4-xs) 1px;
|
|
2330
|
+
box-sizing: content-box;
|
|
2331
|
+
font-family: var(--font-family-loccitane-sans);
|
|
2332
|
+
font-weight: var(--font-weight-400);
|
|
2333
|
+
height: var(--line-height-160);
|
|
2334
|
+
width: var(--line-height-160);
|
|
2335
|
+
text-align: center;
|
|
2336
|
+
overflow: hidden;
|
|
2337
|
+
background: var(--background-color);
|
|
2338
|
+
border: var(--border-s) solid var(--border-color);
|
|
2339
|
+
border-radius: 100%;
|
|
2340
|
+
font-size: var(--font-size-100);
|
|
2341
|
+
letter-spacing: var(--letter-spacing-400);
|
|
2342
|
+
line-height: var(--line-height-160);
|
|
2343
|
+
color: var(--text-color);
|
|
2344
|
+
}
|
|
2345
|
+
|
|
2346
|
+
`;Vt([a({type:String,reflect:!0})],pt.prototype,"variant",2);Vt([a({type:String})],pt.prototype,"text",2);pt=Vt([w("o-badge")],pt);
|