@florid-kit/components 0.8.58 → 0.8.60
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/assets/icons/icons.d.ts +1 -0
- package/components/filter-chip.d.ts +2 -1
- package/components/toast.d.ts +13 -0
- package/index.js +136 -93
- package/index.mjs +495 -421
- package/package.json +1 -1
package/index.js
CHANGED
|
@@ -2,21 +2,21 @@
|
|
|
2
2
|
* @license
|
|
3
3
|
* Copyright 2019 Google LLC
|
|
4
4
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
5
|
-
*/const bt=globalThis,It=bt.ShadowRoot&&(bt.ShadyCSS===void 0||bt.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,
|
|
5
|
+
*/const bt=globalThis,It=bt.ShadowRoot&&(bt.ShadyCSS===void 0||bt.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,Bt=Symbol(),Kt=new WeakMap;let se=class{constructor(t,e,n){if(this._$cssResult$=!0,n!==Bt)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=e}get styleSheet(){let t=this.o;const e=this.t;if(It&&t===void 0){const n=e!==void 0&&e.length===1;n&&(t=Kt.get(e)),t===void 0&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),n&&Kt.set(e,t))}return t}toString(){return this.cssText}};const ue=o=>new se(typeof o=="string"?o:o+"",void 0,Bt),b=(o,...t)=>{const e=o.length===1?o[0]:t.reduce((n,i,r)=>n+(s=>{if(s._$cssResult$===!0)return s.cssText;if(typeof s=="number")return s;throw Error("Value passed to 'css' function must be a 'css' function result: "+s+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(i)+o[r+1],o[0]);return new se(e,o,Bt)},ve=(o,t)=>{if(It)o.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(const e of t){const n=document.createElement("style"),i=bt.litNonce;i!==void 0&&n.setAttribute("nonce",i),n.textContent=e.cssText,o.appendChild(n)}},Gt=It?o=>o:o=>o instanceof CSSStyleSheet?(t=>{let e="";for(const n of t.cssRules)e+=n.cssText;return ue(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:fe,defineProperty:ge,getOwnPropertyDescriptor:be,getOwnPropertyNames:ye,getOwnPropertySymbols:me,getPrototypeOf:we}=Object,R=globalThis,Xt=R.trustedTypes,xe=Xt?Xt.emptyScript:"",Ct=R.reactiveElementPolyfillSupport,ot=(o,t)=>o,yt={toAttribute(o,t){switch(t){case Boolean:o=o?xe: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}},zt=(o,t)=>!fe(o,t),Jt={attribute:!0,type:String,converter:yt,reflect:!1,useDefault:!1,hasChanged:zt};Symbol.metadata??(Symbol.metadata=Symbol("metadata")),R.litPropertyMetadata??(R.litPropertyMetadata=new WeakMap);let J=class extends HTMLElement{static addInitializer(t){this._$Ei(),(this.l??(this.l=[])).push(t)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(t,e=Jt){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&&ge(this.prototype,t,i)}}static getPropertyDescriptor(t,e,n){const{get:i,set:r}=be(this.prototype,t)??{get(){return this[e]},set(s){this[e]=s}};return{get:i,set(s){const h=i==null?void 0:i.call(this);r==null||r.call(this,s),this.requestUpdate(t,h,n)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??Jt}static _$Ei(){if(this.hasOwnProperty(ot("elementProperties")))return;const t=we(this);t.finalize(),t.l!==void 0&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(ot("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(ot("properties"))){const e=this.properties,n=[...ye(e),...me(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(Gt(i))}else t!==void 0&&e.push(Gt(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 ve(t,this.constructor.elementStyles),t}connectedCallback(){var t;this.renderRoot??(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),(t=this._$EO)==null||t.forEach(e=>{var n;return(n=e.hostConnected)==null?void 0:n.call(e)})}enableUpdating(t){}disconnectedCallback(){var t;(t=this._$EO)==null||t.forEach(e=>{var n;return(n=e.hostDisconnected)==null?void 0:n.call(e)})}attributeChangedCallback(t,e,n){this._$AK(t,n)}_$ET(t,e){var r;const n=this.constructor.elementProperties.get(t),i=this.constructor._$Eu(t,n);if(i!==void 0&&n.reflect===!0){const s=(((r=n.converter)==null?void 0:r.toAttribute)!==void 0?n.converter:yt).toAttribute(e,n.type);this._$Em=t,s==null?this.removeAttribute(i):this.setAttribute(i,s),this._$Em=null}}_$AK(t,e){var r,s;const n=this.constructor,i=n._$Eh.get(t);if(i!==void 0&&this._$Em!==i){const h=n.getPropertyOptions(i),c=typeof h.converter=="function"?{fromAttribute:h.converter}:((r=h.converter)==null?void 0:r.fromAttribute)!==void 0?h.converter:yt;this._$Em=i,this[i]=c.fromAttribute(e,h.type)??((s=this._$Ej)==null?void 0:s.get(i))??null,this._$Em=null}}requestUpdate(t,e,n){var i;if(t!==void 0){const r=this.constructor,s=this[t];if(n??(n=r.getPropertyOptions(t)),!((n.hasChanged??zt)(s,e)||n.useDefault&&n.reflect&&s===((i=this._$Ej)==null?void 0:i.get(t))&&!this.hasAttribute(r._$Eu(t,n))))return;this.C(t,e,n)}this.isUpdatePending===!1&&(this._$ES=this._$EP())}C(t,e,{useDefault:n,reflect:i,wrapped:r},s){n&&!(this._$Ej??(this._$Ej=new Map)).has(t)&&(this._$Ej.set(t,s??e??this[t]),r!==!0||s!==void 0)||(this._$AL.has(t)||(this.hasUpdated||n||(e=void 0),this._$AL.set(t,e)),i===!0&&this._$Em!==t&&(this._$Eq??(this._$Eq=new Set)).add(t))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(e){Promise.reject(e)}const t=this.scheduleUpdate();return t!=null&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){var n;if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??(this.renderRoot=this.createRenderRoot()),this._$Ep){for(const[r,s]of this._$Ep)this[r]=s;this._$Ep=void 0}const i=this.constructor.elementProperties;if(i.size>0)for(const[r,s]of i){const{wrapped:h}=s,c=this[r];h!==!0||this._$AL.has(r)||c===void 0||this.C(r,void 0,s,c)}}let t=!1;const e=this._$AL;try{t=this.shouldUpdate(e),t?(this.willUpdate(e),(n=this._$EO)==null||n.forEach(i=>{var r;return(r=i.hostUpdate)==null?void 0:r.call(i)}),this.update(e)):this._$EM()}catch(i){throw t=!1,this._$EM(),i}t&&this._$AE(e)}willUpdate(t){}_$AE(t){var e;(e=this._$EO)==null||e.forEach(n=>{var i;return(i=n.hostUpdated)==null?void 0:i.call(n)}),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(t){return!0}update(t){this._$Eq&&(this._$Eq=this._$Eq.forEach(e=>this._$ET(e,this[e]))),this._$EM()}updated(t){}firstUpdated(t){}};J.elementStyles=[],J.shadowRootOptions={mode:"open"},J[ot("elementProperties")]=new Map,J[ot("finalized")]=new Map,Ct==null||Ct({ReactiveElement:J}),(R.reactiveElementVersions??(R.reactiveElementVersions=[])).push("2.1.0");/**
|
|
10
10
|
* @license
|
|
11
11
|
* Copyright 2017 Google LLC
|
|
12
12
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
13
|
-
*/const it=globalThis,
|
|
14
|
-
\f\r]`,et=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,
|
|
15
|
-
\f\r"'\`<>=]|("|')|))|$)`,"g"),
|
|
13
|
+
*/const it=globalThis,mt=it.trustedTypes,Qt=mt?mt.createPolicy("lit-html",{createHTML:o=>o}):void 0,ae="$lit$",F=`lit$${Math.random().toFixed(9).slice(2)}$`,le="?"+F,$e=`<${le}>`,W=document,rt=()=>W.createComment(""),st=o=>o===null||typeof o!="object"&&typeof o!="function",Dt=Array.isArray,_e=o=>Dt(o)||typeof(o==null?void 0:o[Symbol.iterator])=="function",kt=`[
|
|
14
|
+
\f\r]`,et=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,Yt=/-->/g,te=/>/g,V=RegExp(`>|${kt}(?:([^\\s"'>=/]+)(${kt}*=${kt}*(?:[^
|
|
15
|
+
\f\r"'\`<>=]|("|')|))|$)`,"g"),ee=/'/g,oe=/"/g,ce=/^(?:script|style|textarea|title)$/i,Ce=o=>(t,...e)=>({_$litType$:o,strings:t,values:e}),l=Ce(1),U=Symbol.for("lit-noChange"),d=Symbol.for("lit-nothing"),ie=new WeakMap,Z=W.createTreeWalker(W,129);function he(o,t){if(!Dt(o)||!o.hasOwnProperty("raw"))throw Error("invalid template strings array");return Qt!==void 0?Qt.createHTML(t):t}const ke=(o,t)=>{const e=o.length-1,n=[];let i,r=t===2?"<svg>":t===3?"<math>":"",s=et;for(let h=0;h<e;h++){const c=o[h];let f,m,p=-1,$=0;for(;$<c.length&&(s.lastIndex=$,m=s.exec(c),m!==null);)$=s.lastIndex,s===et?m[1]==="!--"?s=Yt:m[1]!==void 0?s=te:m[2]!==void 0?(ce.test(m[2])&&(i=RegExp("</"+m[2],"g")),s=V):m[3]!==void 0&&(s=V):s===V?m[0]===">"?(s=i??et,p=-1):m[1]===void 0?p=-2:(p=s.lastIndex-m[2].length,f=m[1],s=m[3]===void 0?V:m[3]==='"'?oe:ee):s===oe||s===ee?s=V:s===Yt||s===te?s=et:(s=V,i=void 0);const L=s===V&&o[h+1].startsWith("/>")?" ":"";r+=s===et?c+$e:p>=0?(n.push(f),c.slice(0,p)+ae+c.slice(p)+F+L):c+F+(p===-2?h:L)}return[he(o,r+(o[e]||"<?>")+(t===2?"</svg>":t===3?"</math>":"")),n]};class at{constructor({strings:t,_$litType$:e},n){let i;this.parts=[];let r=0,s=0;const h=t.length-1,c=this.parts,[f,m]=ke(t,e);if(this.el=at.createElement(f,n),Z.currentNode=this.el.content,e===2||e===3){const p=this.el.content.firstChild;p.replaceWith(...p.childNodes)}for(;(i=Z.nextNode())!==null&&c.length<h;){if(i.nodeType===1){if(i.hasAttributes())for(const p of i.getAttributeNames())if(p.endsWith(ae)){const $=m[s++],L=i.getAttribute(p).split(F),gt=/([.?@])?(.*)/.exec($);c.push({type:1,index:r,name:gt[2],strings:L,ctor:gt[1]==="."?Ee:gt[1]==="?"?Se:gt[1]==="@"?Le:xt}),i.removeAttribute(p)}else p.startsWith(F)&&(c.push({type:6,index:r}),i.removeAttribute(p));if(ce.test(i.tagName)){const p=i.textContent.split(F),$=p.length-1;if($>0){i.textContent=mt?mt.emptyScript:"";for(let L=0;L<$;L++)i.append(p[L],rt()),Z.nextNode(),c.push({type:2,index:++r});i.append(p[$],rt())}}}else if(i.nodeType===8)if(i.data===le)c.push({type:2,index:r});else{let p=-1;for(;(p=i.data.indexOf(F,p+1))!==-1;)c.push({type:7,index:r}),p+=F.length-1}r++}}static createElement(t,e){const n=W.createElement("template");return n.innerHTML=t,n}}function Q(o,t,e=o,n){var s,h;if(t===U)return t;let i=n!==void 0?(s=e._$Co)==null?void 0:s[n]:e._$Cl;const r=st(t)?void 0:t._$litDirective$;return(i==null?void 0:i.constructor)!==r&&((h=i==null?void 0:i._$AO)==null||h.call(i,!1),r===void 0?i=void 0:(i=new r(o),i._$AT(o,e,n)),n!==void 0?(e._$Co??(e._$Co=[]))[n]=i:e._$Cl=i),i!==void 0&&(t=Q(o,i._$AS(o,t.values),i,n)),t}class Ae{constructor(t,e){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=e}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){const{el:{content:e},parts:n}=this._$AD,i=((t==null?void 0:t.creationScope)??W).importNode(e,!0);Z.currentNode=i;let r=Z.nextNode(),s=0,h=0,c=n[0];for(;c!==void 0;){if(s===c.index){let f;c.type===2?f=new vt(r,r.nextSibling,this,t):c.type===1?f=new c.ctor(r,c.name,c.strings,this,t):c.type===6&&(f=new Pe(r,this,t)),this._$AV.push(f),c=n[++h]}s!==(c==null?void 0:c.index)&&(r=Z.nextNode(),s++)}return Z.currentNode=W,i}p(t){let e=0;for(const n of this._$AV)n!==void 0&&(n.strings!==void 0?(n._$AI(t,n,e),e+=n.strings.length-2):n._$AI(t[e])),e++}}class vt{get _$AU(){var t;return((t=this._$AM)==null?void 0:t._$AU)??this._$Cv}constructor(t,e,n,i){this.type=2,this._$AH=d,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=n,this.options=i,this._$Cv=(i==null?void 0:i.isConnected)??!0}get parentNode(){let t=this._$AA.parentNode;const e=this._$AM;return e!==void 0&&(t==null?void 0:t.nodeType)===11&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=Q(this,t,e),st(t)?t===d||t==null||t===""?(this._$AH!==d&&this._$AR(),this._$AH=d):t!==this._$AH&&t!==U&&this._(t):t._$litType$!==void 0?this.$(t):t.nodeType!==void 0?this.T(t):_e(t)?this.k(t):this._(t)}O(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.O(t))}_(t){this._$AH!==d&&st(this._$AH)?this._$AA.nextSibling.data=t:this.T(W.createTextNode(t)),this._$AH=t}$(t){var r;const{values:e,_$litType$:n}=t,i=typeof n=="number"?this._$AC(t):(n.el===void 0&&(n.el=at.createElement(he(n.h,n.h[0]),this.options)),n);if(((r=this._$AH)==null?void 0:r._$AD)===i)this._$AH.p(e);else{const s=new Ae(i,this),h=s.u(this.options);s.p(e),this.T(h),this._$AH=s}}_$AC(t){let e=ie.get(t.strings);return e===void 0&&ie.set(t.strings,e=new at(t)),e}k(t){Dt(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let n,i=0;for(const r of t)i===e.length?e.push(n=new vt(this.O(rt()),this.O(rt()),this,this.options)):n=e[i],n._$AI(r),i++;i<e.length&&(this._$AR(n&&n._$AB.nextSibling,i),e.length=i)}_$AR(t=this._$AA.nextSibling,e){var n;for((n=this._$AP)==null?void 0:n.call(this,!1,!0,e);t&&t!==this._$AB;){const i=t.nextSibling;t.remove(),t=i}}setConnected(t){var e;this._$AM===void 0&&(this._$Cv=t,(e=this._$AP)==null||e.call(this,t))}}class xt{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,e,n,i,r){this.type=1,this._$AH=d,this._$AN=void 0,this.element=t,this.name=e,this._$AM=i,this.options=r,n.length>2||n[0]!==""||n[1]!==""?(this._$AH=Array(n.length-1).fill(new String),this.strings=n):this._$AH=d}_$AI(t,e=this,n,i){const r=this.strings;let s=!1;if(r===void 0)t=Q(this,t,e,0),s=!st(t)||t!==this._$AH&&t!==U,s&&(this._$AH=t);else{const h=t;let c,f;for(t=r[0],c=0;c<r.length-1;c++)f=Q(this,h[n+c],e,c),f===U&&(f=this._$AH[c]),s||(s=!st(f)||f!==this._$AH[c]),f===d?t=d:t!==d&&(t+=(f??"")+r[c+1]),this._$AH[c]=f}s&&!i&&this.j(t)}j(t){t===d?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}}class Ee extends xt{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===d?void 0:t}}class Se extends xt{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==d)}}class Le extends xt{constructor(t,e,n,i,r){super(t,e,n,i,r),this.type=5}_$AI(t,e=this){if((t=Q(this,t,e,0)??d)===U)return;const n=this._$AH,i=t===d&&n!==d||t.capture!==n.capture||t.once!==n.once||t.passive!==n.passive,r=t!==d&&(n===d||i);i&&this.element.removeEventListener(this.name,this,n),r&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){var e;typeof this._$AH=="function"?this._$AH.call(((e=this.options)==null?void 0:e.host)??this.element,t):this._$AH.handleEvent(t)}}class Pe{constructor(t,e,n){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=n}get _$AU(){return this._$AM._$AU}_$AI(t){Q(this,t)}}const At=it.litHtmlPolyfillSupport;At==null||At(at,vt),(it.litHtmlVersions??(it.litHtmlVersions=[])).push("3.3.0");const Oe=(o,t,e)=>{const n=(e==null?void 0:e.renderBefore)??t;let i=n._$litPart$;if(i===void 0){const r=(e==null?void 0:e.renderBefore)??null;n._$litPart$=i=new vt(t.insertBefore(rt(),r),r,void 0,e??{})}return i._$AI(o),i};/**
|
|
16
16
|
* @license
|
|
17
17
|
* Copyright 2017 Google LLC
|
|
18
18
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
19
|
-
*/const
|
|
19
|
+
*/const q=globalThis;let v=class extends J{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){var e;const t=super.createRenderRoot();return(e=this.renderOptions).renderBefore??(e.renderBefore=t.firstChild),t}update(t){const e=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=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 U}};var re;v._$litElement$=!0,v.finalized=!0,(re=q.litElementHydrateSupport)==null||re.call(q,{LitElement:v});const Et=q.litElementPolyfillSupport;Et==null||Et({LitElement:v});(q.litElementVersions??(q.litElementVersions=[])).push("4.2.0");/**
|
|
20
20
|
* @license
|
|
21
21
|
* Copyright 2017 Google LLC
|
|
22
22
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
@@ -24,14 +24,14 @@
|
|
|
24
24
|
* @license
|
|
25
25
|
* Copyright 2017 Google LLC
|
|
26
26
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
27
|
-
*/const
|
|
27
|
+
*/const Ie={attribute:!0,type:String,converter:yt,reflect:!1,hasChanged:zt},Be=(o=Ie,t,e)=>{const{kind:n,metadata:i}=e;let r=globalThis.litPropertyMetadata.get(i);if(r===void 0&&globalThis.litPropertyMetadata.set(i,r=new Map),n==="setter"&&((o=Object.create(o)).wrapped=!0),r.set(e.name,o),n==="accessor"){const{name:s}=e;return{set(h){const c=t.get.call(this);t.set.call(this,h),this.requestUpdate(s,c,o)},init(h){return h!==void 0&&this.C(s,void 0,o,h),h}}}if(n==="setter"){const{name:s}=e;return function(h){const c=this[s];t.call(this,h),this.requestUpdate(s,c,o)}}throw Error("Unsupported decorator location: "+n)};function a(o){return(t,e)=>typeof e=="object"?Be(o,t,e):((n,i,r)=>{const s=i.hasOwnProperty(r);return i.constructor.createProperty(r,n),s?Object.getOwnPropertyDescriptor(i,r):void 0})(o,t,e)}/**
|
|
28
28
|
* @license
|
|
29
29
|
* Copyright 2017 Google LLC
|
|
30
30
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
31
|
-
*/function
|
|
31
|
+
*/function K(o){return a({...o,state:!0,attribute:!1})}const ft=b`
|
|
32
32
|
outline: 1px dashed var(--color-border-primary);
|
|
33
33
|
outline-offset: 2px;
|
|
34
|
-
`;
|
|
34
|
+
`;b`
|
|
35
35
|
:host * {
|
|
36
36
|
box-sizing: border-box;
|
|
37
37
|
}
|
|
@@ -39,45 +39,45 @@
|
|
|
39
39
|
* @license
|
|
40
40
|
* Copyright 2023 Google LLC
|
|
41
41
|
* SPDX-License-Identifier: Apache-2.0
|
|
42
|
-
*/const
|
|
42
|
+
*/const Ht=Symbol("internals"),St=Symbol("privateInternals");function Mt(o){var t;class e extends o{get[(t=Ht,t)](){return this[St]||(this[St]=this.attachInternals()),this[St]}}return e}/**
|
|
43
43
|
* @license
|
|
44
44
|
* Copyright 2023 Google LLC
|
|
45
45
|
* SPDX-License-Identifier: Apache-2.0
|
|
46
|
-
*/function
|
|
46
|
+
*/function ze(o){o.addInitializer(t=>{const e=t;e.addEventListener("click",async n=>{const{type:i,[Ht]:r}=e,{form:s}=r;if(!(!s||i==="button")&&(await new Promise(h=>{setTimeout(h)}),!n.defaultPrevented)){if(i==="reset"){s.reset();return}s.addEventListener("submit",h=>{Object.defineProperty(h,"submitter",{configurable:!0,enumerable:!0,get:()=>e})},{capture:!0,once:!0}),r.setFormValue(e.value),s.requestSubmit()}})})}const De=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
47
47
|
<path d="M8 3.6275C7.06799 0.971489 3.25399 -0.0226278 1.67414 2.30983C0.0877404 4.65197 1.67414 6.99412 2.62598 8.33249C3.0147 8.87905 8 14 8 14C8 14 12.9853 8.87905 13.374 8.33249C14.3259 6.99412 15.9123 4.65197 14.3259 2.30983C12.746 -0.0226277 8.97167 0.971489 8 3.6275Z" stroke="#3F2B2E" stroke-linecap="round"/>
|
|
48
48
|
</svg>
|
|
49
|
-
`,
|
|
49
|
+
`,He=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
50
50
|
<path d="M16 8L4 0V16L16 8Z" fill="#3F2B2E"/>
|
|
51
51
|
</svg>
|
|
52
|
-
`,
|
|
52
|
+
`,Me=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
53
53
|
<path d="M12.2266 8.16162C11.0953 9.26599 8.72489 11.8788 5.11546 16L4.63062 15.7172C5.78886 13.4007 7.17607 10.8283 8.79223 8C7.17607 5.17172 5.78886 2.59933 4.63062 0.282827L5.11546 0C8.72489 4.12121 11.0953 6.73401 12.2266 7.83838V8.16162Z" fill="#3F2B2E"/>
|
|
54
54
|
</svg>
|
|
55
|
-
`,
|
|
55
|
+
`,Te=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
56
56
|
<path d="M5 7.83838C6.02128 6.73401 8.16109 4.12121 11.4195 0L11.8571 0.282829C10.8116 2.59933 9.55927 5.17172 8.1003 8C9.55927 10.8283 10.8115 13.4007 11.8571 15.7172L11.4195 16C8.16109 11.8788 6.02128 9.266 5 8.16162L5 7.83838Z" fill="#3F2B2E"/>
|
|
57
57
|
</svg>
|
|
58
|
-
`,
|
|
58
|
+
`,je=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
59
59
|
<path d="M12.2834 14.4585L7.98873 11.3928L3.69404 14.4585L5.33977 9.4972L1 6.39639H6.36554L8 1.4585L9.63446 6.39639H15L10.6602 9.4972L12.306 14.4585H12.2834ZM7.98873 10.328L10.6602 12.2353L9.64573 9.15787L12.2721 7.28568H9.02576L8 4.17317L6.97424 7.28568H3.72786L6.35427 9.15787L5.33977 12.2353L8.01127 10.328H7.98873Z" fill="#3F2B2E"/>
|
|
60
60
|
</svg>
|
|
61
|
-
`,
|
|
61
|
+
`,Fe=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
62
62
|
<path d="M15 6.43789H9.63446L8 1.5L6.36554 6.43789H1L5.33977 9.5387L3.69404 14.5L7.98873 11.4343L12.2834 14.5H12.306L10.6602 9.5387L15 6.43789ZM6.36554 11.5396V7.32718H6.97424L8 4.21467L9.02576 7.32718H12.2721L9.64573 9.19937L10.6602 12.2768L8 10.3812L6.36554 11.5513V11.5396Z" fill="#3F2B2E"/>
|
|
63
63
|
</svg>
|
|
64
|
-
`,
|
|
64
|
+
`,Re=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
65
65
|
<path d="M15 6.39639H9.63446L8 1.4585L6.36554 6.39639H1L5.33977 9.4972L3.69404 14.4585L7.98873 11.3928L12.2834 14.4585L10.6377 9.4972L14.9775 6.39639H15ZM10.6715 12.2353L8.05636 10.3631V4.32528L9.03704 7.27398H12.2834L9.65701 9.14616L10.6715 12.2236V12.2353Z" fill="#3F2B2E"/>
|
|
66
66
|
</svg>
|
|
67
|
-
`,
|
|
67
|
+
`,Ue=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
68
68
|
<path d="M15 6.43789H9.63446L8 1.5L6.36554 6.43789H1L5.33977 9.5387L3.69404 14.5L7.98873 11.4343L9.46538 12.4874L12.2834 14.5H12.306L10.6602 9.5387L15 6.43789ZM9.46538 11.4226V7.32718H12.2721L9.64573 9.19937L10.6602 12.2768L9.46538 11.4226Z" fill="#3F2B2E"/>
|
|
69
69
|
</svg>
|
|
70
|
-
`,
|
|
70
|
+
`,Ne=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
71
71
|
<path d="M12.2834 14.4585L7.98873 11.3928L3.69404 14.4585L5.33977 9.4972L1 6.39639H6.36554L8 1.4585L9.63446 6.39639H15L10.6602 9.4972L12.306 14.4585H12.2834Z" fill="#3F2B2E"/>
|
|
72
72
|
</svg>
|
|
73
|
-
`,
|
|
73
|
+
`,Ve=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
74
74
|
<path d="M2 2L14 14" stroke="#3F2B2E"/>
|
|
75
75
|
<path d="M14 2L2 14" stroke="#3F2B2E"/>
|
|
76
76
|
</svg>
|
|
77
|
-
`,
|
|
77
|
+
`,Ze=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
78
78
|
<path d="M7.12506 1C10.5018 1 13.2509 3.74834 13.251 7.125C13.2511 8.59738 12.7172 10.0206 11.7491 11.1299L14.8731 14.2539C15.0433 14.4253 15.0435 14.7018 14.8731 14.873C14.7913 14.9555 14.6797 15.002 14.5635 15.002C14.4475 15.0019 14.3357 14.9554 14.254 14.873L11.1309 11.749C10.0555 12.6818 8.6564 13.251 7.12506 13.251C3.7484 13.2508 1.00006 10.5017 1.00006 7.125C1.00025 3.74846 3.74852 1.00019 7.12506 1ZM7.12506 1.875C4.22971 1.87522 1.87506 4.23058 1.87506 7.12598C1.87532 10.0212 4.22987 12.3758 7.12506 12.376C10.0204 12.376 12.3758 10.0213 12.376 7.12598C12.376 4.23044 10.0206 1.875 7.12506 1.875Z" fill="#3F2B2E"/>
|
|
79
79
|
</svg>
|
|
80
|
-
`,
|
|
80
|
+
`,qe=`<?xml version="1.0" encoding="utf-8"?>
|
|
81
81
|
<!-- Generator: $$$/GeneralStr/196=Adobe Illustrator 27.6.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
|
82
82
|
<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
|
83
83
|
viewBox="0 0 40 40" style="enable-background:new 0 0 40 40;" xml:space="preserve">
|
|
@@ -87,7 +87,7 @@
|
|
|
87
87
|
<path class="st0" d="M40,20c0,0.7-0.6,1.2-1.2,1.2H21.2v17.5c0,0.7-0.6,1.2-1.2,1.2s-1.2-0.6-1.2-1.2V21.2H1.2C0.6,21.2,0,20.7,0,20
|
|
88
88
|
s0.6-1.2,1.2-1.2h17.5V1.2C18.8,0.6,19.3,0,20,0s1.2,0.6,1.2,1.2v17.5h17.5C39.4,18.8,40,19.3,40,20z"/>
|
|
89
89
|
</svg>
|
|
90
|
-
`,
|
|
90
|
+
`,We=`<?xml version="1.0" encoding="utf-8"?>
|
|
91
91
|
<!-- Generator: $$$/GeneralStr/196=Adobe Illustrator 27.6.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
|
92
92
|
<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
|
93
93
|
viewBox="0 0 40 40" style="enable-background:new 0 0 40 40;" xml:space="preserve">
|
|
@@ -96,53 +96,62 @@
|
|
|
96
96
|
</style>
|
|
97
97
|
<path class="st0" d="M38.8,20.5H1.2c-0.7,0-1.2-0.6-1.2-1.2S0.6,18,1.2,18h37.5c0.7,0,1.2,0.6,1.2,1.2S39.4,20.5,38.8,20.5z"/>
|
|
98
98
|
</svg>
|
|
99
|
-
`,
|
|
99
|
+
`,Ke=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
100
100
|
<path d="M15.0009 8.12175C15.0009 8.36347 14.805 8.55943 14.5634 8.55943H2.49495L7.43502 13.5017C7.60609 13.6726 7.60628 13.9499 7.43546 14.1211C7.26464 14.2922 6.98749 14.2924 6.81642 14.1215L1.13 8.43163C1.04685 8.34998 1 8.23831 1 8.12175C1 8.00518 1.04685 7.89351 1.13 7.81187L6.81642 2.12286C6.98808 1.95699 7.26094 1.95937 7.4297 2.12819C7.59845 2.29702 7.60082 2.57001 7.43502 2.74175L2.49495 7.68406H14.5634C14.805 7.68406 15.0009 7.88002 15.0009 8.12175Z" fill="#3F2B2E"/>
|
|
101
101
|
</svg>
|
|
102
|
-
`,
|
|
102
|
+
`,Ge=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
103
103
|
<path d="M14.1218 7.43502C13.9504 7.60543 13.6735 7.60543 13.5021 7.43502L8.55961 2.49408V14.5625C8.55961 14.8041 8.36365 15 8.12192 15C7.88018 15 7.68422 14.8041 7.68422 14.5625V2.49408L2.74177 7.43502C2.57002 7.60082 2.29703 7.59845 2.1282 7.4297C1.95936 7.26094 1.95699 6.98808 2.12287 6.81642L7.81203 1.13C7.89368 1.04685 8.00535 1 8.12192 1C8.23848 1 8.35015 1.04685 8.4318 1.13L14.121 6.81642C14.2921 6.98702 14.2925 7.26395 14.1218 7.43502Z" fill="#3F2B2E"/>
|
|
104
104
|
</svg>
|
|
105
|
-
`,
|
|
105
|
+
`,Xe=`<svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
106
106
|
<path d="M6.33317 8.00033C6.33317 3.95024 7.52708 0.666992 8.99984 0.666992C10.4726 0.666992 11.6665 3.95024 11.6665 8.00033M5.33317 15.3337H12.6665L16.3332 6.20033C14.9582 5.76699 12.2998 5.33366 8.99984 5.33366C5.69984 5.33366 3.49984 5.76699 1.6665 6.20033L5.33317 15.3337Z" stroke="#3F2B2E"/>
|
|
107
107
|
</svg>
|
|
108
|
-
`,
|
|
108
|
+
`,Je=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
109
109
|
<path d="M7.99376 14.4486C7.46684 14.4486 6.93991 14.251 6.54472 13.8558C6.14953 13.4606 5.8202 12.9995 5.68847 12.4067H3.77837C2.98798 12.4067 2.59279 12.4067 2.32933 12.1433C2.13173 12.0116 2 11.7481 2 11.5505C2 11.2212 2.13173 10.826 2.52692 10.1673L2.92212 9.4428C3.31731 8.78415 3.51491 8.05963 3.64664 7.3351L3.84423 5.68847C3.97596 4.63462 4.43702 3.7125 5.22741 3.05385C6.01779 2.39519 7.00578 2 7.99376 2C8.98174 2 10.0356 2.39519 10.7601 3.05385C11.5505 3.7125 12.0116 4.70049 12.1433 5.68847L12.3409 7.26924C12.4067 8.05963 12.6702 8.78415 13.0654 9.37693L13.4606 10.1015C13.8558 10.7601 14.0534 11.0894 13.9875 11.4846C13.9875 11.7481 13.8558 11.9457 13.6582 12.0774C13.3947 12.3409 12.9995 12.3409 12.2092 12.3409H10.2991C10.1673 12.9337 9.83799 13.4606 9.4428 13.7899C9.04761 14.1851 8.52068 14.3827 7.99376 14.3827V14.4486ZM6.28126 12.4067C6.41299 12.8019 6.61058 13.1971 6.93991 13.4606C7.5327 13.9875 8.45482 13.9875 9.11347 13.4606C9.4428 13.1971 9.6404 12.8019 9.77213 12.4067H6.28126ZM7.99376 2.65865C7.13751 2.65865 6.28126 2.98798 5.6226 3.58077C4.96395 4.17356 4.56875 4.96395 4.43702 5.88606L4.23943 7.46684C4.1077 8.32309 3.84423 9.11347 3.44904 9.83799L3.05385 10.5625C2.72452 11.0894 2.59279 11.3529 2.59279 11.5505C2.59279 11.6164 2.59279 11.7481 2.72452 11.814C2.85625 11.8798 3.25144 11.8798 3.77837 11.8798H12.2092C12.7361 11.8798 13.1971 11.8798 13.263 11.814C13.3289 11.814 13.3947 11.6822 13.3947 11.5505C13.3947 11.4188 13.1971 11.0894 12.9337 10.5625L12.5385 9.83799C12.0774 9.11347 11.814 8.32309 11.7481 7.5327L11.5505 5.88606C11.4846 5.02981 11.0236 4.17356 10.3649 3.58077C9.70626 2.98798 8.85001 2.65865 7.99376 2.65865Z" fill="#3F2B2E"/>
|
|
110
110
|
</svg>
|
|
111
|
-
`,
|
|
111
|
+
`,Qe=`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
112
112
|
<path d="M12 17.4585L4 6.4585L20 6.4585L12 17.4585Z" fill="#3F2B2E"/>
|
|
113
113
|
</svg>
|
|
114
|
-
`,
|
|
114
|
+
`,Ye=`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
115
115
|
<path d="M12 6.4585L20 17.4585H4L12 6.4585Z" fill="#3F2B2E"/>
|
|
116
116
|
</svg>
|
|
117
|
-
`,
|
|
117
|
+
`,to=`<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
118
118
|
<path d="M5.24611 10.4659C5.04705 10.4654 4.85616 10.3867 4.71465 10.2467L0.210718 5.74273C-0.0737595 5.44819 -0.0696911 4.98 0.219862 4.69045C0.509415 4.4009 0.977603 4.39683 1.27214 4.6813L5.18306 8.59071L10.6628 1.74024C10.9219 1.41646 11.3945 1.36403 11.7183 1.62314C12.042 1.88225 12.0945 2.35477 11.8354 2.67856L5.83012 10.1851C5.69763 10.3521 5.49956 10.4539 5.28665 10.4643L5.24611 10.4659Z" fill="#3F2B2E"/>
|
|
119
119
|
</svg>
|
|
120
|
-
`,
|
|
120
|
+
`,eo=`<svg width="8" height="8" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
121
121
|
<rect x="1" width="2" height="8" fill="#3F2B2E"/>
|
|
122
122
|
<rect x="5" width="2" height="8" fill="#3F2B2E"/>
|
|
123
123
|
</svg>
|
|
124
|
-
`,
|
|
124
|
+
`,oo=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
125
125
|
<path d="M10.5037 5.99925C10.7795 5.99925 11.0037 6.22311 11.0037 6.49925V14.2922L13.1462 12.1448C13.3411 11.9498 13.6573 11.95 13.8523 12.1448H13.8533C14.0482 12.34 14.0481 12.6565 13.8533 12.8518L10.8572 15.8518C10.6618 16.0471 10.3455 16.0471 10.1501 15.8518L7.15406 12.8518C6.96522 12.6557 6.96774 12.3444 7.15992 12.1516C7.35242 11.9588 7.66416 11.9556 7.86011 12.1448L10.0046 14.2922V6.49925C10.0046 6.22319 10.228 5.99938 10.5037 5.99925ZM5.15699 0.145737C5.35218 -0.0485278 5.66791 -0.0486304 5.86304 0.145737L8.85913 3.14574C9.04829 3.34183 9.04562 3.65402 8.85327 3.84691C8.66066 4.03978 8.34902 4.04225 8.15308 3.85277L6.00952 1.70628V9.49925C6.0095 9.77533 5.78621 9.99918 5.5105 9.99925C5.23473 9.99925 5.0115 9.77538 5.01148 9.49925V1.70628L2.86695 3.85179C2.74288 3.98695 2.55447 4.04321 2.37671 3.99828C2.1991 3.95328 2.06051 3.81475 2.01538 3.63695C1.97026 3.45902 2.02608 3.27015 2.16089 3.14574L5.15699 0.145737Z" fill="#001022"/>
|
|
126
126
|
</svg>
|
|
127
|
-
`,
|
|
127
|
+
`,io=`<svg viewBox="0 0 200 200" preserveAspectRatio="none" xmlns="http://www.w3.org/2000/svg">
|
|
128
128
|
<line x1="0" y1="0" x2="200" y2="200" />
|
|
129
|
-
</svg>`,
|
|
129
|
+
</svg>`,no=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
130
130
|
<path d="M2.31202e-08 7.85218C0.974855 6.83983 3.01741 4.44477 6.12766 0.666992L6.54545 0.926252C5.54739 3.04971 4.35203 5.40773 2.95938 8.00033C4.35203 10.5929 5.54739 12.9509 6.54545 15.0744L6.12766 15.3337C3.01741 11.5559 0.974855 9.16082 0 8.14847L2.31202e-08 7.85218Z" fill="#3F2B2E"/>
|
|
131
131
|
<path d="M16 8.14847C15.0251 9.16082 12.9826 11.5559 9.87234 15.3337L9.45455 15.0744C10.4526 12.9509 11.648 10.5929 13.0406 8.00033C11.648 5.40773 10.4526 3.04971 9.45455 0.92625L9.87234 0.666992C12.9826 4.44477 15.0251 6.83983 16 7.85218V8.14847Z" fill="#3F2B2E"/>
|
|
132
132
|
</svg>
|
|
133
|
-
`,
|
|
133
|
+
`,ro=`<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
134
|
+
<path d="M8 0.458496C12.4183 0.458496 16 4.04022 16 8.4585C16 12.8768 12.4183 16.4585 8 16.4585C3.58172 16.4585 0 12.8768 0 8.4585C0 4.04022 3.58172 0.458496 8 0.458496ZM11.8115 5.56787C11.5953 5.39556 11.2797 5.43075 11.1074 5.64697L7.45801 10.2104L4.85254 7.60596C4.65647 7.41684 4.34516 7.41943 4.15234 7.61182C3.95956 7.8046 3.95626 8.11678 4.14551 8.31299L7.14551 11.313C7.23977 11.4062 7.36741 11.4592 7.5 11.4595L7.52832 11.4585C7.67017 11.4503 7.80168 11.3818 7.89062 11.271L11.8906 6.271C12.0629 6.05485 12.0275 5.74022 11.8115 5.56787Z" fill="#3B7902"/>
|
|
135
|
+
</svg>
|
|
136
|
+
`,so=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
137
|
+
<path d="M8 0C12.4183 0 16 3.58172 16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0ZM8 10C7.44772 10 7 10.4477 7 11C7 11.5523 7.44772 12 8 12C8.55229 12 9 11.5523 9 11C9 10.4477 8.55229 10 8 10ZM7.5 4C7.22386 4 7 4.22386 7 4.5V8.5C7 8.77614 7.22386 9 7.5 9H8.5C8.77614 9 9 8.77614 9 8.5V4.5C9 4.22386 8.77614 4 8.5 4H7.5Z" fill="#BB0218"/>
|
|
138
|
+
</svg>
|
|
139
|
+
`,ao=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
140
|
+
<path d="M8 0C12.4183 0 16 3.58172 16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0ZM7.16602 6.1084V12H8.84668V6.1084H7.16602ZM8.00684 2.64062C7.45497 2.64062 7.01096 3.09591 7.01074 3.63574C7.01074 4.18774 7.45484 4.63184 8.00684 4.63184C8.55862 4.63159 9.00195 4.18759 9.00195 3.63574C9.00174 3.09606 8.55849 2.64088 8.00684 2.64062Z" fill="#4572A6"/>
|
|
141
|
+
</svg>
|
|
142
|
+
`,G={wishlist:De,playerv:He,chevronRight:Me,chevronLeft:Te,icoPlus:qe,icoMinus:We,"star-0":je,"star-25":Fe,"star-50":Re,"star-75":Ue,"star-100":Ne,cross:Ve,search:Ze,arrowLeft:Ke,arrowTop:Ge,cart:Xe,notifyme:Je,triangledown:Qe,triangleup:Ye,checkstroke:to,pause:eo,mapDualArrow:oo,swipeDualArrow:no},lo={strikeDiagonal:io},co={success:ro,error:so,info:ao};/**
|
|
134
143
|
* @license
|
|
135
144
|
* Copyright 2017 Google LLC
|
|
136
145
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
137
|
-
*/const
|
|
146
|
+
*/const Tt={ATTRIBUTE:1,CHILD:2},jt=o=>(...t)=>({_$litDirective$:o,values:t});let Ft=class{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,n){this._$Ct=t,this._$AM=e,this._$Ci=n}_$AS(t,e){return this.update(t,e)}update(t,e){return this.render(...e)}};/**
|
|
138
147
|
* @license
|
|
139
148
|
* Copyright 2017 Google LLC
|
|
140
149
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
141
|
-
*/class
|
|
150
|
+
*/class Lt extends Ft{constructor(t){if(super(t),this.it=d,t.type!==Tt.CHILD)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(t){if(t===d||t==null)return this._t=void 0,this.it=t;if(t===U)return t;if(typeof t!="string")throw Error(this.constructor.directiveName+"() called with a non-string value");if(t===this.it)return this._t;this.it=t;const e=[t];return e.raw=e,this._t={_$litType$:this.constructor.resultType,strings:e,values:[]}}}Lt.directiveName="unsafeHTML",Lt.resultType=1;/**
|
|
142
151
|
* @license
|
|
143
152
|
* Copyright 2017 Google LLC
|
|
144
153
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
145
|
-
*/class
|
|
154
|
+
*/class Pt extends Lt{}Pt.directiveName="unsafeSVG",Pt.resultType=2;const P=jt(Pt);var ho=Object.defineProperty,po=Object.getOwnPropertyDescriptor,x=(o,t,e,n)=>{for(var i=n>1?void 0:n?po(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&ho(t,e,i),i};const uo=Mt(v);let g=class extends uo{constructor(){super(...arguments),this.type="submit",this.value="",this.variant="primary",this.text="",this.textsecond="",this.fullwidth=!1,this.disabled=!1,this.startIconModel="",this.endIconModel="",this.startIcon=!1,this.endIcon=!1,this.panelTarget="",this.href="",this.target="",this.underlined=!1,this.withbadge=!1}get name(){return this.getAttribute("name")??""}set name(o){this.setAttribute("name",o)}get form(){return this[Ht].form}handleClick(o){if(!(o instanceof KeyboardEvent&&!["Enter"," "].includes(o.key))&&this.panelTarget){const t=document.getElementById(this.panelTarget);t!=null&&t.openPanel&&typeof t.openPanel=="function"?(o.preventDefault(),t.openPanel()):console.warn(`[o-button] No side panel with id="${this.panelTarget}" found or it does not have an openPanel method.`)}}render(){return this.href?this.renderLink():this.renderButton()}renderIcon(o){const t=o==="start"?this.startIconModel:this.endIconModel;if(!t)return d;const e=G[t].replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"');return l`<span class="${o==="start"?"icon-start":"icon-end"}">${P(e)}</span>`}renderButton(){const o=this.text||this.textsecond;return l`
|
|
146
155
|
<button type=${this.type} class="button" ?disabled=${this.disabled} @click=${this.handleClick} @keydown=${this.handleClick}>
|
|
147
156
|
${this.startIcon?this.renderIcon("start"):d}
|
|
148
157
|
${o?l`
|
|
@@ -166,7 +175,7 @@
|
|
|
166
175
|
`:l`<slot></slot>`}
|
|
167
176
|
${this.endIcon?this.renderIcon("end"):d}
|
|
168
177
|
</a>
|
|
169
|
-
`}};
|
|
178
|
+
`}};ze(g);g.formAssociated=!0;g.styles=b`
|
|
170
179
|
:host {
|
|
171
180
|
--button-border: transparent;
|
|
172
181
|
--badge-outer-width: 19px;
|
|
@@ -283,7 +292,7 @@
|
|
|
283
292
|
}
|
|
284
293
|
|
|
285
294
|
.button:focus-visible {
|
|
286
|
-
${
|
|
295
|
+
${ft};
|
|
287
296
|
}
|
|
288
297
|
|
|
289
298
|
span.text + span.text::before {
|
|
@@ -367,12 +376,12 @@
|
|
|
367
376
|
transform: translateX(4px);
|
|
368
377
|
}
|
|
369
378
|
//End icon movment on hover
|
|
370
|
-
`;x([a()],
|
|
379
|
+
`;x([a()],g.prototype,"type",2);x([a({reflect:!0})],g.prototype,"value",2);x([a({type:String,reflect:!0})],g.prototype,"variant",2);x([a({type:String})],g.prototype,"text",2);x([a({type:String})],g.prototype,"textsecond",2);x([a({type:Boolean,reflect:!0})],g.prototype,"fullwidth",2);x([a({type:Boolean,reflect:!0})],g.prototype,"disabled",2);x([a({type:String,reflect:!0})],g.prototype,"startIconModel",2);x([a({type:String,reflect:!0})],g.prototype,"endIconModel",2);x([a({type:Boolean,reflect:!0,attribute:"starticon"})],g.prototype,"startIcon",2);x([a({type:Boolean,reflect:!0,attribute:"endicon"})],g.prototype,"endIcon",2);x([a({type:String,attribute:"paneltarget",reflect:!0})],g.prototype,"panelTarget",2);x([a({type:String})],g.prototype,"href",2);x([a({type:String})],g.prototype,"target",2);x([a({type:Boolean,reflect:!0})],g.prototype,"underlined",2);x([a({type:Boolean,reflect:!0})],g.prototype,"withbadge",2);g=x([w("o-button")],g);var vo=Object.defineProperty,fo=Object.getOwnPropertyDescriptor,$t=(o,t,e,n)=>{for(var i=n>1?void 0:n?fo(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&vo(t,e,i),i};let Y=class extends v{constructor(){super(...arguments),this.status="empty",this.ariaDescribedBy="a-product-name",this.label="Add to wishlist",this.toggleStatus=()=>{this.status=this.status==="empty"?"filled":"empty",this.setAttribute("aria-pressed",String(this.status==="filled")),this.dispatchEvent(new CustomEvent("wishlist-toggle",{detail:{status:this.status},bubbles:!0,composed:!0}))}}connectedCallback(){super.connectedCallback(),this.setAttribute("tabindex","0"),this.setAttribute("role","button"),this.setAttribute("aria-pressed",String(this.status==="filled"))}firstUpdated(){this.addEventListener("click",this.toggleStatus),this.addEventListener("keydown",this.handleKeydown)}handleKeydown(o){(o.key==="Enter"||o.key===" ")&&(o.preventDefault(),this.toggleStatus())}render(){const o=G.wishlist.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"');return l`
|
|
371
380
|
<button type="button" aria-describedby="${this.ariaDescribedBy}" class="wishlist-button">
|
|
372
381
|
<span class="sr-only">${this.label}</span>
|
|
373
|
-
${
|
|
382
|
+
${P(o)}
|
|
374
383
|
</button>
|
|
375
|
-
`}setStatus(o){this.status=o,this.setAttribute("aria-pressed",String(this.status==="filled")),this.requestUpdate()}setAriaDescribedBy(o){this.ariaDescribedBy=o,this.requestUpdate()}setLabel(o){this.label=o,this.requestUpdate()}};Y.styles=
|
|
384
|
+
`}setStatus(o){this.status=o,this.setAttribute("aria-pressed",String(this.status==="filled")),this.requestUpdate()}setAriaDescribedBy(o){this.ariaDescribedBy=o,this.requestUpdate()}setLabel(o){this.label=o,this.requestUpdate()}};Y.styles=b`
|
|
376
385
|
:host {
|
|
377
386
|
display: inline-flex;
|
|
378
387
|
justify-content: center;
|
|
@@ -437,14 +446,14 @@
|
|
|
437
446
|
width: 0.1rem !important;
|
|
438
447
|
white-space: nowrap !important;
|
|
439
448
|
}
|
|
440
|
-
|
|
449
|
+
`;$t([a({type:String,reflect:!0})],Y.prototype,"status",2);$t([a({type:String,reflect:!0})],Y.prototype,"ariaDescribedBy",2);$t([a({type:String,reflect:!0})],Y.prototype,"label",2);Y=$t([w("o-wishlist-button")],Y);/**
|
|
441
450
|
* @license
|
|
442
451
|
* Copyright 2018 Google LLC
|
|
443
452
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
444
|
-
*/const _=o=>o??d;var
|
|
453
|
+
*/const _=o=>o??d;var go=Object.defineProperty,bo=Object.getOwnPropertyDescriptor,B=(o,t,e,n)=>{for(var i=n>1?void 0:n?bo(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&go(t,e,i),i};let C=class extends v{constructor(){super(...arguments),this.bgstyle="background-light",this.size="medium",this.status="empty",this.type="button",this.strokewidth="1",this.icon="wishlist",this.disabled=!1,this.showSrLabel=!1,this.srLabel=""}updated(o){super.updated(o),this.style.setProperty("--icon-stroke-width",this.strokewidth)}render(){const o=G[this.icon]??"",t=`icon-${this.icon}`,e=o.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"').replace(/<path\b/g,'<path part="icon-path"').replace(/<g\b/g,'<g part="icon-group"').replace(/<circle\b/g,'<circle part="icon-circle"'),n=this.showSrLabel?l`<span class="sr-only">${this.srLabel}</span>`:null,i=this.showSrLabel?null:"icon";return l`
|
|
445
454
|
${this.type==="span"?l`
|
|
446
455
|
<span class="icon icon-button ${this.size} ${this.bgstyle} ${this.status} ${t}" ?disabled="${this.disabled}">
|
|
447
|
-
${
|
|
456
|
+
${P(e)}
|
|
448
457
|
</span>
|
|
449
458
|
`:l`
|
|
450
459
|
<button
|
|
@@ -453,11 +462,11 @@
|
|
|
453
462
|
class="icon-button ${this.size} ${this.bgstyle} ${this.status} ${t}"
|
|
454
463
|
?disabled="${this.disabled}"
|
|
455
464
|
>
|
|
456
|
-
${
|
|
465
|
+
${P(e)}
|
|
457
466
|
${n}
|
|
458
467
|
</button>
|
|
459
468
|
`}
|
|
460
|
-
`}};C.styles=
|
|
469
|
+
`}};C.styles=b`
|
|
461
470
|
:host {
|
|
462
471
|
display: inline-flex;
|
|
463
472
|
justify-content: center;
|
|
@@ -662,13 +671,13 @@
|
|
|
662
671
|
}
|
|
663
672
|
|
|
664
673
|
.icon-button:focus-visible {
|
|
665
|
-
${
|
|
674
|
+
${ft}
|
|
666
675
|
}
|
|
667
676
|
|
|
668
677
|
.sr-only {
|
|
669
678
|
display: none;
|
|
670
679
|
}
|
|
671
|
-
`;B([a({type:String,reflect:!0})],C.prototype,"bgstyle",2);B([a({type:String,reflect:!0})],C.prototype,"size",2);B([a({type:String,reflect:!0})],C.prototype,"status",2);B([a({type:String,reflect:!0})],C.prototype,"type",2);B([a({type:String})],C.prototype,"strokewidth",2);B([a({type:String})],C.prototype,"icon",2);B([a({type:Boolean,reflect:!0})],C.prototype,"disabled",2);B([a({type:Boolean})],C.prototype,"showSrLabel",2);B([a({type:String})],C.prototype,"srLabel",2);C=B([w("o-icon-button")],C);var
|
|
680
|
+
`;B([a({type:String,reflect:!0})],C.prototype,"bgstyle",2);B([a({type:String,reflect:!0})],C.prototype,"size",2);B([a({type:String,reflect:!0})],C.prototype,"status",2);B([a({type:String,reflect:!0})],C.prototype,"type",2);B([a({type:String})],C.prototype,"strokewidth",2);B([a({type:String})],C.prototype,"icon",2);B([a({type:Boolean,reflect:!0})],C.prototype,"disabled",2);B([a({type:Boolean})],C.prototype,"showSrLabel",2);B([a({type:String})],C.prototype,"srLabel",2);C=B([w("o-icon-button")],C);var yo=Object.defineProperty,mo=Object.getOwnPropertyDescriptor,X=(o,t,e,n)=>{for(var i=n>1?void 0:n?mo(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&yo(t,e,i),i};let H=class extends v{constructor(){super(...arguments),this.href="",this.target="",this.template="standard",this.inverse=!1,this.endIcon=!1,this.reverseEndIcon=!1}_handleClick(o){(!this.href||this.href==="#")&&o.preventDefault()}render(){const o=this.href||"#";return l`
|
|
672
681
|
<a
|
|
673
682
|
href="${o}"
|
|
674
683
|
target="${_(this.target||void 0)}"
|
|
@@ -694,7 +703,7 @@
|
|
|
694
703
|
></o-icon-button>
|
|
695
704
|
`:null}
|
|
696
705
|
</a>
|
|
697
|
-
`}};
|
|
706
|
+
`}};H.styles=b`
|
|
698
707
|
:host([template="standard"]) a {
|
|
699
708
|
color: var(--color-content-action-secondary);
|
|
700
709
|
font-size: var(--font-size-200);
|
|
@@ -781,14 +790,14 @@
|
|
|
781
790
|
height: 1px;
|
|
782
791
|
}
|
|
783
792
|
/* End of underline effect */
|
|
784
|
-
`;X([a({type:String})],
|
|
793
|
+
`;X([a({type:String})],H.prototype,"href",2);X([a({type:String})],H.prototype,"target",2);X([a({type:String,reflect:!0})],H.prototype,"template",2);X([a({type:Boolean,reflect:!0})],H.prototype,"inverse",2);X([a({type:Boolean,reflect:!0})],H.prototype,"endIcon",2);X([a({type:Boolean,reflect:!0})],H.prototype,"reverseEndIcon",2);H=X([w("o-link")],H);var wo=Object.defineProperty,xo=Object.getOwnPropertyDescriptor,_t=(o,t,e,n)=>{for(var i=n>1?void 0:n?xo(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&wo(t,e,i),i};let tt=class extends v{constructor(){super(...arguments),this.rating=0}getStarKeys(){const o=[];for(let t=0;t<5;t++){const e=this.rating-t;let n;e>=1?n=100:e<=0?n=0:n=Math.round(e*100/25)*25,o.push(`star-${n}`)}return o}render(){const o=this.getStarKeys();return l`
|
|
785
794
|
<div class="rating">
|
|
786
795
|
<div class="stars">
|
|
787
|
-
${o.map(t=>l`<span class="star">${
|
|
796
|
+
${o.map(t=>l`<span class="star">${P(G[t]??"")}</span>`)}
|
|
788
797
|
</div>
|
|
789
798
|
${this.reviewCount!=null&&this.href!=null?l`<o-link template="review" href="${this.href}">${this.reviewCount}</o-link>`:null}
|
|
790
799
|
</div>
|
|
791
|
-
`}};tt.styles=
|
|
800
|
+
`}};tt.styles=b`
|
|
792
801
|
svg {
|
|
793
802
|
width: 12px;
|
|
794
803
|
height: 12px;
|
|
@@ -821,15 +830,15 @@
|
|
|
821
830
|
text-decoration: underline;
|
|
822
831
|
cursor: pointer;
|
|
823
832
|
}
|
|
824
|
-
|
|
833
|
+
`;_t([a({type:Number})],tt.prototype,"rating",2);_t([a({type:String})],tt.prototype,"reviewCount",2);_t([a({type:String})],tt.prototype,"href",2);tt=_t([w("o-rating")],tt);/**
|
|
825
834
|
* @license
|
|
826
835
|
* Copyright 2020 Google LLC
|
|
827
836
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
828
|
-
*/const
|
|
837
|
+
*/const $o=o=>o.strings===void 0;/**
|
|
829
838
|
* @license
|
|
830
839
|
* Copyright 2017 Google LLC
|
|
831
840
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
832
|
-
*/const nt=(o,t)=>{var n;const e=o._$AN;if(e===void 0)return!1;for(const i of e)(n=i._$AO)==null||n.call(i,t,!1),nt(i,t);return!0},
|
|
841
|
+
*/const nt=(o,t)=>{var n;const e=o._$AN;if(e===void 0)return!1;for(const i of e)(n=i._$AO)==null||n.call(i,t,!1),nt(i,t);return!0},wt=o=>{let t,e;do{if((t=o._$AM)===void 0)break;e=t._$AN,e.delete(o),o=t}while((e==null?void 0:e.size)===0)},de=o=>{for(let t;t=o._$AM;o=t){let e=t._$AN;if(e===void 0)t._$AN=e=new Set;else if(e.has(o))break;e.add(o),ko(t)}};function _o(o){this._$AN!==void 0?(wt(this),this._$AM=o,de(this)):this._$AM=o}function Co(o,t=!1,e=0){const n=this._$AH,i=this._$AN;if(i!==void 0&&i.size!==0)if(t)if(Array.isArray(n))for(let r=e;r<n.length;r++)nt(n[r],!1),wt(n[r]);else n!=null&&(nt(n,!1),wt(n));else nt(this,o)}const ko=o=>{o.type==Tt.CHILD&&(o._$AP??(o._$AP=Co),o._$AQ??(o._$AQ=_o))};class Ao extends Ft{constructor(){super(...arguments),this._$AN=void 0}_$AT(t,e,n){super._$AT(t,e,n),de(this),this.isConnected=t._$AU}_$AO(t,e=!0){var n,i;t!==this.isConnected&&(this.isConnected=t,t?(n=this.reconnected)==null||n.call(this):(i=this.disconnected)==null||i.call(this)),e&&(nt(this,t),wt(this))}setValue(t){if($o(this._$Ct))this._$Ct._$AI(t,this);else{const e=[...this._$Ct._$AH];e[this._$Ci]=t,this._$Ct._$AI(e,this,0)}}disconnected(){}reconnected(){}}class Eo extends Ao{constructor(){super(...arguments),this.prevData={}}render(t){return d}update(t,[e]){var n;this.element!==t.element&&(this.element=t.element),this.host=((n=t.options)===null||n===void 0?void 0:n.host)||this.element,this.apply(e),this.groom(e),this.prevData={...e}}apply(t){if(!t)return;const{prevData:e,element:n}=this;for(const i in t){const r=t[i];r!==e[i]&&(n[i]=r)}}groom(t){const{prevData:e,element:n}=this;if(e)for(const i in e)(!t||!(i in t)&&n[i]===e[i])&&(n[i]=void 0)}}class So extends Eo{constructor(){super(...arguments),this.eventData={}}apply(t){if(t)for(const e in t){const n=t[e];n!==this.eventData[e]&&this.applyEvent(e,n)}}applyEvent(t,e){const{prevData:n,element:i}=this;this.eventData[t]=e,n[t]&&i.removeEventListener(t,this,e),i.addEventListener(t,this,e)}groom(t){const{prevData:e,element:n}=this;if(e)for(const i in e)(!t||!(i in t)&&n[i]===e[i])&&this.groomEvent(i,e[i])}groomEvent(t,e){const{element:n}=this;delete this.eventData[t],n.removeEventListener(t,this,e)}handleEvent(t){const e=this.eventData[t.type];typeof e=="function"?e.call(this.host,t):e.handleEvent(t)}disconnected(){const{eventData:t,element:e}=this;for(const n in t){const i=n.slice(1),r=t[n];e.removeEventListener(i,this,r)}}reconnected(){const{eventData:t,element:e}=this;for(const n in t){const i=n.slice(1),r=t[n];e.addEventListener(i,this,r)}}}class Lo extends So{apply(t){if(!t)return;const{prevData:e,element:n}=this;for(const i in t){const r=t[i];if(r===e[i])continue;const s=i.slice(1);switch(i[0]){case"@":this.eventData[s]=r,this.applyEvent(s,r);break;case".":n[s]=r;break;case"?":r?n.setAttribute(s,""):n.removeAttribute(s);break;default:r!=null?n.setAttribute(i,String(r)):n.removeAttribute(i);break}}}groom(t){const{prevData:e,element:n}=this;if(e)for(const i in e){const r=i.slice(1);if(!t||!(i in t)&&n[r]===e[i])switch(i[0]){case"@":this.groomEvent(r,e[i]);break;case".":n[r]=void 0;break;case"?":n.removeAttribute(r);break;default:n.removeAttribute(i);break}}}}const ne=jt(Lo);var Po=Object.defineProperty,Oo=Object.getOwnPropertyDescriptor,y=(o,t,e,n)=>{for(var i=n>1?void 0:n?Oo(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&Po(t,e,i),i};let u=class extends v{constructor(){super(...arguments),this.open=!1,this.showHeader=!0,this.showFooter=!1,this.showHeaderStartIcon=!1,this.headerTitle="",this.headerTitleClassName="panel-title",this.closeButtonLabel="Close the modal",this.firstButtonLabel="Close",this.firstButtonVariant="primary",this.firstButtonProps={},this.onFirstButtonClickClose=!1,this.secondButtonLabel="",this.secondButtonVariant="secondary",this.secondButtonProps={},this.onSecondButtonClickClose=!1,this.disablePortal=!1,this.zIndex=99,this.initialized=!1,this.showDetail=!1,this.isHidingDetail=!1,this.previousFocusedElement=null,this.innerFocusedElement=null,this._onOpenDetail=()=>{this.showDetail=!0,this.showHeaderStartIcon=!0},this.handleKeyDown=o=>{this.open&&(o.key==="Escape"?this.closePanel():o.key==="Tab"&&this.trapFocus(o))},this.handleClosePanel=o=>{if(o instanceof KeyboardEvent&&o.key!=="Enter"&&o.key!==" ")return;o.preventDefault(),o.stopPropagation();const t=o.currentTarget,e=(t==null?void 0:t.getAttribute("data-role"))==="back";if(this.showDetail&&e){this.isHidingDetail=!0;const n=this.renderRoot.querySelector(".content");if(n){const i=()=>{this.showDetail=!1,this.isHidingDetail=!1,this.showHeaderStartIcon=!1,n.removeEventListener("animationend",i)};n.addEventListener("animationend",i)}else this.showDetail=!1,this.isHidingDetail=!1,this.showHeaderStartIcon=!1;return}this.closePanel()}}connectedCallback(){super.connectedCallback(),!this.disablePortal&&this.parentElement!==document.body&&document.body.appendChild(this),this.addEventListener("keydown",this.handleKeyDown),this.updateComplete.then(()=>{this.initialized=!0}),this.addEventListener("open-detail",this._onOpenDetail)}disconnectedCallback(){document.body.style.overflow="",document.body.removeAttribute("data-side-panel"),this.removeEventListener("keydown",this.handleKeyDown),super.disconnectedCallback(),this.removeEventListener("open-detail",this._onOpenDetail)}trapFocus(o){var i,r,s,h,c,f,m,p,$,L;this.innerFocusedElement=document.activeElement||null,this.innerFocusedElement=((r=(i=this.innerFocusedElement)==null?void 0:i.shadowRoot)==null?void 0:r.activeElement)||this.innerFocusedElement;const t=this.getFocusableElements();if(t.length===0)return;const e=t[0],n=t[t.length-1];o.shiftKey&&this.innerFocusedElement===e?(o.preventDefault(),n.shadowRoot?(c=(h=(s=n.shadowRoot)==null?void 0:s.querySelector(u.focusablesSelector))==null?void 0:h.focus)==null||c.call(h):(f=n.focus)==null||f.call(n)):!o.shiftKey&&this.innerFocusedElement===n&&(o.preventDefault(),e.shadowRoot?($=(p=(m=e.shadowRoot)==null?void 0:m.querySelector(u.focusablesSelector))==null?void 0:p.focus)==null||$.call(p):(L=e.focus)==null||L.call(e))}getFocusableElements(){const o=this.renderRoot.querySelector(".panel");if(!o)return[];function t(i){return!(i.disabled||i.hasAttribute("disabled")||i.hasAttribute("tabindex")&&i.getAttribute("tabindex")==="-1")}function e(i){var s;const r=[i.matches(u.focusablesSelector)?i:[]];if(!["o-icon-button","o-button"].includes(i.tagName.toLowerCase())){const h=Array.from(i instanceof HTMLSlotElement?i.assignedElements({flatten:!0}):[]).filter(t).flatMap(e),c=Array.from(((s=i.shadowRoot)==null?void 0:s.querySelectorAll("*"))||[]).filter(t).flatMap(e);r.push(...h,...c)}return r.flat()}return Array.from(o.querySelectorAll("*")).filter(t).flatMap(e)}openPanel(){this.previousFocusedElement=document.activeElement,this.open=!0,document.body.style.overflow="hidden",document.body.setAttribute("data-side-panel","open"),this.updateComplete.then(()=>{var o,t,e,n;if(this.showHeader){const i=((o=this.shadowRoot)==null?void 0:o.querySelector(".panel .close-btn"))||null,r=((t=i==null?void 0:i.shadowRoot)==null?void 0:t.querySelector("button"))||null;r&&((e=r.focus)==null||e.call(r))}else{const i=this.getFocusableElements()[0];(n=i==null?void 0:i.focus)==null||n.call(i)}}),this.dispatchEvent(new CustomEvent("open",{bubbles:!0,composed:!0}))}closePanel(){var o,t,e,n,i;this.open=!1,this.showDetail=!1,document.body.style.overflow="",document.body.removeAttribute("data-side-panel"),((o=this.previousFocusedElement)==null?void 0:o.tagName.toLowerCase())==="o-button"?(n=(e=(t=this.previousFocusedElement.shadowRoot)==null?void 0:t.querySelector(".button"))==null?void 0:e.focus)==null||n.call(e):(i=this.previousFocusedElement)==null||i.focus(),this.dispatchEvent(new CustomEvent("close",{bubbles:!0,composed:!0}))}handleFirstClick(o){o instanceof KeyboardEvent&&o.key!=="Enter"&&o.key!==" "||(o.preventDefault(),o.stopPropagation(),this.onFirstButtonClickClose&&this.closePanel(),this.dispatchEvent(new CustomEvent("firstbuttonclick",{bubbles:!0,composed:!0,cancelable:!0,detail:{button:"first",target:o.target}})))}handleSecondClick(o){o instanceof KeyboardEvent&&o.key!=="Enter"&&o.key!==" "||(o.preventDefault(),o.stopPropagation(),this.onSecondButtonClickClose&&this.closePanel(),this.dispatchEvent(new CustomEvent("secondbuttonclick",{bubbles:!0,composed:!0,cancelable:!0,detail:{button:"second",target:o.target}})))}updated(){this.style.setProperty("--z-overlay",`${this.zIndex||99}`),this.style.setProperty("--z-panel",`${this.zIndex?this.zIndex+1:99}`)}render(){const o=this.showHeader?l`
|
|
833
842
|
<div class="header">
|
|
834
843
|
${this.showHeaderStartIcon?l`
|
|
835
844
|
<o-icon-button
|
|
@@ -889,7 +898,7 @@
|
|
|
889
898
|
variant="${this.firstButtonVariant}"
|
|
890
899
|
@click=${this.handleFirstClick}
|
|
891
900
|
@keydown=${this.handleFirstClick}
|
|
892
|
-
${
|
|
901
|
+
${ne(this.firstButtonProps)}
|
|
893
902
|
>
|
|
894
903
|
${this.firstButtonLabel}
|
|
895
904
|
</o-button>
|
|
@@ -900,7 +909,7 @@
|
|
|
900
909
|
variant="${this.secondButtonVariant}"
|
|
901
910
|
@click=${this.handleSecondClick}
|
|
902
911
|
@keydown=${this.handleSecondClick}
|
|
903
|
-
${
|
|
912
|
+
${ne(this.secondButtonProps)}
|
|
904
913
|
>
|
|
905
914
|
${this.secondButtonLabel}
|
|
906
915
|
</o-button>
|
|
@@ -908,7 +917,7 @@
|
|
|
908
917
|
</div>
|
|
909
918
|
`:null}
|
|
910
919
|
</div>
|
|
911
|
-
`}};u.styles=
|
|
920
|
+
`}};u.styles=b`
|
|
912
921
|
:host {
|
|
913
922
|
--z-overlay: 99;
|
|
914
923
|
--z-panel: 100;
|
|
@@ -1012,7 +1021,7 @@
|
|
|
1012
1021
|
.panel:focus-visible,
|
|
1013
1022
|
.close-btn:focus,
|
|
1014
1023
|
.close-btn:focus-visible {
|
|
1015
|
-
${
|
|
1024
|
+
${ft}
|
|
1016
1025
|
}
|
|
1017
1026
|
|
|
1018
1027
|
.content {
|
|
@@ -1096,7 +1105,7 @@
|
|
|
1096
1105
|
.detail-content {
|
|
1097
1106
|
padding: var(--spacing-xl);
|
|
1098
1107
|
}
|
|
1099
|
-
`;u.focusablesSelector='button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"]), o-icon-button, o-button';u.focusablesCustomElementsSelector="o-icon-button, o-button";
|
|
1108
|
+
`;u.focusablesSelector='button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"]), o-icon-button, o-button';u.focusablesCustomElementsSelector="o-icon-button, o-button";y([a({type:Boolean,reflect:!0})],u.prototype,"open",2);y([a({type:Boolean,reflect:!0})],u.prototype,"showHeader",2);y([a({type:Boolean,reflect:!0})],u.prototype,"showFooter",2);y([a({type:Boolean,reflect:!0})],u.prototype,"showHeaderStartIcon",2);y([a({type:String,reflect:!0})],u.prototype,"headerTitle",2);y([a({type:String,reflect:!0})],u.prototype,"headerTitleClassName",2);y([a({type:String,reflect:!0})],u.prototype,"closeButtonLabel",2);y([a({type:String,reflect:!0})],u.prototype,"firstButtonLabel",2);y([a({type:String,reflect:!0})],u.prototype,"firstButtonVariant",2);y([a({type:Object,reflect:!0})],u.prototype,"firstButtonProps",2);y([a({type:Boolean,reflect:!0})],u.prototype,"onFirstButtonClickClose",2);y([a({type:String,reflect:!0})],u.prototype,"secondButtonLabel",2);y([a({type:String,reflect:!0})],u.prototype,"secondButtonVariant",2);y([a({type:Object,reflect:!0})],u.prototype,"secondButtonProps",2);y([a({type:Boolean,reflect:!0})],u.prototype,"onSecondButtonClickClose",2);y([a({type:Boolean,reflect:!0})],u.prototype,"disablePortal",2);y([a({type:Number,reflect:!0})],u.prototype,"zIndex",2);y([a({type:Boolean,reflect:!0})],u.prototype,"initialized",2);y([a({type:Boolean})],u.prototype,"showDetail",2);y([a({type:Boolean})],u.prototype,"isHidingDetail",2);u=y([w("o-side-panel")],u);var Io=Object.defineProperty,Bo=Object.getOwnPropertyDescriptor,N=(o,t,e,n)=>{for(var i=n>1?void 0:n?Bo(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&Io(t,e,i),i};let I=class extends v{constructor(){super(...arguments),this.thumbnails=[],this.activeIndex=0,this.disabledIndexes=[],this.maxWidth="100%",this.altressource="visual",this.focusedIndex=0,this.playerIconTemplate=l`
|
|
1100
1109
|
<o-icon-button
|
|
1101
1110
|
icon="playerv"
|
|
1102
1111
|
size="xsmall"
|
|
@@ -1127,7 +1136,7 @@
|
|
|
1127
1136
|
</li>
|
|
1128
1137
|
`})}
|
|
1129
1138
|
</ul>
|
|
1130
|
-
`}};
|
|
1139
|
+
`}};I.styles=b`
|
|
1131
1140
|
:host {
|
|
1132
1141
|
display: flex;
|
|
1133
1142
|
gap: 5px;
|
|
@@ -1232,9 +1241,9 @@
|
|
|
1232
1241
|
height: 0;
|
|
1233
1242
|
width: 0;
|
|
1234
1243
|
}
|
|
1235
|
-
`;N([a({type:Array})],
|
|
1244
|
+
`;N([a({type:Array})],I.prototype,"thumbnails",2);N([a({type:Number})],I.prototype,"activeIndex",2);N([a({type:Array})],I.prototype,"disabledIndexes",2);N([a({type:String})],I.prototype,"maxWidth",2);N([a({type:String})],I.prototype,"altressource",2);N([a({type:Object})],I.prototype,"swiperInstance",2);N([K()],I.prototype,"focusedIndex",2);I=N([w("thumbnail-navigation")],I);var zo=Object.defineProperty,Do=Object.getOwnPropertyDescriptor,Rt=(o,t,e,n)=>{for(var i=n>1?void 0:n?Do(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&zo(t,e,i),i};let lt=class extends v{constructor(){super(...arguments),this.type="",this.bgstyle="background-white"}render(){return l`
|
|
1236
1245
|
<span class="tag ${this.bgstyle}"><slot></slot></span>
|
|
1237
|
-
`}};lt.styles=
|
|
1246
|
+
`}};lt.styles=b`
|
|
1238
1247
|
.tag {
|
|
1239
1248
|
display: inline-block;
|
|
1240
1249
|
padding: var(--spacing-2-xs) var(--spacing-s);
|
|
@@ -1291,12 +1300,12 @@
|
|
|
1291
1300
|
}
|
|
1292
1301
|
}
|
|
1293
1302
|
|
|
1294
|
-
`;
|
|
1303
|
+
`;Rt([a({type:String,reflect:!0})],lt.prototype,"type",2);Rt([a({type:String,reflect:!0})],lt.prototype,"bgstyle",2);lt=Rt([w("o-tag")],lt);var Ho=Object.defineProperty,Mo=Object.getOwnPropertyDescriptor,Ut=(o,t,e,n)=>{for(var i=n>1?void 0:n?Mo(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&Ho(t,e,i),i};let ct=class extends v{constructor(){super(...arguments),this.type="top",this.text=""}render(){return l`
|
|
1295
1304
|
<div class="tooltip">
|
|
1296
1305
|
<span class="tooltiptext">${this.text}</span>
|
|
1297
1306
|
<slot></slot>
|
|
1298
1307
|
</div>
|
|
1299
|
-
`}};ct.styles=
|
|
1308
|
+
`}};ct.styles=b`
|
|
1300
1309
|
.tooltip {
|
|
1301
1310
|
position: relative;
|
|
1302
1311
|
display: inline-block;
|
|
@@ -1388,7 +1397,7 @@
|
|
|
1388
1397
|
border-color: transparent var(--color-alpha-dark-strongest) transparent transparent;
|
|
1389
1398
|
}
|
|
1390
1399
|
|
|
1391
|
-
`;
|
|
1400
|
+
`;Ut([a({type:String,reflect:!0})],ct.prototype,"type",2);Ut([a({type:String,reflect:!0})],ct.prototype,"text",2);ct=Ut([w("o-tooltip")],ct);var To=Object.defineProperty,jo=Object.getOwnPropertyDescriptor,M=(o,t,e,n)=>{for(var i=n>1?void 0:n?jo(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&To(t,e,i),i};let O=class extends v{constructor(){super(...arguments),this.options=[],this.value="",this.name="",this.disabled=!1,this.width="100%",this.open=!1,this.activeIndex=-1,this.menuWidth="",this._handleOutsideClick=o=>{this.contains(o.target)||(this.open=!1,this.activeIndex=-1)}}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this._handleOutsideClick)}disconnectedCallback(){document.removeEventListener("click",this._handleOutsideClick),super.disconnectedCallback()}toggle(){var o;if(!this.disabled){if(this.open=!this.open,this.activeIndex=this.open?this.options.findIndex(t=>t.value===this.value):-1,this.open&&this.width==="auto"){const t=(o=this.renderRoot)==null?void 0:o.querySelector("button");t&&(this.menuWidth=`${t.getBoundingClientRect().width}px`)}this.open&&this.updateComplete.then(()=>{this._focusActiveOption()})}}_focusActiveOption(){var t;const o=(t=this.renderRoot)==null?void 0:t.querySelector(`#option-${this.activeIndex}`);o==null||o.focus()}selectOption(o){this.value=o.value,this.dispatchEvent(new CustomEvent("change",{detail:{value:this.value,url:o.url}})),this.open=!1,this.activeIndex=-1}handleKeydown(o){if(this.disabled){o.preventDefault();return}if(!this.open){(o.key==="ArrowDown"||o.key==="ArrowUp")&&(o.preventDefault(),this.open=!0,this.activeIndex=this.options.findIndex(t=>t.value===this.value),this.updateComplete.then(()=>this._focusActiveOption()));return}switch(o.key){case"ArrowDown":o.preventDefault(),this.activeIndex=(this.activeIndex+1)%this.options.length,this.updateComplete.then(()=>this._focusActiveOption());break;case"ArrowUp":o.preventDefault(),this.activeIndex=(this.activeIndex-1+this.options.length)%this.options.length,this.updateComplete.then(()=>this._focusActiveOption());break;case"Home":o.preventDefault(),this.activeIndex=0,this.updateComplete.then(()=>this._focusActiveOption());break;case"End":o.preventDefault(),this.activeIndex=this.options.length-1,this.updateComplete.then(()=>this._focusActiveOption());break;case"Enter":o.preventDefault(),this.activeIndex>=0&&this.selectOption(this.options[this.activeIndex]);break;case"Escape":o.preventDefault(),this.open=!1,this.activeIndex=-1;break}}updated(o){this.options.length>0&&(this.options.some(e=>e.value===this.value)||(this.value=this.options[0].value))}render(){const o=G.checkstroke.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"'),t=this.options.find(e=>e.value===this.value);return l`
|
|
1392
1401
|
<button
|
|
1393
1402
|
role="combobox"
|
|
1394
1403
|
aria-haspopup="listbox"
|
|
@@ -1428,15 +1437,15 @@
|
|
|
1428
1437
|
${e.url?l`
|
|
1429
1438
|
<a href="${e.url}">
|
|
1430
1439
|
<span>${e.label}</span>
|
|
1431
|
-
${e.value===this.value?l`<span class="check">${
|
|
1440
|
+
${e.value===this.value?l`<span class="check">${P(o)}</span>`:null}
|
|
1432
1441
|
</a>`:l`
|
|
1433
1442
|
<span>${e.label}</span>
|
|
1434
|
-
${e.value===this.value?l`<span class="check">${
|
|
1443
|
+
${e.value===this.value?l`<span class="check">${P(o)}</span>`:null}`}
|
|
1435
1444
|
</li>`)}
|
|
1436
1445
|
</ul>`:null}
|
|
1437
1446
|
|
|
1438
1447
|
<input type="hidden" name="${this.name}" .value="${this.value}" />
|
|
1439
|
-
`}};
|
|
1448
|
+
`}};O.styles=b`
|
|
1440
1449
|
:host {
|
|
1441
1450
|
display: inline-block;
|
|
1442
1451
|
position: relative;
|
|
@@ -1575,7 +1584,7 @@
|
|
|
1575
1584
|
input[type="hidden"] {
|
|
1576
1585
|
display: none;
|
|
1577
1586
|
}
|
|
1578
|
-
`;
|
|
1587
|
+
`;M([a({type:Array,reflect:!0})],O.prototype,"options",2);M([a({type:String,reflect:!0})],O.prototype,"value",2);M([a({type:String,reflect:!0})],O.prototype,"name",2);M([a({type:Boolean,reflect:!0})],O.prototype,"disabled",2);M([a({type:String,reflect:!0})],O.prototype,"width",2);M([K()],O.prototype,"open",2);M([K()],O.prototype,"activeIndex",2);M([K()],O.prototype,"menuWidth",2);O=M([w("o-dropdown")],O);var Fo=Object.getOwnPropertyDescriptor,Ro=(o,t,e,n)=>{for(var i=n>1?void 0:n?Fo(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=s(i)||i);return i};let Ot=class extends v{render(){return l` <span class="dots"></span> `}};Ot.styles=b`
|
|
1579
1588
|
:host {
|
|
1580
1589
|
display: flex;
|
|
1581
1590
|
align-items: center;
|
|
@@ -1626,7 +1635,7 @@
|
|
|
1626
1635
|
background-color: var(--color-container-action-primary-pressed);
|
|
1627
1636
|
}
|
|
1628
1637
|
}
|
|
1629
|
-
`;
|
|
1638
|
+
`;Ot=Ro([w("o-dots")],Ot);var Uo=Object.defineProperty,No=Object.getOwnPropertyDescriptor,z=(o,t,e,n)=>{for(var i=n>1?void 0:n?No(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&Uo(t,e,i),i};let k=class extends v{constructor(){super(...arguments),this.options=[],this.value="",this.name="",this.additionaltext="+X variant(s)",this.disabled=!1,this.width="100%",this.open=!1,this.activeIndex=-1,this.menuWidth="",this._handleOutsideClick=o=>{this.contains(o.target)||(this.open=!1,this.activeIndex=-1)}}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this._handleOutsideClick)}disconnectedCallback(){document.removeEventListener("click",this._handleOutsideClick),super.disconnectedCallback()}toggle(){var o;if(!this.disabled){if(this.open=!this.open,this.activeIndex=this.open?this.options.findIndex(t=>t.value===this.value):-1,this.open&&this.width==="auto"){const t=(o=this.renderRoot)==null?void 0:o.querySelector("button");t&&(this.menuWidth=`${t.getBoundingClientRect().width}px`)}this.open&&this.updateComplete.then(()=>this._focusActiveOption())}}_focusActiveOption(){var t;const o=(t=this.renderRoot)==null?void 0:t.querySelector(`#option-${this.activeIndex}`);o==null||o.focus()}selectOption(o){this.value=o.value,this.dispatchEvent(new CustomEvent("change",{detail:{value:this.value,url:o.url}})),this.open=!1,this.activeIndex=-1}handleKeydown(o){if(this.disabled){o.preventDefault();return}if(!this.open){(o.key==="ArrowDown"||o.key==="ArrowUp")&&(o.preventDefault(),this.open=!0,this.activeIndex=this.options.findIndex(t=>t.value===this.value),this.updateComplete.then(()=>this._focusActiveOption()));return}switch(o.key){case"ArrowDown":o.preventDefault(),this.activeIndex=(this.activeIndex+1)%this.options.length,this.updateComplete.then(()=>this._focusActiveOption());break;case"ArrowUp":o.preventDefault(),this.activeIndex=(this.activeIndex-1+this.options.length)%this.options.length,this.updateComplete.then(()=>this._focusActiveOption());break;case"Home":o.preventDefault(),this.activeIndex=0,this.updateComplete.then(()=>this._focusActiveOption());break;case"End":o.preventDefault(),this.activeIndex=this.options.length-1,this.updateComplete.then(()=>this._focusActiveOption());break;case"Enter":o.preventDefault(),this.activeIndex>=0&&this.selectOption(this.options[this.activeIndex]);break;case"Escape":o.preventDefault(),this.open=!1,this.activeIndex=-1;break}}updated(){this.options.length>0&&(this.options.some(t=>t.value===this.value)||(this.value=this.options[0].value))}render(){const o=G.checkstroke.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"'),t=this.options.find(e=>e.value===this.value);return l`
|
|
1630
1639
|
<button
|
|
1631
1640
|
role="combobox"
|
|
1632
1641
|
aria-haspopup="listbox"
|
|
@@ -1680,7 +1689,7 @@
|
|
|
1680
1689
|
<div class="right">
|
|
1681
1690
|
<span class="additional-text">${_(e.additionaltext)}</span>
|
|
1682
1691
|
${e.value===this.value&&!e.additionaltext?l`
|
|
1683
|
-
<span class="check">${
|
|
1692
|
+
<span class="check">${P(o)}</span>`:null}
|
|
1684
1693
|
</div>
|
|
1685
1694
|
</a>
|
|
1686
1695
|
</li>
|
|
@@ -1688,7 +1697,7 @@
|
|
|
1688
1697
|
</ul>`:null}
|
|
1689
1698
|
|
|
1690
1699
|
<input type="hidden" name="${this.name}" .value="${this.value}" />
|
|
1691
|
-
`}};k.styles=
|
|
1700
|
+
`}};k.styles=b`
|
|
1692
1701
|
:host {
|
|
1693
1702
|
display: inline-block;
|
|
1694
1703
|
position: relative;
|
|
@@ -1863,17 +1872,17 @@
|
|
|
1863
1872
|
input[type="hidden"] {
|
|
1864
1873
|
display: none;
|
|
1865
1874
|
}
|
|
1866
|
-
`;z([a({type:Array,reflect:!0})],k.prototype,"options",2);z([a({type:String,reflect:!0})],k.prototype,"value",2);z([a({type:String,reflect:!0})],k.prototype,"name",2);z([a({type:String,reflect:!0})],k.prototype,"additionaltext",2);z([a({type:Boolean,reflect:!0})],k.prototype,"disabled",2);z([a({type:String,reflect:!0})],k.prototype,"width",2);z([
|
|
1875
|
+
`;z([a({type:Array,reflect:!0})],k.prototype,"options",2);z([a({type:String,reflect:!0})],k.prototype,"value",2);z([a({type:String,reflect:!0})],k.prototype,"name",2);z([a({type:String,reflect:!0})],k.prototype,"additionaltext",2);z([a({type:Boolean,reflect:!0})],k.prototype,"disabled",2);z([a({type:String,reflect:!0})],k.prototype,"width",2);z([K()],k.prototype,"open",2);z([K()],k.prototype,"activeIndex",2);z([K()],k.prototype,"menuWidth",2);k=z([w("o-dropdown-variant")],k);/**
|
|
1867
1876
|
* @license
|
|
1868
1877
|
* Copyright 2018 Google LLC
|
|
1869
1878
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
1870
|
-
*/const
|
|
1871
|
-
${this.option.imgurl?l`<img src="${this.option.imgurl}" alt="${_(this.option.title)}" aria-hidden="true" style=${
|
|
1879
|
+
*/const pe="important",Vo=" !"+pe,Zo=jt(class extends Ft{constructor(o){var t;if(super(o),o.type!==Tt.ATTRIBUTE||o.name!=="style"||((t=o.strings)==null?void 0:t.length)>2)throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.")}render(o){return Object.keys(o).reduce((t,e)=>{const n=o[e];return n==null?t:t+`${e=e.includes("-")?e:e.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,"-$&").toLowerCase()}:${n};`},"")}update(o,[t]){const{style:e}=o.element;if(this.ft===void 0)return this.ft=new Set(Object.keys(t)),this.render(t);for(const n of this.ft)t[n]==null&&(this.ft.delete(n),n.includes("-")?e.removeProperty(n):e[n]=null);for(const n in t){const i=t[n];if(i!=null){this.ft.add(n);const r=typeof i=="string"&&i.endsWith(Vo);n.includes("-")||r?e.setProperty(n,r?i.slice(0,-11):i,r?pe:""):e[n]=i}}return U}});var qo=Object.defineProperty,Wo=Object.getOwnPropertyDescriptor,Nt=(o,t,e,n)=>{for(var i=n>1?void 0:n?Wo(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&qo(t,e,i),i};let ht=class extends v{constructor(){super(...arguments),this.option={},this.imageSize=64}render(){const o=this.option.clickable,t={width:`${this.imageSize}px`,height:`${this.imageSize}px`},e=l`
|
|
1880
|
+
${this.option.imgurl?l`<img src="${this.option.imgurl}" alt="${_(this.option.title)}" aria-hidden="true" style=${Zo(t)} />`:""}
|
|
1872
1881
|
<div class="m-reassurance-content">
|
|
1873
1882
|
<h3 class="a-reassurance-text">${_(this.option.title)}</h3>
|
|
1874
1883
|
<p class="a-reassurance-description">${_(this.option.description)}</p>
|
|
1875
1884
|
</div>
|
|
1876
|
-
`;return o?l`<a href="${_(this.option.url)}" class="reassurance-item clickable">${e}</a>`:l`<div class="reassurance-item">${e}</div>`}};ht.styles=
|
|
1885
|
+
`;return o?l`<a href="${_(this.option.url)}" class="reassurance-item clickable">${e}</a>`:l`<div class="reassurance-item">${e}</div>`}};ht.styles=b`
|
|
1877
1886
|
:host {
|
|
1878
1887
|
display: inline-block;
|
|
1879
1888
|
position: relative;
|
|
@@ -1954,7 +1963,7 @@
|
|
|
1954
1963
|
overflow: hidden;
|
|
1955
1964
|
}
|
|
1956
1965
|
}
|
|
1957
|
-
`;
|
|
1966
|
+
`;Nt([a({type:Object,reflect:!0})],ht.prototype,"option",2);Nt([a({type:Number,reflect:!0})],ht.prototype,"imageSize",2);ht=Nt([w("o-reassurance")],ht);var Ko=Object.defineProperty,Go=Object.getOwnPropertyDescriptor,T=(o,t,e,n)=>{for(var i=n>1?void 0:n?Go(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&Ko(t,e,i),i};const Xo=Mt(v);let A=class extends Xo{constructor(){super(...arguments),this.link="",this.name="",this.value="",this.text="",this.size="standard",this.selected=!1,this.fullwidth=!1,this.inactive=!1}handleClick(o){this.selected||(this.selected=!0);const t={selected:this.selected},e=new CustomEvent("selected",{detail:t,bubbles:!0,composed:!0,cancelable:!0});this.dispatchEvent(e),e.defaultPrevented&&o.preventDefault(),this.selected=t.selected}render(){const o=this.text;return this.link?l`
|
|
1958
1967
|
<a href="${this.link}" class="o-chip" tabindex="${this.inactive?"-1":"0"}" aria-hidden="${this.inactive?"true":"false"}">
|
|
1959
1968
|
${o?this.text:l`<slot></slot>`}
|
|
1960
1969
|
</a>
|
|
@@ -1963,7 +1972,7 @@
|
|
|
1963
1972
|
aria-label=${this.ariaLabel} aria-pressed=${this.selected}>
|
|
1964
1973
|
${o?this.text:l`<slot></slot>`}
|
|
1965
1974
|
</button>
|
|
1966
|
-
`}};A.styles=
|
|
1975
|
+
`}};A.styles=b`
|
|
1967
1976
|
:host {
|
|
1968
1977
|
cursor: pointer;
|
|
1969
1978
|
display: inline-flex;
|
|
@@ -2039,7 +2048,7 @@
|
|
|
2039
2048
|
}
|
|
2040
2049
|
|
|
2041
2050
|
&:focus-visible {
|
|
2042
|
-
${
|
|
2051
|
+
${ft};
|
|
2043
2052
|
}
|
|
2044
2053
|
}
|
|
2045
2054
|
|
|
@@ -2052,17 +2061,17 @@
|
|
|
2052
2061
|
display: inline-flex;
|
|
2053
2062
|
align-items: center;
|
|
2054
2063
|
}
|
|
2055
|
-
`;
|
|
2064
|
+
`;T([a({type:String,reflect:!0})],A.prototype,"link",2);T([a({reflect:!0})],A.prototype,"name",2);T([a({reflect:!0})],A.prototype,"value",2);T([a({type:String})],A.prototype,"text",2);T([a({type:String,reflect:!0})],A.prototype,"size",2);T([a({type:Boolean,reflect:!0})],A.prototype,"selected",2);T([a({type:Boolean,reflect:!0})],A.prototype,"fullwidth",2);T([a({type:Boolean,reflect:!0})],A.prototype,"inactive",2);A=T([w("o-chip")],A);var Jo=Object.defineProperty,Qo=Object.getOwnPropertyDescriptor,Vt=(o,t,e,n)=>{for(var i=n>1?void 0:n?Qo(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&Jo(t,e,i),i};let dt=class extends v{constructor(){super(),this.name="",this.value="",this.addEventListener("selected",this.onChipSelected)}onChipSelected(o){const t=o.target instanceof A?o.target:null;t!=null&&t.link||(this.name=(t==null?void 0:t.name)||"",this.value=(t==null?void 0:t.value)||"",this.querySelectorAll("o-chip").forEach(e=>{e!==t&&(e.selected=!1)}))}render(){return l`
|
|
2056
2065
|
<slot></slot>
|
|
2057
|
-
`}};dt.styles=
|
|
2066
|
+
`}};dt.styles=b`
|
|
2058
2067
|
:host {
|
|
2059
2068
|
display: flex;
|
|
2060
2069
|
flex-direction: row;
|
|
2061
2070
|
flex-wrap: wrap;
|
|
2062
2071
|
gap: var(--spacing-s);
|
|
2063
2072
|
}
|
|
2064
|
-
`;
|
|
2065
|
-
<a role="button" tabindex="0" class="button" href=${this.
|
|
2073
|
+
`;Vt([a({reflect:!0})],dt.prototype,"name",2);Vt([a({reflect:!0})],dt.prototype,"value",2);dt=Vt([w("o-chipset")],dt);var Yo=Object.defineProperty,ti=Object.getOwnPropertyDescriptor,D=(o,t,e,n)=>{for(var i=n>1?void 0:n?ti(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&Yo(t,e,i),i};const ei=Mt(v);let E=class extends ei{constructor(){super(...arguments),this.name="",this.value="",this.type="",this.text="",this.selected=!1,this.disabled=!1,this.fullwidth=!1,this.crossIconName="cross",this.strikethroughImgName="strikeDiagonal"}handleClick(o){if(o instanceof KeyboardEvent&&o.key!=="Enter"&&o.key!==" ")return;this.selected=!this.selected;const t={selected:this.selected},e=new CustomEvent("selected",{detail:t,bubbles:!0,composed:!0,cancelable:!0});this.dispatchEvent(e),e.defaultPrevented&&o.preventDefault(),this.selected=t.selected}crossIcon(){const o=G[this.crossIconName].replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"').replace(/stroke=[#"'a-z1-9]*/gi,"");return l`<span class="cross-icon">${P(o)}</span>`}strikeThroughImg(){const o=lo[this.strikethroughImgName].replace("<svg",'<svg aria-hidden="true" focusable="false" part="strikethrough"').replace(/stroke=[#"'a-z1-9]*/gi,"");return P(o)}render(){const o=this.text;return l`${this.type==="link"?l`
|
|
2074
|
+
<a role="button" tabindex="0" class="button" href=${this.href} ?disabled=${this.disabled} @click=${this.handleClick} @keydown=${this.handleClick}
|
|
2066
2075
|
aria-label=${this.ariaLabel} aria-pressed=${this.selected}>
|
|
2067
2076
|
${o?l`
|
|
2068
2077
|
${this.text?l`<span class="text">${this.text}</span>`:d}
|
|
@@ -2081,7 +2090,7 @@
|
|
|
2081
2090
|
</button>
|
|
2082
2091
|
`}
|
|
2083
2092
|
${this.disabled?this.strikeThroughImg():d}
|
|
2084
|
-
`}};
|
|
2093
|
+
`}};E.styles=b`
|
|
2085
2094
|
:host {
|
|
2086
2095
|
cursor: pointer;
|
|
2087
2096
|
display: inline-flex;
|
|
@@ -2161,7 +2170,7 @@
|
|
|
2161
2170
|
}
|
|
2162
2171
|
|
|
2163
2172
|
.button:focus-visible {
|
|
2164
|
-
${
|
|
2173
|
+
${ft};
|
|
2165
2174
|
}
|
|
2166
2175
|
|
|
2167
2176
|
span.text + span.text::before {
|
|
@@ -2206,7 +2215,7 @@
|
|
|
2206
2215
|
stroke-linecap: round;
|
|
2207
2216
|
}
|
|
2208
2217
|
}
|
|
2209
|
-
`;
|
|
2218
|
+
`;D([a({reflect:!0})],E.prototype,"name",2);D([a({reflect:!0})],E.prototype,"value",2);D([a({type:String,reflect:!0})],E.prototype,"type",2);D([a({type:String,reflect:!0})],E.prototype,"href",2);D([a({type:String,reflect:!0,attribute:"data-href"})],E.prototype,"dataHref",2);D([a({type:String})],E.prototype,"text",2);D([a({type:Boolean,reflect:!0})],E.prototype,"selected",2);D([a({type:Boolean,reflect:!0})],E.prototype,"disabled",2);D([a({type:Boolean,reflect:!0})],E.prototype,"fullwidth",2);E=D([w("o-filter-chip")],E);var oi=Object.defineProperty,j=(o,t,e,n)=>{for(var i=void 0,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=s(t,e,i)||i);return i&&oi(t,e,i),i};const Wt=class Wt extends v{constructor(){super(...arguments),this.type="cart | chevron",this.titleProduct="",this.volume="",this.perLiter="",this.mainPrice="",this.imageUrl="https://placehold.co/56x70",this.altImage="",this.fullwidth=!1}onClick(){typeof this.onClickTile=="function"&&this.onClickTile()}get icons(){return this.type==="chevron"?l`
|
|
2210
2219
|
<o-icon-button
|
|
2211
2220
|
@click=${this.onClick}
|
|
2212
2221
|
icon="chevronRight"
|
|
@@ -2238,7 +2247,7 @@
|
|
|
2238
2247
|
</div>
|
|
2239
2248
|
${this.icons}
|
|
2240
2249
|
</div>
|
|
2241
|
-
`}};
|
|
2250
|
+
`}};Wt.styles=b`
|
|
2242
2251
|
:host {
|
|
2243
2252
|
display: block;
|
|
2244
2253
|
max-width: 100%;
|
|
@@ -2321,11 +2330,11 @@
|
|
|
2321
2330
|
letter-spacing: var(--letter-spacing-absolute);
|
|
2322
2331
|
line-height: var(--line-height-160);
|
|
2323
2332
|
}
|
|
2324
|
-
`;let
|
|
2333
|
+
`;let S=Wt;j([a({type:String})],S.prototype,"type");j([a({type:String})],S.prototype,"titleProduct");j([a({type:String})],S.prototype,"volume");j([a({type:String})],S.prototype,"perLiter");j([a({type:String})],S.prototype,"mainPrice");j([a({type:String})],S.prototype,"imageUrl");j([a({type:String})],S.prototype,"altImage");j([a({type:Boolean})],S.prototype,"fullwidth");j([a({type:Function})],S.prototype,"onClickTile");customElements.define("mini-tile",S);var ii=Object.defineProperty,ni=Object.getOwnPropertyDescriptor,Zt=(o,t,e,n)=>{for(var i=n>1?void 0:n?ni(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&ii(t,e,i),i};let pt=class extends v{constructor(){super(...arguments),this.variant="cart",this.text=""}render(){return l`
|
|
2325
2334
|
<span class="badge">
|
|
2326
2335
|
${this.text?this.text:l`<slot></slot>`}
|
|
2327
2336
|
</span>
|
|
2328
|
-
`}};pt.styles=
|
|
2337
|
+
`}};pt.styles=b`
|
|
2329
2338
|
:host([variant]) {
|
|
2330
2339
|
--badge-width: 19px;
|
|
2331
2340
|
display: inline-block;
|
|
@@ -2359,4 +2368,38 @@
|
|
|
2359
2368
|
color: var(--text-color);
|
|
2360
2369
|
}
|
|
2361
2370
|
|
|
2362
|
-
`;
|
|
2371
|
+
`;Zt([a({type:String,reflect:!0})],pt.prototype,"variant",2);Zt([a({type:String})],pt.prototype,"text",2);pt=Zt([w("o-badge")],pt);var ri=Object.defineProperty,si=Object.getOwnPropertyDescriptor,qt=(o,t,e,n)=>{for(var i=n>1?void 0:n?si(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&ri(t,e,i),i};let ut=class extends v{constructor(){super(...arguments),this.icon="info",this.text="Sample text"}render(){const t=co[this.icon].replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"').replace(/<path\b/g,'<path part="icon-path"').replace(/<g\b/g,'<g part="icon-group"').replace(/<circle\b/g,'<circle part="icon-circle"');return l`
|
|
2372
|
+
<div class="o-toast">
|
|
2373
|
+
<div class="o-toast-icon">
|
|
2374
|
+
${P(t)}
|
|
2375
|
+
</div>
|
|
2376
|
+
<div class="o-toast-text">
|
|
2377
|
+
${this.text}
|
|
2378
|
+
</div>
|
|
2379
|
+
<div class="o-toast-close">
|
|
2380
|
+
<o-icon-button
|
|
2381
|
+
size="xsmall"
|
|
2382
|
+
icon="cross"
|
|
2383
|
+
>
|
|
2384
|
+
</o-icon-button>
|
|
2385
|
+
</div>
|
|
2386
|
+
</div>
|
|
2387
|
+
`}};ut.styles=b`
|
|
2388
|
+
.o-toast {
|
|
2389
|
+
background: #fffefe;
|
|
2390
|
+
padding: var(--spacing-l);
|
|
2391
|
+
border-radius: var(--radius-m);
|
|
2392
|
+
display: flex;
|
|
2393
|
+
width: fit-content;
|
|
2394
|
+
align-items: center;
|
|
2395
|
+
}
|
|
2396
|
+
|
|
2397
|
+
.o-toast-text {
|
|
2398
|
+
color: var(--color-content-body);
|
|
2399
|
+
padding: 0 8px;
|
|
2400
|
+
}
|
|
2401
|
+
|
|
2402
|
+
.o-toast-icon {
|
|
2403
|
+
height: 16px;
|
|
2404
|
+
}
|
|
2405
|
+
`;qt([a({type:String})],ut.prototype,"icon",2);qt([a({type:String})],ut.prototype,"text",2);ut=qt([w("o-toast")],ut);
|