@florid-kit/components 0.4.41 → 0.5.0
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/dropdown.d.ts +32 -0
- package/index.js +213 -65
- package/index.mjs +582 -339
- package/package.json +1 -1
package/index.js
CHANGED
|
@@ -2,33 +2,33 @@
|
|
|
2
2
|
* @license
|
|
3
3
|
* Copyright 2019 Google LLC
|
|
4
4
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
5
|
-
*/const
|
|
5
|
+
*/const et=globalThis,gt=et.ShadowRoot&&(et.ShadyCSS===void 0||et.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,ft=Symbol(),$t=new WeakMap;let Ot=class{constructor(t,e,i){if(this._$cssResult$=!0,i!==ft)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(gt&&t===void 0){const i=e!==void 0&&e.length===1;i&&(t=$t.get(e)),t===void 0&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),i&&$t.set(e,t))}return t}toString(){return this.cssText}};const Dt=o=>new Ot(typeof o=="string"?o:o+"",void 0,ft),w=(o,...t)=>{const e=o.length===1?o[0]:t.reduce((i,n,r)=>i+(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.")})(n)+o[r+1],o[0]);return new Ot(e,o,ft)},Ut=(o,t)=>{if(gt)o.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(const e of t){const i=document.createElement("style"),n=et.litNonce;n!==void 0&&i.setAttribute("nonce",n),i.textContent=e.cssText,o.appendChild(i)}},_t=gt?o=>o:o=>o instanceof CSSStyleSheet?(t=>{let e="";for(const i of t.cssRules)e+=i.cssText;return Dt(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:jt,defineProperty:Nt,getOwnPropertyDescriptor:Ft,getOwnPropertyNames:Vt,getOwnPropertySymbols:Rt,getPrototypeOf:Zt}=Object,P=globalThis,Ct=P.trustedTypes,qt=Ct?Ct.emptyScript:"",lt=P.reactiveElementPolyfillSupport,Z=(o,t)=>o,ot={toAttribute(o,t){switch(t){case Boolean:o=o?qt:null;break;case Object:case Array:o=o==null?o:JSON.stringify(o)}return o},fromAttribute(o,t){let e=o;switch(t){case Boolean:e=o!==null;break;case Number:e=o===null?null:Number(o);break;case Object:case Array:try{e=JSON.parse(o)}catch{e=null}}return e}},bt=(o,t)=>!jt(o,t),At={attribute:!0,type:String,converter:ot,reflect:!1,useDefault:!1,hasChanged:bt};Symbol.metadata??(Symbol.metadata=Symbol("metadata")),P.litPropertyMetadata??(P.litPropertyMetadata=new WeakMap);let U=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=At){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 i=Symbol(),n=this.getPropertyDescriptor(t,i,e);n!==void 0&&Nt(this.prototype,t,n)}}static getPropertyDescriptor(t,e,i){const{get:n,set:r}=Ft(this.prototype,t)??{get(){return this[e]},set(s){this[e]=s}};return{get:n,set(s){const c=n==null?void 0:n.call(this);r==null||r.call(this,s),this.requestUpdate(t,c,i)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??At}static _$Ei(){if(this.hasOwnProperty(Z("elementProperties")))return;const t=Zt(this);t.finalize(),t.l!==void 0&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(Z("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(Z("properties"))){const e=this.properties,i=[...Vt(e),...Rt(e)];for(const n of i)this.createProperty(n,e[n])}const t=this[Symbol.metadata];if(t!==null){const e=litPropertyMetadata.get(t);if(e!==void 0)for(const[i,n]of e)this.elementProperties.set(i,n)}this._$Eh=new Map;for(const[e,i]of this.elementProperties){const n=this._$Eu(e,i);n!==void 0&&this._$Eh.set(n,e)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(t){const e=[];if(Array.isArray(t)){const i=new Set(t.flat(1/0).reverse());for(const n of i)e.unshift(_t(n))}else t!==void 0&&e.push(_t(t));return e}static _$Eu(t,e){const i=e.attribute;return i===!1?void 0:typeof i=="string"?i: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 i of e.keys())this.hasOwnProperty(i)&&(t.set(i,this[i]),delete this[i]);t.size>0&&(this._$Ep=t)}createRenderRoot(){const t=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return Ut(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 i;return(i=e.hostConnected)==null?void 0:i.call(e)})}enableUpdating(t){}disconnectedCallback(){var t;(t=this._$EO)==null||t.forEach(e=>{var i;return(i=e.hostDisconnected)==null?void 0:i.call(e)})}attributeChangedCallback(t,e,i){this._$AK(t,i)}_$ET(t,e){var r;const i=this.constructor.elementProperties.get(t),n=this.constructor._$Eu(t,i);if(n!==void 0&&i.reflect===!0){const s=(((r=i.converter)==null?void 0:r.toAttribute)!==void 0?i.converter:ot).toAttribute(e,i.type);this._$Em=t,s==null?this.removeAttribute(n):this.setAttribute(n,s),this._$Em=null}}_$AK(t,e){var r,s;const i=this.constructor,n=i._$Eh.get(t);if(n!==void 0&&this._$Em!==n){const c=i.getPropertyOptions(n),l=typeof c.converter=="function"?{fromAttribute:c.converter}:((r=c.converter)==null?void 0:r.fromAttribute)!==void 0?c.converter:ot;this._$Em=n,this[n]=l.fromAttribute(e,c.type)??((s=this._$Ej)==null?void 0:s.get(n))??null,this._$Em=null}}requestUpdate(t,e,i){var n;if(t!==void 0){const r=this.constructor,s=this[t];if(i??(i=r.getPropertyOptions(t)),!((i.hasChanged??bt)(s,e)||i.useDefault&&i.reflect&&s===((n=this._$Ej)==null?void 0:n.get(t))&&!this.hasAttribute(r._$Eu(t,i))))return;this.C(t,e,i)}this.isUpdatePending===!1&&(this._$ES=this._$EP())}C(t,e,{useDefault:i,reflect:n,wrapped:r},s){i&&!(this._$Ej??(this._$Ej=new Map)).has(t)&&(this._$Ej.set(t,s??e??this[t]),r!==!0||s!==void 0)||(this._$AL.has(t)||(this.hasUpdated||i||(e=void 0),this._$AL.set(t,e)),n===!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 i;if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??(this.renderRoot=this.createRenderRoot()),this._$Ep){for(const[r,s]of this._$Ep)this[r]=s;this._$Ep=void 0}const n=this.constructor.elementProperties;if(n.size>0)for(const[r,s]of n){const{wrapped:c}=s,l=this[r];c!==!0||this._$AL.has(r)||l===void 0||this.C(r,void 0,s,l)}}let t=!1;const e=this._$AL;try{t=this.shouldUpdate(e),t?(this.willUpdate(e),(i=this._$EO)==null||i.forEach(n=>{var r;return(r=n.hostUpdate)==null?void 0:r.call(n)}),this.update(e)):this._$EM()}catch(n){throw t=!1,this._$EM(),n}t&&this._$AE(e)}willUpdate(t){}_$AE(t){var e;(e=this._$EO)==null||e.forEach(i=>{var n;return(n=i.hostUpdated)==null?void 0:n.call(i)}),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){}};U.elementStyles=[],U.shadowRootOptions={mode:"open"},U[Z("elementProperties")]=new Map,U[Z("finalized")]=new Map,lt==null||lt({ReactiveElement:U}),(P.reactiveElementVersions??(P.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 q=globalThis,nt=q.trustedTypes,kt=nt?nt.createPolicy("lit-html",{createHTML:o=>o}):void 0,zt="$lit$",L=`lit$${Math.random().toFixed(9).slice(2)}$`,Ht="?"+L,Wt=`<${Ht}>`,H=document,W=()=>H.createComment(""),K=o=>o===null||typeof o!="object"&&typeof o!="function",yt=Array.isArray,Kt=o=>yt(o)||typeof(o==null?void 0:o[Symbol.iterator])=="function",ct=`[
|
|
14
|
+
\f\r]`,R=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,Et=/-->/g,St=/>/g,B=RegExp(`>|${ct}(?:([^\\s"'>=/]+)(${ct}*=${ct}*(?:[^
|
|
15
|
+
\f\r"'\`<>=]|("|')|))|$)`,"g"),Lt=/'/g,Pt=/"/g,Mt=/^(?:script|style|textarea|title)$/i,Gt=o=>(t,...e)=>({_$litType$:o,strings:t,values:e}),h=Gt(1),M=Symbol.for("lit-noChange"),d=Symbol.for("lit-nothing"),It=new WeakMap,O=H.createTreeWalker(H,129);function Tt(o,t){if(!yt(o)||!o.hasOwnProperty("raw"))throw Error("invalid template strings array");return kt!==void 0?kt.createHTML(t):t}const Xt=(o,t)=>{const e=o.length-1,i=[];let n,r=t===2?"<svg>":t===3?"<math>":"",s=R;for(let c=0;c<e;c++){const l=o[c];let v,f,p=-1,C=0;for(;C<l.length&&(s.lastIndex=C,f=s.exec(l),f!==null);)C=s.lastIndex,s===R?f[1]==="!--"?s=Et:f[1]!==void 0?s=St:f[2]!==void 0?(Mt.test(f[2])&&(n=RegExp("</"+f[2],"g")),s=B):f[3]!==void 0&&(s=B):s===B?f[0]===">"?(s=n??R,p=-1):f[1]===void 0?p=-2:(p=s.lastIndex-f[2].length,v=f[1],s=f[3]===void 0?B:f[3]==='"'?Pt:Lt):s===Pt||s===Lt?s=B:s===Et||s===St?s=R:(s=B,n=void 0);const S=s===B&&o[c+1].startsWith("/>")?" ":"";r+=s===R?l+Wt:p>=0?(i.push(v),l.slice(0,p)+zt+l.slice(p)+L+S):l+L+(p===-2?c:S)}return[Tt(o,r+(o[e]||"<?>")+(t===2?"</svg>":t===3?"</math>":"")),i]};class G{constructor({strings:t,_$litType$:e},i){let n;this.parts=[];let r=0,s=0;const c=t.length-1,l=this.parts,[v,f]=Xt(t,e);if(this.el=G.createElement(v,i),O.currentNode=this.el.content,e===2||e===3){const p=this.el.content.firstChild;p.replaceWith(...p.childNodes)}for(;(n=O.nextNode())!==null&&l.length<c;){if(n.nodeType===1){if(n.hasAttributes())for(const p of n.getAttributeNames())if(p.endsWith(zt)){const C=f[s++],S=n.getAttribute(p).split(L),tt=/([.?@])?(.*)/.exec(C);l.push({type:1,index:r,name:tt[2],strings:S,ctor:tt[1]==="."?Yt:tt[1]==="?"?Qt:tt[1]==="@"?te:it}),n.removeAttribute(p)}else p.startsWith(L)&&(l.push({type:6,index:r}),n.removeAttribute(p));if(Mt.test(n.tagName)){const p=n.textContent.split(L),C=p.length-1;if(C>0){n.textContent=nt?nt.emptyScript:"";for(let S=0;S<C;S++)n.append(p[S],W()),O.nextNode(),l.push({type:2,index:++r});n.append(p[C],W())}}}else if(n.nodeType===8)if(n.data===Ht)l.push({type:2,index:r});else{let p=-1;for(;(p=n.data.indexOf(L,p+1))!==-1;)l.push({type:7,index:r}),p+=L.length-1}r++}}static createElement(t,e){const i=H.createElement("template");return i.innerHTML=t,i}}function j(o,t,e=o,i){var s,c;if(t===M)return t;let n=i!==void 0?(s=e._$Co)==null?void 0:s[i]:e._$Cl;const r=K(t)?void 0:t._$litDirective$;return(n==null?void 0:n.constructor)!==r&&((c=n==null?void 0:n._$AO)==null||c.call(n,!1),r===void 0?n=void 0:(n=new r(o),n._$AT(o,e,i)),i!==void 0?(e._$Co??(e._$Co=[]))[i]=n:e._$Cl=n),n!==void 0&&(t=j(o,n._$AS(o,t.values),n,i)),t}class Jt{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:i}=this._$AD,n=((t==null?void 0:t.creationScope)??H).importNode(e,!0);O.currentNode=n;let r=O.nextNode(),s=0,c=0,l=i[0];for(;l!==void 0;){if(s===l.index){let v;l.type===2?v=new Y(r,r.nextSibling,this,t):l.type===1?v=new l.ctor(r,l.name,l.strings,this,t):l.type===6&&(v=new ee(r,this,t)),this._$AV.push(v),l=i[++c]}s!==(l==null?void 0:l.index)&&(r=O.nextNode(),s++)}return O.currentNode=H,n}p(t){let e=0;for(const i of this._$AV)i!==void 0&&(i.strings!==void 0?(i._$AI(t,i,e),e+=i.strings.length-2):i._$AI(t[e])),e++}}class Y{get _$AU(){var t;return((t=this._$AM)==null?void 0:t._$AU)??this._$Cv}constructor(t,e,i,n){this.type=2,this._$AH=d,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=i,this.options=n,this._$Cv=(n==null?void 0:n.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=j(this,t,e),K(t)?t===d||t==null||t===""?(this._$AH!==d&&this._$AR(),this._$AH=d):t!==this._$AH&&t!==M&&this._(t):t._$litType$!==void 0?this.$(t):t.nodeType!==void 0?this.T(t):Kt(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&&K(this._$AH)?this._$AA.nextSibling.data=t:this.T(H.createTextNode(t)),this._$AH=t}$(t){var r;const{values:e,_$litType$:i}=t,n=typeof i=="number"?this._$AC(t):(i.el===void 0&&(i.el=G.createElement(Tt(i.h,i.h[0]),this.options)),i);if(((r=this._$AH)==null?void 0:r._$AD)===n)this._$AH.p(e);else{const s=new Jt(n,this),c=s.u(this.options);s.p(e),this.T(c),this._$AH=s}}_$AC(t){let e=It.get(t.strings);return e===void 0&&It.set(t.strings,e=new G(t)),e}k(t){yt(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let i,n=0;for(const r of t)n===e.length?e.push(i=new Y(this.O(W()),this.O(W()),this,this.options)):i=e[n],i._$AI(r),n++;n<e.length&&(this._$AR(i&&i._$AB.nextSibling,n),e.length=n)}_$AR(t=this._$AA.nextSibling,e){var i;for((i=this._$AP)==null?void 0:i.call(this,!1,!0,e);t&&t!==this._$AB;){const n=t.nextSibling;t.remove(),t=n}}setConnected(t){var e;this._$AM===void 0&&(this._$Cv=t,(e=this._$AP)==null||e.call(this,t))}}class it{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,e,i,n,r){this.type=1,this._$AH=d,this._$AN=void 0,this.element=t,this.name=e,this._$AM=n,this.options=r,i.length>2||i[0]!==""||i[1]!==""?(this._$AH=Array(i.length-1).fill(new String),this.strings=i):this._$AH=d}_$AI(t,e=this,i,n){const r=this.strings;let s=!1;if(r===void 0)t=j(this,t,e,0),s=!K(t)||t!==this._$AH&&t!==M,s&&(this._$AH=t);else{const c=t;let l,v;for(t=r[0],l=0;l<r.length-1;l++)v=j(this,c[i+l],e,l),v===M&&(v=this._$AH[l]),s||(s=!K(v)||v!==this._$AH[l]),v===d?t=d:t!==d&&(t+=(v??"")+r[l+1]),this._$AH[l]=v}s&&!n&&this.j(t)}j(t){t===d?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}}class Yt extends it{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===d?void 0:t}}class Qt extends it{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==d)}}class te extends it{constructor(t,e,i,n,r){super(t,e,i,n,r),this.type=5}_$AI(t,e=this){if((t=j(this,t,e,0)??d)===M)return;const i=this._$AH,n=t===d&&i!==d||t.capture!==i.capture||t.once!==i.once||t.passive!==i.passive,r=t!==d&&(i===d||n);n&&this.element.removeEventListener(this.name,this,i),r&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){var e;typeof this._$AH=="function"?this._$AH.call(((e=this.options)==null?void 0:e.host)??this.element,t):this._$AH.handleEvent(t)}}class ee{constructor(t,e,i){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=i}get _$AU(){return this._$AM._$AU}_$AI(t){j(this,t)}}const ht=q.litHtmlPolyfillSupport;ht==null||ht(G,Y),(q.litHtmlVersions??(q.litHtmlVersions=[])).push("3.3.0");const oe=(o,t,e)=>{const i=(e==null?void 0:e.renderBefore)??t;let n=i._$litPart$;if(n===void 0){const r=(e==null?void 0:e.renderBefore)??null;i._$litPart$=n=new Y(t.insertBefore(W(),r),r,void 0,e??{})}return n._$AI(o),n};/**
|
|
16
16
|
* @license
|
|
17
17
|
* Copyright 2017 Google LLC
|
|
18
18
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
19
|
-
*/const
|
|
19
|
+
*/const z=globalThis;let m=class extends U{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=oe(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 M}};var Bt;m._$litElement$=!0,m.finalized=!0,(Bt=z.litElementHydrateSupport)==null||Bt.call(z,{LitElement:m});const dt=z.litElementPolyfillSupport;dt==null||dt({LitElement:m});(z.litElementVersions??(z.litElementVersions=[])).push("4.2.0");/**
|
|
20
20
|
* @license
|
|
21
21
|
* Copyright 2017 Google LLC
|
|
22
22
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
23
|
-
*/const
|
|
23
|
+
*/const _=o=>(t,e)=>{e!==void 0?e.addInitializer(()=>{customElements.define(o,t)}):customElements.define(o,t)};/**
|
|
24
24
|
* @license
|
|
25
25
|
* Copyright 2017 Google LLC
|
|
26
26
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
27
|
-
*/const
|
|
27
|
+
*/const ne={attribute:!0,type:String,converter:ot,reflect:!1,hasChanged:bt},ie=(o=ne,t,e)=>{const{kind:i,metadata:n}=e;let r=globalThis.litPropertyMetadata.get(n);if(r===void 0&&globalThis.litPropertyMetadata.set(n,r=new Map),i==="setter"&&((o=Object.create(o)).wrapped=!0),r.set(e.name,o),i==="accessor"){const{name:s}=e;return{set(c){const l=t.get.call(this);t.set.call(this,c),this.requestUpdate(s,l,o)},init(c){return c!==void 0&&this.C(s,void 0,o,c),c}}}if(i==="setter"){const{name:s}=e;return function(c){const l=this[s];t.call(this,c),this.requestUpdate(s,l,o)}}throw Error("Unsupported decorator location: "+i)};function a(o){return(t,e)=>typeof e=="object"?ie(o,t,e):((i,n,r)=>{const s=n.hasOwnProperty(r);return n.constructor.createProperty(r,i),s?Object.getOwnPropertyDescriptor(n,r):void 0})(o,t,e)}/**
|
|
28
28
|
* @license
|
|
29
29
|
* Copyright 2017 Google LLC
|
|
30
30
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
31
|
-
*/function
|
|
31
|
+
*/function st(o){return a({...o,state:!0,attribute:!1})}const se=w`
|
|
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 mt=Symbol("internals"),pt=Symbol("privateInternals");function re(o){var t;class e extends o{get[(t=mt,t)](){return this[pt]||(this[pt]=this.attachInternals()),this[pt]}}return e}/**
|
|
44
44
|
* @license
|
|
45
45
|
* Copyright 2023 Google LLC
|
|
46
46
|
* SPDX-License-Identifier: Apache-2.0
|
|
47
|
-
*/function
|
|
47
|
+
*/function ae(o){o.addInitializer(t=>{const e=t;e.addEventListener("click",async i=>{const{type:n,[mt]:r}=e,{form:s}=r;if(!(!s||n==="button")&&(await new Promise(c=>{setTimeout(c)}),!i.defaultPrevented)){if(n==="reset"){s.reset();return}s.addEventListener("submit",c=>{Object.defineProperty(c,"submitter",{configurable:!0,enumerable:!0,get:()=>e})},{capture:!0,once:!0}),r.setFormValue(e.value),s.requestSubmit()}})})}const le=`<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
|
+
`,ce=`<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
|
+
`,he=`<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
|
+
`,de=`<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
|
+
`,pe=`<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
|
+
`,ue=`<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
|
+
`,ve=`<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
|
+
`,ge=`<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
|
+
`,fe=`<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
|
+
`,be=`<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
|
+
`,ye=`<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
|
+
`,me=`<?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
|
+
`,we=`<?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,54 +97,63 @@
|
|
|
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
|
+
`,xe=`<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
|
+
`,$e=`<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
|
+
`,_e=`<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
|
+
`,Ce=`<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
|
+
`,Ae=`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
113
|
+
<path d="M12 17.4585L4 6.4585L20 6.4585L12 17.4585Z" fill="#3F2B2E"/>
|
|
114
|
+
</svg>
|
|
115
|
+
`,ke=`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
116
|
+
<path d="M12 6.4585L20 17.4585H4L12 6.4585Z" fill="#3F2B2E"/>
|
|
117
|
+
</svg>
|
|
118
|
+
`,Ee=`<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
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
|
+
</svg>
|
|
121
|
+
`,Q={wishlist:le,playerv:ce,chevronRight:he,chevronLeft:de,icoPlus:me,icoMinus:we,"star-0":pe,"star-25":ue,"star-50":ve,"star-75":ge,"star-100":fe,cross:be,search:ye,arrowLeft:xe,arrowTop:$e,cart:_e,notifyme:Ce,triangledown:Ae,triangleup:ke,checkstroke:Ee};/**
|
|
113
122
|
* @license
|
|
114
123
|
* Copyright 2017 Google LLC
|
|
115
124
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
116
|
-
*/const
|
|
125
|
+
*/const Se={CHILD:2},Le=o=>(...t)=>({_$litDirective$:o,values:t});class Pe{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,i){this._$Ct=t,this._$AM=e,this._$Ci=i}_$AS(t,e){return this.update(t,e)}update(t,e){return this.render(...e)}}/**
|
|
117
126
|
* @license
|
|
118
127
|
* Copyright 2017 Google LLC
|
|
119
128
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
120
|
-
*/class
|
|
129
|
+
*/class ut extends Pe{constructor(t){if(super(t),this.it=d,t.type!==Se.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===M)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:[]}}}ut.directiveName="unsafeHTML",ut.resultType=1;/**
|
|
121
130
|
* @license
|
|
122
131
|
* Copyright 2017 Google LLC
|
|
123
132
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
124
|
-
*/class
|
|
133
|
+
*/class vt extends ut{}vt.directiveName="unsafeSVG",vt.resultType=2;const N=Le(vt);var Ie=Object.defineProperty,Be=Object.getOwnPropertyDescriptor,y=(o,t,e,i)=>{for(var n=i>1?void 0:i?Be(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(n=(i?s(t,e,n):s(n))||n);return i&&n&&Ie(t,e,n),n};const Oe=re(m);let u=class extends Oe{constructor(){super(...arguments),this.type="submit",this.value="",this.variant="primary",this.text="",this.textsecond="",this.fullwidth=!1,this.disabled=!1,this.startIconModel="search",this.endIconModel="chevronRight",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[mt].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 h`<span class="${o==="start"?"icon-start":"icon-end"}">${N(e)}</span>`}renderButton(){const o=this.text||this.textsecond;return h`
|
|
125
134
|
<button type=${this.type} class="button" ?disabled=${this.disabled} @click=${this.handleClick}>
|
|
126
|
-
${this.startIcon?this.renderIcon("start"):
|
|
135
|
+
${this.startIcon?this.renderIcon("start"):d}
|
|
127
136
|
${o?h`
|
|
128
|
-
${this.text?h`<span class="text">${this.text}</span>`:
|
|
129
|
-
${this.textsecond?h`<span class="text">${this.textsecond}</span>`:
|
|
137
|
+
${this.text?h`<span class="text">${this.text}</span>`:d}
|
|
138
|
+
${this.textsecond?h`<span class="text">${this.textsecond}</span>`:d}
|
|
130
139
|
`:h`<slot></slot>`}
|
|
131
|
-
${this.endIcon?this.renderIcon("end"):
|
|
140
|
+
${this.endIcon?this.renderIcon("end"):d}
|
|
132
141
|
</button>
|
|
133
142
|
`}renderLink(){const o=this.text||this.textsecond;return h`
|
|
134
143
|
<a
|
|
135
144
|
href=${this.href}
|
|
136
|
-
target=${this.target||
|
|
145
|
+
target=${this.target||d}
|
|
137
146
|
class="button"
|
|
138
147
|
?disabled=${this.disabled}
|
|
139
148
|
>
|
|
140
|
-
${this.startIcon?this.renderIcon("start"):
|
|
149
|
+
${this.startIcon?this.renderIcon("start"):d}
|
|
141
150
|
${o?h`
|
|
142
|
-
${this.text?h`<span>${this.text}</span>`:
|
|
143
|
-
${this.textsecond?h`<span>${this.textsecond}</span>`:
|
|
151
|
+
${this.text?h`<span>${this.text}</span>`:d}
|
|
152
|
+
${this.textsecond?h`<span>${this.textsecond}</span>`:d}
|
|
144
153
|
`:h`<slot></slot>`}
|
|
145
|
-
${this.endIcon?this.renderIcon("end"):
|
|
154
|
+
${this.endIcon?this.renderIcon("end"):d}
|
|
146
155
|
</a>
|
|
147
|
-
`}};
|
|
156
|
+
`}};ae(u);u.formAssociated=!0;u.styles=w`
|
|
148
157
|
:host {
|
|
149
158
|
--button-border: transparent;
|
|
150
159
|
cursor: pointer;
|
|
@@ -256,7 +265,7 @@
|
|
|
256
265
|
}
|
|
257
266
|
|
|
258
267
|
.button:focus-visible {
|
|
259
|
-
${
|
|
268
|
+
${se};
|
|
260
269
|
}
|
|
261
270
|
|
|
262
271
|
span.text + span.text::before {
|
|
@@ -301,12 +310,12 @@
|
|
|
301
310
|
transform: translateX(4px);
|
|
302
311
|
}
|
|
303
312
|
//End icon movment on hover
|
|
304
|
-
`;y([a()],u.prototype,"type",2);y([a({reflect:!0})],u.prototype,"value",2);y([a({type:String,reflect:!0})],u.prototype,"variant",2);y([a({type:String})],u.prototype,"text",2);y([a({type:String})],u.prototype,"textsecond",2);y([a({type:Boolean,reflect:!0})],u.prototype,"fullwidth",2);y([a({type:Boolean,reflect:!0})],u.prototype,"disabled",2);y([a({type:String,reflect:!0})],u.prototype,"startIconModel",2);y([a({type:String,reflect:!0})],u.prototype,"endIconModel",2);y([a({type:Boolean,reflect:!0,attribute:"starticon"})],u.prototype,"startIcon",2);y([a({type:Boolean,reflect:!0,attribute:"endicon"})],u.prototype,"endIcon",2);y([a({type:String,attribute:"paneltarget",reflect:!0})],u.prototype,"panelTarget",2);y([a({type:String})],u.prototype,"href",2);y([a({type:String})],u.prototype,"target",2);u=y([
|
|
313
|
+
`;y([a()],u.prototype,"type",2);y([a({reflect:!0})],u.prototype,"value",2);y([a({type:String,reflect:!0})],u.prototype,"variant",2);y([a({type:String})],u.prototype,"text",2);y([a({type:String})],u.prototype,"textsecond",2);y([a({type:Boolean,reflect:!0})],u.prototype,"fullwidth",2);y([a({type:Boolean,reflect:!0})],u.prototype,"disabled",2);y([a({type:String,reflect:!0})],u.prototype,"startIconModel",2);y([a({type:String,reflect:!0})],u.prototype,"endIconModel",2);y([a({type:Boolean,reflect:!0,attribute:"starticon"})],u.prototype,"startIcon",2);y([a({type:Boolean,reflect:!0,attribute:"endicon"})],u.prototype,"endIcon",2);y([a({type:String,attribute:"paneltarget",reflect:!0})],u.prototype,"panelTarget",2);y([a({type:String})],u.prototype,"href",2);y([a({type:String})],u.prototype,"target",2);u=y([_("o-button")],u);var ze=Object.defineProperty,He=Object.getOwnPropertyDescriptor,rt=(o,t,e,i)=>{for(var n=i>1?void 0:i?He(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(n=(i?s(t,e,n):s(n))||n);return i&&n&&ze(t,e,n),n};let F=class extends m{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 h`
|
|
305
314
|
<button type="button" aria-describedby="${this.ariaDescribedBy}" class="wishlist-button">
|
|
306
315
|
<span class="sr-only">${this.label}</span>
|
|
307
|
-
${
|
|
316
|
+
${N(o)}
|
|
308
317
|
</button>
|
|
309
|
-
`}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()}};
|
|
318
|
+
`}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()}};F.styles=w`
|
|
310
319
|
:host {
|
|
311
320
|
display: inline-flex;
|
|
312
321
|
justify-content: center;
|
|
@@ -370,10 +379,10 @@
|
|
|
370
379
|
width: 0.1rem !important;
|
|
371
380
|
white-space: nowrap !important;
|
|
372
381
|
}
|
|
373
|
-
`;
|
|
382
|
+
`;rt([a({type:String,reflect:!0})],F.prototype,"status",2);rt([a({type:String,reflect:!0})],F.prototype,"ariaDescribedBy",2);rt([a({type:String,reflect:!0})],F.prototype,"label",2);F=rt([_("o-wishlist-button")],F);var Me=Object.defineProperty,Te=Object.getOwnPropertyDescriptor,I=(o,t,e,i)=>{for(var n=i>1?void 0:i?Te(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(n=(i?s(t,e,n):s(n))||n);return i&&n&&Me(t,e,n),n};let $=class extends m{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}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"');return h`
|
|
374
383
|
${this.type==="span"?h`
|
|
375
384
|
<span class="icon icon-button ${this.size} ${this.bgstyle} ${this.status} ${t}" ?disabled="${this.disabled}">
|
|
376
|
-
${
|
|
385
|
+
${N(e)}
|
|
377
386
|
</span>
|
|
378
387
|
`:h`
|
|
379
388
|
<button
|
|
@@ -382,10 +391,10 @@
|
|
|
382
391
|
class="icon-button ${this.size} ${this.bgstyle} ${this.status} ${t}"
|
|
383
392
|
?disabled="${this.disabled}"
|
|
384
393
|
>
|
|
385
|
-
${
|
|
394
|
+
${N(e)}
|
|
386
395
|
</button>
|
|
387
396
|
`}
|
|
388
|
-
`}}
|
|
397
|
+
`}};$.styles=w`
|
|
389
398
|
:host {
|
|
390
399
|
display: inline-flex;
|
|
391
400
|
justify-content: center;
|
|
@@ -584,14 +593,14 @@
|
|
|
584
593
|
}
|
|
585
594
|
|
|
586
595
|
}
|
|
587
|
-
`;
|
|
596
|
+
`;I([a({type:String,reflect:!0})],$.prototype,"bgstyle",2);I([a({type:String,reflect:!0})],$.prototype,"size",2);I([a({type:String,reflect:!0})],$.prototype,"status",2);I([a({type:String,reflect:!0})],$.prototype,"type",2);I([a({type:String})],$.prototype,"strokewidth",2);I([a({type:String})],$.prototype,"icon",2);I([a({type:Boolean,reflect:!0})],$.prototype,"disabled",2);$=I([_("o-icon-button")],$);/**
|
|
588
597
|
* @license
|
|
589
598
|
* Copyright 2018 Google LLC
|
|
590
599
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
591
|
-
*/const
|
|
600
|
+
*/const De=o=>o??d;var Ue=Object.defineProperty,je=Object.getOwnPropertyDescriptor,T=(o,t,e,i)=>{for(var n=i>1?void 0:i?je(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(n=(i?s(t,e,n):s(n))||n);return i&&n&&Ue(t,e,n),n};let A=class extends m{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 h`
|
|
592
601
|
<a
|
|
593
602
|
href="${o}"
|
|
594
|
-
target="${
|
|
603
|
+
target="${De(this.target||void 0)}"
|
|
595
604
|
@click="${this._handleClick}"
|
|
596
605
|
>
|
|
597
606
|
${this.endIcon&&this.reverseEndIcon?h`
|
|
@@ -614,7 +623,7 @@
|
|
|
614
623
|
></o-icon-button>
|
|
615
624
|
`:null}
|
|
616
625
|
</a>
|
|
617
|
-
`}};
|
|
626
|
+
`}};A.styles=w`
|
|
618
627
|
:host([template="standard"]) a {
|
|
619
628
|
color: var(--color-content-action-secondary);
|
|
620
629
|
font-size: var(--font-size-200);
|
|
@@ -701,14 +710,14 @@
|
|
|
701
710
|
height: 1px;
|
|
702
711
|
}
|
|
703
712
|
/* End of underline effect */
|
|
704
|
-
`;
|
|
713
|
+
`;T([a({type:String})],A.prototype,"href",2);T([a({type:String})],A.prototype,"target",2);T([a({type:String,reflect:!0})],A.prototype,"template",2);T([a({type:Boolean,reflect:!0})],A.prototype,"inverse",2);T([a({type:Boolean,reflect:!0})],A.prototype,"endIcon",2);T([a({type:Boolean,reflect:!0})],A.prototype,"reverseEndIcon",2);A=T([_("o-link")],A);var Ne=Object.defineProperty,Fe=Object.getOwnPropertyDescriptor,at=(o,t,e,i)=>{for(var n=i>1?void 0:i?Fe(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(n=(i?s(t,e,n):s(n))||n);return i&&n&&Ne(t,e,n),n};let V=class extends m{constructor(){super(...arguments),this.rating=0}getStarKeys(){const o=[];for(let t=0;t<5;t++){const e=this.rating-t;let i;e>=1?i=100:e<=0?i=0:i=Math.round(e*100/25)*25,o.push(`star-${i}`)}return o}render(){const o=this.getStarKeys();return h`
|
|
705
714
|
<div class="rating">
|
|
706
715
|
<div class="stars">
|
|
707
|
-
${o.map(t=>h`<span class="star">${
|
|
716
|
+
${o.map(t=>h`<span class="star">${N(Q[t]??"")}</span>`)}
|
|
708
717
|
</div>
|
|
709
718
|
${this.reviewCount!=null&&this.href!=null?h`<o-link template="review" href="${this.href}">${this.reviewCount}</o-link>`:null}
|
|
710
719
|
</div>
|
|
711
|
-
`}};
|
|
720
|
+
`}};V.styles=w`
|
|
712
721
|
svg {
|
|
713
722
|
width: 12px;
|
|
714
723
|
height: 12px;
|
|
@@ -741,7 +750,7 @@
|
|
|
741
750
|
text-decoration: underline;
|
|
742
751
|
cursor: pointer;
|
|
743
752
|
}
|
|
744
|
-
`;
|
|
753
|
+
`;at([a({type:Number})],V.prototype,"rating",2);at([a({type:String})],V.prototype,"reviewCount",2);at([a({type:String})],V.prototype,"href",2);V=at([_("o-rating")],V);var Ve=Object.defineProperty,Re=Object.getOwnPropertyDescriptor,b=(o,t,e,i)=>{for(var n=i>1?void 0:i?Re(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(n=(i?s(t,e,n):s(n))||n);return i&&n&&Ve(t,e,n),n};let g=class extends m{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],i=t[t.length-1];o.shiftKey&&document.activeElement===e?(o.preventDefault(),i.focus()):!o.shiftKey&&document.activeElement===i&&(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 h`
|
|
745
754
|
<div class="overlay" style="z-index: ${this.zIndex}" @click=${this.closePanel}></div>
|
|
746
755
|
<div
|
|
747
756
|
class="panel"
|
|
@@ -787,7 +796,7 @@
|
|
|
787
796
|
</div>
|
|
788
797
|
`:null}
|
|
789
798
|
</div>
|
|
790
|
-
`}};
|
|
799
|
+
`}};g.styles=w`
|
|
791
800
|
:host {
|
|
792
801
|
--z-overlay: 99;
|
|
793
802
|
--z-panel: 100;
|
|
@@ -927,7 +936,7 @@
|
|
|
927
936
|
--line-height: var(--line-height-280);
|
|
928
937
|
}
|
|
929
938
|
}
|
|
930
|
-
`;b([a({type:Boolean,reflect:!0})],
|
|
939
|
+
`;b([a({type:Boolean,reflect:!0})],g.prototype,"open",2);b([a({type:Boolean,reflect:!0})],g.prototype,"showHeader",2);b([a({type:Boolean,reflect:!0})],g.prototype,"showFooter",2);b([a({type:Boolean,reflect:!0})],g.prototype,"showHeaderStartIcon",2);b([a({type:String,reflect:!0})],g.prototype,"headerTitle",2);b([a({type:String,reflect:!0})],g.prototype,"closeButtonLabel",2);b([a({type:String,reflect:!0})],g.prototype,"firstButtonLabel",2);b([a({type:String,reflect:!0})],g.prototype,"firstButtonVariant",2);b([a({type:Function})],g.prototype,"onFirstButtonClick",2);b([a({type:String,reflect:!0})],g.prototype,"secondaryButtonLabel",2);b([a({type:String,reflect:!0})],g.prototype,"secondaryButtonVariant",2);b([a({type:Function})],g.prototype,"onSecondaryButtonClick",2);b([a({type:Boolean,reflect:!0})],g.prototype,"disablePortal",2);b([a({type:Number,reflect:!0})],g.prototype,"zIndex",2);b([a({type:Boolean,reflect:!0})],g.prototype,"initialized",2);g=b([_("o-side-panel")],g);var Ze=Object.defineProperty,qe=Object.getOwnPropertyDescriptor,D=(o,t,e,i)=>{for(var n=i>1?void 0:i?qe(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(n=(i?s(t,e,n):s(n))||n);return i&&n&&Ze(t,e,n),n};let k=class extends m{constructor(){super(...arguments),this.thumbnails=[],this.activeIndex=0,this.disabledIndexes=[],this.maxWidth="100%",this.focusedIndex=0,this.playerIconTemplate=h`
|
|
931
940
|
<o-icon-button
|
|
932
941
|
icon="playerv"
|
|
933
942
|
size="xsmall"
|
|
@@ -955,7 +964,7 @@
|
|
|
955
964
|
</div>
|
|
956
965
|
`})}
|
|
957
966
|
</div>
|
|
958
|
-
`}};
|
|
967
|
+
`}};k.styles=w`
|
|
959
968
|
:host {
|
|
960
969
|
display: flex;
|
|
961
970
|
gap: 5px;
|
|
@@ -1058,9 +1067,9 @@
|
|
|
1058
1067
|
height: 0;
|
|
1059
1068
|
width: 0;
|
|
1060
1069
|
}
|
|
1061
|
-
`;
|
|
1070
|
+
`;D([a({type:Array})],k.prototype,"thumbnails",2);D([a({type:Number})],k.prototype,"activeIndex",2);D([a({type:Array})],k.prototype,"disabledIndexes",2);D([a({type:String})],k.prototype,"maxWidth",2);D([a({type:Object})],k.prototype,"swiperInstance",2);D([st()],k.prototype,"focusedIndex",2);k=D([_("thumbnail-navigation")],k);var We=Object.defineProperty,Ke=Object.getOwnPropertyDescriptor,wt=(o,t,e,i)=>{for(var n=i>1?void 0:i?Ke(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(n=(i?s(t,e,n):s(n))||n);return i&&n&&We(t,e,n),n};let X=class extends m{constructor(){super(...arguments),this.type="",this.bgstyle="background-white"}render(){return h`
|
|
1062
1071
|
<span class="tag ${this.bgstyle}"><slot></slot></span>
|
|
1063
|
-
`}};
|
|
1072
|
+
`}};X.styles=w`
|
|
1064
1073
|
.tag {
|
|
1065
1074
|
display: inline-block;
|
|
1066
1075
|
padding: var(--spacing-2-xs) var(--spacing-s);
|
|
@@ -1115,12 +1124,12 @@
|
|
|
1115
1124
|
background-color: var(--color-content-success);
|
|
1116
1125
|
}
|
|
1117
1126
|
|
|
1118
|
-
`;
|
|
1127
|
+
`;wt([a({type:String,reflect:!0})],X.prototype,"type",2);wt([a({type:String,reflect:!0})],X.prototype,"bgstyle",2);X=wt([_("o-tag")],X);var Ge=Object.defineProperty,Xe=Object.getOwnPropertyDescriptor,xt=(o,t,e,i)=>{for(var n=i>1?void 0:i?Xe(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(n=(i?s(t,e,n):s(n))||n);return i&&n&&Ge(t,e,n),n};let J=class extends m{constructor(){super(...arguments),this.type="top",this.text=""}render(){return h`
|
|
1119
1128
|
<div class="tooltip">
|
|
1120
1129
|
<span class="tooltiptext">${this.text}</span>
|
|
1121
1130
|
<slot></slot>
|
|
1122
1131
|
</div>
|
|
1123
|
-
`}};
|
|
1132
|
+
`}};J.styles=w`
|
|
1124
1133
|
.tooltip {
|
|
1125
1134
|
position: relative;
|
|
1126
1135
|
display: inline-block;
|
|
@@ -1212,4 +1221,143 @@
|
|
|
1212
1221
|
border-color: transparent var(--color-alpha-dark-strongest) transparent transparent;
|
|
1213
1222
|
}
|
|
1214
1223
|
|
|
1215
|
-
`;
|
|
1224
|
+
`;xt([a({type:String,reflect:!0})],J.prototype,"type",2);xt([a({type:String,reflect:!0})],J.prototype,"text",2);J=xt([_("o-tooltip")],J);var Je=Object.defineProperty,Ye=Object.getOwnPropertyDescriptor,E=(o,t,e,i)=>{for(var n=i>1?void 0:i?Ye(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(n=(i?s(t,e,n):s(n))||n);return i&&n&&Je(t,e,n),n};let x=class extends m{constructor(){super(...arguments),this.options=[],this.value="",this.name="",this.disabled=!1,this.width="100%",this.open=!1,this.activeIndex=-1,this._handleOutsideClick=o=>{this.contains(o.target)||(this.open=!1,this.activeIndex=-1)},this.menuWidth=""}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this._handleOutsideClick)}disconnectedCallback(){document.removeEventListener("click",this._handleOutsideClick),super.disconnectedCallback()}toggle(){var o;if(!this.disabled&&(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`)}}selectOption(o){this.value=o.value,this.dispatchEvent(new CustomEvent("change",{detail:{value:this.value}}))}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));return}switch(o.key){case"ArrowDown":o.preventDefault(),this.activeIndex=(this.activeIndex+1)%this.options.length;break;case"ArrowUp":o.preventDefault(),this.activeIndex=(this.activeIndex-1+this.options.length)%this.options.length;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 h`
|
|
1225
|
+
<button
|
|
1226
|
+
@click=${this.toggle}
|
|
1227
|
+
@keydown=${this.handleKeydown}
|
|
1228
|
+
aria-haspopup="listbox"
|
|
1229
|
+
aria-expanded="${this.open}"
|
|
1230
|
+
style=${`width: ${this.width};`}
|
|
1231
|
+
?disabled=${this.disabled}
|
|
1232
|
+
>
|
|
1233
|
+
<div class="btn-content">
|
|
1234
|
+
<span class="label">${t?t.label:"Select an option"}</span>
|
|
1235
|
+
<span class="arrow"><o-icon-button icon='${this.open?"triangleup":"triangledown"}' size="small" bgstyle="none-contrast" type="span"></o-icon-button></span>
|
|
1236
|
+
</div>
|
|
1237
|
+
</button>
|
|
1238
|
+
|
|
1239
|
+
${this.open?h`
|
|
1240
|
+
<ul role="listbox" style=${`width: ${this.width};`}>
|
|
1241
|
+
${this.options.map((e,i)=>h`
|
|
1242
|
+
<li
|
|
1243
|
+
role="option"
|
|
1244
|
+
aria-selected="${e.value===this.value}"
|
|
1245
|
+
class="${i===this.activeIndex?"active":""}"
|
|
1246
|
+
@click=${()=>this.selectOption(e)}
|
|
1247
|
+
>
|
|
1248
|
+
<span>${e.label}</span>
|
|
1249
|
+
${e.value===this.value?h`<span class="check">${N(o)}</span>`:null}
|
|
1250
|
+
</li>
|
|
1251
|
+
`)}
|
|
1252
|
+
</ul>
|
|
1253
|
+
`:null}
|
|
1254
|
+
|
|
1255
|
+
<input type="hidden" name="${this.name}" .value="${this.value}" />
|
|
1256
|
+
`}};x.styles=w`
|
|
1257
|
+
:host {
|
|
1258
|
+
display: inline-block;
|
|
1259
|
+
position: relative;
|
|
1260
|
+
width: 100%;
|
|
1261
|
+
}
|
|
1262
|
+
|
|
1263
|
+
.btn-content {
|
|
1264
|
+
display: flex;
|
|
1265
|
+
justify-content: space-between;
|
|
1266
|
+
width: 100%;
|
|
1267
|
+
color: var(--color-content-body);
|
|
1268
|
+
|
|
1269
|
+
.label {
|
|
1270
|
+
font-family: var(--font-family-loccitane-sans);
|
|
1271
|
+
font-weight: var(--font-weight-400);
|
|
1272
|
+
font-size: var(--font-size-150);
|
|
1273
|
+
line-height: var(--line-height-200);
|
|
1274
|
+
letter-spacing: var(--letter-spacing-000);
|
|
1275
|
+
}
|
|
1276
|
+
|
|
1277
|
+
.arrow {
|
|
1278
|
+
margin-top: auto;
|
|
1279
|
+
margin-bottom: auto;
|
|
1280
|
+
margin-left: var(--spacing-s);
|
|
1281
|
+
}
|
|
1282
|
+
}
|
|
1283
|
+
|
|
1284
|
+
button {
|
|
1285
|
+
padding: var(--spacing-s) var(--spacing-l);
|
|
1286
|
+
background-color: var(--color-container-default);
|
|
1287
|
+
cursor: pointer;
|
|
1288
|
+
border-radius: var(--radius-m);
|
|
1289
|
+
border: var(--border-m) solid var(--color-border-tertiary);
|
|
1290
|
+
|
|
1291
|
+
&:disabled {
|
|
1292
|
+
background-color: var(--color-container-disabled);
|
|
1293
|
+
}
|
|
1294
|
+
}
|
|
1295
|
+
|
|
1296
|
+
ul {
|
|
1297
|
+
list-style: none;
|
|
1298
|
+
margin: 4px 0 0 0;
|
|
1299
|
+
padding: 0;
|
|
1300
|
+
border: var(--border-m) solid var(--color-border-tertiary);
|
|
1301
|
+
position: absolute;
|
|
1302
|
+
background: white;
|
|
1303
|
+
height: auto;
|
|
1304
|
+
overflow-y: auto;
|
|
1305
|
+
z-index: 1000;
|
|
1306
|
+
border-radius: var(--radius-200);
|
|
1307
|
+
background-color: var(--color-container-action-secondary-default);
|
|
1308
|
+
max-height: calc(5 * 40px);
|
|
1309
|
+
}
|
|
1310
|
+
|
|
1311
|
+
li {
|
|
1312
|
+
display: flex;
|
|
1313
|
+
justify-content: space-between;
|
|
1314
|
+
align-items: center;
|
|
1315
|
+
padding: var(--spacing-s) var(--spacing-l) var(--spacing-s) var(--spacing-s);
|
|
1316
|
+
cursor: pointer;
|
|
1317
|
+
border-bottom: var(--border-s) solid var(--color-border-tertiary);
|
|
1318
|
+
|
|
1319
|
+
&:hover {
|
|
1320
|
+
background-color: var(--color-container-action-secondary-hover);
|
|
1321
|
+
}
|
|
1322
|
+
|
|
1323
|
+
&:active {
|
|
1324
|
+
background-color: var(--color-container-action-secondary-pressed);
|
|
1325
|
+
}
|
|
1326
|
+
|
|
1327
|
+
&[aria-selected="true"] {
|
|
1328
|
+
background-color: var(--color-container-action-tertiary-default);
|
|
1329
|
+
|
|
1330
|
+
&:hover {
|
|
1331
|
+
background-color: var(--color-container-action-tertiary-hover);
|
|
1332
|
+
}
|
|
1333
|
+
|
|
1334
|
+
&:active {
|
|
1335
|
+
background-color: var(--color-container-action-tertiary-pressed);
|
|
1336
|
+
}
|
|
1337
|
+
}
|
|
1338
|
+
|
|
1339
|
+
&:last-child {
|
|
1340
|
+
border-bottom: none;
|
|
1341
|
+
}
|
|
1342
|
+
|
|
1343
|
+
span {
|
|
1344
|
+
font-family: var(--font-family-loccitane-sans);
|
|
1345
|
+
font-weight: var(--font-weight-400);
|
|
1346
|
+
font-size: var(--font-size-150);
|
|
1347
|
+
line-height: var(--line-height-200);
|
|
1348
|
+
letter-spacing: var(--letter-spacing-000);
|
|
1349
|
+
height: auto;
|
|
1350
|
+
}
|
|
1351
|
+
}
|
|
1352
|
+
|
|
1353
|
+
.check {
|
|
1354
|
+
margin-left: var(--spacing-100);
|
|
1355
|
+
width: 12px;
|
|
1356
|
+
height: auto;
|
|
1357
|
+
color: var(--color-content-action-secondary);
|
|
1358
|
+
|
|
1359
|
+
}
|
|
1360
|
+
input[type="hidden"] {
|
|
1361
|
+
display: none;
|
|
1362
|
+
}
|
|
1363
|
+
`;E([a({type:Array,reflect:!0})],x.prototype,"options",2);E([a({type:String,reflect:!0})],x.prototype,"value",2);E([a({type:String,reflect:!0})],x.prototype,"name",2);E([a({type:Boolean,reflect:!0})],x.prototype,"disabled",2);E([a({type:String,reflect:!0})],x.prototype,"width",2);E([st()],x.prototype,"open",2);E([st()],x.prototype,"activeIndex",2);E([st()],x.prototype,"menuWidth",2);x=E([_("o-dropdown")],x);
|