@florid-kit/components 0.8.6 → 0.8.8
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/chip.d.ts +16 -0
- package/index.js +124 -83
- package/index.mjs +494 -427
- 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 at=globalThis,$t=at.ShadowRoot&&(at.ShadyCSS===void 0||at.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,_t=Symbol(),It=new WeakMap;let Ft=class{constructor(t,e,r){if(this._$cssResult$=!0,r!==_t)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($t&&t===void 0){const r=e!==void 0&&e.length===1;r&&(t=It.get(e)),t===void 0&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),r&&It.set(e,t))}return t}toString(){return this.cssText}};const Xt=o=>new Ft(typeof o=="string"?o:o+"",void 0,_t),y=(o,...t)=>{const e=o.length===1?o[0]:t.reduce((r,i,s)=>r+(n=>{if(n._$cssResult$===!0)return n.cssText;if(typeof n=="number")return n;throw Error("Value passed to 'css' function must be a 'css' function result: "+n+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(i)+o[s+1],o[0]);return new Ft(e,o,_t)},Jt=(o,t)=>{if($t)o.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(const e of t){const r=document.createElement("style"),i=at.litNonce;i!==void 0&&r.setAttribute("nonce",i),r.textContent=e.cssText,o.appendChild(r)}},Ot=$t?o=>o:o=>o instanceof CSSStyleSheet?(t=>{let e="";for(const r of t.cssRules)e+=r.cssText;return Xt(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:Yt,defineProperty:Qt,getOwnPropertyDescriptor:te,getOwnPropertyNames:ee,getOwnPropertySymbols:oe,getPrototypeOf:ie}=Object,z=globalThis,Pt=z.trustedTypes,re=Pt?Pt.emptyScript:"",vt=z.reactiveElementPolyfillSupport,J=(o,t)=>o,lt={toAttribute(o,t){switch(t){case Boolean:o=o?re: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}},Ct=(o,t)=>!Yt(o,t),Bt={attribute:!0,type:String,converter:lt,reflect:!1,useDefault:!1,hasChanged:Ct};Symbol.metadata??(Symbol.metadata=Symbol("metadata")),z.litPropertyMetadata??(z.litPropertyMetadata=new WeakMap);let V=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=Bt){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 r=Symbol(),i=this.getPropertyDescriptor(t,r,e);i!==void 0&&Qt(this.prototype,t,i)}}static getPropertyDescriptor(t,e,r){const{get:i,set:s}=te(this.prototype,t)??{get(){return this[e]},set(n){this[e]=n}};return{get:i,set(n){const h=i==null?void 0:i.call(this);s==null||s.call(this,n),this.requestUpdate(t,h,r)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??Bt}static _$Ei(){if(this.hasOwnProperty(J("elementProperties")))return;const t=ie(this);t.finalize(),t.l!==void 0&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(J("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(J("properties"))){const e=this.properties,r=[...ee(e),...oe(e)];for(const i of r)this.createProperty(i,e[i])}const t=this[Symbol.metadata];if(t!==null){const e=litPropertyMetadata.get(t);if(e!==void 0)for(const[r,i]of e)this.elementProperties.set(r,i)}this._$Eh=new Map;for(const[e,r]of this.elementProperties){const i=this._$Eu(e,r);i!==void 0&&this._$Eh.set(i,e)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(t){const e=[];if(Array.isArray(t)){const r=new Set(t.flat(1/0).reverse());for(const i of r)e.unshift(Ot(i))}else t!==void 0&&e.push(Ot(t));return e}static _$Eu(t,e){const r=e.attribute;return r===!1?void 0:typeof r=="string"?r: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 r of e.keys())this.hasOwnProperty(r)&&(t.set(r,this[r]),delete this[r]);t.size>0&&(this._$Ep=t)}createRenderRoot(){const t=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return Jt(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 r;return(r=e.hostConnected)==null?void 0:r.call(e)})}enableUpdating(t){}disconnectedCallback(){var t;(t=this._$EO)==null||t.forEach(e=>{var r;return(r=e.hostDisconnected)==null?void 0:r.call(e)})}attributeChangedCallback(t,e,r){this._$AK(t,r)}_$ET(t,e){var s;const r=this.constructor.elementProperties.get(t),i=this.constructor._$Eu(t,r);if(i!==void 0&&r.reflect===!0){const n=(((s=r.converter)==null?void 0:s.toAttribute)!==void 0?r.converter:lt).toAttribute(e,r.type);this._$Em=t,n==null?this.removeAttribute(i):this.setAttribute(i,n),this._$Em=null}}_$AK(t,e){var s,n;const r=this.constructor,i=r._$Eh.get(t);if(i!==void 0&&this._$Em!==i){const h=r.getPropertyOptions(i),c=typeof h.converter=="function"?{fromAttribute:h.converter}:((s=h.converter)==null?void 0:s.fromAttribute)!==void 0?h.converter:lt;this._$Em=i,this[i]=c.fromAttribute(e,h.type)??((n=this._$Ej)==null?void 0:n.get(i))??null,this._$Em=null}}requestUpdate(t,e,r){var i;if(t!==void 0){const s=this.constructor,n=this[t];if(r??(r=s.getPropertyOptions(t)),!((r.hasChanged??Ct)(n,e)||r.useDefault&&r.reflect&&n===((i=this._$Ej)==null?void 0:i.get(t))&&!this.hasAttribute(s._$Eu(t,r))))return;this.C(t,e,r)}this.isUpdatePending===!1&&(this._$ES=this._$EP())}C(t,e,{useDefault:r,reflect:i,wrapped:s},n){r&&!(this._$Ej??(this._$Ej=new Map)).has(t)&&(this._$Ej.set(t,n??e??this[t]),s!==!0||n!==void 0)||(this._$AL.has(t)||(this.hasUpdated||r||(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 r;if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??(this.renderRoot=this.createRenderRoot()),this._$Ep){for(const[s,n]of this._$Ep)this[s]=n;this._$Ep=void 0}const i=this.constructor.elementProperties;if(i.size>0)for(const[s,n]of i){const{wrapped:h}=n,c=this[s];h!==!0||this._$AL.has(s)||c===void 0||this.C(s,void 0,n,c)}}let t=!1;const e=this._$AL;try{t=this.shouldUpdate(e),t?(this.willUpdate(e),(r=this._$EO)==null||r.forEach(i=>{var s;return(s=i.hostUpdate)==null?void 0:s.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(r=>{var i;return(i=r.hostUpdated)==null?void 0:i.call(r)}),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){}};V.elementStyles=[],V.shadowRootOptions={mode:"open"},V[J("elementProperties")]=new Map,V[J("finalized")]=new Map,vt==null||vt({ReactiveElement:V}),(z.reactiveElementVersions??(z.reactiveElementVersions=[])).push("2.1.0");/**
|
|
10
10
|
* @license
|
|
11
11
|
* Copyright 2017 Google LLC
|
|
12
12
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
13
|
-
*/const
|
|
14
|
-
\f\r]`,
|
|
15
|
-
\f\r"'\`<>=]|("|')|))|$)`,"g"),
|
|
13
|
+
*/const Y=globalThis,ct=Y.trustedTypes,zt=ct?ct.createPolicy("lit-html",{createHTML:o=>o}):void 0,Nt="$lit$",B=`lit$${Math.random().toFixed(9).slice(2)}$`,Rt="?"+B,ne=`<${Rt}>`,F=document,Q=()=>F.createComment(""),tt=o=>o===null||typeof o!="object"&&typeof o!="function",kt=Array.isArray,se=o=>kt(o)||typeof(o==null?void 0:o[Symbol.iterator])=="function",gt=`[
|
|
14
|
+
\f\r]`,X=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,Dt=/-->/g,Ht=/>/g,T=RegExp(`>|${gt}(?:([^\\s"'>=/]+)(${gt}*=${gt}*(?:[^
|
|
15
|
+
\f\r"'\`<>=]|("|')|))|$)`,"g"),Mt=/'/g,Tt=/"/g,Vt=/^(?:script|style|textarea|title)$/i,ae=o=>(t,...e)=>({_$litType$:o,strings:t,values:e}),l=ae(1),D=Symbol.for("lit-noChange"),d=Symbol.for("lit-nothing"),jt=new WeakMap,j=F.createTreeWalker(F,129);function Zt(o,t){if(!kt(o)||!o.hasOwnProperty("raw"))throw Error("invalid template strings array");return zt!==void 0?zt.createHTML(t):t}const le=(o,t)=>{const e=o.length-1,r=[];let i,s=t===2?"<svg>":t===3?"<math>":"",n=X;for(let h=0;h<e;h++){const c=o[h];let v,f,p=-1,L=0;for(;L<c.length&&(n.lastIndex=L,f=n.exec(c),f!==null);)L=n.lastIndex,n===X?f[1]==="!--"?n=Dt:f[1]!==void 0?n=Ht:f[2]!==void 0?(Vt.test(f[2])&&(i=RegExp("</"+f[2],"g")),n=T):f[3]!==void 0&&(n=T):n===T?f[0]===">"?(n=i??X,p=-1):f[1]===void 0?p=-2:(p=n.lastIndex-f[2].length,v=f[1],n=f[3]===void 0?T:f[3]==='"'?Tt:Mt):n===Tt||n===Mt?n=T:n===Dt||n===Ht?n=X:(n=T,i=void 0);const P=n===T&&o[h+1].startsWith("/>")?" ":"";s+=n===X?c+ne:p>=0?(r.push(v),c.slice(0,p)+Nt+c.slice(p)+B+P):c+B+(p===-2?h:P)}return[Zt(o,s+(o[e]||"<?>")+(t===2?"</svg>":t===3?"</math>":"")),r]};class et{constructor({strings:t,_$litType$:e},r){let i;this.parts=[];let s=0,n=0;const h=t.length-1,c=this.parts,[v,f]=le(t,e);if(this.el=et.createElement(v,r),j.currentNode=this.el.content,e===2||e===3){const p=this.el.content.firstChild;p.replaceWith(...p.childNodes)}for(;(i=j.nextNode())!==null&&c.length<h;){if(i.nodeType===1){if(i.hasAttributes())for(const p of i.getAttributeNames())if(p.endsWith(Nt)){const L=f[n++],P=i.getAttribute(p).split(B),st=/([.?@])?(.*)/.exec(L);c.push({type:1,index:s,name:st[2],strings:P,ctor:st[1]==="."?he:st[1]==="?"?de:st[1]==="@"?pe:ht}),i.removeAttribute(p)}else p.startsWith(B)&&(c.push({type:6,index:s}),i.removeAttribute(p));if(Vt.test(i.tagName)){const p=i.textContent.split(B),L=p.length-1;if(L>0){i.textContent=ct?ct.emptyScript:"";for(let P=0;P<L;P++)i.append(p[P],Q()),j.nextNode(),c.push({type:2,index:++s});i.append(p[L],Q())}}}else if(i.nodeType===8)if(i.data===Rt)c.push({type:2,index:s});else{let p=-1;for(;(p=i.data.indexOf(B,p+1))!==-1;)c.push({type:7,index:s}),p+=B.length-1}s++}}static createElement(t,e){const r=F.createElement("template");return r.innerHTML=t,r}}function Z(o,t,e=o,r){var n,h;if(t===D)return t;let i=r!==void 0?(n=e._$Co)==null?void 0:n[r]:e._$Cl;const s=tt(t)?void 0:t._$litDirective$;return(i==null?void 0:i.constructor)!==s&&((h=i==null?void 0:i._$AO)==null||h.call(i,!1),s===void 0?i=void 0:(i=new s(o),i._$AT(o,e,r)),r!==void 0?(e._$Co??(e._$Co=[]))[r]=i:e._$Cl=i),i!==void 0&&(t=Z(o,i._$AS(o,t.values),i,r)),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:r}=this._$AD,i=((t==null?void 0:t.creationScope)??F).importNode(e,!0);j.currentNode=i;let s=j.nextNode(),n=0,h=0,c=r[0];for(;c!==void 0;){if(n===c.index){let v;c.type===2?v=new nt(s,s.nextSibling,this,t):c.type===1?v=new c.ctor(s,c.name,c.strings,this,t):c.type===6&&(v=new ue(s,this,t)),this._$AV.push(v),c=r[++h]}n!==(c==null?void 0:c.index)&&(s=j.nextNode(),n++)}return j.currentNode=F,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 nt{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=Z(this,t,e),tt(t)?t===d||t==null||t===""?(this._$AH!==d&&this._$AR(),this._$AH=d):t!==this._$AH&&t!==D&&this._(t):t._$litType$!==void 0?this.$(t):t.nodeType!==void 0?this.T(t):se(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&&tt(this._$AH)?this._$AA.nextSibling.data=t:this.T(F.createTextNode(t)),this._$AH=t}$(t){var s;const{values:e,_$litType$:r}=t,i=typeof r=="number"?this._$AC(t):(r.el===void 0&&(r.el=et.createElement(Zt(r.h,r.h[0]),this.options)),r);if(((s=this._$AH)==null?void 0:s._$AD)===i)this._$AH.p(e);else{const n=new ce(i,this),h=n.u(this.options);n.p(e),this.T(h),this._$AH=n}}_$AC(t){let e=jt.get(t.strings);return e===void 0&&jt.set(t.strings,e=new et(t)),e}k(t){kt(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let r,i=0;for(const s of t)i===e.length?e.push(r=new nt(this.O(Q()),this.O(Q()),this,this.options)):r=e[i],r._$AI(s),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 ht{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,e,r,i,s){this.type=1,this._$AH=d,this._$AN=void 0,this.element=t,this.name=e,this._$AM=i,this.options=s,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 s=this.strings;let n=!1;if(s===void 0)t=Z(this,t,e,0),n=!tt(t)||t!==this._$AH&&t!==D,n&&(this._$AH=t);else{const h=t;let c,v;for(t=s[0],c=0;c<s.length-1;c++)v=Z(this,h[r+c],e,c),v===D&&(v=this._$AH[c]),n||(n=!tt(v)||v!==this._$AH[c]),v===d?t=d:t!==d&&(t+=(v??"")+s[c+1]),this._$AH[c]=v}n&&!i&&this.j(t)}j(t){t===d?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}}class he extends ht{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===d?void 0:t}}class de extends ht{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==d)}}class pe extends ht{constructor(t,e,r,i,s){super(t,e,r,i,s),this.type=5}_$AI(t,e=this){if((t=Z(this,t,e,0)??d)===D)return;const r=this._$AH,i=t===d&&r!==d||t.capture!==r.capture||t.once!==r.once||t.passive!==r.passive,s=t!==d&&(r===d||i);i&&this.element.removeEventListener(this.name,this,r),s&&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 ue{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){Z(this,t)}}const bt=Y.litHtmlPolyfillSupport;bt==null||bt(et,nt),(Y.litHtmlVersions??(Y.litHtmlVersions=[])).push("3.3.0");const ve=(o,t,e)=>{const r=(e==null?void 0:e.renderBefore)??t;let i=r._$litPart$;if(i===void 0){const s=(e==null?void 0:e.renderBefore)??null;r._$litPart$=i=new nt(t.insertBefore(Q(),s),s,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 U=globalThis;let
|
|
19
|
+
*/const U=globalThis;let g=class extends V{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=ve(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 D}};var Ut;g._$litElement$=!0,g.finalized=!0,(Ut=U.litElementHydrateSupport)==null||Ut.call(U,{LitElement:g});const ft=U.litElementPolyfillSupport;ft==null||ft({LitElement:g});(U.litElementVersions??(U.litElementVersions=[])).push("4.2.0");/**
|
|
20
20
|
* @license
|
|
21
21
|
* Copyright 2017 Google LLC
|
|
22
22
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
@@ -24,15 +24,15 @@
|
|
|
24
24
|
* @license
|
|
25
25
|
* Copyright 2017 Google LLC
|
|
26
26
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
27
|
-
*/const
|
|
27
|
+
*/const ge={attribute:!0,type:String,converter:lt,reflect:!1,hasChanged:Ct},be=(o=ge,t,e)=>{const{kind:r,metadata:i}=e;let s=globalThis.litPropertyMetadata.get(i);if(s===void 0&&globalThis.litPropertyMetadata.set(i,s=new Map),r==="setter"&&((o=Object.create(o)).wrapped=!0),s.set(e.name,o),r==="accessor"){const{name:n}=e;return{set(h){const c=t.get.call(this);t.set.call(this,h),this.requestUpdate(n,c,o)},init(h){return h!==void 0&&this.C(n,void 0,o,h),h}}}if(r==="setter"){const{name:n}=e;return function(h){const c=this[n];t.call(this,h),this.requestUpdate(n,c,o)}}throw Error("Unsupported decorator location: "+r)};function a(o){return(t,e)=>typeof e=="object"?be(o,t,e):((r,i,s)=>{const n=i.hasOwnProperty(s);return i.constructor.createProperty(s,r),n?Object.getOwnPropertyDescriptor(i,s):void 0})(o,t,e)}/**
|
|
28
28
|
* @license
|
|
29
29
|
* Copyright 2017 Google LLC
|
|
30
30
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
31
|
-
*/function N(o){return a({...o,state:!0,attribute:!1})}const
|
|
31
|
+
*/function N(o){return a({...o,state:!0,attribute:!1})}const fe=y`
|
|
32
32
|
outline: 1px dashed var(--button-border-color);
|
|
33
33
|
outline-offset: 2px;
|
|
34
34
|
outline: dashed black;
|
|
35
|
-
`;
|
|
35
|
+
`;y`
|
|
36
36
|
:host * {
|
|
37
37
|
box-sizing: border-box;
|
|
38
38
|
}
|
|
@@ -40,45 +40,45 @@
|
|
|
40
40
|
* @license
|
|
41
41
|
* Copyright 2023 Google LLC
|
|
42
42
|
* SPDX-License-Identifier: Apache-2.0
|
|
43
|
-
*/const
|
|
43
|
+
*/const At=Symbol("internals"),yt=Symbol("privateInternals");function ye(o){var t;class e extends o{get[(t=At,t)](){return this[yt]||(this[yt]=this.attachInternals()),this[yt]}}return e}/**
|
|
44
44
|
* @license
|
|
45
45
|
* Copyright 2023 Google LLC
|
|
46
46
|
* SPDX-License-Identifier: Apache-2.0
|
|
47
|
-
*/function
|
|
47
|
+
*/function me(o){o.addInitializer(t=>{const e=t;e.addEventListener("click",async r=>{const{type:i,[At]:s}=e,{form:n}=s;if(!(!n||i==="button")&&(await new Promise(h=>{setTimeout(h)}),!r.defaultPrevented)){if(i==="reset"){n.reset();return}n.addEventListener("submit",h=>{Object.defineProperty(h,"submitter",{configurable:!0,enumerable:!0,get:()=>e})},{capture:!0,once:!0}),s.setFormValue(e.value),n.requestSubmit()}})})}const we=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
48
48
|
<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"/>
|
|
49
49
|
</svg>
|
|
50
|
-
`,
|
|
50
|
+
`,xe=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
51
51
|
<path d="M16 8L4 0V16L16 8Z" fill="#3F2B2E"/>
|
|
52
52
|
</svg>
|
|
53
|
-
|
|
53
|
+
`,$e=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
54
54
|
<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"/>
|
|
55
55
|
</svg>
|
|
56
|
-
`,
|
|
56
|
+
`,_e=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
57
57
|
<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"/>
|
|
58
58
|
</svg>
|
|
59
|
-
|
|
59
|
+
`,Ce=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
60
60
|
<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"/>
|
|
61
61
|
</svg>
|
|
62
|
-
`,
|
|
62
|
+
`,ke=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
63
63
|
<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"/>
|
|
64
64
|
</svg>
|
|
65
|
-
`,
|
|
65
|
+
`,Ae=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
66
66
|
<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"/>
|
|
67
67
|
</svg>
|
|
68
|
-
`,
|
|
68
|
+
`,Se=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
69
69
|
<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"/>
|
|
70
70
|
</svg>
|
|
71
|
-
`,
|
|
71
|
+
`,Ee=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
72
72
|
<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"/>
|
|
73
73
|
</svg>
|
|
74
|
-
`,
|
|
74
|
+
`,Le=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
75
75
|
<path d="M2 2L14 14" stroke="#3F2B2E"/>
|
|
76
76
|
<path d="M14 2L2 14" stroke="#3F2B2E"/>
|
|
77
77
|
</svg>
|
|
78
|
-
`,
|
|
78
|
+
`,Ie=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
79
79
|
<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"/>
|
|
80
80
|
</svg>
|
|
81
|
-
`,
|
|
81
|
+
`,Oe=`<?xml version="1.0" encoding="utf-8"?>
|
|
82
82
|
<!-- Generator: $$$/GeneralStr/196=Adobe Illustrator 27.6.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
|
83
83
|
<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"
|
|
84
84
|
viewBox="0 0 40 40" style="enable-background:new 0 0 40 40;" xml:space="preserve">
|
|
@@ -88,7 +88,7 @@
|
|
|
88
88
|
<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
|
|
89
89
|
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"/>
|
|
90
90
|
</svg>
|
|
91
|
-
`,
|
|
91
|
+
`,Pe=`<?xml version="1.0" encoding="utf-8"?>
|
|
92
92
|
<!-- Generator: $$$/GeneralStr/196=Adobe Illustrator 27.6.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
|
93
93
|
<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"
|
|
94
94
|
viewBox="0 0 40 40" style="enable-background:new 0 0 40 40;" xml:space="preserve">
|
|
@@ -97,47 +97,47 @@
|
|
|
97
97
|
</style>
|
|
98
98
|
<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"/>
|
|
99
99
|
</svg>
|
|
100
|
-
`,
|
|
100
|
+
`,Be=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
101
101
|
<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"/>
|
|
102
102
|
</svg>
|
|
103
|
-
`,
|
|
103
|
+
`,ze=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
104
104
|
<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"/>
|
|
105
105
|
</svg>
|
|
106
|
-
`,
|
|
106
|
+
`,De=`<svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
107
107
|
<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"/>
|
|
108
108
|
</svg>
|
|
109
|
-
`,
|
|
109
|
+
`,He=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
110
110
|
<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"/>
|
|
111
111
|
</svg>
|
|
112
|
-
`,
|
|
112
|
+
`,Me=`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
113
113
|
<path d="M12 17.4585L4 6.4585L20 6.4585L12 17.4585Z" fill="#3F2B2E"/>
|
|
114
114
|
</svg>
|
|
115
|
-
`,
|
|
115
|
+
`,Te=`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
116
116
|
<path d="M12 6.4585L20 17.4585H4L12 6.4585Z" fill="#3F2B2E"/>
|
|
117
117
|
</svg>
|
|
118
|
-
`,
|
|
118
|
+
`,je=`<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
119
119
|
<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"/>
|
|
120
120
|
</svg>
|
|
121
|
-
`,
|
|
121
|
+
`,Ue=`<svg width="8" height="8" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
122
122
|
<rect x="1" width="2" height="8" fill="#3F2B2E"/>
|
|
123
123
|
<rect x="5" width="2" height="8" fill="#3F2B2E"/>
|
|
124
124
|
</svg>
|
|
125
|
-
`,
|
|
125
|
+
`,Fe=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
126
126
|
<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"/>
|
|
127
127
|
</svg>
|
|
128
|
-
`,
|
|
128
|
+
`,G={wishlist:we,playerv:xe,chevronRight:$e,chevronLeft:_e,icoPlus:Oe,icoMinus:Pe,"star-0":Ce,"star-25":ke,"star-50":Ae,"star-75":Se,"star-100":Ee,cross:Le,search:Ie,arrowLeft:Be,arrowTop:ze,cart:De,notifyme:He,triangledown:Me,triangleup:Te,checkstroke:je,pause:Ue,mapDualArrow:Fe};/**
|
|
129
129
|
* @license
|
|
130
130
|
* Copyright 2017 Google LLC
|
|
131
131
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
132
|
-
*/const
|
|
132
|
+
*/const qt={ATTRIBUTE:1,CHILD:2},Wt=o=>(...t)=>({_$litDirective$:o,values:t});let Kt=class{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,r){this._$Ct=t,this._$AM=e,this._$Ci=r}_$AS(t,e){return this.update(t,e)}update(t,e){return this.render(...e)}};/**
|
|
133
133
|
* @license
|
|
134
134
|
* Copyright 2017 Google LLC
|
|
135
135
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
136
|
-
*/class
|
|
136
|
+
*/class mt extends Kt{constructor(t){if(super(t),this.it=d,t.type!==qt.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===D)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:[]}}}mt.directiveName="unsafeHTML",mt.resultType=1;/**
|
|
137
137
|
* @license
|
|
138
138
|
* Copyright 2017 Google LLC
|
|
139
139
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
140
|
-
*/class
|
|
140
|
+
*/class wt extends mt{}wt.directiveName="unsafeSVG",wt.resultType=2;const H=Wt(wt);var Ne=Object.defineProperty,Re=Object.getOwnPropertyDescriptor,w=(o,t,e,r)=>{for(var i=r>1?void 0:r?Re(t,e):t,s=o.length-1,n;s>=0;s--)(n=o[s])&&(i=(r?n(t,e,i):n(i))||i);return r&&i&&Ne(t,e,i),i};const Ve=ye(g);let u=class extends Ve{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=""}get name(){return this.getAttribute("name")??""}set name(o){this.setAttribute("name",o)}get form(){return this[At].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"}">${H(e)}</span>`}renderButton(){const o=this.text||this.textsecond;return l`
|
|
141
141
|
<button type=${this.type} class="button" ?disabled=${this.disabled} @click=${this.handleClick}>
|
|
142
142
|
${this.startIcon?this.renderIcon("start"):d}
|
|
143
143
|
${o?l`
|
|
@@ -160,7 +160,7 @@
|
|
|
160
160
|
`:l`<slot></slot>`}
|
|
161
161
|
${this.endIcon?this.renderIcon("end"):d}
|
|
162
162
|
</a>
|
|
163
|
-
`}};
|
|
163
|
+
`}};me(u);u.formAssociated=!0;u.styles=y`
|
|
164
164
|
:host {
|
|
165
165
|
--button-border: transparent;
|
|
166
166
|
cursor: pointer;
|
|
@@ -272,7 +272,7 @@
|
|
|
272
272
|
}
|
|
273
273
|
|
|
274
274
|
.button:focus-visible {
|
|
275
|
-
${
|
|
275
|
+
${fe};
|
|
276
276
|
}
|
|
277
277
|
|
|
278
278
|
span.text + span.text::before {
|
|
@@ -322,12 +322,12 @@
|
|
|
322
322
|
transform: translateX(4px);
|
|
323
323
|
}
|
|
324
324
|
//End icon movment on hover
|
|
325
|
-
`;w([a()],u.prototype,"type",2);w([a({reflect:!0})],u.prototype,"value",2);w([a({type:String,reflect:!0})],u.prototype,"variant",2);w([a({type:String})],u.prototype,"text",2);w([a({type:String})],u.prototype,"textsecond",2);w([a({type:Boolean,reflect:!0})],u.prototype,"fullwidth",2);w([a({type:Boolean,reflect:!0})],u.prototype,"disabled",2);w([a({type:String,reflect:!0})],u.prototype,"startIconModel",2);w([a({type:String,reflect:!0})],u.prototype,"endIconModel",2);w([a({type:Boolean,reflect:!0,attribute:"starticon"})],u.prototype,"startIcon",2);w([a({type:Boolean,reflect:!0,attribute:"endicon"})],u.prototype,"endIcon",2);w([a({type:String,attribute:"paneltarget",reflect:!0})],u.prototype,"panelTarget",2);w([a({type:String})],u.prototype,"href",2);w([a({type:String})],u.prototype,"target",2);u=w([x("o-button")],u);var
|
|
325
|
+
`;w([a()],u.prototype,"type",2);w([a({reflect:!0})],u.prototype,"value",2);w([a({type:String,reflect:!0})],u.prototype,"variant",2);w([a({type:String})],u.prototype,"text",2);w([a({type:String})],u.prototype,"textsecond",2);w([a({type:Boolean,reflect:!0})],u.prototype,"fullwidth",2);w([a({type:Boolean,reflect:!0})],u.prototype,"disabled",2);w([a({type:String,reflect:!0})],u.prototype,"startIconModel",2);w([a({type:String,reflect:!0})],u.prototype,"endIconModel",2);w([a({type:Boolean,reflect:!0,attribute:"starticon"})],u.prototype,"startIcon",2);w([a({type:Boolean,reflect:!0,attribute:"endicon"})],u.prototype,"endIcon",2);w([a({type:String,attribute:"paneltarget",reflect:!0})],u.prototype,"panelTarget",2);w([a({type:String})],u.prototype,"href",2);w([a({type:String})],u.prototype,"target",2);u=w([x("o-button")],u);var Ze=Object.defineProperty,qe=Object.getOwnPropertyDescriptor,dt=(o,t,e,r)=>{for(var i=r>1?void 0:r?qe(t,e):t,s=o.length-1,n;s>=0;s--)(n=o[s])&&(i=(r?n(t,e,i):n(i))||i);return r&&i&&Ze(t,e,i),i};let q=class extends g{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`
|
|
326
326
|
<button type="button" aria-describedby="${this.ariaDescribedBy}" class="wishlist-button">
|
|
327
327
|
<span class="sr-only">${this.label}</span>
|
|
328
328
|
${H(o)}
|
|
329
329
|
</button>
|
|
330
|
-
`}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()}};q.styles=
|
|
330
|
+
`}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()}};q.styles=y`
|
|
331
331
|
:host {
|
|
332
332
|
display: inline-flex;
|
|
333
333
|
justify-content: center;
|
|
@@ -373,10 +373,9 @@
|
|
|
373
373
|
fill: var(--color-alpha-light-strong);
|
|
374
374
|
}
|
|
375
375
|
|
|
376
|
-
:host([status="empty"]) .wishlist-button:hover svg path {
|
|
377
|
-
|
|
378
|
-
}
|
|
379
|
-
|
|
376
|
+
:host([status="empty"]) .wishlist-button:hover svg path {
|
|
377
|
+
fill: var(--color-content-action-secondary);
|
|
378
|
+
}
|
|
380
379
|
|
|
381
380
|
.sr-only {
|
|
382
381
|
border: 0 !important;
|
|
@@ -391,11 +390,11 @@
|
|
|
391
390
|
width: 0.1rem !important;
|
|
392
391
|
white-space: nowrap !important;
|
|
393
392
|
}
|
|
394
|
-
`;
|
|
393
|
+
`;dt([a({type:String,reflect:!0})],q.prototype,"status",2);dt([a({type:String,reflect:!0})],q.prototype,"ariaDescribedBy",2);dt([a({type:String,reflect:!0})],q.prototype,"label",2);q=dt([x("o-wishlist-button")],q);/**
|
|
395
394
|
* @license
|
|
396
395
|
* Copyright 2018 Google LLC
|
|
397
396
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
398
|
-
*/const $=o=>o??d;var
|
|
397
|
+
*/const $=o=>o??d;var We=Object.defineProperty,Ke=Object.getOwnPropertyDescriptor,S=(o,t,e,r)=>{for(var i=r>1?void 0:r?Ke(t,e):t,s=o.length-1,n;s>=0;s--)(n=o[s])&&(i=(r?n(t,e,i):n(i))||i);return r&&i&&We(t,e,i),i};let _=class extends g{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"'),r=this.showSrLabel?l`<span class="sr-only">${this.srLabel}</span>`:null,i=this.showSrLabel?null:"icon";return l`
|
|
399
398
|
${this.type==="span"?l`
|
|
400
399
|
<span class="icon icon-button ${this.size} ${this.bgstyle} ${this.status} ${t}" ?disabled="${this.disabled}">
|
|
401
400
|
${H(e)}
|
|
@@ -408,10 +407,10 @@
|
|
|
408
407
|
?disabled="${this.disabled}"
|
|
409
408
|
>
|
|
410
409
|
${H(e)}
|
|
411
|
-
${
|
|
410
|
+
${r}
|
|
412
411
|
</button>
|
|
413
412
|
`}
|
|
414
|
-
`}};_.styles=
|
|
413
|
+
`}};_.styles=y`
|
|
415
414
|
:host {
|
|
416
415
|
display: inline-flex;
|
|
417
416
|
justify-content: center;
|
|
@@ -429,7 +428,7 @@
|
|
|
429
428
|
cursor: pointer;
|
|
430
429
|
position: relative;
|
|
431
430
|
|
|
432
|
-
|
|
431
|
+
&.icon-wishlist {
|
|
433
432
|
svg {
|
|
434
433
|
path {
|
|
435
434
|
stroke: var(--color-content-action-secondary);
|
|
@@ -617,7 +616,7 @@
|
|
|
617
616
|
.sr-only {
|
|
618
617
|
display: none;
|
|
619
618
|
}
|
|
620
|
-
`;S([a({type:String,reflect:!0})],_.prototype,"bgstyle",2);S([a({type:String,reflect:!0})],_.prototype,"size",2);S([a({type:String,reflect:!0})],_.prototype,"status",2);S([a({type:String,reflect:!0})],_.prototype,"type",2);S([a({type:String})],_.prototype,"strokewidth",2);S([a({type:String})],_.prototype,"icon",2);S([a({type:Boolean,reflect:!0})],_.prototype,"disabled",2);S([a({type:Boolean})],_.prototype,"showSrLabel",2);S([a({type:String})],_.prototype,"srLabel",2);_=S([x("o-icon-button")],_);var
|
|
619
|
+
`;S([a({type:String,reflect:!0})],_.prototype,"bgstyle",2);S([a({type:String,reflect:!0})],_.prototype,"size",2);S([a({type:String,reflect:!0})],_.prototype,"status",2);S([a({type:String,reflect:!0})],_.prototype,"type",2);S([a({type:String})],_.prototype,"strokewidth",2);S([a({type:String})],_.prototype,"icon",2);S([a({type:Boolean,reflect:!0})],_.prototype,"disabled",2);S([a({type:Boolean})],_.prototype,"showSrLabel",2);S([a({type:String})],_.prototype,"srLabel",2);_=S([x("o-icon-button")],_);var Ge=Object.defineProperty,Xe=Object.getOwnPropertyDescriptor,R=(o,t,e,r)=>{for(var i=r>1?void 0:r?Xe(t,e):t,s=o.length-1,n;s>=0;s--)(n=o[s])&&(i=(r?n(t,e,i):n(i))||i);return r&&i&&Ge(t,e,i),i};let I=class extends g{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`
|
|
621
620
|
<a
|
|
622
621
|
href="${o}"
|
|
623
622
|
target="${$(this.target||void 0)}"
|
|
@@ -643,7 +642,7 @@
|
|
|
643
642
|
></o-icon-button>
|
|
644
643
|
`:null}
|
|
645
644
|
</a>
|
|
646
|
-
`}};I.styles=
|
|
645
|
+
`}};I.styles=y`
|
|
647
646
|
:host([template="standard"]) a {
|
|
648
647
|
color: var(--color-content-action-secondary);
|
|
649
648
|
font-size: var(--font-size-200);
|
|
@@ -730,14 +729,14 @@
|
|
|
730
729
|
height: 1px;
|
|
731
730
|
}
|
|
732
731
|
/* End of underline effect */
|
|
733
|
-
`;R([a({type:String})],I.prototype,"href",2);R([a({type:String})],I.prototype,"target",2);R([a({type:String,reflect:!0})],I.prototype,"template",2);R([a({type:Boolean,reflect:!0})],I.prototype,"inverse",2);R([a({type:Boolean,reflect:!0})],I.prototype,"endIcon",2);R([a({type:Boolean,reflect:!0})],I.prototype,"reverseEndIcon",2);I=R([x("o-link")],I);var
|
|
732
|
+
`;R([a({type:String})],I.prototype,"href",2);R([a({type:String})],I.prototype,"target",2);R([a({type:String,reflect:!0})],I.prototype,"template",2);R([a({type:Boolean,reflect:!0})],I.prototype,"inverse",2);R([a({type:Boolean,reflect:!0})],I.prototype,"endIcon",2);R([a({type:Boolean,reflect:!0})],I.prototype,"reverseEndIcon",2);I=R([x("o-link")],I);var Je=Object.defineProperty,Ye=Object.getOwnPropertyDescriptor,pt=(o,t,e,r)=>{for(var i=r>1?void 0:r?Ye(t,e):t,s=o.length-1,n;s>=0;s--)(n=o[s])&&(i=(r?n(t,e,i):n(i))||i);return r&&i&&Je(t,e,i),i};let W=class extends g{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`
|
|
734
733
|
<div class="rating">
|
|
735
734
|
<div class="stars">
|
|
736
|
-
${o.map(t=>l`<span class="star">${H(
|
|
735
|
+
${o.map(t=>l`<span class="star">${H(G[t]??"")}</span>`)}
|
|
737
736
|
</div>
|
|
738
737
|
${this.reviewCount!=null&&this.href!=null?l`<o-link template="review" href="${this.href}">${this.reviewCount}</o-link>`:null}
|
|
739
738
|
</div>
|
|
740
|
-
`}};W.styles=
|
|
739
|
+
`}};W.styles=y`
|
|
741
740
|
svg {
|
|
742
741
|
width: 12px;
|
|
743
742
|
height: 12px;
|
|
@@ -770,7 +769,7 @@
|
|
|
770
769
|
text-decoration: underline;
|
|
771
770
|
cursor: pointer;
|
|
772
771
|
}
|
|
773
|
-
`;
|
|
772
|
+
`;pt([a({type:Number})],W.prototype,"rating",2);pt([a({type:String})],W.prototype,"reviewCount",2);pt([a({type:String})],W.prototype,"href",2);W=pt([x("o-rating")],W);var Qe=Object.defineProperty,to=Object.getOwnPropertyDescriptor,m=(o,t,e,r)=>{for(var i=r>1?void 0:r?to(t,e):t,s=o.length-1,n;s>=0;s--)(n=o[s])&&(i=(r?n(t,e,i):n(i))||i);return r&&i&&Qe(t,e,i),i};let b=class extends g{constructor(){super(...arguments),this.open=!1,this.showHeader=!0,this.showFooter=!1,this.showHeaderStartIcon=!1,this.headerTitle="",this.closeButtonLabel="Close the modal",this.firstButtonLabel="Close",this.firstButtonVariant="primary",this.secondaryButtonLabel="",this.secondaryButtonVariant="secondary",this.disablePortal=!1,this.zIndex=99,this.initialized=!1,this.previousFocusedElement=null,this.handleKeyDown=o=>{this.open&&(o.key==="Escape"?this.closePanel():o.key==="Tab"&&this.trapFocus(o))}}connectedCallback(){super.connectedCallback(),!this.disablePortal&&this.parentElement!==document.body&&document.body.appendChild(this),window.addEventListener("keydown",this.handleKeyDown),this.updateComplete.then(()=>{this.initialized=!0})}disconnectedCallback(){document.body.style.overflow="",document.body.removeAttribute("data-side-panel"),window.removeEventListener("keydown",this.handleKeyDown),super.disconnectedCallback()}trapFocus(o){const t=this.getFocusableElements();if(t.length===0)return;const e=t[0],r=t[t.length-1];o.shiftKey&&document.activeElement===e?(o.preventDefault(),r.focus()):!o.shiftKey&&document.activeElement===r&&(o.preventDefault(),e.focus())}getFocusableElements(){const o=this.renderRoot.querySelector(".panel");return o?Array.from(o.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])')).filter(t=>!t.hasAttribute("disabled")):[]}openPanel(){this.previousFocusedElement=document.activeElement,this.open=!0,document.body.style.overflow="hidden",document.body.setAttribute("data-side-panel","open"),this.updateComplete.then(()=>{const o=this.getFocusableElements()[0];o==null||o.focus()})}closePanel(){var o;this.open=!1,document.body.style.overflow="",document.body.removeAttribute("data-side-panel"),(o=this.previousFocusedElement)==null||o.focus(),this.dispatchEvent(new CustomEvent("close",{bubbles:!0,composed:!0}))}handleFirstClick(){typeof this.onFirstButtonClick=="function"&&this.onFirstButtonClick(),this.closePanel()}handleSecondaryClick(){typeof this.onSecondaryButtonClick=="function"&&this.onSecondaryButtonClick(),this.closePanel()}updated(){this.style.setProperty("--z-overlay",`${this.zIndex}`),this.style.setProperty("--z-panel",`${this.zIndex+1}`)}render(){return l`
|
|
774
773
|
<div class="overlay" style="z-index: ${this.zIndex}" @click=${this.closePanel}></div>
|
|
775
774
|
<div
|
|
776
775
|
class="panel"
|
|
@@ -816,7 +815,7 @@
|
|
|
816
815
|
</div>
|
|
817
816
|
`:null}
|
|
818
817
|
</div>
|
|
819
|
-
`}};
|
|
818
|
+
`}};b.styles=y`
|
|
820
819
|
:host {
|
|
821
820
|
--z-overlay: 99;
|
|
822
821
|
--z-panel: 100;
|
|
@@ -956,7 +955,7 @@
|
|
|
956
955
|
--line-height: var(--line-height-280);
|
|
957
956
|
}
|
|
958
957
|
}
|
|
959
|
-
`;
|
|
958
|
+
`;m([a({type:Boolean,reflect:!0})],b.prototype,"open",2);m([a({type:Boolean,reflect:!0})],b.prototype,"showHeader",2);m([a({type:Boolean,reflect:!0})],b.prototype,"showFooter",2);m([a({type:Boolean,reflect:!0})],b.prototype,"showHeaderStartIcon",2);m([a({type:String,reflect:!0})],b.prototype,"headerTitle",2);m([a({type:String,reflect:!0})],b.prototype,"closeButtonLabel",2);m([a({type:String,reflect:!0})],b.prototype,"firstButtonLabel",2);m([a({type:String,reflect:!0})],b.prototype,"firstButtonVariant",2);m([a({type:Function})],b.prototype,"onFirstButtonClick",2);m([a({type:String,reflect:!0})],b.prototype,"secondaryButtonLabel",2);m([a({type:String,reflect:!0})],b.prototype,"secondaryButtonVariant",2);m([a({type:Function})],b.prototype,"onSecondaryButtonClick",2);m([a({type:Boolean,reflect:!0})],b.prototype,"disablePortal",2);m([a({type:Number,reflect:!0})],b.prototype,"zIndex",2);m([a({type:Boolean,reflect:!0})],b.prototype,"initialized",2);b=m([x("o-side-panel")],b);var eo=Object.defineProperty,oo=Object.getOwnPropertyDescriptor,M=(o,t,e,r)=>{for(var i=r>1?void 0:r?oo(t,e):t,s=o.length-1,n;s>=0;s--)(n=o[s])&&(i=(r?n(t,e,i):n(i))||i);return r&&i&&eo(t,e,i),i};let A=class extends g{constructor(){super(...arguments),this.thumbnails=[],this.activeIndex=0,this.disabledIndexes=[],this.maxWidth="100%",this.altressource="visual",this.focusedIndex=0,this.playerIconTemplate=l`
|
|
960
959
|
<o-icon-button
|
|
961
960
|
icon="playerv"
|
|
962
961
|
size="xsmall"
|
|
@@ -967,19 +966,19 @@
|
|
|
967
966
|
></o-icon-button>
|
|
968
967
|
`}handleKeyDown(o){o.key==="ArrowRight"?(o.preventDefault(),this.focusNext()):o.key==="ArrowLeft"?(o.preventDefault(),this.focusPrevious()):(o.key==="Enter"||o.key===" ")&&(o.preventDefault(),this.selectThumbnail(this.focusedIndex))}focusNext(){let o=this.focusedIndex+1;for(;this.disabledIndexes.includes(o)&&o<this.thumbnails.length;)o++;o<this.thumbnails.length&&(this.focusedIndex=o,this.focusThumbnail(o))}focusPrevious(){let o=this.focusedIndex-1;for(;this.disabledIndexes.includes(o)&&o>=0;)o--;o>=0&&(this.focusedIndex=o,this.focusThumbnail(o))}focusThumbnail(o){const t=this.renderRoot.querySelector(`[data-index="${o}"]`);t==null||t.focus()}selectThumbnail(o){this.disabledIndexes.includes(o)||(this.activeIndex=o,this.swiperInstance&&typeof this.swiperInstance.slideTo=="function"&&this.swiperInstance.slideTo(o),this.dispatchEvent(new CustomEvent("thumbnail-select",{detail:{index:o}})))}onFocus(o){const t=o.currentTarget,e=Number(t.dataset.index);this.focusedIndex=e,this.renderRoot.querySelectorAll(".thumb").forEach(i=>{i.classList.remove("a--tabfocus")}),t.classList.add("a--tabfocus"),this.requestUpdate()}onBlur(o){setTimeout(()=>{var e;const t=(e=this.shadowRoot)==null?void 0:e.activeElement;(!t||!t.classList.contains("thumb"))&&this.renderRoot.querySelectorAll(".thumb").forEach(i=>i.classList.remove("a--tabfocus"))},0)}render(){return l`
|
|
969
968
|
<ul class="scroll-container" style="max-width: ${this.maxWidth};">
|
|
970
|
-
${this.thumbnails.map((o,t)=>{const e=this.disabledIndexes.includes(t),
|
|
969
|
+
${this.thumbnails.map((o,t)=>{const e=this.disabledIndexes.includes(t),r=this.activeIndex===t,i=o.type==="video",s=i?`video ${t}`:`${this.altressource} ${t+1}`;return l`
|
|
971
970
|
<li class="thumb-wrapper">
|
|
972
971
|
<button
|
|
973
972
|
class="thumb"
|
|
974
973
|
data-index="${t}"
|
|
975
974
|
?disabled=${e}
|
|
976
975
|
aria-selected="${this.focusedIndex===t}"
|
|
977
|
-
aria-current=${
|
|
976
|
+
aria-current=${r?"true":"false"}
|
|
978
977
|
tabindex="${this.disabledIndexes.includes(t)?-1:0}"
|
|
979
978
|
@click=${()=>this.selectThumbnail(t)}
|
|
980
979
|
@keydown=${this.handleKeyDown}
|
|
981
|
-
@focus=${
|
|
982
|
-
@blur=${
|
|
980
|
+
@focus=${n=>this.onFocus(n)}
|
|
981
|
+
@blur=${n=>this.onBlur(n)}
|
|
983
982
|
>
|
|
984
983
|
<img alt="${s}" src="${o.src}" />
|
|
985
984
|
</button>
|
|
@@ -987,7 +986,7 @@
|
|
|
987
986
|
</li>
|
|
988
987
|
`})}
|
|
989
988
|
</ul>
|
|
990
|
-
`}};A.styles=
|
|
989
|
+
`}};A.styles=y`
|
|
991
990
|
:host {
|
|
992
991
|
display: flex;
|
|
993
992
|
gap: 5px;
|
|
@@ -1092,9 +1091,9 @@
|
|
|
1092
1091
|
height: 0;
|
|
1093
1092
|
width: 0;
|
|
1094
1093
|
}
|
|
1095
|
-
`;M([a({type:Array})],A.prototype,"thumbnails",2);M([a({type:Number})],A.prototype,"activeIndex",2);M([a({type:Array})],A.prototype,"disabledIndexes",2);M([a({type:String})],A.prototype,"maxWidth",2);M([a({type:String})],A.prototype,"altressource",2);M([a({type:Object})],A.prototype,"swiperInstance",2);M([N()],A.prototype,"focusedIndex",2);A=M([x("thumbnail-navigation")],A);var
|
|
1094
|
+
`;M([a({type:Array})],A.prototype,"thumbnails",2);M([a({type:Number})],A.prototype,"activeIndex",2);M([a({type:Array})],A.prototype,"disabledIndexes",2);M([a({type:String})],A.prototype,"maxWidth",2);M([a({type:String})],A.prototype,"altressource",2);M([a({type:Object})],A.prototype,"swiperInstance",2);M([N()],A.prototype,"focusedIndex",2);A=M([x("thumbnail-navigation")],A);var io=Object.defineProperty,ro=Object.getOwnPropertyDescriptor,St=(o,t,e,r)=>{for(var i=r>1?void 0:r?ro(t,e):t,s=o.length-1,n;s>=0;s--)(n=o[s])&&(i=(r?n(t,e,i):n(i))||i);return r&&i&&io(t,e,i),i};let ot=class extends g{constructor(){super(...arguments),this.type="",this.bgstyle="background-white"}render(){return l`
|
|
1096
1095
|
<span class="tag ${this.bgstyle}"><slot></slot></span>
|
|
1097
|
-
`}};
|
|
1096
|
+
`}};ot.styles=y`
|
|
1098
1097
|
.tag {
|
|
1099
1098
|
display: inline-block;
|
|
1100
1099
|
padding: var(--spacing-2-xs) var(--spacing-s);
|
|
@@ -1149,12 +1148,12 @@
|
|
|
1149
1148
|
background-color: var(--color-content-success);
|
|
1150
1149
|
}
|
|
1151
1150
|
|
|
1152
|
-
`;
|
|
1151
|
+
`;St([a({type:String,reflect:!0})],ot.prototype,"type",2);St([a({type:String,reflect:!0})],ot.prototype,"bgstyle",2);ot=St([x("o-tag")],ot);var no=Object.defineProperty,so=Object.getOwnPropertyDescriptor,Et=(o,t,e,r)=>{for(var i=r>1?void 0:r?so(t,e):t,s=o.length-1,n;s>=0;s--)(n=o[s])&&(i=(r?n(t,e,i):n(i))||i);return r&&i&&no(t,e,i),i};let it=class extends g{constructor(){super(...arguments),this.type="top",this.text=""}render(){return l`
|
|
1153
1152
|
<div class="tooltip">
|
|
1154
1153
|
<span class="tooltiptext">${this.text}</span>
|
|
1155
1154
|
<slot></slot>
|
|
1156
1155
|
</div>
|
|
1157
|
-
`}};
|
|
1156
|
+
`}};it.styles=y`
|
|
1158
1157
|
.tooltip {
|
|
1159
1158
|
position: relative;
|
|
1160
1159
|
display: inline-block;
|
|
@@ -1246,7 +1245,7 @@
|
|
|
1246
1245
|
border-color: transparent var(--color-alpha-dark-strongest) transparent transparent;
|
|
1247
1246
|
}
|
|
1248
1247
|
|
|
1249
|
-
`;
|
|
1248
|
+
`;Et([a({type:String,reflect:!0})],it.prototype,"type",2);Et([a({type:String,reflect:!0})],it.prototype,"text",2);it=Et([x("o-tooltip")],it);var ao=Object.defineProperty,lo=Object.getOwnPropertyDescriptor,O=(o,t,e,r)=>{for(var i=r>1?void 0:r?lo(t,e):t,s=o.length-1,n;s>=0;s--)(n=o[s])&&(i=(r?n(t,e,i):n(i))||i);return r&&i&&ao(t,e,i),i};let k=class extends g{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`
|
|
1250
1249
|
<button
|
|
1251
1250
|
role="combobox"
|
|
1252
1251
|
aria-haspopup="listbox"
|
|
@@ -1274,13 +1273,13 @@
|
|
|
1274
1273
|
aria-activedescendant="${this.activeIndex>=0?"option-"+this.activeIndex:""}"
|
|
1275
1274
|
style=${`width: ${this.width};`}
|
|
1276
1275
|
>
|
|
1277
|
-
${this.options.map((e,
|
|
1276
|
+
${this.options.map((e,r)=>l`
|
|
1278
1277
|
<li
|
|
1279
|
-
id="option-${
|
|
1278
|
+
id="option-${r}"
|
|
1280
1279
|
role="option"
|
|
1281
1280
|
aria-selected="${e.value===this.value}"
|
|
1282
|
-
tabindex="${
|
|
1283
|
-
class="${
|
|
1281
|
+
tabindex="${r===this.activeIndex?"0":"-1"}"
|
|
1282
|
+
class="${r===this.activeIndex?"active":""} ${e.disabled?"disabled":""}"
|
|
1284
1283
|
@click=${()=>this.selectOption(e)}
|
|
1285
1284
|
>
|
|
1286
1285
|
${e.url?l`
|
|
@@ -1294,7 +1293,7 @@
|
|
|
1294
1293
|
</ul>`:null}
|
|
1295
1294
|
|
|
1296
1295
|
<input type="hidden" name="${this.name}" .value="${this.value}" />
|
|
1297
|
-
`}};k.styles=
|
|
1296
|
+
`}};k.styles=y`
|
|
1298
1297
|
:host {
|
|
1299
1298
|
display: inline-block;
|
|
1300
1299
|
position: relative;
|
|
@@ -1433,7 +1432,7 @@
|
|
|
1433
1432
|
input[type="hidden"] {
|
|
1434
1433
|
display: none;
|
|
1435
1434
|
}
|
|
1436
|
-
`;O([a({type:Array,reflect:!0})],k.prototype,"options",2);O([a({type:String,reflect:!0})],k.prototype,"value",2);O([a({type:String,reflect:!0})],k.prototype,"name",2);O([a({type:Boolean,reflect:!0})],k.prototype,"disabled",2);O([a({type:String,reflect:!0})],k.prototype,"width",2);O([N()],k.prototype,"open",2);O([N()],k.prototype,"activeIndex",2);O([N()],k.prototype,"menuWidth",2);k=O([x("o-dropdown")],k);var
|
|
1435
|
+
`;O([a({type:Array,reflect:!0})],k.prototype,"options",2);O([a({type:String,reflect:!0})],k.prototype,"value",2);O([a({type:String,reflect:!0})],k.prototype,"name",2);O([a({type:Boolean,reflect:!0})],k.prototype,"disabled",2);O([a({type:String,reflect:!0})],k.prototype,"width",2);O([N()],k.prototype,"open",2);O([N()],k.prototype,"activeIndex",2);O([N()],k.prototype,"menuWidth",2);k=O([x("o-dropdown")],k);var co=Object.getOwnPropertyDescriptor,ho=(o,t,e,r)=>{for(var i=r>1?void 0:r?co(t,e):t,s=o.length-1,n;s>=0;s--)(n=o[s])&&(i=n(i)||i);return i};let xt=class extends g{render(){return l` <span class="dots"></span> `}};xt.styles=y`
|
|
1437
1436
|
:host {
|
|
1438
1437
|
display: flex;
|
|
1439
1438
|
align-items: center;
|
|
@@ -1484,7 +1483,7 @@
|
|
|
1484
1483
|
background-color: var(--color-container-action-primary-pressed);
|
|
1485
1484
|
}
|
|
1486
1485
|
}
|
|
1487
|
-
`;
|
|
1486
|
+
`;xt=ho([x("o-dots")],xt);var po=Object.defineProperty,uo=Object.getOwnPropertyDescriptor,E=(o,t,e,r)=>{for(var i=r>1?void 0:r?uo(t,e):t,s=o.length-1,n;s>=0;s--)(n=o[s])&&(i=(r?n(t,e,i):n(i))||i);return r&&i&&po(t,e,i),i};let C=class extends g{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`
|
|
1488
1487
|
<button
|
|
1489
1488
|
role="combobox"
|
|
1490
1489
|
aria-haspopup="listbox"
|
|
@@ -1522,14 +1521,14 @@
|
|
|
1522
1521
|
aria-activedescendant="${this.activeIndex>=0?"option-"+this.activeIndex:""}"
|
|
1523
1522
|
style=${`width: ${this.width};`}
|
|
1524
1523
|
>
|
|
1525
|
-
${this.options.map((e,
|
|
1524
|
+
${this.options.map((e,r)=>l`
|
|
1526
1525
|
<li
|
|
1527
|
-
id="option-${
|
|
1526
|
+
id="option-${r}"
|
|
1528
1527
|
role="option"
|
|
1529
1528
|
aria-selected="${e.value===this.value}"
|
|
1530
1529
|
aria-disabled="${e.disabled?"true":"false"}"
|
|
1531
|
-
tabindex="${
|
|
1532
|
-
class="${
|
|
1530
|
+
tabindex="${r===this.activeIndex?"0":"-1"}"
|
|
1531
|
+
class="${r===this.activeIndex?"active":""} ${e.disabled?"disabled":""}"
|
|
1533
1532
|
@click=${()=>this.selectOption(e)}
|
|
1534
1533
|
>
|
|
1535
1534
|
<a href="${$(e.url)}">
|
|
@@ -1546,7 +1545,7 @@
|
|
|
1546
1545
|
</ul>`:null}
|
|
1547
1546
|
|
|
1548
1547
|
<input type="hidden" name="${this.name}" .value="${this.value}" />
|
|
1549
|
-
`}};C.styles=
|
|
1548
|
+
`}};C.styles=y`
|
|
1550
1549
|
:host {
|
|
1551
1550
|
display: inline-block;
|
|
1552
1551
|
position: relative;
|
|
@@ -1725,13 +1724,13 @@
|
|
|
1725
1724
|
* @license
|
|
1726
1725
|
* Copyright 2018 Google LLC
|
|
1727
1726
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
1728
|
-
*/const
|
|
1729
|
-
${this.option.imgurl?l`<img src="${this.option.imgurl}" alt="${$(this.option.title)}" aria-hidden="true" style=${
|
|
1727
|
+
*/const Gt="important",vo=" !"+Gt,go=Wt(class extends Kt{constructor(o){var t;if(super(o),o.type!==qt.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 s=typeof i=="string"&&i.endsWith(vo);r.includes("-")||s?e.setProperty(r,s?i.slice(0,-11):i,s?Gt:""):e[r]=i}}return D}});var bo=Object.defineProperty,fo=Object.getOwnPropertyDescriptor,Lt=(o,t,e,r)=>{for(var i=r>1?void 0:r?fo(t,e):t,s=o.length-1,n;s>=0;s--)(n=o[s])&&(i=(r?n(t,e,i):n(i))||i);return r&&i&&bo(t,e,i),i};let rt=class extends g{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`
|
|
1728
|
+
${this.option.imgurl?l`<img src="${this.option.imgurl}" alt="${$(this.option.title)}" aria-hidden="true" style=${go(t)} />`:""}
|
|
1730
1729
|
<div class="m-reassurance-content">
|
|
1731
1730
|
<h3 class="a-reassurance-text">${$(this.option.title)}</h3>
|
|
1732
1731
|
<p class="a-reassurance-description">${$(this.option.description)}</p>
|
|
1733
1732
|
</div>
|
|
1734
|
-
`;return o?l`<a href="${$(this.option.url)}" class="reassurance-item clickable">${e}</a>`:l`<div class="reassurance-item">${e}</div>`}};
|
|
1733
|
+
`;return o?l`<a href="${$(this.option.url)}" class="reassurance-item clickable">${e}</a>`:l`<div class="reassurance-item">${e}</div>`}};rt.styles=y`
|
|
1735
1734
|
:host {
|
|
1736
1735
|
display: inline-block;
|
|
1737
1736
|
position: relative;
|
|
@@ -1812,4 +1811,46 @@
|
|
|
1812
1811
|
overflow: hidden;
|
|
1813
1812
|
}
|
|
1814
1813
|
}
|
|
1815
|
-
`;
|
|
1814
|
+
`;Lt([a({type:Object,reflect:!0})],rt.prototype,"option",2);Lt([a({type:Number,reflect:!0})],rt.prototype,"imageSize",2);rt=Lt([x("o-reassurance")],rt);var yo=Object.defineProperty,mo=Object.getOwnPropertyDescriptor,ut=(o,t,e,r)=>{for(var i=r>1?void 0:r?mo(t,e):t,s=o.length-1,n;s>=0;s--)(n=o[s])&&(i=(r?n(t,e,i):n(i))||i);return r&&i&&yo(t,e,i),i};let K=class extends g{constructor(){super(...arguments),this.type="",this.text="",this.link=""}render(){return l`
|
|
1815
|
+
<div class="o-chip">
|
|
1816
|
+
<a href="${this.link}" class="o-chip-text">${this.text}</a>
|
|
1817
|
+
</div>
|
|
1818
|
+
`}};K.styles=y`
|
|
1819
|
+
.o-chip {
|
|
1820
|
+
font-size: var(--font-size-150);
|
|
1821
|
+
font-weight: var(--font-weight-400);
|
|
1822
|
+
border: solid var(--border-m) var(--color-border-secondary);
|
|
1823
|
+
padding: var(--spacing-m) var(--spacing-xl);
|
|
1824
|
+
background-color: var(--color-container-action-secondary-default);
|
|
1825
|
+
border-radius: var(--radius-m);
|
|
1826
|
+
width: fit-content;
|
|
1827
|
+
font-family: var(--font-family-loccitane-sans);
|
|
1828
|
+
|
|
1829
|
+
|
|
1830
|
+
|
|
1831
|
+
a {
|
|
1832
|
+
font-size: var(--font-size-150);
|
|
1833
|
+
line-height: var(--line-height-200);
|
|
1834
|
+
letter-spacing: var(--letter-spacing-000);
|
|
1835
|
+
font-weight: var(--font-weight-400);
|
|
1836
|
+
text-decoration: none;
|
|
1837
|
+
color: var(--color-content-action-secondary);
|
|
1838
|
+
}
|
|
1839
|
+
|
|
1840
|
+
&:hover {
|
|
1841
|
+
background-color: var(--color-container-action-secondary-hover);
|
|
1842
|
+
}
|
|
1843
|
+
}
|
|
1844
|
+
|
|
1845
|
+
:host([type="active"]) .o-chip {
|
|
1846
|
+
background-color: var(--color-container-filter-default);
|
|
1847
|
+
|
|
1848
|
+
a {
|
|
1849
|
+
color: var(--color-content-action-primary);
|
|
1850
|
+
}
|
|
1851
|
+
|
|
1852
|
+
&:hover {
|
|
1853
|
+
background-color: var(--color-container-filter-hover);
|
|
1854
|
+
}
|
|
1855
|
+
}
|
|
1856
|
+
`;ut([a({type:String,reflect:!0})],K.prototype,"type",2);ut([a({type:String,reflect:!0})],K.prototype,"text",2);ut([a({type:String,reflect:!0})],K.prototype,"link",2);K=ut([x("o-chip")],K);
|