@florid-kit/components 0.8.12 → 0.8.15
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/assets/icons/icons.d.ts +1 -0
- package/components/button.d.ts +2 -0
- package/components/filter-chip.d.ts +1 -1
- package/components/side-panel.d.ts +2 -0
- package/index.js +257 -92
- package/index.mjs +1029 -593
- 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 dt=globalThis,St=dt.ShadowRoot&&(dt.ShadyCSS===void 0||dt.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,Et=Symbol(),Nt=new WeakMap;let Yt=class{constructor(t,e,r){if(this._$cssResult$=!0,r!==Et)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(St&&t===void 0){const r=e!==void 0&&e.length===1;r&&(t=Nt.get(e)),t===void 0&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),r&&Nt.set(e,t))}return t}toString(){return this.cssText}};const se=o=>new Yt(typeof o=="string"?o:o+"",void 0,Et),y=(o,...t)=>{const e=o.length===1?o[0]:t.reduce((r,i,n)=>r+(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[n+1],o[0]);return new Yt(e,o,Et)},ae=(o,t)=>{if(St)o.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(const e of t){const r=document.createElement("style"),i=dt.litNonce;i!==void 0&&r.setAttribute("nonce",i),r.textContent=e.cssText,o.appendChild(r)}},Ft=St?o=>o:o=>o instanceof CSSStyleSheet?(t=>{let e="";for(const r of t.cssRules)e+=r.cssText;return se(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:le,defineProperty:ce,getOwnPropertyDescriptor:he,getOwnPropertyNames:de,getOwnPropertySymbols:pe,getPrototypeOf:ue}=Object,M=globalThis,Rt=M.trustedTypes,ve=Rt?Rt.emptyScript:"",mt=M.reactiveElementPolyfillSupport,tt=(o,t)=>o,pt={toAttribute(o,t){switch(t){case Boolean:o=o?ve: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}},Lt=(o,t)=>!le(o,t),Vt={attribute:!0,type:String,converter:pt,reflect:!1,useDefault:!1,hasChanged:Lt};Symbol.metadata??(Symbol.metadata=Symbol("metadata")),M.litPropertyMetadata??(M.litPropertyMetadata=new WeakMap);let G=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=Vt){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&&ce(this.prototype,t,i)}}static getPropertyDescriptor(t,e,r){const{get:i,set:n}=he(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);n==null||n.call(this,s),this.requestUpdate(t,h,r)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??Vt}static _$Ei(){if(this.hasOwnProperty(tt("elementProperties")))return;const t=ue(this);t.finalize(),t.l!==void 0&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(tt("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(tt("properties"))){const e=this.properties,r=[...de(e),...pe(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(Ft(i))}else t!==void 0&&e.push(Ft(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 ae(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 n;const r=this.constructor.elementProperties.get(t),i=this.constructor._$Eu(t,r);if(i!==void 0&&r.reflect===!0){const s=(((n=r.converter)==null?void 0:n.toAttribute)!==void 0?r.converter:pt).toAttribute(e,r.type);this._$Em=t,s==null?this.removeAttribute(i):this.setAttribute(i,s),this._$Em=null}}_$AK(t,e){var n,s;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}:((n=h.converter)==null?void 0:n.fromAttribute)!==void 0?h.converter:pt;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,r){var i;if(t!==void 0){const n=this.constructor,s=this[t];if(r??(r=n.getPropertyOptions(t)),!((r.hasChanged??Lt)(s,e)||r.useDefault&&r.reflect&&s===((i=this._$Ej)==null?void 0:i.get(t))&&!this.hasAttribute(n._$Eu(t,r))))return;this.C(t,e,r)}this.isUpdatePending===!1&&(this._$ES=this._$EP())}C(t,e,{useDefault:r,reflect:i,wrapped:n},s){r&&!(this._$Ej??(this._$Ej=new Map)).has(t)&&(this._$Ej.set(t,s??e??this[t]),n!==!0||s!==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[n,s]of this._$Ep)this[n]=s;this._$Ep=void 0}const i=this.constructor.elementProperties;if(i.size>0)for(const[n,s]of i){const{wrapped:h}=s,c=this[n];h!==!0||this._$AL.has(n)||c===void 0||this.C(n,void 0,s,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 n;return(n=i.hostUpdate)==null?void 0:n.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){}};G.elementStyles=[],G.shadowRootOptions={mode:"open"},G[tt("elementProperties")]=new Map,G[tt("finalized")]=new Map,mt==null||mt({ReactiveElement:G}),(M.reactiveElementVersions??(M.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 et=globalThis,ut=et.trustedTypes,Zt=ut?ut.createPolicy("lit-html",{createHTML:o=>o}):void 0,te="$lit$",H=`lit$${Math.random().toFixed(9).slice(2)}$`,ee="?"+H,be=`<${ee}>`,V=document,it=()=>V.createComment(""),rt=o=>o===null||typeof o!="object"&&typeof o!="function",It=Array.isArray,fe=o=>It(o)||typeof(o==null?void 0:o[Symbol.iterator])=="function",xt=`[
|
|
14
|
+
\f\r]`,Y=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,qt=/-->/g,Wt=/>/g,N=RegExp(`>|${xt}(?:([^\\s"'>=/]+)(${xt}*=${xt}*(?:[^
|
|
15
|
+
\f\r"'\`<>=]|("|')|))|$)`,"g"),Kt=/'/g,Gt=/"/g,oe=/^(?:script|style|textarea|title)$/i,ge=o=>(t,...e)=>({_$litType$:o,strings:t,values:e}),l=ge(1),T=Symbol.for("lit-noChange"),d=Symbol.for("lit-nothing"),Xt=new WeakMap,F=V.createTreeWalker(V,129);function ie(o,t){if(!It(o)||!o.hasOwnProperty("raw"))throw Error("invalid template strings array");return Zt!==void 0?Zt.createHTML(t):t}const ye=(o,t)=>{const e=o.length-1,r=[];let i,n=t===2?"<svg>":t===3?"<math>":"",s=Y;for(let h=0;h<e;h++){const c=o[h];let f,m,p=-1,P=0;for(;P<c.length&&(s.lastIndex=P,m=s.exec(c),m!==null);)P=s.lastIndex,s===Y?m[1]==="!--"?s=qt:m[1]!==void 0?s=Wt:m[2]!==void 0?(oe.test(m[2])&&(i=RegExp("</"+m[2],"g")),s=N):m[3]!==void 0&&(s=N):s===N?m[0]===">"?(s=i??Y,p=-1):m[1]===void 0?p=-2:(p=s.lastIndex-m[2].length,f=m[1],s=m[3]===void 0?N:m[3]==='"'?Gt:Kt):s===Gt||s===Kt?s=N:s===qt||s===Wt?s=Y:(s=N,i=void 0);const D=s===N&&o[h+1].startsWith("/>")?" ":"";n+=s===Y?c+be:p>=0?(r.push(f),c.slice(0,p)+te+c.slice(p)+H+D):c+H+(p===-2?h:D)}return[ie(o,n+(o[e]||"<?>")+(t===2?"</svg>":t===3?"</math>":"")),r]};class nt{constructor({strings:t,_$litType$:e},r){let i;this.parts=[];let n=0,s=0;const h=t.length-1,c=this.parts,[f,m]=ye(t,e);if(this.el=nt.createElement(f,r),F.currentNode=this.el.content,e===2||e===3){const p=this.el.content.firstChild;p.replaceWith(...p.childNodes)}for(;(i=F.nextNode())!==null&&c.length<h;){if(i.nodeType===1){if(i.hasAttributes())for(const p of i.getAttributeNames())if(p.endsWith(te)){const P=m[s++],D=i.getAttribute(p).split(H),ht=/([.?@])?(.*)/.exec(P);c.push({type:1,index:n,name:ht[2],strings:D,ctor:ht[1]==="."?xe:ht[1]==="?"?we:ht[1]==="@"?$e:ft}),i.removeAttribute(p)}else p.startsWith(H)&&(c.push({type:6,index:n}),i.removeAttribute(p));if(oe.test(i.tagName)){const p=i.textContent.split(H),P=p.length-1;if(P>0){i.textContent=ut?ut.emptyScript:"";for(let D=0;D<P;D++)i.append(p[D],it()),F.nextNode(),c.push({type:2,index:++n});i.append(p[P],it())}}}else if(i.nodeType===8)if(i.data===ee)c.push({type:2,index:n});else{let p=-1;for(;(p=i.data.indexOf(H,p+1))!==-1;)c.push({type:7,index:n}),p+=H.length-1}n++}}static createElement(t,e){const r=V.createElement("template");return r.innerHTML=t,r}}function X(o,t,e=o,r){var s,h;if(t===T)return t;let i=r!==void 0?(s=e._$Co)==null?void 0:s[r]:e._$Cl;const n=rt(t)?void 0:t._$litDirective$;return(i==null?void 0:i.constructor)!==n&&((h=i==null?void 0:i._$AO)==null||h.call(i,!1),n===void 0?i=void 0:(i=new n(o),i._$AT(o,e,r)),r!==void 0?(e._$Co??(e._$Co=[]))[r]=i:e._$Cl=i),i!==void 0&&(t=X(o,i._$AS(o,t.values),i,r)),t}class me{constructor(t,e){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=e}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){const{el:{content:e},parts:r}=this._$AD,i=((t==null?void 0:t.creationScope)??V).importNode(e,!0);F.currentNode=i;let n=F.nextNode(),s=0,h=0,c=r[0];for(;c!==void 0;){if(s===c.index){let f;c.type===2?f=new ct(n,n.nextSibling,this,t):c.type===1?f=new c.ctor(n,c.name,c.strings,this,t):c.type===6&&(f=new _e(n,this,t)),this._$AV.push(f),c=r[++h]}s!==(c==null?void 0:c.index)&&(n=F.nextNode(),s++)}return F.currentNode=V,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 ct{get _$AU(){var t;return((t=this._$AM)==null?void 0:t._$AU)??this._$Cv}constructor(t,e,r,i){this.type=2,this._$AH=d,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=r,this.options=i,this._$Cv=(i==null?void 0:i.isConnected)??!0}get parentNode(){let t=this._$AA.parentNode;const e=this._$AM;return e!==void 0&&(t==null?void 0:t.nodeType)===11&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=X(this,t,e),rt(t)?t===d||t==null||t===""?(this._$AH!==d&&this._$AR(),this._$AH=d):t!==this._$AH&&t!==T&&this._(t):t._$litType$!==void 0?this.$(t):t.nodeType!==void 0?this.T(t):fe(t)?this.k(t):this._(t)}O(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.O(t))}_(t){this._$AH!==d&&rt(this._$AH)?this._$AA.nextSibling.data=t:this.T(V.createTextNode(t)),this._$AH=t}$(t){var n;const{values:e,_$litType$:r}=t,i=typeof r=="number"?this._$AC(t):(r.el===void 0&&(r.el=nt.createElement(ie(r.h,r.h[0]),this.options)),r);if(((n=this._$AH)==null?void 0:n._$AD)===i)this._$AH.p(e);else{const s=new me(i,this),h=s.u(this.options);s.p(e),this.T(h),this._$AH=s}}_$AC(t){let e=Xt.get(t.strings);return e===void 0&&Xt.set(t.strings,e=new nt(t)),e}k(t){It(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let r,i=0;for(const n of t)i===e.length?e.push(r=new ct(this.O(it()),this.O(it()),this,this.options)):r=e[i],r._$AI(n),i++;i<e.length&&(this._$AR(r&&r._$AB.nextSibling,i),e.length=i)}_$AR(t=this._$AA.nextSibling,e){var r;for((r=this._$AP)==null?void 0:r.call(this,!1,!0,e);t&&t!==this._$AB;){const i=t.nextSibling;t.remove(),t=i}}setConnected(t){var e;this._$AM===void 0&&(this._$Cv=t,(e=this._$AP)==null||e.call(this,t))}}class ft{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,e,r,i,n){this.type=1,this._$AH=d,this._$AN=void 0,this.element=t,this.name=e,this._$AM=i,this.options=n,r.length>2||r[0]!==""||r[1]!==""?(this._$AH=Array(r.length-1).fill(new String),this.strings=r):this._$AH=d}_$AI(t,e=this,r,i){const n=this.strings;let s=!1;if(n===void 0)t=X(this,t,e,0),s=!rt(t)||t!==this._$AH&&t!==T,s&&(this._$AH=t);else{const h=t;let c,f;for(t=n[0],c=0;c<n.length-1;c++)f=X(this,h[r+c],e,c),f===T&&(f=this._$AH[c]),s||(s=!rt(f)||f!==this._$AH[c]),f===d?t=d:t!==d&&(t+=(f??"")+n[c+1]),this._$AH[c]=f}s&&!i&&this.j(t)}j(t){t===d?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}}class xe extends ft{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===d?void 0:t}}class we extends ft{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==d)}}class $e extends ft{constructor(t,e,r,i,n){super(t,e,r,i,n),this.type=5}_$AI(t,e=this){if((t=X(this,t,e,0)??d)===T)return;const r=this._$AH,i=t===d&&r!==d||t.capture!==r.capture||t.once!==r.once||t.passive!==r.passive,n=t!==d&&(r===d||i);i&&this.element.removeEventListener(this.name,this,r),n&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){var e;typeof this._$AH=="function"?this._$AH.call(((e=this.options)==null?void 0:e.host)??this.element,t):this._$AH.handleEvent(t)}}class _e{constructor(t,e,r){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=r}get _$AU(){return this._$AM._$AU}_$AI(t){X(this,t)}}const wt=et.litHtmlPolyfillSupport;wt==null||wt(nt,ct),(et.litHtmlVersions??(et.litHtmlVersions=[])).push("3.3.0");const ke=(o,t,e)=>{const r=(e==null?void 0:e.renderBefore)??t;let i=r._$litPart$;if(i===void 0){const n=(e==null?void 0:e.renderBefore)??null;r._$litPart$=i=new ct(t.insertBefore(it(),n),n,void 0,e??{})}return i._$AI(o),i};/**
|
|
16
16
|
* @license
|
|
17
17
|
* Copyright 2017 Google LLC
|
|
18
18
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
19
|
-
*/const R=globalThis;let
|
|
19
|
+
*/const R=globalThis;let u=class extends G{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){var e;const t=super.createRenderRoot();return(e=this.renderOptions).renderBefore??(e.renderBefore=t.firstChild),t}update(t){const e=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=ke(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 T}};var Qt;u._$litElement$=!0,u.finalized=!0,(Qt=R.litElementHydrateSupport)==null||Qt.call(R,{LitElement:u});const $t=R.litElementPolyfillSupport;$t==null||$t({LitElement:u});(R.litElementVersions??(R.litElementVersions=[])).push("4.2.0");/**
|
|
20
20
|
* @license
|
|
21
21
|
* Copyright 2017 Google LLC
|
|
22
22
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
@@ -24,11 +24,11 @@
|
|
|
24
24
|
* @license
|
|
25
25
|
* Copyright 2017 Google LLC
|
|
26
26
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
27
|
-
*/const
|
|
27
|
+
*/const Ce={attribute:!0,type:String,converter:pt,reflect:!1,hasChanged:Lt},Ae=(o=Ce,t,e)=>{const{kind:r,metadata:i}=e;let n=globalThis.litPropertyMetadata.get(i);if(n===void 0&&globalThis.litPropertyMetadata.set(i,n=new Map),r==="setter"&&((o=Object.create(o)).wrapped=!0),n.set(e.name,o),r==="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(r==="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: "+r)};function a(o){return(t,e)=>typeof e=="object"?Ae(o,t,e):((r,i,n)=>{const s=i.hasOwnProperty(n);return i.constructor.createProperty(n,r),s?Object.getOwnPropertyDescriptor(i,n):void 0})(o,t,e)}/**
|
|
28
28
|
* @license
|
|
29
29
|
* Copyright 2017 Google LLC
|
|
30
30
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
31
|
-
*/function
|
|
31
|
+
*/function Z(o){return a({...o,state:!0,attribute:!1})}const Pt=y`
|
|
32
32
|
outline: 1px dashed var(--button-border-color);
|
|
33
33
|
outline-offset: 2px;
|
|
34
34
|
outline: dashed black;
|
|
@@ -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 Ot=Symbol("internals"),_t=Symbol("privateInternals");function Bt(o){var t;class e extends o{get[(t=Ot,t)](){return this[_t]||(this[_t]=this.attachInternals()),this[_t]}}return e}/**
|
|
44
44
|
* @license
|
|
45
45
|
* Copyright 2023 Google LLC
|
|
46
46
|
* SPDX-License-Identifier: Apache-2.0
|
|
47
|
-
*/function
|
|
47
|
+
*/function Se(o){o.addInitializer(t=>{const e=t;e.addEventListener("click",async r=>{const{type:i,[Ot]:n}=e,{form:s}=n;if(!(!s||i==="button")&&(await new Promise(h=>{setTimeout(h)}),!r.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}),n.setFormValue(e.value),s.requestSubmit()}})})}const Ee=`<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
|
+
`,Le=`<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
|
+
`,Ie=`<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
|
+
`,Pe=`<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
|
+
`,Oe=`<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
|
+
`,Be=`<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
|
+
`,ze=`<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
|
+
`,De=`<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
|
+
`,He=`<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
|
+
`,Me=`<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
|
+
`,Te=`<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
|
+
`,je=`<?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
|
+
`,Ue=`<?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,49 +97,49 @@
|
|
|
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
|
+
`,Ne=`<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
|
+
`,Fe=`<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
|
+
`,Re=`<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
|
+
`,Ve=`<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
|
+
`,Ze=`<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
|
+
`,qe=`<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
|
+
`,We=`<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
|
+
`,Ke=`<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
|
+
`,Ge=`<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
|
+
`,Xe=`<svg viewBox="0 0 200 200" preserveAspectRatio="none" xmlns="http://www.w3.org/2000/svg">
|
|
129
129
|
<line x1="0" y1="0" x2="200" y2="200" />
|
|
130
|
-
</svg>`,
|
|
130
|
+
</svg>`,q={wishlist:Ee,playerv:Le,chevronRight:Ie,chevronLeft:Pe,icoPlus:je,icoMinus:Ue,"star-0":Oe,"star-25":Be,"star-50":ze,"star-75":De,"star-100":He,cross:Me,search:Te,arrowLeft:Ne,arrowTop:Fe,cart:Re,notifyme:Ve,triangledown:Ze,triangleup:qe,checkstroke:We,pause:Ke,mapDualArrow:Ge},Je={strikeDiagonal:Xe};/**
|
|
131
131
|
* @license
|
|
132
132
|
* Copyright 2017 Google LLC
|
|
133
133
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
134
|
-
*/const
|
|
134
|
+
*/const zt={ATTRIBUTE:1,CHILD:2},Dt=o=>(...t)=>({_$litDirective$:o,values:t});let Ht=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)}};/**
|
|
135
135
|
* @license
|
|
136
136
|
* Copyright 2017 Google LLC
|
|
137
137
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
138
|
-
*/class
|
|
138
|
+
*/class kt extends Ht{constructor(t){if(super(t),this.it=d,t.type!==zt.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===T)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:[]}}}kt.directiveName="unsafeHTML",kt.resultType=1;/**
|
|
139
139
|
* @license
|
|
140
140
|
* Copyright 2017 Google LLC
|
|
141
141
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
142
|
-
*/class
|
|
142
|
+
*/class Ct extends kt{}Ct.directiveName="unsafeSVG",Ct.resultType=2;const S=Dt(Ct);var Qe=Object.defineProperty,Ye=Object.getOwnPropertyDescriptor,w=(o,t,e,r)=>{for(var i=r>1?void 0:r?Ye(t,e):t,n=o.length-1,s;n>=0;n--)(s=o[n])&&(i=(r?s(t,e,i):s(i))||i);return r&&i&&Qe(t,e,i),i};const to=Bt(u);let v=class extends to{constructor(){super(...arguments),this.type="submit",this.value="",this.variant="primary",this.text="",this.textsecond="",this.fullwidth=!1,this.disabled=!1,this.startIconModel="",this.endIconModel="",this.startIcon=!1,this.endIcon=!1,this.panelTarget="",this.href="",this.target="",this.underlined=!1}get name(){return this.getAttribute("name")??""}set name(o){this.setAttribute("name",o)}get form(){return this[Ot].form}handleClick(){if(this.panelTarget){const o=document.getElementById(this.panelTarget);o!=null&&o.openPanel&&typeof o.openPanel=="function"?o.openPanel():console.warn(`[o-button] No side panel with id="${this.panelTarget}" found or it does not have an openPanel method.`)}}render(){return this.href?this.renderLink():this.renderButton()}renderIcon(o){const t=o==="start"?this.startIconModel:this.endIconModel;if(!t)return d;const e=q[t].replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"');return l`<span class="${o==="start"?"icon-start":"icon-end"}">${S(e)}</span>`}renderButton(){const o=this.text||this.textsecond;return l`
|
|
143
143
|
<button type=${this.type} class="button" ?disabled=${this.disabled} @click=${this.handleClick}>
|
|
144
144
|
${this.startIcon?this.renderIcon("start"):d}
|
|
145
145
|
${o?l`
|
|
@@ -162,7 +162,7 @@
|
|
|
162
162
|
`:l`<slot></slot>`}
|
|
163
163
|
${this.endIcon?this.renderIcon("end"):d}
|
|
164
164
|
</a>
|
|
165
|
-
`}};
|
|
165
|
+
`}};Se(v);v.formAssociated=!0;v.styles=y`
|
|
166
166
|
:host {
|
|
167
167
|
--button-border: transparent;
|
|
168
168
|
cursor: pointer;
|
|
@@ -274,7 +274,7 @@
|
|
|
274
274
|
}
|
|
275
275
|
|
|
276
276
|
.button:focus-visible {
|
|
277
|
-
${
|
|
277
|
+
${Pt};
|
|
278
278
|
}
|
|
279
279
|
|
|
280
280
|
span.text + span.text::before {
|
|
@@ -286,6 +286,20 @@
|
|
|
286
286
|
.icon-end {
|
|
287
287
|
display: inline-flex;
|
|
288
288
|
align-items: center;
|
|
289
|
+
|
|
290
|
+
svg {
|
|
291
|
+
max-height: 20px;
|
|
292
|
+
}
|
|
293
|
+
svg[x] {
|
|
294
|
+
width: 15px;
|
|
295
|
+
}
|
|
296
|
+
path[fill],
|
|
297
|
+
path[class] {
|
|
298
|
+
fill: var(--button-text) !important;
|
|
299
|
+
}
|
|
300
|
+
path[stroke] {
|
|
301
|
+
stroke: var(--button-text) !important;
|
|
302
|
+
}
|
|
289
303
|
}
|
|
290
304
|
|
|
291
305
|
:host([variant="tertiary"][fullwidth][endIcon]) .button {
|
|
@@ -295,11 +309,9 @@
|
|
|
295
309
|
.button span {
|
|
296
310
|
display: inline-flex;
|
|
297
311
|
align-items: center;
|
|
298
|
-
margin-top: 1px;
|
|
299
312
|
}
|
|
300
313
|
|
|
301
314
|
.button slot {
|
|
302
|
-
margin-top: 1px;
|
|
303
315
|
display: inline-flex;
|
|
304
316
|
align-items: center;
|
|
305
317
|
}
|
|
@@ -308,9 +320,19 @@
|
|
|
308
320
|
width: var(--button-endicon-svg-width, 8px);
|
|
309
321
|
}
|
|
310
322
|
|
|
311
|
-
:host([underlined])
|
|
312
|
-
:host([underlined]
|
|
313
|
-
|
|
323
|
+
:host([underlined]) span:not([class*="icon-"]),
|
|
324
|
+
:host([underlined]) .text,
|
|
325
|
+
:host([underlined]) .button slot {
|
|
326
|
+
position: relative;
|
|
327
|
+
&::after {
|
|
328
|
+
content: "";
|
|
329
|
+
display: block;
|
|
330
|
+
position: absolute;
|
|
331
|
+
bottom: 0;
|
|
332
|
+
left: 0;
|
|
333
|
+
width: 100%;
|
|
334
|
+
border-bottom: var(--border-M, 1px) solid var(--button-text);
|
|
335
|
+
}
|
|
314
336
|
}
|
|
315
337
|
|
|
316
338
|
//Icon movement on hover
|
|
@@ -324,12 +346,12 @@
|
|
|
324
346
|
transform: translateX(4px);
|
|
325
347
|
}
|
|
326
348
|
//End icon movment on hover
|
|
327
|
-
`;w([a()],
|
|
349
|
+
`;w([a()],v.prototype,"type",2);w([a({reflect:!0})],v.prototype,"value",2);w([a({type:String,reflect:!0})],v.prototype,"variant",2);w([a({type:String})],v.prototype,"text",2);w([a({type:String})],v.prototype,"textsecond",2);w([a({type:Boolean,reflect:!0})],v.prototype,"fullwidth",2);w([a({type:Boolean,reflect:!0})],v.prototype,"disabled",2);w([a({type:String,reflect:!0})],v.prototype,"startIconModel",2);w([a({type:String,reflect:!0})],v.prototype,"endIconModel",2);w([a({type:Boolean,reflect:!0,attribute:"starticon"})],v.prototype,"startIcon",2);w([a({type:Boolean,reflect:!0,attribute:"endicon"})],v.prototype,"endIcon",2);w([a({type:String,attribute:"paneltarget",reflect:!0})],v.prototype,"panelTarget",2);w([a({type:String})],v.prototype,"href",2);w([a({type:String})],v.prototype,"target",2);w([a({type:Boolean,reflect:!0})],v.prototype,"underlined",2);v=w([x("o-button")],v);var eo=Object.defineProperty,oo=Object.getOwnPropertyDescriptor,gt=(o,t,e,r)=>{for(var i=r>1?void 0:r?oo(t,e):t,n=o.length-1,s;n>=0;n--)(s=o[n])&&(i=(r?s(t,e,i):s(i))||i);return r&&i&&eo(t,e,i),i};let J=class extends u{constructor(){super(...arguments),this.status="empty",this.ariaDescribedBy="a-product-name",this.label="Add to wishlist",this.toggleStatus=()=>{this.status=this.status==="empty"?"filled":"empty",this.setAttribute("aria-pressed",String(this.status==="filled")),this.dispatchEvent(new CustomEvent("wishlist-toggle",{detail:{status:this.status},bubbles:!0,composed:!0}))}}connectedCallback(){super.connectedCallback(),this.setAttribute("tabindex","0"),this.setAttribute("role","button"),this.setAttribute("aria-pressed",String(this.status==="filled"))}firstUpdated(){this.addEventListener("click",this.toggleStatus),this.addEventListener("keydown",this.handleKeydown)}handleKeydown(o){(o.key==="Enter"||o.key===" ")&&(o.preventDefault(),this.toggleStatus())}render(){const o=q.wishlist.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"');return l`
|
|
328
350
|
<button type="button" aria-describedby="${this.ariaDescribedBy}" class="wishlist-button">
|
|
329
351
|
<span class="sr-only">${this.label}</span>
|
|
330
|
-
${
|
|
352
|
+
${S(o)}
|
|
331
353
|
</button>
|
|
332
|
-
`}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()}};
|
|
354
|
+
`}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()}};J.styles=y`
|
|
333
355
|
:host {
|
|
334
356
|
display: inline-flex;
|
|
335
357
|
justify-content: center;
|
|
@@ -392,14 +414,14 @@
|
|
|
392
414
|
width: 0.1rem !important;
|
|
393
415
|
white-space: nowrap !important;
|
|
394
416
|
}
|
|
395
|
-
`;
|
|
417
|
+
`;gt([a({type:String,reflect:!0})],J.prototype,"status",2);gt([a({type:String,reflect:!0})],J.prototype,"ariaDescribedBy",2);gt([a({type:String,reflect:!0})],J.prototype,"label",2);J=gt([x("o-wishlist-button")],J);/**
|
|
396
418
|
* @license
|
|
397
419
|
* Copyright 2018 Google LLC
|
|
398
420
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
399
|
-
*/const $=o=>o??d;var
|
|
421
|
+
*/const $=o=>o??d;var io=Object.defineProperty,ro=Object.getOwnPropertyDescriptor,L=(o,t,e,r)=>{for(var i=r>1?void 0:r?ro(t,e):t,n=o.length-1,s;n>=0;n--)(s=o[n])&&(i=(r?s(t,e,i):s(i))||i);return r&&i&&io(t,e,i),i};let _=class extends u{constructor(){super(...arguments),this.bgstyle="background-light",this.size="medium",this.status="empty",this.type="button",this.strokewidth="1",this.icon="wishlist",this.disabled=!1,this.showSrLabel=!1,this.srLabel=""}updated(o){super.updated(o),this.style.setProperty("--icon-stroke-width",this.strokewidth)}render(){const o=q[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`
|
|
400
422
|
${this.type==="span"?l`
|
|
401
423
|
<span class="icon icon-button ${this.size} ${this.bgstyle} ${this.status} ${t}" ?disabled="${this.disabled}">
|
|
402
|
-
${
|
|
424
|
+
${S(e)}
|
|
403
425
|
</span>
|
|
404
426
|
`:l`
|
|
405
427
|
<button
|
|
@@ -408,8 +430,8 @@
|
|
|
408
430
|
class="icon-button ${this.size} ${this.bgstyle} ${this.status} ${t}"
|
|
409
431
|
?disabled="${this.disabled}"
|
|
410
432
|
>
|
|
411
|
-
${
|
|
412
|
-
${
|
|
433
|
+
${S(e)}
|
|
434
|
+
${r}
|
|
413
435
|
</button>
|
|
414
436
|
`}
|
|
415
437
|
`}};_.styles=y`
|
|
@@ -618,7 +640,7 @@
|
|
|
618
640
|
.sr-only {
|
|
619
641
|
display: none;
|
|
620
642
|
}
|
|
621
|
-
`;
|
|
643
|
+
`;L([a({type:String,reflect:!0})],_.prototype,"bgstyle",2);L([a({type:String,reflect:!0})],_.prototype,"size",2);L([a({type:String,reflect:!0})],_.prototype,"status",2);L([a({type:String,reflect:!0})],_.prototype,"type",2);L([a({type:String})],_.prototype,"strokewidth",2);L([a({type:String})],_.prototype,"icon",2);L([a({type:Boolean,reflect:!0})],_.prototype,"disabled",2);L([a({type:Boolean})],_.prototype,"showSrLabel",2);L([a({type:String})],_.prototype,"srLabel",2);_=L([x("o-icon-button")],_);var no=Object.defineProperty,so=Object.getOwnPropertyDescriptor,W=(o,t,e,r)=>{for(var i=r>1?void 0:r?so(t,e):t,n=o.length-1,s;n>=0;n--)(s=o[n])&&(i=(r?s(t,e,i):s(i))||i);return r&&i&&no(t,e,i),i};let O=class extends u{constructor(){super(...arguments),this.href="",this.target="",this.template="standard",this.inverse=!1,this.endIcon=!1,this.reverseEndIcon=!1}_handleClick(o){(!this.href||this.href==="#")&&o.preventDefault()}render(){const o=this.href||"#";return l`
|
|
622
644
|
<a
|
|
623
645
|
href="${o}"
|
|
624
646
|
target="${$(this.target||void 0)}"
|
|
@@ -731,14 +753,14 @@
|
|
|
731
753
|
height: 1px;
|
|
732
754
|
}
|
|
733
755
|
/* End of underline effect */
|
|
734
|
-
`;
|
|
756
|
+
`;W([a({type:String})],O.prototype,"href",2);W([a({type:String})],O.prototype,"target",2);W([a({type:String,reflect:!0})],O.prototype,"template",2);W([a({type:Boolean,reflect:!0})],O.prototype,"inverse",2);W([a({type:Boolean,reflect:!0})],O.prototype,"endIcon",2);W([a({type:Boolean,reflect:!0})],O.prototype,"reverseEndIcon",2);O=W([x("o-link")],O);var ao=Object.defineProperty,lo=Object.getOwnPropertyDescriptor,yt=(o,t,e,r)=>{for(var i=r>1?void 0:r?lo(t,e):t,n=o.length-1,s;n>=0;n--)(s=o[n])&&(i=(r?s(t,e,i):s(i))||i);return r&&i&&ao(t,e,i),i};let Q=class extends u{constructor(){super(...arguments),this.rating=0}getStarKeys(){const o=[];for(let t=0;t<5;t++){const e=this.rating-t;let r;e>=1?r=100:e<=0?r=0:r=Math.round(e*100/25)*25,o.push(`star-${r}`)}return o}render(){const o=this.getStarKeys();return l`
|
|
735
757
|
<div class="rating">
|
|
736
758
|
<div class="stars">
|
|
737
|
-
${o.map(t=>l`<span class="star">${
|
|
759
|
+
${o.map(t=>l`<span class="star">${S(q[t]??"")}</span>`)}
|
|
738
760
|
</div>
|
|
739
761
|
${this.reviewCount!=null&&this.href!=null?l`<o-link template="review" href="${this.href}">${this.reviewCount}</o-link>`:null}
|
|
740
762
|
</div>
|
|
741
|
-
`}};
|
|
763
|
+
`}};Q.styles=y`
|
|
742
764
|
svg {
|
|
743
765
|
width: 12px;
|
|
744
766
|
height: 12px;
|
|
@@ -771,7 +793,15 @@
|
|
|
771
793
|
text-decoration: underline;
|
|
772
794
|
cursor: pointer;
|
|
773
795
|
}
|
|
774
|
-
`;
|
|
796
|
+
`;yt([a({type:Number})],Q.prototype,"rating",2);yt([a({type:String})],Q.prototype,"reviewCount",2);yt([a({type:String})],Q.prototype,"href",2);Q=yt([x("o-rating")],Q);/**
|
|
797
|
+
* @license
|
|
798
|
+
* Copyright 2020 Google LLC
|
|
799
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
800
|
+
*/const co=o=>o.strings===void 0;/**
|
|
801
|
+
* @license
|
|
802
|
+
* Copyright 2017 Google LLC
|
|
803
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
804
|
+
*/const ot=(o,t)=>{var r;const e=o._$AN;if(e===void 0)return!1;for(const i of e)(r=i._$AO)==null||r.call(i,t,!1),ot(i,t);return!0},vt=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)},re=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),uo(t)}};function ho(o){this._$AN!==void 0?(vt(this),this._$AM=o,re(this)):this._$AM=o}function po(o,t=!1,e=0){const r=this._$AH,i=this._$AN;if(i!==void 0&&i.size!==0)if(t)if(Array.isArray(r))for(let n=e;n<r.length;n++)ot(r[n],!1),vt(r[n]);else r!=null&&(ot(r,!1),vt(r));else ot(this,o)}const uo=o=>{o.type==zt.CHILD&&(o._$AP??(o._$AP=po),o._$AQ??(o._$AQ=ho))};class vo extends Ht{constructor(){super(...arguments),this._$AN=void 0}_$AT(t,e,r){super._$AT(t,e,r),re(this),this.isConnected=t._$AU}_$AO(t,e=!0){var r,i;t!==this.isConnected&&(this.isConnected=t,t?(r=this.reconnected)==null||r.call(this):(i=this.disconnected)==null||i.call(this)),e&&(ot(this,t),vt(this))}setValue(t){if(co(this._$Ct))this._$Ct._$AI(t,this);else{const e=[...this._$Ct._$AH];e[this._$Ci]=t,this._$Ct._$AI(e,this,0)}}disconnected(){}reconnected(){}}class bo extends vo{constructor(){super(...arguments),this.prevData={}}render(t){return d}update(t,[e]){var r;this.element!==t.element&&(this.element=t.element),this.host=((r=t.options)===null||r===void 0?void 0:r.host)||this.element,this.apply(e),this.groom(e),this.prevData={...e}}apply(t){if(!t)return;const{prevData:e,element:r}=this;for(const i in t){const n=t[i];n!==e[i]&&(r[i]=n)}}groom(t){const{prevData:e,element:r}=this;if(e)for(const i in e)(!t||!(i in t)&&r[i]===e[i])&&(r[i]=void 0)}}class fo extends bo{constructor(){super(...arguments),this.eventData={}}apply(t){if(t)for(const e in t){const r=t[e];r!==this.eventData[e]&&this.applyEvent(e,r)}}applyEvent(t,e){const{prevData:r,element:i}=this;this.eventData[t]=e,r[t]&&i.removeEventListener(t,this,e),i.addEventListener(t,this,e)}groom(t){const{prevData:e,element:r}=this;if(e)for(const i in e)(!t||!(i in t)&&r[i]===e[i])&&this.groomEvent(i,e[i])}groomEvent(t,e){const{element:r}=this;delete this.eventData[t],r.removeEventListener(t,this,e)}handleEvent(t){const e=this.eventData[t.type];typeof e=="function"?e.call(this.host,t):e.handleEvent(t)}disconnected(){const{eventData:t,element:e}=this;for(const r in t){const i=r.slice(1),n=t[r];e.removeEventListener(i,this,n)}}reconnected(){const{eventData:t,element:e}=this;for(const r in t){const i=r.slice(1),n=t[r];e.addEventListener(i,this,n)}}}class go extends fo{apply(t){if(!t)return;const{prevData:e,element:r}=this;for(const i in t){const n=t[i];if(n===e[i])continue;const s=i.slice(1);switch(i[0]){case"@":this.eventData[s]=n,this.applyEvent(s,n);break;case".":r[s]=n;break;case"?":n?r.setAttribute(s,""):r.removeAttribute(s);break;default:n!=null?r.setAttribute(i,String(n)):r.removeAttribute(i);break}}}groom(t){const{prevData:e,element:r}=this;if(e)for(const i in e){const n=i.slice(1);if(!t||!(i in t)&&r[n]===e[i])switch(i[0]){case"@":this.groomEvent(n,e[i]);break;case".":r[n]=void 0;break;case"?":r.removeAttribute(n);break;default:r.removeAttribute(i);break}}}}const Jt=Dt(go);var yo=Object.defineProperty,mo=Object.getOwnPropertyDescriptor,g=(o,t,e,r)=>{for(var i=r>1?void 0:r?mo(t,e):t,n=o.length-1,s;n>=0;n--)(s=o[n])&&(i=(r?s(t,e,i):s(i))||i);return r&&i&&yo(t,e,i),i};let b=class extends u{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.firstButtonProps={},this.secondaryButtonLabel="",this.secondaryButtonVariant="secondary",this.secondaryButtonProps={},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`
|
|
775
805
|
<div class="overlay" style="z-index: ${this.zIndex}" @click=${this.closePanel}></div>
|
|
776
806
|
<div
|
|
777
807
|
class="panel"
|
|
@@ -801,6 +831,7 @@
|
|
|
801
831
|
<o-button
|
|
802
832
|
variant="${this.firstButtonVariant}"
|
|
803
833
|
@click=${this.handleFirstClick}
|
|
834
|
+
${Jt(this.firstButtonProps)}
|
|
804
835
|
>
|
|
805
836
|
${this.firstButtonLabel}
|
|
806
837
|
</o-button>
|
|
@@ -810,6 +841,7 @@
|
|
|
810
841
|
<o-button
|
|
811
842
|
variant="${this.secondaryButtonVariant}"
|
|
812
843
|
@click=${this.handleSecondaryClick}
|
|
844
|
+
${Jt(this.secondaryButtonProps)}
|
|
813
845
|
>
|
|
814
846
|
${this.secondaryButtonLabel}
|
|
815
847
|
</o-button>
|
|
@@ -817,7 +849,7 @@
|
|
|
817
849
|
</div>
|
|
818
850
|
`:null}
|
|
819
851
|
</div>
|
|
820
|
-
`}};
|
|
852
|
+
`}};b.styles=y`
|
|
821
853
|
:host {
|
|
822
854
|
--z-overlay: 99;
|
|
823
855
|
--z-panel: 100;
|
|
@@ -958,7 +990,7 @@
|
|
|
958
990
|
--line-height: var(--line-height-280);
|
|
959
991
|
}
|
|
960
992
|
}
|
|
961
|
-
`;
|
|
993
|
+
`;g([a({type:Boolean,reflect:!0})],b.prototype,"open",2);g([a({type:Boolean,reflect:!0})],b.prototype,"showHeader",2);g([a({type:Boolean,reflect:!0})],b.prototype,"showFooter",2);g([a({type:Boolean,reflect:!0})],b.prototype,"showHeaderStartIcon",2);g([a({type:String,reflect:!0})],b.prototype,"headerTitle",2);g([a({type:String,reflect:!0})],b.prototype,"closeButtonLabel",2);g([a({type:String,reflect:!0})],b.prototype,"firstButtonLabel",2);g([a({type:String,reflect:!0})],b.prototype,"firstButtonVariant",2);g([a({type:Object,reflect:!0})],b.prototype,"firstButtonProps",2);g([a({type:Function})],b.prototype,"onFirstButtonClick",2);g([a({type:String,reflect:!0})],b.prototype,"secondaryButtonLabel",2);g([a({type:String,reflect:!0})],b.prototype,"secondaryButtonVariant",2);g([a({type:Object,reflect:!0})],b.prototype,"secondaryButtonProps",2);g([a({type:Function})],b.prototype,"onSecondaryButtonClick",2);g([a({type:Boolean,reflect:!0})],b.prototype,"disablePortal",2);g([a({type:Number,reflect:!0})],b.prototype,"zIndex",2);g([a({type:Boolean,reflect:!0})],b.prototype,"initialized",2);b=g([x("o-side-panel")],b);var xo=Object.defineProperty,wo=Object.getOwnPropertyDescriptor,j=(o,t,e,r)=>{for(var i=r>1?void 0:r?wo(t,e):t,n=o.length-1,s;n>=0;n--)(s=o[n])&&(i=(r?s(t,e,i):s(i))||i);return r&&i&&xo(t,e,i),i};let E=class extends u{constructor(){super(...arguments),this.thumbnails=[],this.activeIndex=0,this.disabledIndexes=[],this.maxWidth="100%",this.altressource="visual",this.focusedIndex=0,this.playerIconTemplate=l`
|
|
962
994
|
<o-icon-button
|
|
963
995
|
icon="playerv"
|
|
964
996
|
size="xsmall"
|
|
@@ -969,27 +1001,27 @@
|
|
|
969
1001
|
></o-icon-button>
|
|
970
1002
|
`}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`
|
|
971
1003
|
<ul class="scroll-container" style="max-width: ${this.maxWidth};">
|
|
972
|
-
${this.thumbnails.map((o,t)=>{const e=this.disabledIndexes.includes(t),
|
|
1004
|
+
${this.thumbnails.map((o,t)=>{const e=this.disabledIndexes.includes(t),r=this.activeIndex===t,i=o.type==="video",n=i?`video ${t}`:`${this.altressource} ${t+1}`;return l`
|
|
973
1005
|
<li class="thumb-wrapper">
|
|
974
1006
|
<button
|
|
975
1007
|
class="thumb"
|
|
976
1008
|
data-index="${t}"
|
|
977
1009
|
?disabled=${e}
|
|
978
1010
|
aria-selected="${this.focusedIndex===t}"
|
|
979
|
-
aria-current=${
|
|
1011
|
+
aria-current=${r?"true":"false"}
|
|
980
1012
|
tabindex="${this.disabledIndexes.includes(t)?-1:0}"
|
|
981
1013
|
@click=${()=>this.selectThumbnail(t)}
|
|
982
1014
|
@keydown=${this.handleKeyDown}
|
|
983
|
-
@focus=${
|
|
984
|
-
@blur=${
|
|
1015
|
+
@focus=${s=>this.onFocus(s)}
|
|
1016
|
+
@blur=${s=>this.onBlur(s)}
|
|
985
1017
|
>
|
|
986
|
-
<img alt="${
|
|
1018
|
+
<img alt="${n}" src="${o.src}" />
|
|
987
1019
|
</button>
|
|
988
1020
|
${i?l`<div class="play-icon-wrapper">${this.playerIconTemplate}</div>`:null}
|
|
989
1021
|
</li>
|
|
990
1022
|
`})}
|
|
991
1023
|
</ul>
|
|
992
|
-
`}};
|
|
1024
|
+
`}};E.styles=y`
|
|
993
1025
|
:host {
|
|
994
1026
|
display: flex;
|
|
995
1027
|
gap: 5px;
|
|
@@ -1094,9 +1126,9 @@
|
|
|
1094
1126
|
height: 0;
|
|
1095
1127
|
width: 0;
|
|
1096
1128
|
}
|
|
1097
|
-
`;
|
|
1129
|
+
`;j([a({type:Array})],E.prototype,"thumbnails",2);j([a({type:Number})],E.prototype,"activeIndex",2);j([a({type:Array})],E.prototype,"disabledIndexes",2);j([a({type:String})],E.prototype,"maxWidth",2);j([a({type:String})],E.prototype,"altressource",2);j([a({type:Object})],E.prototype,"swiperInstance",2);j([Z()],E.prototype,"focusedIndex",2);E=j([x("thumbnail-navigation")],E);var $o=Object.defineProperty,_o=Object.getOwnPropertyDescriptor,Mt=(o,t,e,r)=>{for(var i=r>1?void 0:r?_o(t,e):t,n=o.length-1,s;n>=0;n--)(s=o[n])&&(i=(r?s(t,e,i):s(i))||i);return r&&i&&$o(t,e,i),i};let st=class extends u{constructor(){super(...arguments),this.type="",this.bgstyle="background-white"}render(){return l`
|
|
1098
1130
|
<span class="tag ${this.bgstyle}"><slot></slot></span>
|
|
1099
|
-
`}};
|
|
1131
|
+
`}};st.styles=y`
|
|
1100
1132
|
.tag {
|
|
1101
1133
|
display: inline-block;
|
|
1102
1134
|
padding: var(--spacing-2-xs) var(--spacing-s);
|
|
@@ -1151,12 +1183,12 @@
|
|
|
1151
1183
|
background-color: var(--color-content-success);
|
|
1152
1184
|
}
|
|
1153
1185
|
|
|
1154
|
-
`;
|
|
1186
|
+
`;Mt([a({type:String,reflect:!0})],st.prototype,"type",2);Mt([a({type:String,reflect:!0})],st.prototype,"bgstyle",2);st=Mt([x("o-tag")],st);var ko=Object.defineProperty,Co=Object.getOwnPropertyDescriptor,Tt=(o,t,e,r)=>{for(var i=r>1?void 0:r?Co(t,e):t,n=o.length-1,s;n>=0;n--)(s=o[n])&&(i=(r?s(t,e,i):s(i))||i);return r&&i&&ko(t,e,i),i};let at=class extends u{constructor(){super(...arguments),this.type="top",this.text=""}render(){return l`
|
|
1155
1187
|
<div class="tooltip">
|
|
1156
1188
|
<span class="tooltiptext">${this.text}</span>
|
|
1157
1189
|
<slot></slot>
|
|
1158
1190
|
</div>
|
|
1159
|
-
`}};
|
|
1191
|
+
`}};at.styles=y`
|
|
1160
1192
|
.tooltip {
|
|
1161
1193
|
position: relative;
|
|
1162
1194
|
display: inline-block;
|
|
@@ -1248,7 +1280,7 @@
|
|
|
1248
1280
|
border-color: transparent var(--color-alpha-dark-strongest) transparent transparent;
|
|
1249
1281
|
}
|
|
1250
1282
|
|
|
1251
|
-
`;
|
|
1283
|
+
`;Tt([a({type:String,reflect:!0})],at.prototype,"type",2);Tt([a({type:String,reflect:!0})],at.prototype,"text",2);at=Tt([x("o-tooltip")],at);var Ao=Object.defineProperty,So=Object.getOwnPropertyDescriptor,z=(o,t,e,r)=>{for(var i=r>1?void 0:r?So(t,e):t,n=o.length-1,s;n>=0;n--)(s=o[n])&&(i=(r?s(t,e,i):s(i))||i);return r&&i&&Ao(t,e,i),i};let C=class extends u{constructor(){super(...arguments),this.options=[],this.value="",this.name="",this.disabled=!1,this.width="100%",this.open=!1,this.activeIndex=-1,this.menuWidth="",this._handleOutsideClick=o=>{this.contains(o.target)||(this.open=!1,this.activeIndex=-1)}}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this._handleOutsideClick)}disconnectedCallback(){document.removeEventListener("click",this._handleOutsideClick),super.disconnectedCallback()}toggle(){var o;if(!this.disabled){if(this.open=!this.open,this.activeIndex=this.open?this.options.findIndex(t=>t.value===this.value):-1,this.open&&this.width==="auto"){const t=(o=this.renderRoot)==null?void 0:o.querySelector("button");t&&(this.menuWidth=`${t.getBoundingClientRect().width}px`)}this.open&&this.updateComplete.then(()=>{this._focusActiveOption()})}}_focusActiveOption(){var t;const o=(t=this.renderRoot)==null?void 0:t.querySelector(`#option-${this.activeIndex}`);o==null||o.focus()}selectOption(o){this.value=o.value,this.dispatchEvent(new CustomEvent("change",{detail:{value:this.value,url:o.url}})),this.open=!1,this.activeIndex=-1}handleKeydown(o){if(this.disabled){o.preventDefault();return}if(!this.open){(o.key==="ArrowDown"||o.key==="ArrowUp")&&(o.preventDefault(),this.open=!0,this.activeIndex=this.options.findIndex(t=>t.value===this.value),this.updateComplete.then(()=>this._focusActiveOption()));return}switch(o.key){case"ArrowDown":o.preventDefault(),this.activeIndex=(this.activeIndex+1)%this.options.length,this.updateComplete.then(()=>this._focusActiveOption());break;case"ArrowUp":o.preventDefault(),this.activeIndex=(this.activeIndex-1+this.options.length)%this.options.length,this.updateComplete.then(()=>this._focusActiveOption());break;case"Home":o.preventDefault(),this.activeIndex=0,this.updateComplete.then(()=>this._focusActiveOption());break;case"End":o.preventDefault(),this.activeIndex=this.options.length-1,this.updateComplete.then(()=>this._focusActiveOption());break;case"Enter":o.preventDefault(),this.activeIndex>=0&&this.selectOption(this.options[this.activeIndex]);break;case"Escape":o.preventDefault(),this.open=!1,this.activeIndex=-1;break}}updated(o){this.options.length>0&&(this.options.some(e=>e.value===this.value)||(this.value=this.options[0].value))}render(){const o=q.checkstroke.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"'),t=this.options.find(e=>e.value===this.value);return l`
|
|
1252
1284
|
<button
|
|
1253
1285
|
role="combobox"
|
|
1254
1286
|
aria-haspopup="listbox"
|
|
@@ -1276,27 +1308,27 @@
|
|
|
1276
1308
|
aria-activedescendant="${this.activeIndex>=0?"option-"+this.activeIndex:""}"
|
|
1277
1309
|
style=${`width: ${this.width};`}
|
|
1278
1310
|
>
|
|
1279
|
-
${this.options.map((e,
|
|
1311
|
+
${this.options.map((e,r)=>l`
|
|
1280
1312
|
<li
|
|
1281
|
-
id="option-${
|
|
1313
|
+
id="option-${r}"
|
|
1282
1314
|
role="option"
|
|
1283
1315
|
aria-selected="${e.value===this.value}"
|
|
1284
|
-
tabindex="${
|
|
1285
|
-
class="${
|
|
1316
|
+
tabindex="${r===this.activeIndex?"0":"-1"}"
|
|
1317
|
+
class="${r===this.activeIndex?"active":""} ${e.disabled?"disabled":""}"
|
|
1286
1318
|
@click=${()=>this.selectOption(e)}
|
|
1287
1319
|
>
|
|
1288
1320
|
${e.url?l`
|
|
1289
1321
|
<a href="${e.url}">
|
|
1290
1322
|
<span>${e.label}</span>
|
|
1291
|
-
${e.value===this.value?l`<span class="check">${
|
|
1323
|
+
${e.value===this.value?l`<span class="check">${S(o)}</span>`:null}
|
|
1292
1324
|
</a>`:l`
|
|
1293
1325
|
<span>${e.label}</span>
|
|
1294
|
-
${e.value===this.value?l`<span class="check">${
|
|
1326
|
+
${e.value===this.value?l`<span class="check">${S(o)}</span>`:null}`}
|
|
1295
1327
|
</li>`)}
|
|
1296
1328
|
</ul>`:null}
|
|
1297
1329
|
|
|
1298
1330
|
<input type="hidden" name="${this.name}" .value="${this.value}" />
|
|
1299
|
-
`}};
|
|
1331
|
+
`}};C.styles=y`
|
|
1300
1332
|
:host {
|
|
1301
1333
|
display: inline-block;
|
|
1302
1334
|
position: relative;
|
|
@@ -1435,7 +1467,7 @@
|
|
|
1435
1467
|
input[type="hidden"] {
|
|
1436
1468
|
display: none;
|
|
1437
1469
|
}
|
|
1438
|
-
`;
|
|
1470
|
+
`;z([a({type:Array,reflect:!0})],C.prototype,"options",2);z([a({type:String,reflect:!0})],C.prototype,"value",2);z([a({type:String,reflect:!0})],C.prototype,"name",2);z([a({type:Boolean,reflect:!0})],C.prototype,"disabled",2);z([a({type:String,reflect:!0})],C.prototype,"width",2);z([Z()],C.prototype,"open",2);z([Z()],C.prototype,"activeIndex",2);z([Z()],C.prototype,"menuWidth",2);C=z([x("o-dropdown")],C);var Eo=Object.getOwnPropertyDescriptor,Lo=(o,t,e,r)=>{for(var i=r>1?void 0:r?Eo(t,e):t,n=o.length-1,s;n>=0;n--)(s=o[n])&&(i=s(i)||i);return i};let At=class extends u{render(){return l` <span class="dots"></span> `}};At.styles=y`
|
|
1439
1471
|
:host {
|
|
1440
1472
|
display: flex;
|
|
1441
1473
|
align-items: center;
|
|
@@ -1486,7 +1518,7 @@
|
|
|
1486
1518
|
background-color: var(--color-container-action-primary-pressed);
|
|
1487
1519
|
}
|
|
1488
1520
|
}
|
|
1489
|
-
`;
|
|
1521
|
+
`;At=Lo([x("o-dots")],At);var Io=Object.defineProperty,Po=Object.getOwnPropertyDescriptor,I=(o,t,e,r)=>{for(var i=r>1?void 0:r?Po(t,e):t,n=o.length-1,s;n>=0;n--)(s=o[n])&&(i=(r?s(t,e,i):s(i))||i);return r&&i&&Io(t,e,i),i};let k=class extends u{constructor(){super(...arguments),this.options=[],this.value="",this.name="",this.additionaltext="+X variant(s)",this.disabled=!1,this.width="100%",this.open=!1,this.activeIndex=-1,this.menuWidth="",this._handleOutsideClick=o=>{this.contains(o.target)||(this.open=!1,this.activeIndex=-1)}}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this._handleOutsideClick)}disconnectedCallback(){document.removeEventListener("click",this._handleOutsideClick),super.disconnectedCallback()}toggle(){var o;if(!this.disabled){if(this.open=!this.open,this.activeIndex=this.open?this.options.findIndex(t=>t.value===this.value):-1,this.open&&this.width==="auto"){const t=(o=this.renderRoot)==null?void 0:o.querySelector("button");t&&(this.menuWidth=`${t.getBoundingClientRect().width}px`)}this.open&&this.updateComplete.then(()=>this._focusActiveOption())}}_focusActiveOption(){var t;const o=(t=this.renderRoot)==null?void 0:t.querySelector(`#option-${this.activeIndex}`);o==null||o.focus()}selectOption(o){this.value=o.value,this.dispatchEvent(new CustomEvent("change",{detail:{value:this.value,url:o.url}})),this.open=!1,this.activeIndex=-1}handleKeydown(o){if(this.disabled){o.preventDefault();return}if(!this.open){(o.key==="ArrowDown"||o.key==="ArrowUp")&&(o.preventDefault(),this.open=!0,this.activeIndex=this.options.findIndex(t=>t.value===this.value),this.updateComplete.then(()=>this._focusActiveOption()));return}switch(o.key){case"ArrowDown":o.preventDefault(),this.activeIndex=(this.activeIndex+1)%this.options.length,this.updateComplete.then(()=>this._focusActiveOption());break;case"ArrowUp":o.preventDefault(),this.activeIndex=(this.activeIndex-1+this.options.length)%this.options.length,this.updateComplete.then(()=>this._focusActiveOption());break;case"Home":o.preventDefault(),this.activeIndex=0,this.updateComplete.then(()=>this._focusActiveOption());break;case"End":o.preventDefault(),this.activeIndex=this.options.length-1,this.updateComplete.then(()=>this._focusActiveOption());break;case"Enter":o.preventDefault(),this.activeIndex>=0&&this.selectOption(this.options[this.activeIndex]);break;case"Escape":o.preventDefault(),this.open=!1,this.activeIndex=-1;break}}updated(){this.options.length>0&&(this.options.some(t=>t.value===this.value)||(this.value=this.options[0].value))}render(){const o=q.checkstroke.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"'),t=this.options.find(e=>e.value===this.value);return l`
|
|
1490
1522
|
<button
|
|
1491
1523
|
role="combobox"
|
|
1492
1524
|
aria-haspopup="listbox"
|
|
@@ -1524,14 +1556,14 @@
|
|
|
1524
1556
|
aria-activedescendant="${this.activeIndex>=0?"option-"+this.activeIndex:""}"
|
|
1525
1557
|
style=${`width: ${this.width};`}
|
|
1526
1558
|
>
|
|
1527
|
-
${this.options.map((e,
|
|
1559
|
+
${this.options.map((e,r)=>l`
|
|
1528
1560
|
<li
|
|
1529
|
-
id="option-${
|
|
1561
|
+
id="option-${r}"
|
|
1530
1562
|
role="option"
|
|
1531
1563
|
aria-selected="${e.value===this.value}"
|
|
1532
1564
|
aria-disabled="${e.disabled?"true":"false"}"
|
|
1533
|
-
tabindex="${
|
|
1534
|
-
class="${
|
|
1565
|
+
tabindex="${r===this.activeIndex?"0":"-1"}"
|
|
1566
|
+
class="${r===this.activeIndex?"active":""} ${e.disabled?"disabled":""}"
|
|
1535
1567
|
@click=${()=>this.selectOption(e)}
|
|
1536
1568
|
>
|
|
1537
1569
|
<a href="${$(e.url)}">
|
|
@@ -1540,7 +1572,7 @@
|
|
|
1540
1572
|
<div class="right">
|
|
1541
1573
|
<span class="additional-text">${$(e.additionaltext)}</span>
|
|
1542
1574
|
${e.value===this.value&&!e.additionaltext?l`
|
|
1543
|
-
<span class="check">${
|
|
1575
|
+
<span class="check">${S(o)}</span>`:null}
|
|
1544
1576
|
</div>
|
|
1545
1577
|
</a>
|
|
1546
1578
|
</li>
|
|
@@ -1548,7 +1580,7 @@
|
|
|
1548
1580
|
</ul>`:null}
|
|
1549
1581
|
|
|
1550
1582
|
<input type="hidden" name="${this.name}" .value="${this.value}" />
|
|
1551
|
-
`}};
|
|
1583
|
+
`}};k.styles=y`
|
|
1552
1584
|
:host {
|
|
1553
1585
|
display: inline-block;
|
|
1554
1586
|
position: relative;
|
|
@@ -1723,17 +1755,17 @@
|
|
|
1723
1755
|
input[type="hidden"] {
|
|
1724
1756
|
display: none;
|
|
1725
1757
|
}
|
|
1726
|
-
`;
|
|
1758
|
+
`;I([a({type:Array,reflect:!0})],k.prototype,"options",2);I([a({type:String,reflect:!0})],k.prototype,"value",2);I([a({type:String,reflect:!0})],k.prototype,"name",2);I([a({type:String,reflect:!0})],k.prototype,"additionaltext",2);I([a({type:Boolean,reflect:!0})],k.prototype,"disabled",2);I([a({type:String,reflect:!0})],k.prototype,"width",2);I([Z()],k.prototype,"open",2);I([Z()],k.prototype,"activeIndex",2);I([Z()],k.prototype,"menuWidth",2);k=I([x("o-dropdown-variant")],k);/**
|
|
1727
1759
|
* @license
|
|
1728
1760
|
* Copyright 2018 Google LLC
|
|
1729
1761
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
1730
|
-
*/const
|
|
1731
|
-
${this.option.imgurl?l`<img src="${this.option.imgurl}" alt="${$(this.option.title)}" aria-hidden="true" style=${
|
|
1762
|
+
*/const ne="important",Oo=" !"+ne,Bo=Dt(class extends Ht{constructor(o){var t;if(super(o),o.type!==zt.ATTRIBUTE||o.name!=="style"||((t=o.strings)==null?void 0:t.length)>2)throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.")}render(o){return Object.keys(o).reduce((t,e)=>{const r=o[e];return r==null?t:t+`${e=e.includes("-")?e:e.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,"-$&").toLowerCase()}:${r};`},"")}update(o,[t]){const{style:e}=o.element;if(this.ft===void 0)return this.ft=new Set(Object.keys(t)),this.render(t);for(const r of this.ft)t[r]==null&&(this.ft.delete(r),r.includes("-")?e.removeProperty(r):e[r]=null);for(const r in t){const i=t[r];if(i!=null){this.ft.add(r);const n=typeof i=="string"&&i.endsWith(Oo);r.includes("-")||n?e.setProperty(r,n?i.slice(0,-11):i,n?ne:""):e[r]=i}}return T}});var zo=Object.defineProperty,Do=Object.getOwnPropertyDescriptor,jt=(o,t,e,r)=>{for(var i=r>1?void 0:r?Do(t,e):t,n=o.length-1,s;n>=0;n--)(s=o[n])&&(i=(r?s(t,e,i):s(i))||i);return r&&i&&zo(t,e,i),i};let lt=class extends u{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`
|
|
1763
|
+
${this.option.imgurl?l`<img src="${this.option.imgurl}" alt="${$(this.option.title)}" aria-hidden="true" style=${Bo(t)} />`:""}
|
|
1732
1764
|
<div class="m-reassurance-content">
|
|
1733
1765
|
<h3 class="a-reassurance-text">${$(this.option.title)}</h3>
|
|
1734
1766
|
<p class="a-reassurance-description">${$(this.option.description)}</p>
|
|
1735
1767
|
</div>
|
|
1736
|
-
`;return o?l`<a href="${$(this.option.url)}" class="reassurance-item clickable">${e}</a>`:l`<div class="reassurance-item">${e}</div>`}};
|
|
1768
|
+
`;return o?l`<a href="${$(this.option.url)}" class="reassurance-item clickable">${e}</a>`:l`<div class="reassurance-item">${e}</div>`}};lt.styles=y`
|
|
1737
1769
|
:host {
|
|
1738
1770
|
display: inline-block;
|
|
1739
1771
|
position: relative;
|
|
@@ -1814,7 +1846,7 @@
|
|
|
1814
1846
|
overflow: hidden;
|
|
1815
1847
|
}
|
|
1816
1848
|
}
|
|
1817
|
-
`;
|
|
1849
|
+
`;jt([a({type:Object,reflect:!0})],lt.prototype,"option",2);jt([a({type:Number,reflect:!0})],lt.prototype,"imageSize",2);lt=jt([x("o-reassurance")],lt);var Ho=Object.defineProperty,Mo=Object.getOwnPropertyDescriptor,U=(o,t,e,r)=>{for(var i=r>1?void 0:r?Mo(t,e):t,n=o.length-1,s;n>=0;n--)(s=o[n])&&(i=(r?s(t,e,i):s(i))||i);return r&&i&&Ho(t,e,i),i};const To=Bt(u);let A=class extends To{constructor(){super(...arguments),this.link="",this.name="",this.value="",this.text="",this.size="standard",this.selected=!1,this.fullwidth=!1}handleClick(o){this.selected||(this.selected=!0)}render(){const o=this.text;return this.link?l`
|
|
1818
1850
|
<a href="${this.link}" class="o-chip">
|
|
1819
1851
|
${o?this.text:l`<slot></slot>`}
|
|
1820
1852
|
</a>
|
|
@@ -1823,7 +1855,7 @@
|
|
|
1823
1855
|
aria-label=${this.ariaLabel} aria-pressed=${this.selected}>
|
|
1824
1856
|
${o?this.text:l`<slot></slot>`}
|
|
1825
1857
|
</button>
|
|
1826
|
-
`}};
|
|
1858
|
+
`}};A.styles=y`
|
|
1827
1859
|
:host {
|
|
1828
1860
|
cursor: pointer;
|
|
1829
1861
|
display: inline-flex;
|
|
@@ -1895,7 +1927,7 @@
|
|
|
1895
1927
|
}
|
|
1896
1928
|
|
|
1897
1929
|
&:focus-visible {
|
|
1898
|
-
${
|
|
1930
|
+
${Pt};
|
|
1899
1931
|
}
|
|
1900
1932
|
}
|
|
1901
1933
|
|
|
@@ -1908,4 +1940,137 @@
|
|
|
1908
1940
|
display: inline-flex;
|
|
1909
1941
|
align-items: center;
|
|
1910
1942
|
}
|
|
1911
|
-
`;
|
|
1943
|
+
`;U([a({type:String,reflect:!0})],A.prototype,"link",2);U([a({reflect:!0})],A.prototype,"name",2);U([a({reflect:!0})],A.prototype,"value",2);U([a({type:String})],A.prototype,"text",2);U([a({type:String,reflect:!0})],A.prototype,"size",2);U([a({type:Boolean,reflect:!0})],A.prototype,"selected",2);U([a({type:Boolean,reflect:!0})],A.prototype,"fullwidth",2);A=U([x("o-chip")],A);var jo=Object.defineProperty,Uo=Object.getOwnPropertyDescriptor,Ut=(o,t,e,r)=>{for(var i=r>1?void 0:r?Uo(t,e):t,n=o.length-1,s;n>=0;n--)(s=o[n])&&(i=(r?s(t,e,i):s(i))||i);return r&&i&&jo(t,e,i),i};let bt=class extends u{constructor(){super(),this.name="",this.value="",this.addEventListener("click",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`
|
|
1944
|
+
<slot></slot>
|
|
1945
|
+
`}};Ut([a({reflect:!0})],bt.prototype,"name",2);Ut([a({reflect:!0})],bt.prototype,"value",2);bt=Ut([x("o-chipset")],bt);var No=Object.defineProperty,Fo=Object.getOwnPropertyDescriptor,K=(o,t,e,r)=>{for(var i=r>1?void 0:r?Fo(t,e):t,n=o.length-1,s;n>=0;n--)(s=o[n])&&(i=(r?s(t,e,i):s(i))||i);return r&&i&&No(t,e,i),i};const Ro=Bt(u);let B=class extends Ro{constructor(){super(...arguments),this.name="",this.value="",this.text="",this.selected=!1,this.disabled=!1,this.fullwidth=!1,this.crossIconName="cross",this.strikethroughImgName="strikeDiagonal"}handleClick(){this.selected=!this.selected}crossIcon(){const o=q[this.crossIconName].replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"').replace(/stroke=[#"'a-z1-9]*/gi,"");return l`<span class="cross-icon">${S(o)}</span>`}strikeThroughImg(){const o=Je[this.strikethroughImgName].replace("<svg",'<svg aria-hidden="true" focusable="false" part="strikethrough"').replace(/stroke=[#"'a-z1-9]*/gi,"");return S(o)}render(){const o=this.text;return l`
|
|
1946
|
+
<button type="button" class="button" ?disabled=${this.disabled} @click=${this.handleClick}
|
|
1947
|
+
aria-label=${this.ariaLabel} aria-pressed=${this.selected}>
|
|
1948
|
+
${o?l`
|
|
1949
|
+
${this.text?l`<span class="text">${this.text}</span>`:d}
|
|
1950
|
+
`:l`
|
|
1951
|
+
<span class="text"><slot></slot></span>`}
|
|
1952
|
+
${this.selected?this.crossIcon():d}
|
|
1953
|
+
</button>
|
|
1954
|
+
${this.disabled?this.strikeThroughImg():d}
|
|
1955
|
+
`}};B.styles=y`
|
|
1956
|
+
:host {
|
|
1957
|
+
cursor: pointer;
|
|
1958
|
+
display: inline-flex;
|
|
1959
|
+
position: relative;
|
|
1960
|
+
--button-bg: var(--color-container-action-secondary-default);
|
|
1961
|
+
--button-bg-hover: var(--color-container-action-secondary-hover);
|
|
1962
|
+
--button-bg-pressed: var(--color-container-action-secondary-pressed);
|
|
1963
|
+
--button-text: var(--color-content-action-secondary);
|
|
1964
|
+
--button-text-hover: var(--color-content-action-secondary);
|
|
1965
|
+
--button-border: var(--color-border-secondary);
|
|
1966
|
+
--button-border-width: var(--border-m);
|
|
1967
|
+
--button-padding: var(--spacing-m) var(--spacing-xl);
|
|
1968
|
+
--button-strikethrough-stroke: var(--color-border-secondary);
|
|
1969
|
+
}
|
|
1970
|
+
|
|
1971
|
+
:host([fullwidth]) {
|
|
1972
|
+
width: 100%;
|
|
1973
|
+
}
|
|
1974
|
+
|
|
1975
|
+
:host([selected]) {
|
|
1976
|
+
--button-bg: var(--color-container-filter-default);
|
|
1977
|
+
--button-bg-hover: var(--color-container-filter-hover);
|
|
1978
|
+
--button-bg-pressed: var(--color-container-filter-pressed);
|
|
1979
|
+
--button-text: var(--color-content-action-primary);
|
|
1980
|
+
--button-text-hover: var(--color-content-action-primary);
|
|
1981
|
+
--button-border: var(--color-container-filter-default);
|
|
1982
|
+
--button-strikethrough-stroke: var(--color-border-white);
|
|
1983
|
+
}
|
|
1984
|
+
|
|
1985
|
+
:host([disabled]),
|
|
1986
|
+
:host([aria-disabled="true"]),
|
|
1987
|
+
:host([aria-disabled="true"]:hover) {
|
|
1988
|
+
--button-border: var(--color-border-secondary);
|
|
1989
|
+
opacity: 0.64;
|
|
1990
|
+
}
|
|
1991
|
+
|
|
1992
|
+
.button {
|
|
1993
|
+
display: inline-flex;
|
|
1994
|
+
align-items: center;
|
|
1995
|
+
justify-content: center;
|
|
1996
|
+
width: 100%;
|
|
1997
|
+
gap: var(--spacing-s);
|
|
1998
|
+
height: 100%;
|
|
1999
|
+
background-color: var(--button-bg);
|
|
2000
|
+
color: var(--button-text);
|
|
2001
|
+
border: var(--button-border-width, var(--border-m)) solid var(--button-border);
|
|
2002
|
+
border-radius: var(--radius-m);
|
|
2003
|
+
font-family: var(--font-family-loccitane-sans);
|
|
2004
|
+
font-size: var(--font-size-150);
|
|
2005
|
+
font-weight: var(--font-weight-400);
|
|
2006
|
+
line-height: var(--line-height-200);
|
|
2007
|
+
min-width: 64px;
|
|
2008
|
+
padding: var(--button-padding);
|
|
2009
|
+
text-decoration: none;
|
|
2010
|
+
cursor: inherit;
|
|
2011
|
+
box-sizing: border-box;
|
|
2012
|
+
|
|
2013
|
+
span {
|
|
2014
|
+
font-family: var(--font-family-loccitane-sans);
|
|
2015
|
+
font-size: var(--font-size-150);
|
|
2016
|
+
font-weight: var(--font-weight-400);
|
|
2017
|
+
line-height: var(--line-height-200);
|
|
2018
|
+
}
|
|
2019
|
+
}
|
|
2020
|
+
|
|
2021
|
+
.button:hover:not([disabled]) {
|
|
2022
|
+
background-color: var(--button-bg-hover);
|
|
2023
|
+
color: var(--button-text-hover);
|
|
2024
|
+
}
|
|
2025
|
+
|
|
2026
|
+
.button:active:not([disabled]) {
|
|
2027
|
+
background-color: var(--button-bg-pressed);
|
|
2028
|
+
}
|
|
2029
|
+
|
|
2030
|
+
.button:focus-visible {
|
|
2031
|
+
${Pt};
|
|
2032
|
+
}
|
|
2033
|
+
|
|
2034
|
+
span.text + span.text::before {
|
|
2035
|
+
content: "•";
|
|
2036
|
+
margin-right: 8px;
|
|
2037
|
+
}
|
|
2038
|
+
|
|
2039
|
+
.cross-icon {
|
|
2040
|
+
display: inline-flex;
|
|
2041
|
+
align-items: center;
|
|
2042
|
+
|
|
2043
|
+
svg {
|
|
2044
|
+
width: 8px;
|
|
2045
|
+
height: 8px;
|
|
2046
|
+
stroke: var(--color-content-action-primary);
|
|
2047
|
+
}
|
|
2048
|
+
}
|
|
2049
|
+
|
|
2050
|
+
.button span {
|
|
2051
|
+
display: inline-flex;
|
|
2052
|
+
align-items: center;
|
|
2053
|
+
}
|
|
2054
|
+
|
|
2055
|
+
.button slot {
|
|
2056
|
+
margin-top: 1px;
|
|
2057
|
+
display: inline-flex;
|
|
2058
|
+
align-items: center;
|
|
2059
|
+
}
|
|
2060
|
+
|
|
2061
|
+
[part="strikethrough"] {
|
|
2062
|
+
position: absolute;
|
|
2063
|
+
width: 100%;
|
|
2064
|
+
height: 100%;
|
|
2065
|
+
top: 0;
|
|
2066
|
+
bottom: 0;
|
|
2067
|
+
left: 0;
|
|
2068
|
+
right: 0;
|
|
2069
|
+
|
|
2070
|
+
line {
|
|
2071
|
+
stroke: var(--button-strikethrough-stroke);
|
|
2072
|
+
stroke-width: 4px;
|
|
2073
|
+
stroke-linecap: round;
|
|
2074
|
+
}
|
|
2075
|
+
}
|
|
2076
|
+
`;K([a({reflect:!0})],B.prototype,"name",2);K([a({reflect:!0})],B.prototype,"value",2);K([a({type:String})],B.prototype,"text",2);K([a({type:Boolean,reflect:!0})],B.prototype,"selected",2);K([a({type:Boolean,reflect:!0})],B.prototype,"disabled",2);K([a({type:Boolean,reflect:!0})],B.prototype,"fullwidth",2);B=K([x("o-filter-chip")],B);
|