@florid-kit/components 0.6.0 → 0.7.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-variant.d.ts +38 -0
- package/index.js +389 -102
- package/index.mjs +955 -553
- 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 rt=globalThis,mt=rt.ShadowRoot&&(rt.ShadyCSS===void 0||rt.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,wt=Symbol(),At=new WeakMap;let Mt=class{constructor(t,e,n){if(this._$cssResult$=!0,n!==wt)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(mt&&t===void 0){const n=e!==void 0&&e.length===1;n&&(t=At.get(e)),t===void 0&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),n&&At.set(e,t))}return t}toString(){return this.cssText}};const Ft=o=>new Mt(typeof o=="string"?o:o+"",void 0,wt),w=(o,...t)=>{const e=o.length===1?o[0]:t.reduce((n,i,s)=>n+(r=>{if(r._$cssResult$===!0)return r.cssText;if(typeof r=="number")return r;throw Error("Value passed to 'css' function must be a 'css' function result: "+r+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(i)+o[s+1],o[0]);return new Mt(e,o,wt)},Rt=(o,t)=>{if(mt)o.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(const e of t){const n=document.createElement("style"),i=rt.litNonce;i!==void 0&&n.setAttribute("nonce",i),n.textContent=e.cssText,o.appendChild(n)}},Et=mt?o=>o:o=>o instanceof CSSStyleSheet?(t=>{let e="";for(const n of t.cssRules)e+=n.cssText;return Ft(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:Vt,defineProperty:Zt,getOwnPropertyDescriptor:Wt,getOwnPropertyNames:qt,getOwnPropertySymbols:Kt,getPrototypeOf:Gt}=Object,O=globalThis,St=O.trustedTypes,Xt=St?St.emptyScript:"",dt=O.reactiveElementPolyfillSupport,X=(o,t)=>o,st={toAttribute(o,t){switch(t){case Boolean:o=o?Xt: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}},xt=(o,t)=>!Vt(o,t),Lt={attribute:!0,type:String,converter:st,reflect:!1,useDefault:!1,hasChanged:xt};Symbol.metadata??(Symbol.metadata=Symbol("metadata")),O.litPropertyMetadata??(O.litPropertyMetadata=new WeakMap);let R=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=Lt){if(e.state&&(e.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(t)&&((e=Object.create(e)).wrapped=!0),this.elementProperties.set(t,e),!e.noAccessor){const n=Symbol(),i=this.getPropertyDescriptor(t,n,e);i!==void 0&&Zt(this.prototype,t,i)}}static getPropertyDescriptor(t,e,n){const{get:i,set:s}=Wt(this.prototype,t)??{get(){return this[e]},set(r){this[e]=r}};return{get:i,set(r){const h=i==null?void 0:i.call(this);s==null||s.call(this,r),this.requestUpdate(t,h,n)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??Lt}static _$Ei(){if(this.hasOwnProperty(X("elementProperties")))return;const t=Gt(this);t.finalize(),t.l!==void 0&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(X("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(X("properties"))){const e=this.properties,n=[...qt(e),...Kt(e)];for(const i of n)this.createProperty(i,e[i])}const t=this[Symbol.metadata];if(t!==null){const e=litPropertyMetadata.get(t);if(e!==void 0)for(const[n,i]of e)this.elementProperties.set(n,i)}this._$Eh=new Map;for(const[e,n]of this.elementProperties){const i=this._$Eu(e,n);i!==void 0&&this._$Eh.set(i,e)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(t){const e=[];if(Array.isArray(t)){const n=new Set(t.flat(1/0).reverse());for(const i of n)e.unshift(Et(i))}else t!==void 0&&e.push(Et(t));return e}static _$Eu(t,e){const n=e.attribute;return n===!1?void 0:typeof n=="string"?n:typeof t=="string"?t.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){var t;this._$ES=new Promise(e=>this.enableUpdating=e),this._$AL=new Map,this._$E_(),this.requestUpdate(),(t=this.constructor.l)==null||t.forEach(e=>e(this))}addController(t){var e;(this._$EO??(this._$EO=new Set)).add(t),this.renderRoot!==void 0&&this.isConnected&&((e=t.hostConnected)==null||e.call(t))}removeController(t){var e;(e=this._$EO)==null||e.delete(t)}_$E_(){const t=new Map,e=this.constructor.elementProperties;for(const n of e.keys())this.hasOwnProperty(n)&&(t.set(n,this[n]),delete this[n]);t.size>0&&(this._$Ep=t)}createRenderRoot(){const t=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return Rt(t,this.constructor.elementStyles),t}connectedCallback(){var t;this.renderRoot??(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),(t=this._$EO)==null||t.forEach(e=>{var n;return(n=e.hostConnected)==null?void 0:n.call(e)})}enableUpdating(t){}disconnectedCallback(){var t;(t=this._$EO)==null||t.forEach(e=>{var n;return(n=e.hostDisconnected)==null?void 0:n.call(e)})}attributeChangedCallback(t,e,n){this._$AK(t,n)}_$ET(t,e){var s;const n=this.constructor.elementProperties.get(t),i=this.constructor._$Eu(t,n);if(i!==void 0&&n.reflect===!0){const r=(((s=n.converter)==null?void 0:s.toAttribute)!==void 0?n.converter:st).toAttribute(e,n.type);this._$Em=t,r==null?this.removeAttribute(i):this.setAttribute(i,r),this._$Em=null}}_$AK(t,e){var s,r;const n=this.constructor,i=n._$Eh.get(t);if(i!==void 0&&this._$Em!==i){const h=n.getPropertyOptions(i),l=typeof h.converter=="function"?{fromAttribute:h.converter}:((s=h.converter)==null?void 0:s.fromAttribute)!==void 0?h.converter:st;this._$Em=i,this[i]=l.fromAttribute(e,h.type)??((r=this._$Ej)==null?void 0:r.get(i))??null,this._$Em=null}}requestUpdate(t,e,n){var i;if(t!==void 0){const s=this.constructor,r=this[t];if(n??(n=s.getPropertyOptions(t)),!((n.hasChanged??xt)(r,e)||n.useDefault&&n.reflect&&r===((i=this._$Ej)==null?void 0:i.get(t))&&!this.hasAttribute(s._$Eu(t,n))))return;this.C(t,e,n)}this.isUpdatePending===!1&&(this._$ES=this._$EP())}C(t,e,{useDefault:n,reflect:i,wrapped:s},r){n&&!(this._$Ej??(this._$Ej=new Map)).has(t)&&(this._$Ej.set(t,r??e??this[t]),s!==!0||r!==void 0)||(this._$AL.has(t)||(this.hasUpdated||n||(e=void 0),this._$AL.set(t,e)),i===!0&&this._$Em!==t&&(this._$Eq??(this._$Eq=new Set)).add(t))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(e){Promise.reject(e)}const t=this.scheduleUpdate();return t!=null&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){var n;if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??(this.renderRoot=this.createRenderRoot()),this._$Ep){for(const[s,r]of this._$Ep)this[s]=r;this._$Ep=void 0}const i=this.constructor.elementProperties;if(i.size>0)for(const[s,r]of i){const{wrapped:h}=r,l=this[s];h!==!0||this._$AL.has(s)||l===void 0||this.C(s,void 0,r,l)}}let t=!1;const e=this._$AL;try{t=this.shouldUpdate(e),t?(this.willUpdate(e),(n=this._$EO)==null||n.forEach(i=>{var s;return(s=i.hostUpdate)==null?void 0:s.call(i)}),this.update(e)):this._$EM()}catch(i){throw t=!1,this._$EM(),i}t&&this._$AE(e)}willUpdate(t){}_$AE(t){var e;(e=this._$EO)==null||e.forEach(n=>{var i;return(i=n.hostUpdated)==null?void 0:i.call(n)}),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(t){return!0}update(t){this._$Eq&&(this._$Eq=this._$Eq.forEach(e=>this._$ET(e,this[e]))),this._$EM()}updated(t){}firstUpdated(t){}};R.elementStyles=[],R.shadowRootOptions={mode:"open"},R[X("elementProperties")]=new Map,R[X("finalized")]=new Map,dt==null||dt({ReactiveElement:R}),(O.reactiveElementVersions??(O.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 J=globalThis,at=J.trustedTypes,It=at?at.createPolicy("lit-html",{createHTML:o=>o}):void 0,Tt="$lit$",P=`lit$${Math.random().toFixed(9).slice(2)}$`,jt="?"+P,Jt=`<${jt}>`,T=document,Y=()=>T.createComment(""),Q=o=>o===null||typeof o!="object"&&typeof o!="function",$t=Array.isArray,Yt=o=>$t(o)||typeof(o==null?void 0:o[Symbol.iterator])=="function",pt=`[
|
|
14
|
+
\f\r]`,K=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,Pt=/-->/g,Ot=/>/g,D=RegExp(`>|${pt}(?:([^\\s"'>=/]+)(${pt}*=${pt}*(?:[^
|
|
15
|
+
\f\r"'\`<>=]|("|')|))|$)`,"g"),Bt=/'/g,zt=/"/g,Ut=/^(?:script|style|textarea|title)$/i,Qt=o=>(t,...e)=>({_$litType$:o,strings:t,values:e}),c=Qt(1),j=Symbol.for("lit-noChange"),d=Symbol.for("lit-nothing"),Dt=new WeakMap,H=T.createTreeWalker(T,129);function Nt(o,t){if(!$t(o)||!o.hasOwnProperty("raw"))throw Error("invalid template strings array");return It!==void 0?It.createHTML(t):t}const te=(o,t)=>{const e=o.length-1,n=[];let i,s=t===2?"<svg>":t===3?"<math>":"",r=K;for(let h=0;h<e;h++){const l=o[h];let v,f,p=-1,A=0;for(;A<l.length&&(r.lastIndex=A,f=r.exec(l),f!==null);)A=r.lastIndex,r===K?f[1]==="!--"?r=Pt:f[1]!==void 0?r=Ot:f[2]!==void 0?(Ut.test(f[2])&&(i=RegExp("</"+f[2],"g")),r=D):f[3]!==void 0&&(r=D):r===D?f[0]===">"?(r=i??K,p=-1):f[1]===void 0?p=-2:(p=r.lastIndex-f[2].length,v=f[1],r=f[3]===void 0?D:f[3]==='"'?zt:Bt):r===zt||r===Bt?r=D:r===Pt||r===Ot?r=K:(r=D,i=void 0);const I=r===D&&o[h+1].startsWith("/>")?" ":"";s+=r===K?l+Jt:p>=0?(n.push(v),l.slice(0,p)+Tt+l.slice(p)+P+I):l+P+(p===-2?h:I)}return[Nt(o,s+(o[e]||"<?>")+(t===2?"</svg>":t===3?"</math>":"")),n]};class tt{constructor({strings:t,_$litType$:e},n){let i;this.parts=[];let s=0,r=0;const h=t.length-1,l=this.parts,[v,f]=te(t,e);if(this.el=tt.createElement(v,n),H.currentNode=this.el.content,e===2||e===3){const p=this.el.content.firstChild;p.replaceWith(...p.childNodes)}for(;(i=H.nextNode())!==null&&l.length<h;){if(i.nodeType===1){if(i.hasAttributes())for(const p of i.getAttributeNames())if(p.endsWith(Tt)){const A=f[r++],I=i.getAttribute(p).split(P),nt=/([.?@])?(.*)/.exec(A);l.push({type:1,index:s,name:nt[2],strings:I,ctor:nt[1]==="."?oe:nt[1]==="?"?ie:nt[1]==="@"?ne:lt}),i.removeAttribute(p)}else p.startsWith(P)&&(l.push({type:6,index:s}),i.removeAttribute(p));if(Ut.test(i.tagName)){const p=i.textContent.split(P),A=p.length-1;if(A>0){i.textContent=at?at.emptyScript:"";for(let I=0;I<A;I++)i.append(p[I],Y()),H.nextNode(),l.push({type:2,index:++s});i.append(p[A],Y())}}}else if(i.nodeType===8)if(i.data===jt)l.push({type:2,index:s});else{let p=-1;for(;(p=i.data.indexOf(P,p+1))!==-1;)l.push({type:7,index:s}),p+=P.length-1}s++}}static createElement(t,e){const n=T.createElement("template");return n.innerHTML=t,n}}function V(o,t,e=o,n){var r,h;if(t===j)return t;let i=n!==void 0?(r=e._$Co)==null?void 0:r[n]:e._$Cl;const s=Q(t)?void 0:t._$litDirective$;return(i==null?void 0:i.constructor)!==s&&((h=i==null?void 0:i._$AO)==null||h.call(i,!1),s===void 0?i=void 0:(i=new s(o),i._$AT(o,e,n)),n!==void 0?(e._$Co??(e._$Co=[]))[n]=i:e._$Cl=i),i!==void 0&&(t=V(o,i._$AS(o,t.values),i,n)),t}class ee{constructor(t,e){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=e}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){const{el:{content:e},parts:n}=this._$AD,i=((t==null?void 0:t.creationScope)??T).importNode(e,!0);H.currentNode=i;let s=H.nextNode(),r=0,h=0,l=n[0];for(;l!==void 0;){if(r===l.index){let v;l.type===2?v=new it(s,s.nextSibling,this,t):l.type===1?v=new l.ctor(s,l.name,l.strings,this,t):l.type===6&&(v=new re(s,this,t)),this._$AV.push(v),l=n[++h]}r!==(l==null?void 0:l.index)&&(s=H.nextNode(),r++)}return H.currentNode=T,i}p(t){let e=0;for(const n of this._$AV)n!==void 0&&(n.strings!==void 0?(n._$AI(t,n,e),e+=n.strings.length-2):n._$AI(t[e])),e++}}class it{get _$AU(){var t;return((t=this._$AM)==null?void 0:t._$AU)??this._$Cv}constructor(t,e,n,i){this.type=2,this._$AH=d,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=n,this.options=i,this._$Cv=(i==null?void 0:i.isConnected)??!0}get parentNode(){let t=this._$AA.parentNode;const e=this._$AM;return e!==void 0&&(t==null?void 0:t.nodeType)===11&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=V(this,t,e),Q(t)?t===d||t==null||t===""?(this._$AH!==d&&this._$AR(),this._$AH=d):t!==this._$AH&&t!==j&&this._(t):t._$litType$!==void 0?this.$(t):t.nodeType!==void 0?this.T(t):Yt(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&&Q(this._$AH)?this._$AA.nextSibling.data=t:this.T(T.createTextNode(t)),this._$AH=t}$(t){var s;const{values:e,_$litType$:n}=t,i=typeof n=="number"?this._$AC(t):(n.el===void 0&&(n.el=tt.createElement(Nt(n.h,n.h[0]),this.options)),n);if(((s=this._$AH)==null?void 0:s._$AD)===i)this._$AH.p(e);else{const r=new ee(i,this),h=r.u(this.options);r.p(e),this.T(h),this._$AH=r}}_$AC(t){let e=Dt.get(t.strings);return e===void 0&&Dt.set(t.strings,e=new tt(t)),e}k(t){$t(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let n,i=0;for(const s of t)i===e.length?e.push(n=new it(this.O(Y()),this.O(Y()),this,this.options)):n=e[i],n._$AI(s),i++;i<e.length&&(this._$AR(n&&n._$AB.nextSibling,i),e.length=i)}_$AR(t=this._$AA.nextSibling,e){var n;for((n=this._$AP)==null?void 0:n.call(this,!1,!0,e);t&&t!==this._$AB;){const i=t.nextSibling;t.remove(),t=i}}setConnected(t){var e;this._$AM===void 0&&(this._$Cv=t,(e=this._$AP)==null||e.call(this,t))}}class lt{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,e,n,i,s){this.type=1,this._$AH=d,this._$AN=void 0,this.element=t,this.name=e,this._$AM=i,this.options=s,n.length>2||n[0]!==""||n[1]!==""?(this._$AH=Array(n.length-1).fill(new String),this.strings=n):this._$AH=d}_$AI(t,e=this,n,i){const s=this.strings;let r=!1;if(s===void 0)t=V(this,t,e,0),r=!Q(t)||t!==this._$AH&&t!==j,r&&(this._$AH=t);else{const h=t;let l,v;for(t=s[0],l=0;l<s.length-1;l++)v=V(this,h[n+l],e,l),v===j&&(v=this._$AH[l]),r||(r=!Q(v)||v!==this._$AH[l]),v===d?t=d:t!==d&&(t+=(v??"")+s[l+1]),this._$AH[l]=v}r&&!i&&this.j(t)}j(t){t===d?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}}class oe extends lt{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===d?void 0:t}}class ie extends lt{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==d)}}class ne extends lt{constructor(t,e,n,i,s){super(t,e,n,i,s),this.type=5}_$AI(t,e=this){if((t=V(this,t,e,0)??d)===j)return;const n=this._$AH,i=t===d&&n!==d||t.capture!==n.capture||t.once!==n.once||t.passive!==n.passive,s=t!==d&&(n===d||i);i&&this.element.removeEventListener(this.name,this,n),s&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){var e;typeof this._$AH=="function"?this._$AH.call(((e=this.options)==null?void 0:e.host)??this.element,t):this._$AH.handleEvent(t)}}class re{constructor(t,e,n){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=n}get _$AU(){return this._$AM._$AU}_$AI(t){V(this,t)}}const ut=J.litHtmlPolyfillSupport;ut==null||ut(tt,it),(J.litHtmlVersions??(J.litHtmlVersions=[])).push("3.3.0");const se=(o,t,e)=>{const n=(e==null?void 0:e.renderBefore)??t;let i=n._$litPart$;if(i===void 0){const s=(e==null?void 0:e.renderBefore)??null;n._$litPart$=i=new it(t.insertBefore(Y(),s),s,void 0,e??{})}return i._$AI(o),i};/**
|
|
16
16
|
* @license
|
|
17
17
|
* Copyright 2017 Google LLC
|
|
18
18
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
19
|
-
*/const
|
|
19
|
+
*/const M=globalThis;let b=class extends R{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=se(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 j}};var Ht;b._$litElement$=!0,b.finalized=!0,(Ht=M.litElementHydrateSupport)==null||Ht.call(M,{LitElement:b});const vt=M.litElementPolyfillSupport;vt==null||vt({LitElement:b});(M.litElementVersions??(M.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 ae={attribute:!0,type:String,converter:st,reflect:!1,hasChanged:xt},le=(o=ae,t,e)=>{const{kind:n,metadata:i}=e;let s=globalThis.litPropertyMetadata.get(i);if(s===void 0&&globalThis.litPropertyMetadata.set(i,s=new Map),n==="setter"&&((o=Object.create(o)).wrapped=!0),s.set(e.name,o),n==="accessor"){const{name:r}=e;return{set(h){const l=t.get.call(this);t.set.call(this,h),this.requestUpdate(r,l,o)},init(h){return h!==void 0&&this.C(r,void 0,o,h),h}}}if(n==="setter"){const{name:r}=e;return function(h){const l=this[r];t.call(this,h),this.requestUpdate(r,l,o)}}throw Error("Unsupported decorator location: "+n)};function a(o){return(t,e)=>typeof e=="object"?le(o,t,e):((n,i,s)=>{const r=i.hasOwnProperty(s);return i.constructor.createProperty(s,n),r?Object.getOwnPropertyDescriptor(i,s):void 0})(o,t,e)}/**
|
|
28
28
|
* @license
|
|
29
29
|
* Copyright 2017 Google LLC
|
|
30
30
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
31
|
-
*/function
|
|
31
|
+
*/function U(o){return a({...o,state:!0,attribute:!1})}const ce=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 _t=Symbol("internals"),gt=Symbol("privateInternals");function he(o){var t;class e extends o{get[(t=_t,t)](){return this[gt]||(this[gt]=this.attachInternals()),this[gt]}}return e}/**
|
|
44
44
|
* @license
|
|
45
45
|
* Copyright 2023 Google LLC
|
|
46
46
|
* SPDX-License-Identifier: Apache-2.0
|
|
47
|
-
*/function
|
|
47
|
+
*/function de(o){o.addInitializer(t=>{const e=t;e.addEventListener("click",async n=>{const{type:i,[_t]:s}=e,{form:r}=s;if(!(!r||i==="button")&&(await new Promise(h=>{setTimeout(h)}),!n.defaultPrevented)){if(i==="reset"){r.reset();return}r.addEventListener("submit",h=>{Object.defineProperty(h,"submitter",{configurable:!0,enumerable:!0,get:()=>e})},{capture:!0,once:!0}),s.setFormValue(e.value),r.requestSubmit()}})})}const pe=`<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
|
+
`,ue=`<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
|
+
`,ve=`<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
|
+
`,ge=`<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
|
+
`,fe=`<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
|
+
`,ye=`<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
|
+
`,me=`<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
|
+
`,we=`<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
|
+
`,xe=`<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
|
+
`,$e=`<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
|
+
`,_e=`<?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
|
+
`,Ce=`<?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
|
+
`,ke=`<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
|
+
`,Ae=`<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
|
+
`,Ee=`<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
|
+
`,Se=`<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
|
+
`,Le=`<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
|
+
`,Ie=`<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
|
+
`,Pe=`<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
|
+
`,q={wishlist:pe,playerv:ue,chevronRight:ve,chevronLeft:ge,icoPlus:_e,icoMinus:Ce,"star-0":fe,"star-25":be,"star-50":ye,"star-75":me,"star-100":we,cross:xe,search:$e,arrowLeft:ke,arrowTop:Ae,cart:Ee,notifyme:Se,triangledown:Le,triangleup:Ie,checkstroke:Pe};/**
|
|
122
122
|
* @license
|
|
123
123
|
* Copyright 2017 Google LLC
|
|
124
124
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
125
|
-
*/const
|
|
125
|
+
*/const Oe={CHILD:2},Be=o=>(...t)=>({_$litDirective$:o,values:t});class ze{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,n){this._$Ct=t,this._$AM=e,this._$Ci=n}_$AS(t,e){return this.update(t,e)}update(t,e){return this.render(...e)}}/**
|
|
126
126
|
* @license
|
|
127
127
|
* Copyright 2017 Google LLC
|
|
128
128
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
129
|
-
*/class
|
|
129
|
+
*/class ft extends ze{constructor(t){if(super(t),this.it=d,t.type!==Oe.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===j)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:[]}}}ft.directiveName="unsafeHTML",ft.resultType=1;/**
|
|
130
130
|
* @license
|
|
131
131
|
* Copyright 2017 Google LLC
|
|
132
132
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
133
|
-
*/class
|
|
133
|
+
*/class bt extends ft{}bt.directiveName="unsafeSVG",bt.resultType=2;const B=Be(bt);var De=Object.defineProperty,He=Object.getOwnPropertyDescriptor,m=(o,t,e,n)=>{for(var i=n>1?void 0:n?He(t,e):t,s=o.length-1,r;s>=0;s--)(r=o[s])&&(i=(n?r(t,e,i):r(i))||i);return n&&i&&De(t,e,i),i};const Me=he(b);let u=class extends Me{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[_t].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 c`<span class="${o==="start"?"icon-start":"icon-end"}">${B(e)}</span>`}renderButton(){const o=this.text||this.textsecond;return c`
|
|
134
134
|
<button type=${this.type} class="button" ?disabled=${this.disabled} @click=${this.handleClick}>
|
|
135
135
|
${this.startIcon?this.renderIcon("start"):d}
|
|
136
|
-
${o?
|
|
137
|
-
${this.text?
|
|
138
|
-
${this.textsecond?
|
|
139
|
-
`:
|
|
136
|
+
${o?c`
|
|
137
|
+
${this.text?c`<span class="text">${this.text}</span>`:d}
|
|
138
|
+
${this.textsecond?c`<span class="text">${this.textsecond}</span>`:d}
|
|
139
|
+
`:c`<slot></slot>`}
|
|
140
140
|
${this.endIcon?this.renderIcon("end"):d}
|
|
141
141
|
</button>
|
|
142
|
-
`}renderLink(){const o=this.text||this.textsecond;return
|
|
142
|
+
`}renderLink(){const o=this.text||this.textsecond;return c`
|
|
143
143
|
<a
|
|
144
144
|
href=${this.href}
|
|
145
145
|
target=${this.target||d}
|
|
@@ -147,13 +147,13 @@
|
|
|
147
147
|
?disabled=${this.disabled}
|
|
148
148
|
>
|
|
149
149
|
${this.startIcon?this.renderIcon("start"):d}
|
|
150
|
-
${o?
|
|
151
|
-
${this.text?
|
|
152
|
-
${this.textsecond?
|
|
153
|
-
`:
|
|
150
|
+
${o?c`
|
|
151
|
+
${this.text?c`<span>${this.text}</span>`:d}
|
|
152
|
+
${this.textsecond?c`<span>${this.textsecond}</span>`:d}
|
|
153
|
+
`:c`<slot></slot>`}
|
|
154
154
|
${this.endIcon?this.renderIcon("end"):d}
|
|
155
155
|
</a>
|
|
156
|
-
`}};
|
|
156
|
+
`}};de(u);u.formAssociated=!0;u.styles=w`
|
|
157
157
|
:host {
|
|
158
158
|
--button-border: transparent;
|
|
159
159
|
cursor: pointer;
|
|
@@ -265,7 +265,7 @@
|
|
|
265
265
|
}
|
|
266
266
|
|
|
267
267
|
.button:focus-visible {
|
|
268
|
-
${
|
|
268
|
+
${ce};
|
|
269
269
|
}
|
|
270
270
|
|
|
271
271
|
span.text + span.text::before {
|
|
@@ -310,12 +310,12 @@
|
|
|
310
310
|
transform: translateX(4px);
|
|
311
311
|
}
|
|
312
312
|
//End icon movment on hover
|
|
313
|
-
`;
|
|
313
|
+
`;m([a()],u.prototype,"type",2);m([a({reflect:!0})],u.prototype,"value",2);m([a({type:String,reflect:!0})],u.prototype,"variant",2);m([a({type:String})],u.prototype,"text",2);m([a({type:String})],u.prototype,"textsecond",2);m([a({type:Boolean,reflect:!0})],u.prototype,"fullwidth",2);m([a({type:Boolean,reflect:!0})],u.prototype,"disabled",2);m([a({type:String,reflect:!0})],u.prototype,"startIconModel",2);m([a({type:String,reflect:!0})],u.prototype,"endIconModel",2);m([a({type:Boolean,reflect:!0,attribute:"starticon"})],u.prototype,"startIcon",2);m([a({type:Boolean,reflect:!0,attribute:"endicon"})],u.prototype,"endIcon",2);m([a({type:String,attribute:"paneltarget",reflect:!0})],u.prototype,"panelTarget",2);m([a({type:String})],u.prototype,"href",2);m([a({type:String})],u.prototype,"target",2);u=m([$("o-button")],u);var Te=Object.defineProperty,je=Object.getOwnPropertyDescriptor,ct=(o,t,e,n)=>{for(var i=n>1?void 0:n?je(t,e):t,s=o.length-1,r;s>=0;s--)(r=o[s])&&(i=(n?r(t,e,i):r(i))||i);return n&&i&&Te(t,e,i),i};let Z=class extends b{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 c`
|
|
314
314
|
<button type="button" aria-describedby="${this.ariaDescribedBy}" class="wishlist-button">
|
|
315
315
|
<span class="sr-only">${this.label}</span>
|
|
316
|
-
${
|
|
316
|
+
${B(o)}
|
|
317
317
|
</button>
|
|
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()}};
|
|
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()}};Z.styles=w`
|
|
319
319
|
:host {
|
|
320
320
|
display: inline-flex;
|
|
321
321
|
justify-content: center;
|
|
@@ -379,22 +379,22 @@
|
|
|
379
379
|
width: 0.1rem !important;
|
|
380
380
|
white-space: nowrap !important;
|
|
381
381
|
}
|
|
382
|
-
`;
|
|
383
|
-
${this.type==="span"?
|
|
382
|
+
`;ct([a({type:String,reflect:!0})],Z.prototype,"status",2);ct([a({type:String,reflect:!0})],Z.prototype,"ariaDescribedBy",2);ct([a({type:String,reflect:!0})],Z.prototype,"label",2);Z=ct([$("o-wishlist-button")],Z);var Ue=Object.defineProperty,Ne=Object.getOwnPropertyDescriptor,z=(o,t,e,n)=>{for(var i=n>1?void 0:n?Ne(t,e):t,s=o.length-1,r;s>=0;s--)(r=o[s])&&(i=(n?r(t,e,i):r(i))||i);return n&&i&&Ue(t,e,i),i};let C=class extends b{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 c`
|
|
383
|
+
${this.type==="span"?c`
|
|
384
384
|
<span class="icon icon-button ${this.size} ${this.bgstyle} ${this.status} ${t}" ?disabled="${this.disabled}">
|
|
385
|
-
${
|
|
385
|
+
${B(e)}
|
|
386
386
|
</span>
|
|
387
|
-
`:
|
|
387
|
+
`:c`
|
|
388
388
|
<button
|
|
389
389
|
type="button"
|
|
390
390
|
aria-label="icon"
|
|
391
391
|
class="icon-button ${this.size} ${this.bgstyle} ${this.status} ${t}"
|
|
392
392
|
?disabled="${this.disabled}"
|
|
393
393
|
>
|
|
394
|
-
${
|
|
394
|
+
${B(e)}
|
|
395
395
|
</button>
|
|
396
396
|
`}
|
|
397
|
-
`}}
|
|
397
|
+
`}};C.styles=w`
|
|
398
398
|
:host {
|
|
399
399
|
display: inline-flex;
|
|
400
400
|
justify-content: center;
|
|
@@ -593,17 +593,17 @@
|
|
|
593
593
|
}
|
|
594
594
|
|
|
595
595
|
}
|
|
596
|
-
`;
|
|
596
|
+
`;z([a({type:String,reflect:!0})],C.prototype,"bgstyle",2);z([a({type:String,reflect:!0})],C.prototype,"size",2);z([a({type:String,reflect:!0})],C.prototype,"status",2);z([a({type:String,reflect:!0})],C.prototype,"type",2);z([a({type:String})],C.prototype,"strokewidth",2);z([a({type:String})],C.prototype,"icon",2);z([a({type:Boolean,reflect:!0})],C.prototype,"disabled",2);C=z([$("o-icon-button")],C);/**
|
|
597
597
|
* @license
|
|
598
598
|
* Copyright 2018 Google LLC
|
|
599
599
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
600
|
-
*/const
|
|
600
|
+
*/const G=o=>o??d;var Fe=Object.defineProperty,Re=Object.getOwnPropertyDescriptor,N=(o,t,e,n)=>{for(var i=n>1?void 0:n?Re(t,e):t,s=o.length-1,r;s>=0;s--)(r=o[s])&&(i=(n?r(t,e,i):r(i))||i);return n&&i&&Fe(t,e,i),i};let E=class extends b{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 c`
|
|
601
601
|
<a
|
|
602
602
|
href="${o}"
|
|
603
|
-
target="${
|
|
603
|
+
target="${G(this.target||void 0)}"
|
|
604
604
|
@click="${this._handleClick}"
|
|
605
605
|
>
|
|
606
|
-
${this.endIcon&&this.reverseEndIcon?
|
|
606
|
+
${this.endIcon&&this.reverseEndIcon?c`
|
|
607
607
|
<o-icon-button
|
|
608
608
|
icon="chevronLeft"
|
|
609
609
|
bgstyle="${this.inverse?"none-light":"none-contrast"}"
|
|
@@ -613,7 +613,7 @@
|
|
|
613
613
|
></o-icon-button>
|
|
614
614
|
`:null}
|
|
615
615
|
<span class="link-text"><slot></slot></span>
|
|
616
|
-
${this.endIcon&&!this.reverseEndIcon?
|
|
616
|
+
${this.endIcon&&!this.reverseEndIcon?c`
|
|
617
617
|
<o-icon-button
|
|
618
618
|
icon="chevronRight"
|
|
619
619
|
bgstyle="${this.inverse?"none-light":"none-contrast"}"
|
|
@@ -623,7 +623,7 @@
|
|
|
623
623
|
></o-icon-button>
|
|
624
624
|
`:null}
|
|
625
625
|
</a>
|
|
626
|
-
`}};
|
|
626
|
+
`}};E.styles=w`
|
|
627
627
|
:host([template="standard"]) a {
|
|
628
628
|
color: var(--color-content-action-secondary);
|
|
629
629
|
font-size: var(--font-size-200);
|
|
@@ -710,14 +710,14 @@
|
|
|
710
710
|
height: 1px;
|
|
711
711
|
}
|
|
712
712
|
/* End of underline effect */
|
|
713
|
-
`;
|
|
713
|
+
`;N([a({type:String})],E.prototype,"href",2);N([a({type:String})],E.prototype,"target",2);N([a({type:String,reflect:!0})],E.prototype,"template",2);N([a({type:Boolean,reflect:!0})],E.prototype,"inverse",2);N([a({type:Boolean,reflect:!0})],E.prototype,"endIcon",2);N([a({type:Boolean,reflect:!0})],E.prototype,"reverseEndIcon",2);E=N([$("o-link")],E);var Ve=Object.defineProperty,Ze=Object.getOwnPropertyDescriptor,ht=(o,t,e,n)=>{for(var i=n>1?void 0:n?Ze(t,e):t,s=o.length-1,r;s>=0;s--)(r=o[s])&&(i=(n?r(t,e,i):r(i))||i);return n&&i&&Ve(t,e,i),i};let W=class extends b{constructor(){super(...arguments),this.rating=0}getStarKeys(){const o=[];for(let t=0;t<5;t++){const e=this.rating-t;let n;e>=1?n=100:e<=0?n=0:n=Math.round(e*100/25)*25,o.push(`star-${n}`)}return o}render(){const o=this.getStarKeys();return c`
|
|
714
714
|
<div class="rating">
|
|
715
715
|
<div class="stars">
|
|
716
|
-
${o.map(t=>
|
|
716
|
+
${o.map(t=>c`<span class="star">${B(q[t]??"")}</span>`)}
|
|
717
717
|
</div>
|
|
718
|
-
${this.reviewCount!=null&&this.href!=null?
|
|
718
|
+
${this.reviewCount!=null&&this.href!=null?c`<o-link template="review" href="${this.href}">${this.reviewCount}</o-link>`:null}
|
|
719
719
|
</div>
|
|
720
|
-
`}};
|
|
720
|
+
`}};W.styles=w`
|
|
721
721
|
svg {
|
|
722
722
|
width: 12px;
|
|
723
723
|
height: 12px;
|
|
@@ -750,7 +750,7 @@
|
|
|
750
750
|
text-decoration: underline;
|
|
751
751
|
cursor: pointer;
|
|
752
752
|
}
|
|
753
|
-
`;
|
|
753
|
+
`;ht([a({type:Number})],W.prototype,"rating",2);ht([a({type:String})],W.prototype,"reviewCount",2);ht([a({type:String})],W.prototype,"href",2);W=ht([$("o-rating")],W);var We=Object.defineProperty,qe=Object.getOwnPropertyDescriptor,y=(o,t,e,n)=>{for(var i=n>1?void 0:n?qe(t,e):t,s=o.length-1,r;s>=0;s--)(r=o[s])&&(i=(n?r(t,e,i):r(i))||i);return n&&i&&We(t,e,i),i};let g=class extends b{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],n=t[t.length-1];o.shiftKey&&document.activeElement===e?(o.preventDefault(),n.focus()):!o.shiftKey&&document.activeElement===n&&(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 c`
|
|
754
754
|
<div class="overlay" style="z-index: ${this.zIndex}" @click=${this.closePanel}></div>
|
|
755
755
|
<div
|
|
756
756
|
class="panel"
|
|
@@ -760,9 +760,9 @@
|
|
|
760
760
|
style="z-index: ${this.zIndex+1}"
|
|
761
761
|
>
|
|
762
762
|
|
|
763
|
-
${this.showHeader?
|
|
763
|
+
${this.showHeader?c`
|
|
764
764
|
<div class="header">
|
|
765
|
-
${this.showHeaderStartIcon?
|
|
765
|
+
${this.showHeaderStartIcon?c`
|
|
766
766
|
<o-icon-button icon="arrowLeft" size="small" class="return-btn" bgstyle="background-light" @click=${this.closePanel} aria-label="${this.closeButtonLabel}"></o-icon-button>
|
|
767
767
|
`:null}
|
|
768
768
|
<span id="panel-title" class="panel-title">${this.headerTitle}</span>
|
|
@@ -774,9 +774,9 @@
|
|
|
774
774
|
<slot></slot>
|
|
775
775
|
</div>
|
|
776
776
|
|
|
777
|
-
${this.showFooter?
|
|
777
|
+
${this.showFooter?c`
|
|
778
778
|
<div class="footer">
|
|
779
|
-
${this.firstButtonVariant&&this.firstButtonLabel?
|
|
779
|
+
${this.firstButtonVariant&&this.firstButtonLabel?c`
|
|
780
780
|
<o-button
|
|
781
781
|
variant="${this.firstButtonVariant}"
|
|
782
782
|
@click=${this.handleFirstClick}
|
|
@@ -785,7 +785,7 @@
|
|
|
785
785
|
</o-button>
|
|
786
786
|
`:null}
|
|
787
787
|
|
|
788
|
-
${this.secondaryButtonVariant&&this.secondaryButtonLabel?
|
|
788
|
+
${this.secondaryButtonVariant&&this.secondaryButtonLabel?c`
|
|
789
789
|
<o-button
|
|
790
790
|
variant="${this.secondaryButtonVariant}"
|
|
791
791
|
@click=${this.handleSecondaryClick}
|
|
@@ -936,7 +936,7 @@
|
|
|
936
936
|
--line-height: var(--line-height-280);
|
|
937
937
|
}
|
|
938
938
|
}
|
|
939
|
-
`;
|
|
939
|
+
`;y([a({type:Boolean,reflect:!0})],g.prototype,"open",2);y([a({type:Boolean,reflect:!0})],g.prototype,"showHeader",2);y([a({type:Boolean,reflect:!0})],g.prototype,"showFooter",2);y([a({type:Boolean,reflect:!0})],g.prototype,"showHeaderStartIcon",2);y([a({type:String,reflect:!0})],g.prototype,"headerTitle",2);y([a({type:String,reflect:!0})],g.prototype,"closeButtonLabel",2);y([a({type:String,reflect:!0})],g.prototype,"firstButtonLabel",2);y([a({type:String,reflect:!0})],g.prototype,"firstButtonVariant",2);y([a({type:Function})],g.prototype,"onFirstButtonClick",2);y([a({type:String,reflect:!0})],g.prototype,"secondaryButtonLabel",2);y([a({type:String,reflect:!0})],g.prototype,"secondaryButtonVariant",2);y([a({type:Function})],g.prototype,"onSecondaryButtonClick",2);y([a({type:Boolean,reflect:!0})],g.prototype,"disablePortal",2);y([a({type:Number,reflect:!0})],g.prototype,"zIndex",2);y([a({type:Boolean,reflect:!0})],g.prototype,"initialized",2);g=y([$("o-side-panel")],g);var Ke=Object.defineProperty,Ge=Object.getOwnPropertyDescriptor,F=(o,t,e,n)=>{for(var i=n>1?void 0:n?Ge(t,e):t,s=o.length-1,r;s>=0;s--)(r=o[s])&&(i=(n?r(t,e,i):r(i))||i);return n&&i&&Ke(t,e,i),i};let S=class extends b{constructor(){super(...arguments),this.thumbnails=[],this.activeIndex=0,this.disabledIndexes=[],this.maxWidth="100%",this.focusedIndex=0,this.playerIconTemplate=c`
|
|
940
940
|
<o-icon-button
|
|
941
941
|
icon="playerv"
|
|
942
942
|
size="xsmall"
|
|
@@ -945,26 +945,26 @@
|
|
|
945
945
|
status="filled"
|
|
946
946
|
strokewidth="0"
|
|
947
947
|
></o-icon-button>
|
|
948
|
-
`}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}})))}render(){return
|
|
948
|
+
`}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}})))}render(){return c`
|
|
949
949
|
<div class="scroll-container" style="max-width: ${this.maxWidth};">
|
|
950
|
-
${this.thumbnails.map((o,t)=>{const e=this.disabledIndexes.includes(t),
|
|
950
|
+
${this.thumbnails.map((o,t)=>{const e=this.disabledIndexes.includes(t),n=this.activeIndex===t,i=o.type==="video";return c`
|
|
951
951
|
<div class="thumb-wrapper">
|
|
952
952
|
<button
|
|
953
953
|
class="thumb"
|
|
954
954
|
data-index="${t}"
|
|
955
955
|
?disabled=${e}
|
|
956
|
-
aria-selected=${
|
|
956
|
+
aria-selected=${n}
|
|
957
957
|
tabindex="${this.focusedIndex===t?0:-1}"
|
|
958
958
|
@click=${()=>this.selectThumbnail(t)}
|
|
959
959
|
@keydown=${this.handleKeyDown}
|
|
960
960
|
>
|
|
961
961
|
<img src="${o.src}" />
|
|
962
962
|
</button>
|
|
963
|
-
${
|
|
963
|
+
${i?c`<div class="play-icon-wrapper">${this.playerIconTemplate}</div>`:null}
|
|
964
964
|
</div>
|
|
965
965
|
`})}
|
|
966
966
|
</div>
|
|
967
|
-
`}};
|
|
967
|
+
`}};S.styles=w`
|
|
968
968
|
:host {
|
|
969
969
|
display: flex;
|
|
970
970
|
gap: 5px;
|
|
@@ -1067,9 +1067,9 @@
|
|
|
1067
1067
|
height: 0;
|
|
1068
1068
|
width: 0;
|
|
1069
1069
|
}
|
|
1070
|
-
`;
|
|
1070
|
+
`;F([a({type:Array})],S.prototype,"thumbnails",2);F([a({type:Number})],S.prototype,"activeIndex",2);F([a({type:Array})],S.prototype,"disabledIndexes",2);F([a({type:String})],S.prototype,"maxWidth",2);F([a({type:Object})],S.prototype,"swiperInstance",2);F([U()],S.prototype,"focusedIndex",2);S=F([$("thumbnail-navigation")],S);var Xe=Object.defineProperty,Je=Object.getOwnPropertyDescriptor,Ct=(o,t,e,n)=>{for(var i=n>1?void 0:n?Je(t,e):t,s=o.length-1,r;s>=0;s--)(r=o[s])&&(i=(n?r(t,e,i):r(i))||i);return n&&i&&Xe(t,e,i),i};let et=class extends b{constructor(){super(...arguments),this.type="",this.bgstyle="background-white"}render(){return c`
|
|
1071
1071
|
<span class="tag ${this.bgstyle}"><slot></slot></span>
|
|
1072
|
-
`}};
|
|
1072
|
+
`}};et.styles=w`
|
|
1073
1073
|
.tag {
|
|
1074
1074
|
display: inline-block;
|
|
1075
1075
|
padding: var(--spacing-2-xs) var(--spacing-s);
|
|
@@ -1124,12 +1124,12 @@
|
|
|
1124
1124
|
background-color: var(--color-content-success);
|
|
1125
1125
|
}
|
|
1126
1126
|
|
|
1127
|
-
`;
|
|
1127
|
+
`;Ct([a({type:String,reflect:!0})],et.prototype,"type",2);Ct([a({type:String,reflect:!0})],et.prototype,"bgstyle",2);et=Ct([$("o-tag")],et);var Ye=Object.defineProperty,Qe=Object.getOwnPropertyDescriptor,kt=(o,t,e,n)=>{for(var i=n>1?void 0:n?Qe(t,e):t,s=o.length-1,r;s>=0;s--)(r=o[s])&&(i=(n?r(t,e,i):r(i))||i);return n&&i&&Ye(t,e,i),i};let ot=class extends b{constructor(){super(...arguments),this.type="top",this.text=""}render(){return c`
|
|
1128
1128
|
<div class="tooltip">
|
|
1129
1129
|
<span class="tooltiptext">${this.text}</span>
|
|
1130
1130
|
<slot></slot>
|
|
1131
1131
|
</div>
|
|
1132
|
-
`}};
|
|
1132
|
+
`}};ot.styles=w`
|
|
1133
1133
|
.tooltip {
|
|
1134
1134
|
position: relative;
|
|
1135
1135
|
display: inline-block;
|
|
@@ -1221,46 +1221,54 @@
|
|
|
1221
1221
|
border-color: transparent var(--color-alpha-dark-strongest) transparent transparent;
|
|
1222
1222
|
}
|
|
1223
1223
|
|
|
1224
|
-
`;
|
|
1224
|
+
`;kt([a({type:String,reflect:!0})],ot.prototype,"type",2);kt([a({type:String,reflect:!0})],ot.prototype,"text",2);ot=kt([$("o-tooltip")],ot);var to=Object.defineProperty,eo=Object.getOwnPropertyDescriptor,L=(o,t,e,n)=>{for(var i=n>1?void 0:n?eo(t,e):t,s=o.length-1,r;s>=0;s--)(r=o[s])&&(i=(n?r(t,e,i):r(i))||i);return n&&i&&to(t,e,i),i};let _=class extends b{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,url:o.url}}))}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 c`
|
|
1225
1225
|
<button
|
|
1226
1226
|
@click=${this.toggle}
|
|
1227
1227
|
@keydown=${this.handleKeydown}
|
|
1228
1228
|
aria-haspopup="listbox"
|
|
1229
1229
|
aria-expanded="${this.open}"
|
|
1230
1230
|
style=${`width: ${this.width};`}
|
|
1231
|
-
|
|
1231
|
+
?disabled=${this.disabled}
|
|
1232
1232
|
>
|
|
1233
|
-
<div class="btn-content">
|
|
1234
1233
|
<span class="label">${t?t.label:"Select an option"}</span>
|
|
1235
1234
|
<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
1235
|
</button>
|
|
1238
1236
|
|
|
1239
|
-
${this.open?
|
|
1237
|
+
${this.open?c`
|
|
1240
1238
|
<ul role="listbox" style=${`width: ${this.width};`}>
|
|
1241
|
-
${this.options.map((e,
|
|
1239
|
+
${this.options.map((e,n)=>c`
|
|
1242
1240
|
<li
|
|
1243
1241
|
role="option"
|
|
1244
1242
|
aria-selected="${e.value===this.value}"
|
|
1245
|
-
class="${
|
|
1246
|
-
@click=${()
|
|
1243
|
+
class="${n===this.activeIndex?"active":""} ${e.disabled?"disabled":""}"
|
|
1244
|
+
@click=${()=>this.selectOption(e)}
|
|
1247
1245
|
>
|
|
1248
|
-
|
|
1249
|
-
${e.
|
|
1246
|
+
${e.url?c`
|
|
1247
|
+
<a href="${e.url}">
|
|
1248
|
+
<span>${e.label}</span>
|
|
1249
|
+
${e.value===this.value?c`<span class="check">${B(o)}</span>`:null}
|
|
1250
|
+
</a>`:c`
|
|
1251
|
+
<span>${e.label}</span>
|
|
1252
|
+
${e.value===this.value?c`<span class="check">${B(o)}</span>`:null}`}
|
|
1250
1253
|
</li>
|
|
1251
1254
|
`)}
|
|
1252
1255
|
</ul>
|
|
1253
1256
|
`:null}
|
|
1254
1257
|
|
|
1255
1258
|
<input type="hidden" name="${this.name}" .value="${this.value}" />
|
|
1256
|
-
`}};
|
|
1259
|
+
`}};_.styles=w`
|
|
1257
1260
|
:host {
|
|
1258
1261
|
display: inline-block;
|
|
1259
1262
|
position: relative;
|
|
1260
1263
|
width: 100%;
|
|
1261
1264
|
}
|
|
1262
1265
|
|
|
1263
|
-
|
|
1266
|
+
button {
|
|
1267
|
+
padding: var(--spacing-s) var(--spacing-l);
|
|
1268
|
+
background-color: var(--color-container-default);
|
|
1269
|
+
cursor: pointer;
|
|
1270
|
+
border-radius: var(--radius-m);
|
|
1271
|
+
border: var(--border-m) solid var(--color-border-tertiary);
|
|
1264
1272
|
display: flex;
|
|
1265
1273
|
justify-content: space-between;
|
|
1266
1274
|
width: 100%;
|
|
@@ -1279,18 +1287,14 @@
|
|
|
1279
1287
|
margin-bottom: auto;
|
|
1280
1288
|
margin-left: var(--spacing-s);
|
|
1281
1289
|
}
|
|
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
1290
|
|
|
1291
1291
|
&:disabled {
|
|
1292
1292
|
background-color: var(--color-container-disabled);
|
|
1293
1293
|
pointer-events: none;
|
|
1294
|
+
|
|
1295
|
+
.label {
|
|
1296
|
+
color: var(--color-content-disabled);
|
|
1297
|
+
}
|
|
1294
1298
|
}
|
|
1295
1299
|
}
|
|
1296
1300
|
|
|
@@ -1317,9 +1321,20 @@
|
|
|
1317
1321
|
cursor: pointer;
|
|
1318
1322
|
border-bottom: var(--border-s) solid var(--color-border-tertiary);
|
|
1319
1323
|
|
|
1324
|
+
a {
|
|
1325
|
+
display: flex;
|
|
1326
|
+
justify-content: space-between;
|
|
1327
|
+
width: 100%;
|
|
1328
|
+
text-decoration: none;
|
|
1329
|
+
color: var(--color-content-body);
|
|
1330
|
+
}
|
|
1331
|
+
|
|
1320
1332
|
&.disabled {
|
|
1321
1333
|
background-color: var(--color-container-disabled);
|
|
1322
|
-
|
|
1334
|
+
|
|
1335
|
+
span {
|
|
1336
|
+
color: var(--color-content-disabled);
|
|
1337
|
+
}
|
|
1323
1338
|
}
|
|
1324
1339
|
|
|
1325
1340
|
&:hover:not(.disabled) {
|
|
@@ -1340,6 +1355,10 @@
|
|
|
1340
1355
|
&:active {
|
|
1341
1356
|
background-color: var(--color-container-action-tertiary-pressed);
|
|
1342
1357
|
}
|
|
1358
|
+
|
|
1359
|
+
&.disabled {
|
|
1360
|
+
background-color: var(--color-container-disabled);
|
|
1361
|
+
}
|
|
1343
1362
|
}
|
|
1344
1363
|
|
|
1345
1364
|
&:last-child {
|
|
@@ -1353,6 +1372,8 @@
|
|
|
1353
1372
|
line-height: var(--line-height-200);
|
|
1354
1373
|
letter-spacing: var(--letter-spacing-000);
|
|
1355
1374
|
height: auto;
|
|
1375
|
+
color: var(--color-content-body);
|
|
1376
|
+
|
|
1356
1377
|
}
|
|
1357
1378
|
}
|
|
1358
1379
|
|
|
@@ -1366,4 +1387,270 @@
|
|
|
1366
1387
|
input[type="hidden"] {
|
|
1367
1388
|
display: none;
|
|
1368
1389
|
}
|
|
1369
|
-
`;
|
|
1390
|
+
`;L([a({type:Array,reflect:!0})],_.prototype,"options",2);L([a({type:String,reflect:!0})],_.prototype,"value",2);L([a({type:String,reflect:!0})],_.prototype,"name",2);L([a({type:Boolean,reflect:!0})],_.prototype,"disabled",2);L([a({type:String,reflect:!0})],_.prototype,"width",2);L([U()],_.prototype,"open",2);L([U()],_.prototype,"activeIndex",2);L([U()],_.prototype,"menuWidth",2);_=L([$("o-dropdown")],_);var oo=Object.getOwnPropertyDescriptor,io=(o,t,e,n)=>{for(var i=n>1?void 0:n?oo(t,e):t,s=o.length-1,r;s>=0;s--)(r=o[s])&&(i=r(i)||i);return i};let yt=class extends b{render(){return c` <span class="dots"></span> `}};yt.styles=w`
|
|
1391
|
+
:host {
|
|
1392
|
+
display: flex;
|
|
1393
|
+
align-items: center;
|
|
1394
|
+
justify-content: center;
|
|
1395
|
+
height: 20px;
|
|
1396
|
+
width: 20px;
|
|
1397
|
+
.dots {
|
|
1398
|
+
display: inline-block;
|
|
1399
|
+
width: 6px;
|
|
1400
|
+
height: 6px;
|
|
1401
|
+
border-radius: 50%;
|
|
1402
|
+
cursor: pointer;
|
|
1403
|
+
border: 1px solid var(--color-border-primary);
|
|
1404
|
+
background-color: var(--color-container-action-secondary-default);
|
|
1405
|
+
}
|
|
1406
|
+
}
|
|
1407
|
+
|
|
1408
|
+
:host(:hover) {
|
|
1409
|
+
.dots {
|
|
1410
|
+
background-color: var(--color-container-action-secondary-hover);
|
|
1411
|
+
}
|
|
1412
|
+
}
|
|
1413
|
+
|
|
1414
|
+
:host(:active) {
|
|
1415
|
+
.dots {
|
|
1416
|
+
background-color: var(--color-container-action-secondary-pressed);
|
|
1417
|
+
}
|
|
1418
|
+
}
|
|
1419
|
+
|
|
1420
|
+
:host([aria-current="true"]) {
|
|
1421
|
+
.dots {
|
|
1422
|
+
background-color: var(--color-container-action-primary-default);
|
|
1423
|
+
border: 0.5px solid var(--color-border-white);
|
|
1424
|
+
width: 8px;
|
|
1425
|
+
height: 8px;
|
|
1426
|
+
}
|
|
1427
|
+
}
|
|
1428
|
+
|
|
1429
|
+
:host([aria-current="true"]:hover) {
|
|
1430
|
+
.dots {
|
|
1431
|
+
background-color: var(--color-container-action-primary-hover);
|
|
1432
|
+
}
|
|
1433
|
+
}
|
|
1434
|
+
|
|
1435
|
+
:host([aria-current="true"]:active) {
|
|
1436
|
+
.dots {
|
|
1437
|
+
background-color: var(--color-container-action-primary-pressed);
|
|
1438
|
+
}
|
|
1439
|
+
}
|
|
1440
|
+
`;yt=io([$("o-dots")],yt);var no=Object.defineProperty,ro=Object.getOwnPropertyDescriptor,k=(o,t,e,n)=>{for(var i=n>1?void 0:n?ro(t,e):t,s=o.length-1,r;s>=0;s--)(r=o[s])&&(i=(n?r(t,e,i):r(i))||i);return n&&i&&no(t,e,i),i};let x=class extends b{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._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,url:o.url}}))}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 c`
|
|
1441
|
+
<button
|
|
1442
|
+
@click=${this.toggle}
|
|
1443
|
+
@keydown=${this.handleKeydown}
|
|
1444
|
+
aria-haspopup="listbox"
|
|
1445
|
+
aria-expanded="${this.open}"
|
|
1446
|
+
style=${`width: ${this.width};`}
|
|
1447
|
+
?disabled=${this.disabled}
|
|
1448
|
+
class="btn-dropdown"
|
|
1449
|
+
>
|
|
1450
|
+
|
|
1451
|
+
<img src="${G(t==null?void 0:t.imgurl)}" />
|
|
1452
|
+
<span class="label">${t?t.label:"Select an option"}</span>
|
|
1453
|
+
<div class="right">
|
|
1454
|
+
<span class="additional-text">${this.additionaltext}</span>
|
|
1455
|
+
<span class="arrow">
|
|
1456
|
+
<o-icon-button
|
|
1457
|
+
icon="${this.open?"triangleup":"triangledown"}"
|
|
1458
|
+
size="small"
|
|
1459
|
+
bgstyle="none-contrast"
|
|
1460
|
+
type="span"
|
|
1461
|
+
>
|
|
1462
|
+
</o-icon-button>
|
|
1463
|
+
</span>
|
|
1464
|
+
</div>
|
|
1465
|
+
</button>
|
|
1466
|
+
|
|
1467
|
+
${this.open?c`
|
|
1468
|
+
<ul role="listbox" style=${`width: ${this.width};`}>
|
|
1469
|
+
${this.options.map((e,n)=>c`
|
|
1470
|
+
<li role="option" aria-selected="${e.value===this.value}"
|
|
1471
|
+
class="${n===this.activeIndex?"active":""} ${e.disabled?"disabled":""}"
|
|
1472
|
+
@click=${()=>this.selectOption(e)}
|
|
1473
|
+
>
|
|
1474
|
+
<a href="${G(t==null?void 0:t.url)}">
|
|
1475
|
+
<img src="${G(t==null?void 0:t.imgurl)}" />
|
|
1476
|
+
<span class="label">${e.label}</span>
|
|
1477
|
+
<div class="right">
|
|
1478
|
+
<span class="additional-text">${G(e.additionaltext)}</span>
|
|
1479
|
+
${e.value===this.value&&(e.additionaltext==null||e.additionaltext==null)?c`<span class="check">${B(o)}</span>`:null}
|
|
1480
|
+
</div>
|
|
1481
|
+
</a>
|
|
1482
|
+
</li>
|
|
1483
|
+
`)}
|
|
1484
|
+
</ul>
|
|
1485
|
+
`:null}
|
|
1486
|
+
|
|
1487
|
+
<input type="hidden" name="${this.name}" .value="${this.value}" />
|
|
1488
|
+
`}};x.styles=w`
|
|
1489
|
+
:host {
|
|
1490
|
+
display: inline-block;
|
|
1491
|
+
position: relative;
|
|
1492
|
+
width: 100%;
|
|
1493
|
+
}
|
|
1494
|
+
|
|
1495
|
+
.btn-dropdown {
|
|
1496
|
+
display: flex;
|
|
1497
|
+
gap: var(--spacing-l);
|
|
1498
|
+
width: 100%;
|
|
1499
|
+
color: var(--color-content-body);
|
|
1500
|
+
align-items: center;
|
|
1501
|
+
background-color: var(--color-container-default);
|
|
1502
|
+
cursor: pointer;
|
|
1503
|
+
border-radius: var(--radius-m);
|
|
1504
|
+
border: var(--border-m) solid var(--color-border-tertiary);
|
|
1505
|
+
padding: 0;
|
|
1506
|
+
overflow: hidden;
|
|
1507
|
+
|
|
1508
|
+
&:disabled {
|
|
1509
|
+
background-color: var(--color-container-disabled);
|
|
1510
|
+
pointer-events: none;
|
|
1511
|
+
|
|
1512
|
+
.label {
|
|
1513
|
+
color: var(--color-content-disabled);
|
|
1514
|
+
}
|
|
1515
|
+
}
|
|
1516
|
+
|
|
1517
|
+
img {
|
|
1518
|
+
width: 40px;
|
|
1519
|
+
height: 50px;
|
|
1520
|
+
}
|
|
1521
|
+
|
|
1522
|
+
.right {
|
|
1523
|
+
display: flex;
|
|
1524
|
+
align-items: center;
|
|
1525
|
+
gap: var(--spacing-l);
|
|
1526
|
+
}
|
|
1527
|
+
|
|
1528
|
+
.arrow {
|
|
1529
|
+
margin-top: auto;
|
|
1530
|
+
margin-bottom: auto;
|
|
1531
|
+
margin-right: var(--spacing-l);
|
|
1532
|
+
}
|
|
1533
|
+
|
|
1534
|
+
&:hover, &[aria-expanded="true"] {
|
|
1535
|
+
border: var(--border-m) solid var(--color-border-primary);
|
|
1536
|
+
}
|
|
1537
|
+
}
|
|
1538
|
+
|
|
1539
|
+
.label {
|
|
1540
|
+
flex: 1;
|
|
1541
|
+
text-align: start;
|
|
1542
|
+
font-family: var(--font-family-loccitane-sans);
|
|
1543
|
+
font-weight: var(--font-weight-500);
|
|
1544
|
+
font-size: var(--font-size-100);
|
|
1545
|
+
line-height: var(--line-height-160);
|
|
1546
|
+
letter-spacing: var(--letter-spacing-400);
|
|
1547
|
+
text-transform: uppercase;
|
|
1548
|
+
color: var(--color-content-body);
|
|
1549
|
+
}
|
|
1550
|
+
|
|
1551
|
+
ul {
|
|
1552
|
+
list-style: none;
|
|
1553
|
+
margin: 4px 0 0 0;
|
|
1554
|
+
padding: 0;
|
|
1555
|
+
border: var(--border-m) solid var(--color-border-tertiary);
|
|
1556
|
+
position: absolute;
|
|
1557
|
+
background: white;
|
|
1558
|
+
height: auto;
|
|
1559
|
+
overflow-y: auto;
|
|
1560
|
+
z-index: 1000;
|
|
1561
|
+
border-radius: var(--radius-200);
|
|
1562
|
+
background-color: var(--color-container-action-secondary-default);
|
|
1563
|
+
max-height: calc(5 * 40px);
|
|
1564
|
+
overflow: hidden;
|
|
1565
|
+
}
|
|
1566
|
+
|
|
1567
|
+
li {
|
|
1568
|
+
display: flex;
|
|
1569
|
+
justify-content: space-between;
|
|
1570
|
+
align-items: center;
|
|
1571
|
+
cursor: pointer;
|
|
1572
|
+
border-bottom: var(--border-s) solid var(--color-border-tertiary);
|
|
1573
|
+
gap: var(--spacing-l);
|
|
1574
|
+
padding-right: var(--spacing-l);
|
|
1575
|
+
|
|
1576
|
+
a {
|
|
1577
|
+
display: flex;
|
|
1578
|
+
width: 100%;
|
|
1579
|
+
gap: var(--spacing-l);
|
|
1580
|
+
align-items: center;
|
|
1581
|
+
text-decoration: none;
|
|
1582
|
+
|
|
1583
|
+
&:active {
|
|
1584
|
+
color: inherit;
|
|
1585
|
+
text-decoration: none;
|
|
1586
|
+
}
|
|
1587
|
+
|
|
1588
|
+
img {
|
|
1589
|
+
width: 40px;
|
|
1590
|
+
height: 50px;
|
|
1591
|
+
}
|
|
1592
|
+
}
|
|
1593
|
+
|
|
1594
|
+
&.disabled {
|
|
1595
|
+
background-color: var(--color-container-disabled);
|
|
1596
|
+
}
|
|
1597
|
+
|
|
1598
|
+
&:hover:not(.disabled) {
|
|
1599
|
+
background-color: var(--color-container-action-secondary-hover);
|
|
1600
|
+
}
|
|
1601
|
+
|
|
1602
|
+
&:active:not(.disabled) {
|
|
1603
|
+
background-color: var(--color-container-action-secondary-pressed);
|
|
1604
|
+
}
|
|
1605
|
+
|
|
1606
|
+
&[aria-selected="true"] {
|
|
1607
|
+
background-color: var(--color-container-action-tertiary-default);
|
|
1608
|
+
|
|
1609
|
+
&:hover {
|
|
1610
|
+
background-color: var(--color-container-action-tertiary-hover);
|
|
1611
|
+
}
|
|
1612
|
+
|
|
1613
|
+
&:active {
|
|
1614
|
+
background-color: var(--color-container-action-tertiary-pressed);
|
|
1615
|
+
}
|
|
1616
|
+
|
|
1617
|
+
&.disabled {
|
|
1618
|
+
background-color: var(--color-container-disabled);
|
|
1619
|
+
}
|
|
1620
|
+
}
|
|
1621
|
+
|
|
1622
|
+
&:last-child {
|
|
1623
|
+
border-bottom: none;
|
|
1624
|
+
}
|
|
1625
|
+
|
|
1626
|
+
span {
|
|
1627
|
+
font-family: var(--font-family-loccitane-sans);
|
|
1628
|
+
font-weight: var(--font-weight-400);
|
|
1629
|
+
font-size: var(--font-size-150);
|
|
1630
|
+
line-height: var(--line-height-200);
|
|
1631
|
+
letter-spacing: var(--letter-spacing-000);
|
|
1632
|
+
height: auto;
|
|
1633
|
+
}
|
|
1634
|
+
}
|
|
1635
|
+
|
|
1636
|
+
.additional-text {
|
|
1637
|
+
font-family: var(--font-family-loccitane-sans);
|
|
1638
|
+
font-weight: var(--font-weight-400);
|
|
1639
|
+
font-size: var(--font-size-100);
|
|
1640
|
+
line-height: var(--line-height-160);
|
|
1641
|
+
letter-spacing: var(--letter-spacing-400);
|
|
1642
|
+
text-decoration: none;
|
|
1643
|
+
color: var(--color-content-description);
|
|
1644
|
+
}
|
|
1645
|
+
|
|
1646
|
+
.check {
|
|
1647
|
+
margin-left: var(--spacing-100);
|
|
1648
|
+
width: 12px;
|
|
1649
|
+
height: auto;
|
|
1650
|
+
color: var(--color-content-action-secondary);
|
|
1651
|
+
}
|
|
1652
|
+
|
|
1653
|
+
input[type="hidden"] {
|
|
1654
|
+
display: none;
|
|
1655
|
+
}
|
|
1656
|
+
`;k([a({type:Array,reflect:!0})],x.prototype,"options",2);k([a({type:String,reflect:!0})],x.prototype,"value",2);k([a({type:String,reflect:!0})],x.prototype,"name",2);k([a({type:String,reflect:!0})],x.prototype,"additionaltext",2);k([a({type:Boolean,reflect:!0})],x.prototype,"disabled",2);k([a({type:String,reflect:!0})],x.prototype,"width",2);k([U()],x.prototype,"open",2);k([U()],x.prototype,"activeIndex",2);k([U()],x.prototype,"menuWidth",2);x=k([$("o-dropdown-variant")],x);
|