@florid-kit/components 0.8.63 → 0.8.65
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/toast.d.ts +23 -0
- package/index.js +139 -90
- package/index.mjs +799 -690
- package/package.json +1 -1
package/index.js
CHANGED
|
@@ -2,36 +2,36 @@
|
|
|
2
2
|
* @license
|
|
3
3
|
* Copyright 2019 Google LLC
|
|
4
4
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
5
|
-
*/const
|
|
5
|
+
*/const yt=globalThis,zt=yt.ShadowRoot&&(yt.ShadyCSS===void 0||yt.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,Bt=Symbol(),Kt=new WeakMap;let se=class{constructor(t,e,r){if(this._$cssResult$=!0,r!==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(zt&&t===void 0){const r=e!==void 0&&e.length===1;r&&(t=Kt.get(e)),t===void 0&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),r&&Kt.set(e,t))}return t}toString(){return this.cssText}};const ue=o=>new se(typeof o=="string"?o:o+"",void 0,Bt),g=(o,...t)=>{const e=o.length===1?o[0]:t.reduce((r,i,n)=>r+(s=>{if(s._$cssResult$===!0)return s.cssText;if(typeof s=="number")return s;throw Error("Value passed to 'css' function must be a 'css' function result: "+s+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(i)+o[n+1],o[0]);return new se(e,o,Bt)},ve=(o,t)=>{if(zt)o.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(const e of t){const r=document.createElement("style"),i=yt.litNonce;i!==void 0&&r.setAttribute("nonce",i),r.textContent=e.cssText,o.appendChild(r)}},Gt=zt?o=>o:o=>o instanceof CSSStyleSheet?(t=>{let e="";for(const r of t.cssRules)e+=r.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:fe,defineProperty:
|
|
9
|
+
*/const{is:fe,defineProperty:be,getOwnPropertyDescriptor:ge,getOwnPropertyNames:ye,getOwnPropertySymbols:me,getPrototypeOf:xe}=Object,U=globalThis,Xt=U.trustedTypes,we=Xt?Xt.emptyScript:"",kt=U.reactiveElementPolyfillSupport,rt=(o,t)=>o,mt={toAttribute(o,t){switch(t){case Boolean:o=o?we: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}},Dt=(o,t)=>!fe(o,t),Jt={attribute:!0,type:String,converter:mt,reflect:!1,useDefault:!1,hasChanged:Dt};Symbol.metadata??(Symbol.metadata=Symbol("metadata")),U.litPropertyMetadata??(U.litPropertyMetadata=new WeakMap);let Y=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 r=Symbol(),i=this.getPropertyDescriptor(t,r,e);i!==void 0&&be(this.prototype,t,i)}}static getPropertyDescriptor(t,e,r){const{get:i,set:n}=ge(this.prototype,t)??{get(){return this[e]},set(s){this[e]=s}};return{get:i,set(s){const h=i==null?void 0:i.call(this);n==null||n.call(this,s),this.requestUpdate(t,h,r)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??Jt}static _$Ei(){if(this.hasOwnProperty(rt("elementProperties")))return;const t=xe(this);t.finalize(),t.l!==void 0&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(rt("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(rt("properties"))){const e=this.properties,r=[...ye(e),...me(e)];for(const i of r)this.createProperty(i,e[i])}const t=this[Symbol.metadata];if(t!==null){const e=litPropertyMetadata.get(t);if(e!==void 0)for(const[r,i]of e)this.elementProperties.set(r,i)}this._$Eh=new Map;for(const[e,r]of this.elementProperties){const i=this._$Eu(e,r);i!==void 0&&this._$Eh.set(i,e)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(t){const e=[];if(Array.isArray(t)){const r=new Set(t.flat(1/0).reverse());for(const i of r)e.unshift(Gt(i))}else t!==void 0&&e.push(Gt(t));return e}static _$Eu(t,e){const r=e.attribute;return r===!1?void 0:typeof r=="string"?r:typeof t=="string"?t.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){var t;this._$ES=new Promise(e=>this.enableUpdating=e),this._$AL=new Map,this._$E_(),this.requestUpdate(),(t=this.constructor.l)==null||t.forEach(e=>e(this))}addController(t){var e;(this._$EO??(this._$EO=new Set)).add(t),this.renderRoot!==void 0&&this.isConnected&&((e=t.hostConnected)==null||e.call(t))}removeController(t){var e;(e=this._$EO)==null||e.delete(t)}_$E_(){const t=new Map,e=this.constructor.elementProperties;for(const r of e.keys())this.hasOwnProperty(r)&&(t.set(r,this[r]),delete this[r]);t.size>0&&(this._$Ep=t)}createRenderRoot(){const t=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return 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 r;return(r=e.hostConnected)==null?void 0:r.call(e)})}enableUpdating(t){}disconnectedCallback(){var t;(t=this._$EO)==null||t.forEach(e=>{var r;return(r=e.hostDisconnected)==null?void 0:r.call(e)})}attributeChangedCallback(t,e,r){this._$AK(t,r)}_$ET(t,e){var n;const r=this.constructor.elementProperties.get(t),i=this.constructor._$Eu(t,r);if(i!==void 0&&r.reflect===!0){const s=(((n=r.converter)==null?void 0:n.toAttribute)!==void 0?r.converter:mt).toAttribute(e,r.type);this._$Em=t,s==null?this.removeAttribute(i):this.setAttribute(i,s),this._$Em=null}}_$AK(t,e){var n,s;const r=this.constructor,i=r._$Eh.get(t);if(i!==void 0&&this._$Em!==i){const h=r.getPropertyOptions(i),c=typeof h.converter=="function"?{fromAttribute:h.converter}:((n=h.converter)==null?void 0:n.fromAttribute)!==void 0?h.converter:mt;this._$Em=i,this[i]=c.fromAttribute(e,h.type)??((s=this._$Ej)==null?void 0:s.get(i))??null,this._$Em=null}}requestUpdate(t,e,r){var i;if(t!==void 0){const n=this.constructor,s=this[t];if(r??(r=n.getPropertyOptions(t)),!((r.hasChanged??Dt)(s,e)||r.useDefault&&r.reflect&&s===((i=this._$Ej)==null?void 0:i.get(t))&&!this.hasAttribute(n._$Eu(t,r))))return;this.C(t,e,r)}this.isUpdatePending===!1&&(this._$ES=this._$EP())}C(t,e,{useDefault:r,reflect:i,wrapped:n},s){r&&!(this._$Ej??(this._$Ej=new Map)).has(t)&&(this._$Ej.set(t,s??e??this[t]),n!==!0||s!==void 0)||(this._$AL.has(t)||(this.hasUpdated||r||(e=void 0),this._$AL.set(t,e)),i===!0&&this._$Em!==t&&(this._$Eq??(this._$Eq=new Set)).add(t))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(e){Promise.reject(e)}const t=this.scheduleUpdate();return t!=null&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){var r;if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??(this.renderRoot=this.createRenderRoot()),this._$Ep){for(const[n,s]of this._$Ep)this[n]=s;this._$Ep=void 0}const i=this.constructor.elementProperties;if(i.size>0)for(const[n,s]of i){const{wrapped:h}=s,c=this[n];h!==!0||this._$AL.has(n)||c===void 0||this.C(n,void 0,s,c)}}let t=!1;const e=this._$AL;try{t=this.shouldUpdate(e),t?(this.willUpdate(e),(r=this._$EO)==null||r.forEach(i=>{var n;return(n=i.hostUpdate)==null?void 0:n.call(i)}),this.update(e)):this._$EM()}catch(i){throw t=!1,this._$EM(),i}t&&this._$AE(e)}willUpdate(t){}_$AE(t){var e;(e=this._$EO)==null||e.forEach(r=>{var i;return(i=r.hostUpdated)==null?void 0:i.call(r)}),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(t){return!0}update(t){this._$Eq&&(this._$Eq=this._$Eq.forEach(e=>this._$ET(e,this[e]))),this._$EM()}updated(t){}firstUpdated(t){}};Y.elementStyles=[],Y.shadowRootOptions={mode:"open"},Y[rt("elementProperties")]=new Map,Y[rt("finalized")]=new Map,kt==null||kt({ReactiveElement:Y}),(U.reactiveElementVersions??(U.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"),ee=/'/g,oe=/"/g,ce=/^(?:script|style|textarea|title)$/i,
|
|
13
|
+
*/const nt=globalThis,xt=nt.trustedTypes,Qt=xt?xt.createPolicy("lit-html",{createHTML:o=>o}):void 0,ae="$lit$",R=`lit$${Math.random().toFixed(9).slice(2)}$`,le="?"+R,$e=`<${le}>`,G=document,at=()=>G.createComment(""),lt=o=>o===null||typeof o!="object"&&typeof o!="function",Ht=Array.isArray,Ce=o=>Ht(o)||typeof(o==null?void 0:o[Symbol.iterator])=="function",At=`[
|
|
14
|
+
\f\r]`,it=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,Yt=/-->/g,te=/>/g,q=RegExp(`>|${At}(?:([^\\s"'>=/]+)(${At}*=${At}*(?:[^
|
|
15
|
+
\f\r"'\`<>=]|("|')|))|$)`,"g"),ee=/'/g,oe=/"/g,ce=/^(?:script|style|textarea|title)$/i,_e=o=>(t,...e)=>({_$litType$:o,strings:t,values:e}),l=_e(1),V=Symbol.for("lit-noChange"),d=Symbol.for("lit-nothing"),ie=new WeakMap,W=G.createTreeWalker(G,129);function he(o,t){if(!Ht(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,r=[];let i,n=t===2?"<svg>":t===3?"<math>":"",s=it;for(let h=0;h<e;h++){const c=o[h];let f,m,p=-1,C=0;for(;C<c.length&&(s.lastIndex=C,m=s.exec(c),m!==null);)C=s.lastIndex,s===it?m[1]==="!--"?s=Yt:m[1]!==void 0?s=te:m[2]!==void 0?(ce.test(m[2])&&(i=RegExp("</"+m[2],"g")),s=q):m[3]!==void 0&&(s=q):s===q?m[0]===">"?(s=i??it,p=-1):m[1]===void 0?p=-2:(p=s.lastIndex-m[2].length,f=m[1],s=m[3]===void 0?q:m[3]==='"'?oe:ee):s===oe||s===ee?s=q:s===Yt||s===te?s=it:(s=q,i=void 0);const P=s===q&&o[h+1].startsWith("/>")?" ":"";n+=s===it?c+$e:p>=0?(r.push(f),c.slice(0,p)+ae+c.slice(p)+R+P):c+R+(p===-2?h:P)}return[he(o,n+(o[e]||"<?>")+(t===2?"</svg>":t===3?"</math>":"")),r]};class ct{constructor({strings:t,_$litType$:e},r){let i;this.parts=[];let n=0,s=0;const h=t.length-1,c=this.parts,[f,m]=ke(t,e);if(this.el=ct.createElement(f,r),W.currentNode=this.el.content,e===2||e===3){const p=this.el.content.firstChild;p.replaceWith(...p.childNodes)}for(;(i=W.nextNode())!==null&&c.length<h;){if(i.nodeType===1){if(i.hasAttributes())for(const p of i.getAttributeNames())if(p.endsWith(ae)){const C=m[s++],P=i.getAttribute(p).split(R),gt=/([.?@])?(.*)/.exec(C);c.push({type:1,index:n,name:gt[2],strings:P,ctor:gt[1]==="."?Se:gt[1]==="?"?Ee:gt[1]==="@"?Le:$t}),i.removeAttribute(p)}else p.startsWith(R)&&(c.push({type:6,index:n}),i.removeAttribute(p));if(ce.test(i.tagName)){const p=i.textContent.split(R),C=p.length-1;if(C>0){i.textContent=xt?xt.emptyScript:"";for(let P=0;P<C;P++)i.append(p[P],at()),W.nextNode(),c.push({type:2,index:++n});i.append(p[C],at())}}}else if(i.nodeType===8)if(i.data===le)c.push({type:2,index:n});else{let p=-1;for(;(p=i.data.indexOf(R,p+1))!==-1;)c.push({type:7,index:n}),p+=R.length-1}n++}}static createElement(t,e){const r=G.createElement("template");return r.innerHTML=t,r}}function tt(o,t,e=o,r){var s,h;if(t===V)return t;let i=r!==void 0?(s=e._$Co)==null?void 0:s[r]:e._$Cl;const n=lt(t)?void 0:t._$litDirective$;return(i==null?void 0:i.constructor)!==n&&((h=i==null?void 0:i._$AO)==null||h.call(i,!1),n===void 0?i=void 0:(i=new n(o),i._$AT(o,e,r)),r!==void 0?(e._$Co??(e._$Co=[]))[r]=i:e._$Cl=i),i!==void 0&&(t=tt(o,i._$AS(o,t.values),i,r)),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:r}=this._$AD,i=((t==null?void 0:t.creationScope)??G).importNode(e,!0);W.currentNode=i;let n=W.nextNode(),s=0,h=0,c=r[0];for(;c!==void 0;){if(s===c.index){let f;c.type===2?f=new ft(n,n.nextSibling,this,t):c.type===1?f=new c.ctor(n,c.name,c.strings,this,t):c.type===6&&(f=new Pe(n,this,t)),this._$AV.push(f),c=r[++h]}s!==(c==null?void 0:c.index)&&(n=W.nextNode(),s++)}return W.currentNode=G,i}p(t){let e=0;for(const r of this._$AV)r!==void 0&&(r.strings!==void 0?(r._$AI(t,r,e),e+=r.strings.length-2):r._$AI(t[e])),e++}}class ft{get _$AU(){var t;return((t=this._$AM)==null?void 0:t._$AU)??this._$Cv}constructor(t,e,r,i){this.type=2,this._$AH=d,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=r,this.options=i,this._$Cv=(i==null?void 0:i.isConnected)??!0}get parentNode(){let t=this._$AA.parentNode;const e=this._$AM;return e!==void 0&&(t==null?void 0:t.nodeType)===11&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=tt(this,t,e),lt(t)?t===d||t==null||t===""?(this._$AH!==d&&this._$AR(),this._$AH=d):t!==this._$AH&&t!==V&&this._(t):t._$litType$!==void 0?this.$(t):t.nodeType!==void 0?this.T(t):Ce(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&<(this._$AH)?this._$AA.nextSibling.data=t:this.T(G.createTextNode(t)),this._$AH=t}$(t){var n;const{values:e,_$litType$:r}=t,i=typeof r=="number"?this._$AC(t):(r.el===void 0&&(r.el=ct.createElement(he(r.h,r.h[0]),this.options)),r);if(((n=this._$AH)==null?void 0:n._$AD)===i)this._$AH.p(e);else{const s=new 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 ct(t)),e}k(t){Ht(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let r,i=0;for(const n of t)i===e.length?e.push(r=new ft(this.O(at()),this.O(at()),this,this.options)):r=e[i],r._$AI(n),i++;i<e.length&&(this._$AR(r&&r._$AB.nextSibling,i),e.length=i)}_$AR(t=this._$AA.nextSibling,e){var r;for((r=this._$AP)==null?void 0:r.call(this,!1,!0,e);t&&t!==this._$AB;){const i=t.nextSibling;t.remove(),t=i}}setConnected(t){var e;this._$AM===void 0&&(this._$Cv=t,(e=this._$AP)==null||e.call(this,t))}}class $t{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,e,r,i,n){this.type=1,this._$AH=d,this._$AN=void 0,this.element=t,this.name=e,this._$AM=i,this.options=n,r.length>2||r[0]!==""||r[1]!==""?(this._$AH=Array(r.length-1).fill(new String),this.strings=r):this._$AH=d}_$AI(t,e=this,r,i){const n=this.strings;let s=!1;if(n===void 0)t=tt(this,t,e,0),s=!lt(t)||t!==this._$AH&&t!==V,s&&(this._$AH=t);else{const h=t;let c,f;for(t=n[0],c=0;c<n.length-1;c++)f=tt(this,h[r+c],e,c),f===V&&(f=this._$AH[c]),s||(s=!lt(f)||f!==this._$AH[c]),f===d?t=d:t!==d&&(t+=(f??"")+n[c+1]),this._$AH[c]=f}s&&!i&&this.j(t)}j(t){t===d?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}}class Se extends $t{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===d?void 0:t}}class Ee extends $t{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==d)}}class Le extends $t{constructor(t,e,r,i,n){super(t,e,r,i,n),this.type=5}_$AI(t,e=this){if((t=tt(this,t,e,0)??d)===V)return;const r=this._$AH,i=t===d&&r!==d||t.capture!==r.capture||t.once!==r.once||t.passive!==r.passive,n=t!==d&&(r===d||i);i&&this.element.removeEventListener(this.name,this,r),n&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){var e;typeof this._$AH=="function"?this._$AH.call(((e=this.options)==null?void 0:e.host)??this.element,t):this._$AH.handleEvent(t)}}class Pe{constructor(t,e,r){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=r}get _$AU(){return this._$AM._$AU}_$AI(t){tt(this,t)}}const St=nt.litHtmlPolyfillSupport;St==null||St(ct,ft),(nt.litHtmlVersions??(nt.litHtmlVersions=[])).push("3.3.0");const Oe=(o,t,e)=>{const r=(e==null?void 0:e.renderBefore)??t;let i=r._$litPart$;if(i===void 0){const n=(e==null?void 0:e.renderBefore)??null;r._$litPart$=i=new ft(t.insertBefore(at(),n),n,void 0,e??{})}return i._$AI(o),i};/**
|
|
16
16
|
* @license
|
|
17
17
|
* Copyright 2017 Google LLC
|
|
18
18
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
19
|
-
*/const
|
|
19
|
+
*/const K=globalThis;let v=class extends Y{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 V}};var ne;v._$litElement$=!0,v.finalized=!0,(ne=K.litElementHydrateSupport)==null||ne.call(K,{LitElement:v});const Et=K.litElementPolyfillSupport;Et==null||Et({LitElement:v});(K.litElementVersions??(K.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 x=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 Ie={attribute:!0,type:String,converter:
|
|
27
|
+
*/const Ie={attribute:!0,type:String,converter:mt,reflect:!1,hasChanged:Dt},ze=(o=Ie,t,e)=>{const{kind:r,metadata:i}=e;let n=globalThis.litPropertyMetadata.get(i);if(n===void 0&&globalThis.litPropertyMetadata.set(i,n=new Map),r==="setter"&&((o=Object.create(o)).wrapped=!0),n.set(e.name,o),r==="accessor"){const{name:s}=e;return{set(h){const c=t.get.call(this);t.set.call(this,h),this.requestUpdate(s,c,o)},init(h){return h!==void 0&&this.C(s,void 0,o,h),h}}}if(r==="setter"){const{name:s}=e;return function(h){const c=this[s];t.call(this,h),this.requestUpdate(s,c,o)}}throw Error("Unsupported decorator location: "+r)};function a(o){return(t,e)=>typeof e=="object"?ze(o,t,e):((r,i,n)=>{const s=i.hasOwnProperty(n);return i.constructor.createProperty(n,r),s?Object.getOwnPropertyDescriptor(i,n):void 0})(o,t,e)}/**
|
|
28
28
|
* @license
|
|
29
29
|
* Copyright 2017 Google LLC
|
|
30
30
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
31
|
-
*/function
|
|
31
|
+
*/function X(o){return a({...o,state:!0,attribute:!1})}const bt=g`
|
|
32
32
|
outline: 1px dashed var(--color-border-primary);
|
|
33
33
|
outline-offset: 2px;
|
|
34
|
-
`;
|
|
34
|
+
`;g`
|
|
35
35
|
:host * {
|
|
36
36
|
box-sizing: border-box;
|
|
37
37
|
}
|
|
@@ -39,11 +39,11 @@
|
|
|
39
39
|
* @license
|
|
40
40
|
* Copyright 2023 Google LLC
|
|
41
41
|
* SPDX-License-Identifier: Apache-2.0
|
|
42
|
-
*/const
|
|
42
|
+
*/const Mt=Symbol("internals"),Lt=Symbol("privateInternals");function Tt(o){var t;class e extends o{get[(t=Mt,t)](){return this[Lt]||(this[Lt]=this.attachInternals()),this[Lt]}}return e}/**
|
|
43
43
|
* @license
|
|
44
44
|
* Copyright 2023 Google LLC
|
|
45
45
|
* SPDX-License-Identifier: Apache-2.0
|
|
46
|
-
*/function
|
|
46
|
+
*/function Be(o){o.addInitializer(t=>{const e=t;e.addEventListener("click",async r=>{const{type:i,[Mt]:n}=e,{form:s}=n;if(!(!s||i==="button")&&(await new Promise(h=>{setTimeout(h)}),!r.defaultPrevented)){if(i==="reset"){s.reset();return}s.addEventListener("submit",h=>{Object.defineProperty(h,"submitter",{configurable:!0,enumerable:!0,get:()=>e})},{capture:!0,once:!0}),n.setFormValue(e.value),s.requestSubmit()}})})}const 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">
|
|
@@ -61,13 +61,13 @@
|
|
|
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
|
+
`,Ne=`<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
|
+
`,Re=`<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
|
+
`,Ue=`<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">
|
|
@@ -126,11 +126,11 @@
|
|
|
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>`,ro=`<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
|
+
`,no=`<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
134
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
135
|
</svg>
|
|
136
136
|
`,so=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
@@ -139,19 +139,22 @@
|
|
|
139
139
|
`,ao=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
140
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
141
|
</svg>
|
|
142
|
-
`,
|
|
142
|
+
`,lo=`<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
143
|
+
<path d="M16.0003 10.1648C16.0003 13.2904 13.4583 15.8332 10.3336 15.8332H7.00026C6.81617 15.8332 6.66693 15.6839 6.66693 15.4997C6.66693 15.3156 6.81617 15.1663 7.00026 15.1663H10.3336C13.0909 15.1663 15.3336 12.923 15.3336 10.1648C15.3336 7.40663 13.0909 5.16328 10.3336 5.16328H1.13826L3.90226 7.92812C4.0326 8.05831 4.03275 8.26955 3.9026 8.39993C3.77244 8.5303 3.56127 8.53045 3.43093 8.40026L0.0975955 5.06592C-0.0325318 4.93571 -0.0325318 4.72465 0.0975955 4.59444L3.43093 1.2601C3.56172 1.13374 3.76962 1.13555 3.8982 1.26416C4.02678 1.39278 4.02859 1.60075 3.90226 1.73158L1.13826 4.49641H10.3336C13.4583 4.49641 16.0003 7.03918 16.0003 10.1648Z" fill="#001022"/>
|
|
144
|
+
</svg>
|
|
145
|
+
`,J={wishlist:De,playerv:He,chevronRight:Me,chevronLeft:Te,icoPlus:qe,icoMinus:We,"star-0":je,"star-25":Fe,"star-50":Ne,"star-75":Re,"star-100":Ue,cross:Ve,search:Ze,arrowLeft:Ke,arrowTop:Ge,cart:Xe,notifyme:Je,triangledown:Qe,triangleup:Ye,checkstroke:to,pause:eo,mapDualArrow:oo,swipeDualArrow:ro,backtobag:lo},co={strikeDiagonal:io},ho={success:no,error:so,info:ao};/**
|
|
143
146
|
* @license
|
|
144
147
|
* Copyright 2017 Google LLC
|
|
145
148
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
146
|
-
*/const
|
|
149
|
+
*/const jt={ATTRIBUTE:1,CHILD:2},Ft=o=>(...t)=>({_$litDirective$:o,values:t});let Nt=class{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,r){this._$Ct=t,this._$AM=e,this._$Ci=r}_$AS(t,e){return this.update(t,e)}update(t,e){return this.render(...e)}};/**
|
|
147
150
|
* @license
|
|
148
151
|
* Copyright 2017 Google LLC
|
|
149
152
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
150
|
-
*/class
|
|
153
|
+
*/class Pt extends Nt{constructor(t){if(super(t),this.it=d,t.type!==jt.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===V)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:[]}}}Pt.directiveName="unsafeHTML",Pt.resultType=1;/**
|
|
151
154
|
* @license
|
|
152
155
|
* Copyright 2017 Google LLC
|
|
153
156
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
154
|
-
*/class
|
|
157
|
+
*/class Ot extends Pt{}Ot.directiveName="unsafeSVG",Ot.resultType=2;const O=Ft(Ot);var po=Object.defineProperty,uo=Object.getOwnPropertyDescriptor,w=(o,t,e,r)=>{for(var i=r>1?void 0:r?uo(t,e):t,n=o.length-1,s;n>=0;n--)(s=o[n])&&(i=(r?s(t,e,i):s(i))||i);return r&&i&&po(t,e,i),i};const vo=Tt(v);let b=class extends vo{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[Mt].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=J[t].replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"');return l`<span class="${o==="start"?"icon-start":"icon-end"}">${O(e)}</span>`}renderButton(){const o=this.text||this.textsecond;return l`
|
|
155
158
|
<button type=${this.type} class="button" ?disabled=${this.disabled} @click=${this.handleClick} @keydown=${this.handleClick}>
|
|
156
159
|
${this.startIcon?this.renderIcon("start"):d}
|
|
157
160
|
${o?l`
|
|
@@ -175,7 +178,7 @@
|
|
|
175
178
|
`:l`<slot></slot>`}
|
|
176
179
|
${this.endIcon?this.renderIcon("end"):d}
|
|
177
180
|
</a>
|
|
178
|
-
`}};
|
|
181
|
+
`}};Be(b);b.formAssociated=!0;b.styles=g`
|
|
179
182
|
:host {
|
|
180
183
|
--button-border: transparent;
|
|
181
184
|
--badge-outer-width: 19px;
|
|
@@ -292,7 +295,7 @@
|
|
|
292
295
|
}
|
|
293
296
|
|
|
294
297
|
.button:focus-visible {
|
|
295
|
-
${
|
|
298
|
+
${bt};
|
|
296
299
|
}
|
|
297
300
|
|
|
298
301
|
span.text + span.text::before {
|
|
@@ -376,12 +379,12 @@
|
|
|
376
379
|
transform: translateX(4px);
|
|
377
380
|
}
|
|
378
381
|
//End icon movment on hover
|
|
379
|
-
`;
|
|
382
|
+
`;w([a()],b.prototype,"type",2);w([a({reflect:!0})],b.prototype,"value",2);w([a({type:String,reflect:!0})],b.prototype,"variant",2);w([a({type:String})],b.prototype,"text",2);w([a({type:String})],b.prototype,"textsecond",2);w([a({type:Boolean,reflect:!0})],b.prototype,"fullwidth",2);w([a({type:Boolean,reflect:!0})],b.prototype,"disabled",2);w([a({type:String,reflect:!0})],b.prototype,"startIconModel",2);w([a({type:String,reflect:!0})],b.prototype,"endIconModel",2);w([a({type:Boolean,reflect:!0,attribute:"starticon"})],b.prototype,"startIcon",2);w([a({type:Boolean,reflect:!0,attribute:"endicon"})],b.prototype,"endIcon",2);w([a({type:String,attribute:"paneltarget",reflect:!0})],b.prototype,"panelTarget",2);w([a({type:String})],b.prototype,"href",2);w([a({type:String})],b.prototype,"target",2);w([a({type:Boolean,reflect:!0})],b.prototype,"underlined",2);w([a({type:Boolean,reflect:!0})],b.prototype,"withbadge",2);b=w([x("o-button")],b);var fo=Object.defineProperty,bo=Object.getOwnPropertyDescriptor,Ct=(o,t,e,r)=>{for(var i=r>1?void 0:r?bo(t,e):t,n=o.length-1,s;n>=0;n--)(s=o[n])&&(i=(r?s(t,e,i):s(i))||i);return r&&i&&fo(t,e,i),i};let et=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=J.wishlist.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"');return l`
|
|
380
383
|
<button type="button" aria-describedby="${this.ariaDescribedBy}" class="wishlist-button">
|
|
381
384
|
<span class="sr-only">${this.label}</span>
|
|
382
|
-
${
|
|
385
|
+
${O(o)}
|
|
383
386
|
</button>
|
|
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()}};
|
|
387
|
+
`}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()}};et.styles=g`
|
|
385
388
|
:host {
|
|
386
389
|
display: inline-flex;
|
|
387
390
|
justify-content: center;
|
|
@@ -446,14 +449,14 @@
|
|
|
446
449
|
width: 0.1rem !important;
|
|
447
450
|
white-space: nowrap !important;
|
|
448
451
|
}
|
|
449
|
-
|
|
452
|
+
`;Ct([a({type:String,reflect:!0})],et.prototype,"status",2);Ct([a({type:String,reflect:!0})],et.prototype,"ariaDescribedBy",2);Ct([a({type:String,reflect:!0})],et.prototype,"label",2);et=Ct([x("o-wishlist-button")],et);/**
|
|
450
453
|
* @license
|
|
451
454
|
* Copyright 2018 Google LLC
|
|
452
455
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
453
|
-
*/const _=o=>o??d;var go=Object.defineProperty,
|
|
456
|
+
*/const _=o=>o??d;var go=Object.defineProperty,yo=Object.getOwnPropertyDescriptor,D=(o,t,e,r)=>{for(var i=r>1?void 0:r?yo(t,e):t,n=o.length-1,s;n>=0;n--)(s=o[n])&&(i=(r?s(t,e,i):s(i))||i);return r&&i&&go(t,e,i),i};let k=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=J[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"'),r=this.showSrLabel?l`<span class="sr-only">${this.srLabel}</span>`:null,i=this.showSrLabel?null:"icon";return l`
|
|
454
457
|
${this.type==="span"?l`
|
|
455
458
|
<span class="icon icon-button ${this.size} ${this.bgstyle} ${this.status} ${t}" ?disabled="${this.disabled}">
|
|
456
|
-
${
|
|
459
|
+
${O(e)}
|
|
457
460
|
</span>
|
|
458
461
|
`:l`
|
|
459
462
|
<button
|
|
@@ -462,11 +465,11 @@
|
|
|
462
465
|
class="icon-button ${this.size} ${this.bgstyle} ${this.status} ${t}"
|
|
463
466
|
?disabled="${this.disabled}"
|
|
464
467
|
>
|
|
465
|
-
${
|
|
466
|
-
${
|
|
468
|
+
${O(e)}
|
|
469
|
+
${r}
|
|
467
470
|
</button>
|
|
468
471
|
`}
|
|
469
|
-
`}};
|
|
472
|
+
`}};k.styles=g`
|
|
470
473
|
:host {
|
|
471
474
|
display: inline-flex;
|
|
472
475
|
justify-content: center;
|
|
@@ -671,13 +674,13 @@
|
|
|
671
674
|
}
|
|
672
675
|
|
|
673
676
|
.icon-button:focus-visible {
|
|
674
|
-
${
|
|
677
|
+
${bt}
|
|
675
678
|
}
|
|
676
679
|
|
|
677
680
|
.sr-only {
|
|
678
681
|
display: none;
|
|
679
682
|
}
|
|
680
|
-
`;
|
|
683
|
+
`;D([a({type:String,reflect:!0})],k.prototype,"bgstyle",2);D([a({type:String,reflect:!0})],k.prototype,"size",2);D([a({type:String,reflect:!0})],k.prototype,"status",2);D([a({type:String,reflect:!0})],k.prototype,"type",2);D([a({type:String})],k.prototype,"strokewidth",2);D([a({type:String})],k.prototype,"icon",2);D([a({type:Boolean,reflect:!0})],k.prototype,"disabled",2);D([a({type:Boolean})],k.prototype,"showSrLabel",2);D([a({type:String})],k.prototype,"srLabel",2);k=D([x("o-icon-button")],k);var mo=Object.defineProperty,xo=Object.getOwnPropertyDescriptor,Q=(o,t,e,r)=>{for(var i=r>1?void 0:r?xo(t,e):t,n=o.length-1,s;n>=0;n--)(s=o[n])&&(i=(r?s(t,e,i):s(i))||i);return r&&i&&mo(t,e,i),i};let T=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`
|
|
681
684
|
<a
|
|
682
685
|
href="${o}"
|
|
683
686
|
target="${_(this.target||void 0)}"
|
|
@@ -703,7 +706,7 @@
|
|
|
703
706
|
></o-icon-button>
|
|
704
707
|
`:null}
|
|
705
708
|
</a>
|
|
706
|
-
`}};
|
|
709
|
+
`}};T.styles=g`
|
|
707
710
|
:host([template="standard"]) a {
|
|
708
711
|
color: var(--color-content-action-secondary);
|
|
709
712
|
font-size: var(--font-size-200);
|
|
@@ -790,14 +793,14 @@
|
|
|
790
793
|
height: 1px;
|
|
791
794
|
}
|
|
792
795
|
/* End of underline effect */
|
|
793
|
-
`;
|
|
796
|
+
`;Q([a({type:String})],T.prototype,"href",2);Q([a({type:String})],T.prototype,"target",2);Q([a({type:String,reflect:!0})],T.prototype,"template",2);Q([a({type:Boolean,reflect:!0})],T.prototype,"inverse",2);Q([a({type:Boolean,reflect:!0})],T.prototype,"endIcon",2);Q([a({type:Boolean,reflect:!0})],T.prototype,"reverseEndIcon",2);T=Q([x("o-link")],T);var wo=Object.defineProperty,$o=Object.getOwnPropertyDescriptor,_t=(o,t,e,r)=>{for(var i=r>1?void 0:r?$o(t,e):t,n=o.length-1,s;n>=0;n--)(s=o[n])&&(i=(r?s(t,e,i):s(i))||i);return r&&i&&wo(t,e,i),i};let ot=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 r;e>=1?r=100:e<=0?r=0:r=Math.round(e*100/25)*25,o.push(`star-${r}`)}return o}render(){const o=this.getStarKeys();return l`
|
|
794
797
|
<div class="rating">
|
|
795
798
|
<div class="stars">
|
|
796
|
-
${o.map(t=>l`<span class="star">${
|
|
799
|
+
${o.map(t=>l`<span class="star">${O(J[t]??"")}</span>`)}
|
|
797
800
|
</div>
|
|
798
801
|
${this.reviewCount!=null&&this.href!=null?l`<o-link template="review" href="${this.href}">${this.reviewCount}</o-link>`:null}
|
|
799
802
|
</div>
|
|
800
|
-
`}};
|
|
803
|
+
`}};ot.styles=g`
|
|
801
804
|
svg {
|
|
802
805
|
width: 12px;
|
|
803
806
|
height: 12px;
|
|
@@ -830,15 +833,15 @@
|
|
|
830
833
|
text-decoration: underline;
|
|
831
834
|
cursor: pointer;
|
|
832
835
|
}
|
|
833
|
-
`;_t([a({type:Number})],
|
|
836
|
+
`;_t([a({type:Number})],ot.prototype,"rating",2);_t([a({type:String})],ot.prototype,"reviewCount",2);_t([a({type:String})],ot.prototype,"href",2);ot=_t([x("o-rating")],ot);/**
|
|
834
837
|
* @license
|
|
835
838
|
* Copyright 2020 Google LLC
|
|
836
839
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
837
|
-
*/const
|
|
840
|
+
*/const Co=o=>o.strings===void 0;/**
|
|
838
841
|
* @license
|
|
839
842
|
* Copyright 2017 Google LLC
|
|
840
843
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
841
|
-
*/const
|
|
844
|
+
*/const st=(o,t)=>{var r;const e=o._$AN;if(e===void 0)return!1;for(const i of e)(r=i._$AO)==null||r.call(i,t,!1),st(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),Ao(t)}};function _o(o){this._$AN!==void 0?(wt(this),this._$AM=o,de(this)):this._$AM=o}function ko(o,t=!1,e=0){const r=this._$AH,i=this._$AN;if(i!==void 0&&i.size!==0)if(t)if(Array.isArray(r))for(let n=e;n<r.length;n++)st(r[n],!1),wt(r[n]);else r!=null&&(st(r,!1),wt(r));else st(this,o)}const Ao=o=>{o.type==jt.CHILD&&(o._$AP??(o._$AP=ko),o._$AQ??(o._$AQ=_o))};class So extends Nt{constructor(){super(...arguments),this._$AN=void 0}_$AT(t,e,r){super._$AT(t,e,r),de(this),this.isConnected=t._$AU}_$AO(t,e=!0){var r,i;t!==this.isConnected&&(this.isConnected=t,t?(r=this.reconnected)==null||r.call(this):(i=this.disconnected)==null||i.call(this)),e&&(st(this,t),wt(this))}setValue(t){if(Co(this._$Ct))this._$Ct._$AI(t,this);else{const e=[...this._$Ct._$AH];e[this._$Ci]=t,this._$Ct._$AI(e,this,0)}}disconnected(){}reconnected(){}}class Eo extends So{constructor(){super(...arguments),this.prevData={}}render(t){return d}update(t,[e]){var r;this.element!==t.element&&(this.element=t.element),this.host=((r=t.options)===null||r===void 0?void 0:r.host)||this.element,this.apply(e),this.groom(e),this.prevData={...e}}apply(t){if(!t)return;const{prevData:e,element:r}=this;for(const i in t){const n=t[i];n!==e[i]&&(r[i]=n)}}groom(t){const{prevData:e,element:r}=this;if(e)for(const i in e)(!t||!(i in t)&&r[i]===e[i])&&(r[i]=void 0)}}class Lo extends Eo{constructor(){super(...arguments),this.eventData={}}apply(t){if(t)for(const e in t){const r=t[e];r!==this.eventData[e]&&this.applyEvent(e,r)}}applyEvent(t,e){const{prevData:r,element:i}=this;this.eventData[t]=e,r[t]&&i.removeEventListener(t,this,e),i.addEventListener(t,this,e)}groom(t){const{prevData:e,element:r}=this;if(e)for(const i in e)(!t||!(i in t)&&r[i]===e[i])&&this.groomEvent(i,e[i])}groomEvent(t,e){const{element:r}=this;delete this.eventData[t],r.removeEventListener(t,this,e)}handleEvent(t){const e=this.eventData[t.type];typeof e=="function"?e.call(this.host,t):e.handleEvent(t)}disconnected(){const{eventData:t,element:e}=this;for(const r in t){const i=r.slice(1),n=t[r];e.removeEventListener(i,this,n)}}reconnected(){const{eventData:t,element:e}=this;for(const r in t){const i=r.slice(1),n=t[r];e.addEventListener(i,this,n)}}}class Po extends Lo{apply(t){if(!t)return;const{prevData:e,element:r}=this;for(const i in t){const n=t[i];if(n===e[i])continue;const s=i.slice(1);switch(i[0]){case"@":this.eventData[s]=n,this.applyEvent(s,n);break;case".":r[s]=n;break;case"?":n?r.setAttribute(s,""):r.removeAttribute(s);break;default:n!=null?r.setAttribute(i,String(n)):r.removeAttribute(i);break}}}groom(t){const{prevData:e,element:r}=this;if(e)for(const i in e){const n=i.slice(1);if(!t||!(i in t)&&r[n]===e[i])switch(i[0]){case"@":this.groomEvent(n,e[i]);break;case".":r[n]=void 0;break;case"?":r.removeAttribute(n);break;default:r.removeAttribute(i);break}}}}const re=Ft(Po);var Oo=Object.defineProperty,Io=Object.getOwnPropertyDescriptor,y=(o,t,e,r)=>{for(var i=r>1?void 0:r?Io(t,e):t,n=o.length-1,s;n>=0;n--)(s=o[n])&&(i=(r?s(t,e,i):s(i))||i);return r&&i&&Oo(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 r=this.renderRoot.querySelector(".content");if(r){this.showHeaderStartIcon=!1;const i=()=>{this.showDetail=!1,this.isHidingDetail=!1,r.removeEventListener("animationend",i)};r.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,n,s,h,c,f,m,p,C,P;this.innerFocusedElement=document.activeElement||null,this.innerFocusedElement=((n=(i=this.innerFocusedElement)==null?void 0:i.shadowRoot)==null?void 0:n.activeElement)||this.innerFocusedElement;const t=this.getFocusableElements();if(t.length===0)return;const e=t[0],r=t[t.length-1];o.shiftKey&&this.innerFocusedElement===e?(o.preventDefault(),r.shadowRoot?(c=(h=(s=r.shadowRoot)==null?void 0:s.querySelector(u.focusablesSelector))==null?void 0:h.focus)==null||c.call(h):(f=r.focus)==null||f.call(r)):!o.shiftKey&&this.innerFocusedElement===r&&(o.preventDefault(),e.shadowRoot?(C=(p=(m=e.shadowRoot)==null?void 0:m.querySelector(u.focusablesSelector))==null?void 0:p.focus)==null||C.call(p):(P=e.focus)==null||P.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 n=[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);n.push(...h,...c)}return n.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,r;if(this.showHeader){const i=((o=this.shadowRoot)==null?void 0:o.querySelector(".panel .close-btn"))||null,n=((t=i==null?void 0:i.shadowRoot)==null?void 0:t.querySelector("button"))||null;n&&((e=n.focus)==null||e.call(n))}else{const i=this.getFocusableElements()[0];(r=i==null?void 0:i.focus)==null||r.call(i)}}),this.dispatchEvent(new CustomEvent("open",{bubbles:!0,composed:!0}))}closePanel(){var o,t,e,r,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"?(r=(e=(t=this.previousFocusedElement.shadowRoot)==null?void 0:t.querySelector(".button"))==null?void 0:e.focus)==null||r.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`
|
|
842
845
|
<div class="header">
|
|
843
846
|
${this.showHeaderStartIcon?l`
|
|
844
847
|
<o-icon-button
|
|
@@ -898,7 +901,7 @@
|
|
|
898
901
|
variant="${this.firstButtonVariant}"
|
|
899
902
|
@click=${this.handleFirstClick}
|
|
900
903
|
@keydown=${this.handleFirstClick}
|
|
901
|
-
${
|
|
904
|
+
${re(this.firstButtonProps)}
|
|
902
905
|
>
|
|
903
906
|
${this.firstButtonLabel}
|
|
904
907
|
</o-button>
|
|
@@ -909,7 +912,7 @@
|
|
|
909
912
|
variant="${this.secondButtonVariant}"
|
|
910
913
|
@click=${this.handleSecondClick}
|
|
911
914
|
@keydown=${this.handleSecondClick}
|
|
912
|
-
${
|
|
915
|
+
${re(this.secondButtonProps)}
|
|
913
916
|
>
|
|
914
917
|
${this.secondButtonLabel}
|
|
915
918
|
</o-button>
|
|
@@ -917,7 +920,7 @@
|
|
|
917
920
|
</div>
|
|
918
921
|
`:null}
|
|
919
922
|
</div>
|
|
920
|
-
`}};u.styles=
|
|
923
|
+
`}};u.styles=g`
|
|
921
924
|
:host {
|
|
922
925
|
--z-overlay: 99;
|
|
923
926
|
--z-panel: 100;
|
|
@@ -1021,7 +1024,7 @@
|
|
|
1021
1024
|
.panel:focus-visible,
|
|
1022
1025
|
.close-btn:focus,
|
|
1023
1026
|
.close-btn:focus-visible {
|
|
1024
|
-
${
|
|
1027
|
+
${bt}
|
|
1025
1028
|
}
|
|
1026
1029
|
|
|
1027
1030
|
.content {
|
|
@@ -1105,7 +1108,7 @@
|
|
|
1105
1108
|
.detail-content {
|
|
1106
1109
|
padding: var(--spacing-xl);
|
|
1107
1110
|
}
|
|
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([
|
|
1111
|
+
`;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([x("o-side-panel")],u);var zo=Object.defineProperty,Bo=Object.getOwnPropertyDescriptor,Z=(o,t,e,r)=>{for(var i=r>1?void 0:r?Bo(t,e):t,n=o.length-1,s;n>=0;n--)(s=o[n])&&(i=(r?s(t,e,i):s(i))||i);return r&&i&&zo(t,e,i),i};let B=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`
|
|
1109
1112
|
<o-icon-button
|
|
1110
1113
|
icon="playerv"
|
|
1111
1114
|
size="xsmall"
|
|
@@ -1116,27 +1119,27 @@
|
|
|
1116
1119
|
></o-icon-button>
|
|
1117
1120
|
`}handleKeyDown(o){o.key==="ArrowRight"?(o.preventDefault(),this.focusNext()):o.key==="ArrowLeft"?(o.preventDefault(),this.focusPrevious()):(o.key==="Enter"||o.key===" ")&&(o.preventDefault(),this.selectThumbnail(this.focusedIndex))}focusNext(){let o=this.focusedIndex+1;for(;this.disabledIndexes.includes(o)&&o<this.thumbnails.length;)o++;o<this.thumbnails.length&&(this.focusedIndex=o,this.focusThumbnail(o))}focusPrevious(){let o=this.focusedIndex-1;for(;this.disabledIndexes.includes(o)&&o>=0;)o--;o>=0&&(this.focusedIndex=o,this.focusThumbnail(o))}focusThumbnail(o){const t=this.renderRoot.querySelector(`[data-index="${o}"]`);t==null||t.focus()}selectThumbnail(o){this.disabledIndexes.includes(o)||(this.activeIndex=o,this.swiperInstance&&typeof this.swiperInstance.slideTo=="function"&&this.swiperInstance.slideTo(o),this.dispatchEvent(new CustomEvent("thumbnail-select",{detail:{index:o}})))}onFocus(o){const t=o.currentTarget,e=Number(t.dataset.index);this.focusedIndex=e,this.renderRoot.querySelectorAll(".thumb").forEach(i=>{i.classList.remove("a--tabfocus")}),t.classList.add("a--tabfocus"),this.requestUpdate()}onBlur(o){setTimeout(()=>{var e;const t=(e=this.shadowRoot)==null?void 0:e.activeElement;(!t||!t.classList.contains("thumb"))&&this.renderRoot.querySelectorAll(".thumb").forEach(i=>i.classList.remove("a--tabfocus"))},0)}render(){return l`
|
|
1118
1121
|
<ul class="scroll-container" style="max-width: ${this.maxWidth};">
|
|
1119
|
-
${this.thumbnails.map((o,t)=>{const e=this.disabledIndexes.includes(t),
|
|
1122
|
+
${this.thumbnails.map((o,t)=>{const e=this.disabledIndexes.includes(t),r=this.activeIndex===t,i=o.type==="video",n=i?`video ${t}`:`${this.altressource} ${t+1}`;return l`
|
|
1120
1123
|
<li class="thumb-wrapper">
|
|
1121
1124
|
<button
|
|
1122
1125
|
class="thumb"
|
|
1123
1126
|
data-index="${t}"
|
|
1124
1127
|
?disabled=${e}
|
|
1125
1128
|
aria-selected="${this.focusedIndex===t}"
|
|
1126
|
-
aria-current=${
|
|
1129
|
+
aria-current=${r?"true":"false"}
|
|
1127
1130
|
tabindex="${this.disabledIndexes.includes(t)?-1:0}"
|
|
1128
1131
|
@click=${()=>this.selectThumbnail(t)}
|
|
1129
1132
|
@keydown=${this.handleKeyDown}
|
|
1130
1133
|
@focus=${s=>this.onFocus(s)}
|
|
1131
1134
|
@blur=${s=>this.onBlur(s)}
|
|
1132
1135
|
>
|
|
1133
|
-
<img alt="${
|
|
1136
|
+
<img alt="${n}" src="${o.src}" />
|
|
1134
1137
|
</button>
|
|
1135
1138
|
${i?l`<div class="play-icon-wrapper">${this.playerIconTemplate}</div>`:null}
|
|
1136
1139
|
</li>
|
|
1137
1140
|
`})}
|
|
1138
1141
|
</ul>
|
|
1139
|
-
`}};
|
|
1142
|
+
`}};B.styles=g`
|
|
1140
1143
|
:host {
|
|
1141
1144
|
display: flex;
|
|
1142
1145
|
gap: 5px;
|
|
@@ -1241,9 +1244,9 @@
|
|
|
1241
1244
|
height: 0;
|
|
1242
1245
|
width: 0;
|
|
1243
1246
|
}
|
|
1244
|
-
`;
|
|
1247
|
+
`;Z([a({type:Array})],B.prototype,"thumbnails",2);Z([a({type:Number})],B.prototype,"activeIndex",2);Z([a({type:Array})],B.prototype,"disabledIndexes",2);Z([a({type:String})],B.prototype,"maxWidth",2);Z([a({type:String})],B.prototype,"altressource",2);Z([a({type:Object})],B.prototype,"swiperInstance",2);Z([X()],B.prototype,"focusedIndex",2);B=Z([x("thumbnail-navigation")],B);var Do=Object.defineProperty,Ho=Object.getOwnPropertyDescriptor,Rt=(o,t,e,r)=>{for(var i=r>1?void 0:r?Ho(t,e):t,n=o.length-1,s;n>=0;n--)(s=o[n])&&(i=(r?s(t,e,i):s(i))||i);return r&&i&&Do(t,e,i),i};let ht=class extends v{constructor(){super(...arguments),this.type="",this.bgstyle="background-white"}render(){return l`
|
|
1245
1248
|
<span class="tag ${this.bgstyle}"><slot></slot></span>
|
|
1246
|
-
`}};
|
|
1249
|
+
`}};ht.styles=g`
|
|
1247
1250
|
.tag {
|
|
1248
1251
|
display: inline-block;
|
|
1249
1252
|
padding: var(--spacing-2-xs) var(--spacing-s);
|
|
@@ -1300,12 +1303,12 @@
|
|
|
1300
1303
|
}
|
|
1301
1304
|
}
|
|
1302
1305
|
|
|
1303
|
-
`;Rt([a({type:String,reflect:!0})],
|
|
1306
|
+
`;Rt([a({type:String,reflect:!0})],ht.prototype,"type",2);Rt([a({type:String,reflect:!0})],ht.prototype,"bgstyle",2);ht=Rt([x("o-tag")],ht);var Mo=Object.defineProperty,To=Object.getOwnPropertyDescriptor,Ut=(o,t,e,r)=>{for(var i=r>1?void 0:r?To(t,e):t,n=o.length-1,s;n>=0;n--)(s=o[n])&&(i=(r?s(t,e,i):s(i))||i);return r&&i&&Mo(t,e,i),i};let dt=class extends v{constructor(){super(...arguments),this.type="top",this.text=""}render(){return l`
|
|
1304
1307
|
<div class="tooltip">
|
|
1305
1308
|
<span class="tooltiptext">${this.text}</span>
|
|
1306
1309
|
<slot></slot>
|
|
1307
1310
|
</div>
|
|
1308
|
-
`}};
|
|
1311
|
+
`}};dt.styles=g`
|
|
1309
1312
|
.tooltip {
|
|
1310
1313
|
position: relative;
|
|
1311
1314
|
display: inline-block;
|
|
@@ -1397,7 +1400,7 @@
|
|
|
1397
1400
|
border-color: transparent var(--color-alpha-dark-strongest) transparent transparent;
|
|
1398
1401
|
}
|
|
1399
1402
|
|
|
1400
|
-
`;Ut([a({type:String,reflect:!0})],
|
|
1403
|
+
`;Ut([a({type:String,reflect:!0})],dt.prototype,"type",2);Ut([a({type:String,reflect:!0})],dt.prototype,"text",2);dt=Ut([x("o-tooltip")],dt);var jo=Object.defineProperty,Fo=Object.getOwnPropertyDescriptor,j=(o,t,e,r)=>{for(var i=r>1?void 0:r?Fo(t,e):t,n=o.length-1,s;n>=0;n--)(s=o[n])&&(i=(r?s(t,e,i):s(i))||i);return r&&i&&jo(t,e,i),i};let I=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=J.checkstroke.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"'),t=this.options.find(e=>e.value===this.value);return l`
|
|
1401
1404
|
<button
|
|
1402
1405
|
role="combobox"
|
|
1403
1406
|
aria-haspopup="listbox"
|
|
@@ -1425,27 +1428,27 @@
|
|
|
1425
1428
|
aria-activedescendant="${this.activeIndex>=0?"option-"+this.activeIndex:""}"
|
|
1426
1429
|
style=${`width: ${this.width};`}
|
|
1427
1430
|
>
|
|
1428
|
-
${this.options.map((e,
|
|
1431
|
+
${this.options.map((e,r)=>l`
|
|
1429
1432
|
<li
|
|
1430
|
-
id="option-${
|
|
1433
|
+
id="option-${r}"
|
|
1431
1434
|
role="option"
|
|
1432
1435
|
aria-selected="${e.value===this.value}"
|
|
1433
|
-
tabindex="${
|
|
1434
|
-
class="${
|
|
1436
|
+
tabindex="${r===this.activeIndex?"0":"-1"}"
|
|
1437
|
+
class="${r===this.activeIndex?"active":""} ${e.disabled?"disabled":""}"
|
|
1435
1438
|
@click=${()=>this.selectOption(e)}
|
|
1436
1439
|
>
|
|
1437
1440
|
${e.url?l`
|
|
1438
1441
|
<a href="${e.url}">
|
|
1439
1442
|
<span>${e.label}</span>
|
|
1440
|
-
${e.value===this.value?l`<span class="check">${
|
|
1443
|
+
${e.value===this.value?l`<span class="check">${O(o)}</span>`:null}
|
|
1441
1444
|
</a>`:l`
|
|
1442
1445
|
<span>${e.label}</span>
|
|
1443
|
-
${e.value===this.value?l`<span class="check">${
|
|
1446
|
+
${e.value===this.value?l`<span class="check">${O(o)}</span>`:null}`}
|
|
1444
1447
|
</li>`)}
|
|
1445
1448
|
</ul>`:null}
|
|
1446
1449
|
|
|
1447
1450
|
<input type="hidden" name="${this.name}" .value="${this.value}" />
|
|
1448
|
-
`}};
|
|
1451
|
+
`}};I.styles=g`
|
|
1449
1452
|
:host {
|
|
1450
1453
|
display: inline-block;
|
|
1451
1454
|
position: relative;
|
|
@@ -1584,7 +1587,7 @@
|
|
|
1584
1587
|
input[type="hidden"] {
|
|
1585
1588
|
display: none;
|
|
1586
1589
|
}
|
|
1587
|
-
`;
|
|
1590
|
+
`;j([a({type:Array,reflect:!0})],I.prototype,"options",2);j([a({type:String,reflect:!0})],I.prototype,"value",2);j([a({type:String,reflect:!0})],I.prototype,"name",2);j([a({type:Boolean,reflect:!0})],I.prototype,"disabled",2);j([a({type:String,reflect:!0})],I.prototype,"width",2);j([X()],I.prototype,"open",2);j([X()],I.prototype,"activeIndex",2);j([X()],I.prototype,"menuWidth",2);I=j([x("o-dropdown")],I);var No=Object.getOwnPropertyDescriptor,Ro=(o,t,e,r)=>{for(var i=r>1?void 0:r?No(t,e):t,n=o.length-1,s;n>=0;n--)(s=o[n])&&(i=s(i)||i);return i};let It=class extends v{render(){return l` <span class="dots"></span> `}};It.styles=g`
|
|
1588
1591
|
:host {
|
|
1589
1592
|
display: flex;
|
|
1590
1593
|
align-items: center;
|
|
@@ -1635,7 +1638,7 @@
|
|
|
1635
1638
|
background-color: var(--color-container-action-primary-pressed);
|
|
1636
1639
|
}
|
|
1637
1640
|
}
|
|
1638
|
-
`;
|
|
1641
|
+
`;It=Ro([x("o-dots")],It);var Uo=Object.defineProperty,Vo=Object.getOwnPropertyDescriptor,H=(o,t,e,r)=>{for(var i=r>1?void 0:r?Vo(t,e):t,n=o.length-1,s;n>=0;n--)(s=o[n])&&(i=(r?s(t,e,i):s(i))||i);return r&&i&&Uo(t,e,i),i};let A=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=J.checkstroke.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"'),t=this.options.find(e=>e.value===this.value);return l`
|
|
1639
1642
|
<button
|
|
1640
1643
|
role="combobox"
|
|
1641
1644
|
aria-haspopup="listbox"
|
|
@@ -1673,14 +1676,14 @@
|
|
|
1673
1676
|
aria-activedescendant="${this.activeIndex>=0?"option-"+this.activeIndex:""}"
|
|
1674
1677
|
style=${`width: ${this.width};`}
|
|
1675
1678
|
>
|
|
1676
|
-
${this.options.map((e,
|
|
1679
|
+
${this.options.map((e,r)=>l`
|
|
1677
1680
|
<li
|
|
1678
|
-
id="option-${
|
|
1681
|
+
id="option-${r}"
|
|
1679
1682
|
role="option"
|
|
1680
1683
|
aria-selected="${e.value===this.value}"
|
|
1681
1684
|
aria-disabled="${e.disabled?"true":"false"}"
|
|
1682
|
-
tabindex="${
|
|
1683
|
-
class="${
|
|
1685
|
+
tabindex="${r===this.activeIndex?"0":"-1"}"
|
|
1686
|
+
class="${r===this.activeIndex?"active":""} ${e.disabled?"disabled":""}"
|
|
1684
1687
|
@click=${()=>this.selectOption(e)}
|
|
1685
1688
|
>
|
|
1686
1689
|
<a href="${_(e.url)}">
|
|
@@ -1689,7 +1692,7 @@
|
|
|
1689
1692
|
<div class="right">
|
|
1690
1693
|
<span class="additional-text">${_(e.additionaltext)}</span>
|
|
1691
1694
|
${e.value===this.value&&!e.additionaltext?l`
|
|
1692
|
-
<span class="check">${
|
|
1695
|
+
<span class="check">${O(o)}</span>`:null}
|
|
1693
1696
|
</div>
|
|
1694
1697
|
</a>
|
|
1695
1698
|
</li>
|
|
@@ -1697,7 +1700,7 @@
|
|
|
1697
1700
|
</ul>`:null}
|
|
1698
1701
|
|
|
1699
1702
|
<input type="hidden" name="${this.name}" .value="${this.value}" />
|
|
1700
|
-
`}};
|
|
1703
|
+
`}};A.styles=g`
|
|
1701
1704
|
:host {
|
|
1702
1705
|
display: inline-block;
|
|
1703
1706
|
position: relative;
|
|
@@ -1872,17 +1875,17 @@
|
|
|
1872
1875
|
input[type="hidden"] {
|
|
1873
1876
|
display: none;
|
|
1874
1877
|
}
|
|
1875
|
-
`;
|
|
1878
|
+
`;H([a({type:Array,reflect:!0})],A.prototype,"options",2);H([a({type:String,reflect:!0})],A.prototype,"value",2);H([a({type:String,reflect:!0})],A.prototype,"name",2);H([a({type:String,reflect:!0})],A.prototype,"additionaltext",2);H([a({type:Boolean,reflect:!0})],A.prototype,"disabled",2);H([a({type:String,reflect:!0})],A.prototype,"width",2);H([X()],A.prototype,"open",2);H([X()],A.prototype,"activeIndex",2);H([X()],A.prototype,"menuWidth",2);A=H([x("o-dropdown-variant")],A);/**
|
|
1876
1879
|
* @license
|
|
1877
1880
|
* Copyright 2018 Google LLC
|
|
1878
1881
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
1879
|
-
*/const pe="important",
|
|
1880
|
-
${this.option.imgurl?l`<img src="${this.option.imgurl}" alt="${_(this.option.title)}" aria-hidden="true" style=${
|
|
1882
|
+
*/const pe="important",Zo=" !"+pe,qo=Ft(class extends Nt{constructor(o){var t;if(super(o),o.type!==jt.ATTRIBUTE||o.name!=="style"||((t=o.strings)==null?void 0:t.length)>2)throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.")}render(o){return Object.keys(o).reduce((t,e)=>{const r=o[e];return r==null?t:t+`${e=e.includes("-")?e:e.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,"-$&").toLowerCase()}:${r};`},"")}update(o,[t]){const{style:e}=o.element;if(this.ft===void 0)return this.ft=new Set(Object.keys(t)),this.render(t);for(const r of this.ft)t[r]==null&&(this.ft.delete(r),r.includes("-")?e.removeProperty(r):e[r]=null);for(const r in t){const i=t[r];if(i!=null){this.ft.add(r);const n=typeof i=="string"&&i.endsWith(Zo);r.includes("-")||n?e.setProperty(r,n?i.slice(0,-11):i,n?pe:""):e[r]=i}}return V}});var Wo=Object.defineProperty,Ko=Object.getOwnPropertyDescriptor,Vt=(o,t,e,r)=>{for(var i=r>1?void 0:r?Ko(t,e):t,n=o.length-1,s;n>=0;n--)(s=o[n])&&(i=(r?s(t,e,i):s(i))||i);return r&&i&&Wo(t,e,i),i};let pt=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`
|
|
1883
|
+
${this.option.imgurl?l`<img src="${this.option.imgurl}" alt="${_(this.option.title)}" aria-hidden="true" style=${qo(t)} />`:""}
|
|
1881
1884
|
<div class="m-reassurance-content">
|
|
1882
1885
|
<h3 class="a-reassurance-text">${_(this.option.title)}</h3>
|
|
1883
1886
|
<p class="a-reassurance-description">${_(this.option.description)}</p>
|
|
1884
1887
|
</div>
|
|
1885
|
-
`;return o?l`<a href="${_(this.option.url)}" class="reassurance-item clickable">${e}</a>`:l`<div class="reassurance-item">${e}</div>`}};
|
|
1888
|
+
`;return o?l`<a href="${_(this.option.url)}" class="reassurance-item clickable">${e}</a>`:l`<div class="reassurance-item">${e}</div>`}};pt.styles=g`
|
|
1886
1889
|
:host {
|
|
1887
1890
|
display: inline-block;
|
|
1888
1891
|
position: relative;
|
|
@@ -1963,7 +1966,7 @@
|
|
|
1963
1966
|
overflow: hidden;
|
|
1964
1967
|
}
|
|
1965
1968
|
}
|
|
1966
|
-
`;
|
|
1969
|
+
`;Vt([a({type:Object,reflect:!0})],pt.prototype,"option",2);Vt([a({type:Number,reflect:!0})],pt.prototype,"imageSize",2);pt=Vt([x("o-reassurance")],pt);var Go=Object.defineProperty,Xo=Object.getOwnPropertyDescriptor,F=(o,t,e,r)=>{for(var i=r>1?void 0:r?Xo(t,e):t,n=o.length-1,s;n>=0;n--)(s=o[n])&&(i=(r?s(t,e,i):s(i))||i);return r&&i&&Go(t,e,i),i};const Jo=Tt(v);let S=class extends Jo{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`
|
|
1967
1970
|
<a href="${this.link}" class="o-chip" tabindex="${this.inactive?"-1":"0"}" aria-hidden="${this.inactive?"true":"false"}">
|
|
1968
1971
|
${o?this.text:l`<slot></slot>`}
|
|
1969
1972
|
</a>
|
|
@@ -1972,7 +1975,7 @@
|
|
|
1972
1975
|
aria-label=${this.ariaLabel} aria-pressed=${this.selected}>
|
|
1973
1976
|
${o?this.text:l`<slot></slot>`}
|
|
1974
1977
|
</button>
|
|
1975
|
-
`}};
|
|
1978
|
+
`}};S.styles=g`
|
|
1976
1979
|
:host {
|
|
1977
1980
|
cursor: pointer;
|
|
1978
1981
|
display: inline-flex;
|
|
@@ -2048,7 +2051,7 @@
|
|
|
2048
2051
|
}
|
|
2049
2052
|
|
|
2050
2053
|
&:focus-visible {
|
|
2051
|
-
${
|
|
2054
|
+
${bt};
|
|
2052
2055
|
}
|
|
2053
2056
|
}
|
|
2054
2057
|
|
|
@@ -2061,16 +2064,16 @@
|
|
|
2061
2064
|
display: inline-flex;
|
|
2062
2065
|
align-items: center;
|
|
2063
2066
|
}
|
|
2064
|
-
`;
|
|
2067
|
+
`;F([a({type:String,reflect:!0})],S.prototype,"link",2);F([a({reflect:!0})],S.prototype,"name",2);F([a({reflect:!0})],S.prototype,"value",2);F([a({type:String})],S.prototype,"text",2);F([a({type:String,reflect:!0})],S.prototype,"size",2);F([a({type:Boolean,reflect:!0})],S.prototype,"selected",2);F([a({type:Boolean,reflect:!0})],S.prototype,"fullwidth",2);F([a({type:Boolean,reflect:!0})],S.prototype,"inactive",2);S=F([x("o-chip")],S);var Qo=Object.defineProperty,Yo=Object.getOwnPropertyDescriptor,Zt=(o,t,e,r)=>{for(var i=r>1?void 0:r?Yo(t,e):t,n=o.length-1,s;n>=0;n--)(s=o[n])&&(i=(r?s(t,e,i):s(i))||i);return r&&i&&Qo(t,e,i),i};let ut=class extends v{constructor(){super(),this.name="",this.value="",this.addEventListener("selected",this.onChipSelected)}onChipSelected(o){const t=o.target instanceof S?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`
|
|
2065
2068
|
<slot></slot>
|
|
2066
|
-
`}};
|
|
2069
|
+
`}};ut.styles=g`
|
|
2067
2070
|
:host {
|
|
2068
2071
|
display: flex;
|
|
2069
2072
|
flex-direction: row;
|
|
2070
2073
|
flex-wrap: wrap;
|
|
2071
2074
|
gap: var(--spacing-s);
|
|
2072
2075
|
}
|
|
2073
|
-
`;
|
|
2076
|
+
`;Zt([a({reflect:!0})],ut.prototype,"name",2);Zt([a({reflect:!0})],ut.prototype,"value",2);ut=Zt([x("o-chipset")],ut);var ti=Object.defineProperty,ei=Object.getOwnPropertyDescriptor,M=(o,t,e,r)=>{for(var i=r>1?void 0:r?ei(t,e):t,n=o.length-1,s;n>=0;n--)(s=o[n])&&(i=(r?s(t,e,i):s(i))||i);return r&&i&&ti(t,e,i),i};const oi=Tt(v);let E=class extends oi{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=J[this.crossIconName].replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"').replace(/stroke=[#"'a-z1-9]*/gi,"");return l`<span class="cross-icon">${O(o)}</span>`}strikeThroughImg(){const o=co[this.strikethroughImgName].replace("<svg",'<svg aria-hidden="true" focusable="false" part="strikethrough"').replace(/stroke=[#"'a-z1-9]*/gi,"");return O(o)}render(){const o=this.text;return l`${this.type==="link"?l`
|
|
2074
2077
|
<a role="button" tabindex="0" class="button" href=${this.href} ?disabled=${this.disabled} @click=${this.handleClick} @keydown=${this.handleClick}
|
|
2075
2078
|
aria-label=${this.ariaLabel} aria-pressed=${this.selected}>
|
|
2076
2079
|
${o?l`
|
|
@@ -2090,7 +2093,7 @@
|
|
|
2090
2093
|
</button>
|
|
2091
2094
|
`}
|
|
2092
2095
|
${this.disabled?this.strikeThroughImg():d}
|
|
2093
|
-
`}};E.styles=
|
|
2096
|
+
`}};E.styles=g`
|
|
2094
2097
|
:host {
|
|
2095
2098
|
cursor: pointer;
|
|
2096
2099
|
display: inline-flex;
|
|
@@ -2170,7 +2173,7 @@
|
|
|
2170
2173
|
}
|
|
2171
2174
|
|
|
2172
2175
|
.button:focus-visible {
|
|
2173
|
-
${
|
|
2176
|
+
${bt};
|
|
2174
2177
|
}
|
|
2175
2178
|
|
|
2176
2179
|
span.text + span.text::before {
|
|
@@ -2215,7 +2218,7 @@
|
|
|
2215
2218
|
stroke-linecap: round;
|
|
2216
2219
|
}
|
|
2217
2220
|
}
|
|
2218
|
-
`;
|
|
2221
|
+
`;M([a({reflect:!0})],E.prototype,"name",2);M([a({reflect:!0})],E.prototype,"value",2);M([a({type:String,reflect:!0})],E.prototype,"type",2);M([a({type:String,reflect:!0})],E.prototype,"href",2);M([a({type:String,reflect:!0,attribute:"data-href"})],E.prototype,"dataHref",2);M([a({type:String})],E.prototype,"text",2);M([a({type:Boolean,reflect:!0})],E.prototype,"selected",2);M([a({type:Boolean,reflect:!0})],E.prototype,"disabled",2);M([a({type:Boolean,reflect:!0})],E.prototype,"fullwidth",2);E=M([x("o-filter-chip")],E);var ii=Object.defineProperty,N=(o,t,e,r)=>{for(var i=void 0,n=o.length-1,s;n>=0;n--)(s=o[n])&&(i=s(t,e,i)||i);return i&&ii(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`
|
|
2219
2222
|
<o-icon-button
|
|
2220
2223
|
@click=${this.onClick}
|
|
2221
2224
|
icon="chevronRight"
|
|
@@ -2247,7 +2250,7 @@
|
|
|
2247
2250
|
</div>
|
|
2248
2251
|
${this.icons}
|
|
2249
2252
|
</div>
|
|
2250
|
-
`}};Wt.styles=
|
|
2253
|
+
`}};Wt.styles=g`
|
|
2251
2254
|
:host {
|
|
2252
2255
|
display: block;
|
|
2253
2256
|
max-width: 100%;
|
|
@@ -2334,11 +2337,11 @@
|
|
|
2334
2337
|
.fullpointer {
|
|
2335
2338
|
cursor: pointer;
|
|
2336
2339
|
}
|
|
2337
|
-
`;let
|
|
2340
|
+
`;let L=Wt;N([a({type:String})],L.prototype,"type");N([a({type:String})],L.prototype,"titleProduct");N([a({type:String})],L.prototype,"volume");N([a({type:String})],L.prototype,"perLiter");N([a({type:String})],L.prototype,"mainPrice");N([a({type:String})],L.prototype,"imageUrl");N([a({type:String})],L.prototype,"altImage");N([a({type:Boolean})],L.prototype,"fullwidth");N([a({type:Function})],L.prototype,"onClickTile");customElements.define("mini-tile",L);var ri=Object.defineProperty,ni=Object.getOwnPropertyDescriptor,qt=(o,t,e,r)=>{for(var i=r>1?void 0:r?ni(t,e):t,n=o.length-1,s;n>=0;n--)(s=o[n])&&(i=(r?s(t,e,i):s(i))||i);return r&&i&&ri(t,e,i),i};let vt=class extends v{constructor(){super(...arguments),this.variant="cart",this.text=""}render(){return l`
|
|
2338
2341
|
<span class="badge">
|
|
2339
2342
|
${this.text?this.text:l`<slot></slot>`}
|
|
2340
2343
|
</span>
|
|
2341
|
-
`}};
|
|
2344
|
+
`}};vt.styles=g`
|
|
2342
2345
|
:host([variant]) {
|
|
2343
2346
|
--badge-width: 19px;
|
|
2344
2347
|
display: inline-block;
|
|
@@ -2372,10 +2375,10 @@
|
|
|
2372
2375
|
color: var(--text-color);
|
|
2373
2376
|
}
|
|
2374
2377
|
|
|
2375
|
-
`;
|
|
2378
|
+
`;qt([a({type:String,reflect:!0})],vt.prototype,"variant",2);qt([a({type:String})],vt.prototype,"text",2);vt=qt([x("o-badge")],vt);var si=Object.defineProperty,ai=Object.getOwnPropertyDescriptor,z=(o,t,e,r)=>{for(var i=r>1?void 0:r?ai(t,e):t,n=o.length-1,s;n>=0;n--)(s=o[n])&&(i=(r?s(t,e,i):s(i))||i);return r&&i&&si(t,e,i),i};let $=class extends v{constructor(){super(...arguments),this.icon="info",this.text="Sample text",this.verticalanchor="top",this.horizontalanchor="right",this.verticaloffset=24,this.horizontaloffset=24,this.animationduration=500,this.animationaxis="horizontal",this.animated=!0,this.lifeduration=3e3}attributeChangedCallback(o,t,e){super.attributeChangedCallback(o,t,e),o=="verticaloffset"&&this.style.setProperty("--vertical-offset",e+"px"),o=="horizontaloffset"&&this.style.setProperty("--horizontal-offset",e+"px"),o=="animationduration"&&this.style.setProperty("--animation-duration",e+"ms")}selfCloseAfterDelay(){var o=this;setTimeout(function(){o.animated=!0,o.selfClose()},this.lifeduration)}selfClose(){var o=this;setTimeout(function(){o.remove()},this.animationduration+200)}connectedCallback(){var o=this;super.connectedCallback(),setTimeout(()=>{o.animated=!1,this.selfCloseAfterDelay()},300)}firstUpdated(){var e;var o=this;const t=(e=this.renderRoot)==null?void 0:e.querySelector("o-icon-button");t!=null&&t.addEventListener("click",function(){o.remove()})}render(){const t=ho[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`
|
|
2376
2379
|
<div class="o-toast">
|
|
2377
2380
|
<div class="o-toast-icon">
|
|
2378
|
-
${
|
|
2381
|
+
${O(t)}
|
|
2379
2382
|
</div>
|
|
2380
2383
|
<div class="o-toast-text">
|
|
2381
2384
|
${this.text}
|
|
@@ -2388,7 +2391,53 @@
|
|
|
2388
2391
|
</o-icon-button>
|
|
2389
2392
|
</div>
|
|
2390
2393
|
</div>
|
|
2391
|
-
`}}
|
|
2394
|
+
`}};$.styles=g`
|
|
2395
|
+
:host {
|
|
2396
|
+
--vertical-offset: 24px;
|
|
2397
|
+
--horizontal-offset: 24px;
|
|
2398
|
+
--animation-duration: 500ms;
|
|
2399
|
+
position: fixed;
|
|
2400
|
+
z-index: 30;
|
|
2401
|
+
transition: all var(--animation-duration) ease-in-out;
|
|
2402
|
+
}
|
|
2403
|
+
|
|
2404
|
+
:host([verticalanchor="top"]) {
|
|
2405
|
+
top: var(--vertical-offset);
|
|
2406
|
+
}
|
|
2407
|
+
|
|
2408
|
+
:host([verticalanchor="bottom"]) {
|
|
2409
|
+
bottom: var(--vertical-offset);
|
|
2410
|
+
}
|
|
2411
|
+
|
|
2412
|
+
:host([horizontalanchor="right"]) {
|
|
2413
|
+
right: var(--horizontal-offset);
|
|
2414
|
+
}
|
|
2415
|
+
|
|
2416
|
+
:host([horizontalanchor="center"]) {
|
|
2417
|
+
left: 50%;
|
|
2418
|
+
transform: translateX(-50%);
|
|
2419
|
+
}
|
|
2420
|
+
|
|
2421
|
+
:host([horizontalanchor="left"]) {
|
|
2422
|
+
left: var(--horizontal-offset);
|
|
2423
|
+
}
|
|
2424
|
+
|
|
2425
|
+
:host([animated][animationaxis="horizontal"][horizontalanchor="right"]) {
|
|
2426
|
+
right: -300px;
|
|
2427
|
+
}
|
|
2428
|
+
|
|
2429
|
+
:host([animated][animationaxis="horizontal"][horizontalanchor="left"]) {
|
|
2430
|
+
left: -300px;
|
|
2431
|
+
}
|
|
2432
|
+
|
|
2433
|
+
:host([animated][animationaxis="vertical"][verticalanchor="top"]) {
|
|
2434
|
+
top: -300px;
|
|
2435
|
+
}
|
|
2436
|
+
|
|
2437
|
+
:host([animated][animationaxis="vertical"][verticalanchor="bottom"]) {
|
|
2438
|
+
bottom: -300px;
|
|
2439
|
+
}
|
|
2440
|
+
|
|
2392
2441
|
.o-toast {
|
|
2393
2442
|
background: #fffefe;
|
|
2394
2443
|
padding: var(--spacing-l);
|
|
@@ -2408,4 +2457,4 @@
|
|
|
2408
2457
|
.o-toast-icon {
|
|
2409
2458
|
height: 16px;
|
|
2410
2459
|
}
|
|
2411
|
-
`;
|
|
2460
|
+
`;z([a({type:String,reflect:!0})],$.prototype,"icon",2);z([a({type:String,reflect:!0})],$.prototype,"text",2);z([a({type:String,reflect:!0})],$.prototype,"verticalanchor",2);z([a({type:String,reflect:!0})],$.prototype,"horizontalanchor",2);z([a({type:Number,reflect:!0})],$.prototype,"verticaloffset",2);z([a({type:Number,reflect:!0})],$.prototype,"horizontaloffset",2);z([a({type:Number,reflect:!0})],$.prototype,"animationduration",2);z([a({type:String,reflect:!0})],$.prototype,"animationaxis",2);z([a({type:Boolean,reflect:!0})],$.prototype,"animated",2);z([a({type:Number,reflect:!0})],$.prototype,"lifeduration",2);$=z([x("o-toast")],$);
|