@florid-kit/components 0.8.62 → 0.8.64
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 +145 -97
- package/index.mjs +799 -692
- 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,Ce=o=>(t,...e)=>({_$litType$:o,strings:t,values:e}),l=Ce(1),
|
|
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,_e=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,Ce=o=>(t,...e)=>({_$litType$:o,strings:t,values:e}),l=Ce(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,_=0;for(;_<c.length&&(s.lastIndex=_,m=s.exec(c),m!==null);)_=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 _=m[s++],P=i.getAttribute(p).split(R),gt=/([.?@])?(.*)/.exec(_);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),_=p.length-1;if(_>0){i.textContent=xt?xt.emptyScript:"";for(let P=0;P<_;P++)i.append(p[P],at()),W.nextNode(),c.push({type:2,index:++n});i.append(p[_],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):_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&<(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,19 @@
|
|
|
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
|
+
`,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},lo={strikeDiagonal:io},co={success:no,error:so,info:ao};/**
|
|
143
143
|
* @license
|
|
144
144
|
* Copyright 2017 Google LLC
|
|
145
145
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
146
|
-
*/const
|
|
146
|
+
*/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
147
|
* @license
|
|
148
148
|
* Copyright 2017 Google LLC
|
|
149
149
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
150
|
-
*/class
|
|
150
|
+
*/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
151
|
* @license
|
|
152
152
|
* Copyright 2017 Google LLC
|
|
153
153
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
154
|
-
*/class
|
|
154
|
+
*/class Ot extends Pt{}Ot.directiveName="unsafeSVG",Ot.resultType=2;const O=Ft(Ot);var ho=Object.defineProperty,po=Object.getOwnPropertyDescriptor,w=(o,t,e,r)=>{for(var i=r>1?void 0:r?po(t,e):t,n=o.length-1,s;n>=0;n--)(s=o[n])&&(i=(r?s(t,e,i):s(i))||i);return r&&i&&ho(t,e,i),i};const uo=Tt(v);let b=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[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
155
|
<button type=${this.type} class="button" ?disabled=${this.disabled} @click=${this.handleClick} @keydown=${this.handleClick}>
|
|
156
156
|
${this.startIcon?this.renderIcon("start"):d}
|
|
157
157
|
${o?l`
|
|
@@ -175,7 +175,7 @@
|
|
|
175
175
|
`:l`<slot></slot>`}
|
|
176
176
|
${this.endIcon?this.renderIcon("end"):d}
|
|
177
177
|
</a>
|
|
178
|
-
`}};
|
|
178
|
+
`}};Be(b);b.formAssociated=!0;b.styles=g`
|
|
179
179
|
:host {
|
|
180
180
|
--button-border: transparent;
|
|
181
181
|
--badge-outer-width: 19px;
|
|
@@ -292,7 +292,7 @@
|
|
|
292
292
|
}
|
|
293
293
|
|
|
294
294
|
.button:focus-visible {
|
|
295
|
-
${
|
|
295
|
+
${bt};
|
|
296
296
|
}
|
|
297
297
|
|
|
298
298
|
span.text + span.text::before {
|
|
@@ -376,12 +376,12 @@
|
|
|
376
376
|
transform: translateX(4px);
|
|
377
377
|
}
|
|
378
378
|
//End icon movment on hover
|
|
379
|
-
`;
|
|
379
|
+
`;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 vo=Object.defineProperty,fo=Object.getOwnPropertyDescriptor,_t=(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&&vo(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
380
|
<button type="button" aria-describedby="${this.ariaDescribedBy}" class="wishlist-button">
|
|
381
381
|
<span class="sr-only">${this.label}</span>
|
|
382
|
-
${
|
|
382
|
+
${O(o)}
|
|
383
383
|
</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()}};
|
|
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()}};et.styles=g`
|
|
385
385
|
:host {
|
|
386
386
|
display: inline-flex;
|
|
387
387
|
justify-content: center;
|
|
@@ -446,27 +446,27 @@
|
|
|
446
446
|
width: 0.1rem !important;
|
|
447
447
|
white-space: nowrap !important;
|
|
448
448
|
}
|
|
449
|
-
|
|
449
|
+
`;_t([a({type:String,reflect:!0})],et.prototype,"status",2);_t([a({type:String,reflect:!0})],et.prototype,"ariaDescribedBy",2);_t([a({type:String,reflect:!0})],et.prototype,"label",2);et=_t([x("o-wishlist-button")],et);/**
|
|
450
450
|
* @license
|
|
451
451
|
* Copyright 2018 Google LLC
|
|
452
452
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
453
|
-
*/const
|
|
453
|
+
*/const C=o=>o??d;var bo=Object.defineProperty,go=Object.getOwnPropertyDescriptor,D=(o,t,e,r)=>{for(var i=r>1?void 0:r?go(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&&bo(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
454
|
${this.type==="span"?l`
|
|
455
455
|
<span class="icon icon-button ${this.size} ${this.bgstyle} ${this.status} ${t}" ?disabled="${this.disabled}">
|
|
456
|
-
${
|
|
456
|
+
${O(e)}
|
|
457
457
|
</span>
|
|
458
458
|
`:l`
|
|
459
459
|
<button
|
|
460
460
|
type="button"
|
|
461
|
-
aria-label=${
|
|
461
|
+
aria-label=${C(i)}
|
|
462
462
|
class="icon-button ${this.size} ${this.bgstyle} ${this.status} ${t}"
|
|
463
463
|
?disabled="${this.disabled}"
|
|
464
464
|
>
|
|
465
|
-
${
|
|
466
|
-
${
|
|
465
|
+
${O(e)}
|
|
466
|
+
${r}
|
|
467
467
|
</button>
|
|
468
468
|
`}
|
|
469
|
-
`}};
|
|
469
|
+
`}};k.styles=g`
|
|
470
470
|
:host {
|
|
471
471
|
display: inline-flex;
|
|
472
472
|
justify-content: center;
|
|
@@ -671,16 +671,16 @@
|
|
|
671
671
|
}
|
|
672
672
|
|
|
673
673
|
.icon-button:focus-visible {
|
|
674
|
-
${
|
|
674
|
+
${bt}
|
|
675
675
|
}
|
|
676
676
|
|
|
677
677
|
.sr-only {
|
|
678
678
|
display: none;
|
|
679
679
|
}
|
|
680
|
-
`;
|
|
680
|
+
`;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 yo=Object.defineProperty,mo=Object.getOwnPropertyDescriptor,Q=(o,t,e,r)=>{for(var i=r>1?void 0:r?mo(t,e):t,n=o.length-1,s;n>=0;n--)(s=o[n])&&(i=(r?s(t,e,i):s(i))||i);return r&&i&&yo(t,e,i),i};let 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
681
|
<a
|
|
682
682
|
href="${o}"
|
|
683
|
-
target="${
|
|
683
|
+
target="${C(this.target||void 0)}"
|
|
684
684
|
@click="${this._handleClick}"
|
|
685
685
|
>
|
|
686
686
|
${this.endIcon&&this.reverseEndIcon?l`
|
|
@@ -703,7 +703,7 @@
|
|
|
703
703
|
></o-icon-button>
|
|
704
704
|
`:null}
|
|
705
705
|
</a>
|
|
706
|
-
`}};
|
|
706
|
+
`}};T.styles=g`
|
|
707
707
|
:host([template="standard"]) a {
|
|
708
708
|
color: var(--color-content-action-secondary);
|
|
709
709
|
font-size: var(--font-size-200);
|
|
@@ -790,14 +790,14 @@
|
|
|
790
790
|
height: 1px;
|
|
791
791
|
}
|
|
792
792
|
/* End of underline effect */
|
|
793
|
-
`;
|
|
793
|
+
`;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 xo=Object.defineProperty,wo=Object.getOwnPropertyDescriptor,Ct=(o,t,e,r)=>{for(var i=r>1?void 0:r?wo(t,e):t,n=o.length-1,s;n>=0;n--)(s=o[n])&&(i=(r?s(t,e,i):s(i))||i);return r&&i&&xo(t,e,i),i};let 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
794
|
<div class="rating">
|
|
795
795
|
<div class="stars">
|
|
796
|
-
${o.map(t=>l`<span class="star">${
|
|
796
|
+
${o.map(t=>l`<span class="star">${O(J[t]??"")}</span>`)}
|
|
797
797
|
</div>
|
|
798
798
|
${this.reviewCount!=null&&this.href!=null?l`<o-link template="review" href="${this.href}">${this.reviewCount}</o-link>`:null}
|
|
799
799
|
</div>
|
|
800
|
-
`}};
|
|
800
|
+
`}};ot.styles=g`
|
|
801
801
|
svg {
|
|
802
802
|
width: 12px;
|
|
803
803
|
height: 12px;
|
|
@@ -830,7 +830,7 @@
|
|
|
830
830
|
text-decoration: underline;
|
|
831
831
|
cursor: pointer;
|
|
832
832
|
}
|
|
833
|
-
`;
|
|
833
|
+
`;Ct([a({type:Number})],ot.prototype,"rating",2);Ct([a({type:String})],ot.prototype,"reviewCount",2);Ct([a({type:String})],ot.prototype,"href",2);ot=Ct([x("o-rating")],ot);/**
|
|
834
834
|
* @license
|
|
835
835
|
* Copyright 2020 Google LLC
|
|
836
836
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
@@ -838,7 +838,7 @@
|
|
|
838
838
|
* @license
|
|
839
839
|
* Copyright 2017 Google LLC
|
|
840
840
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
841
|
-
*/const
|
|
841
|
+
*/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),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 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 ko=o=>{o.type==jt.CHILD&&(o._$AP??(o._$AP=Co),o._$AQ??(o._$AQ=_o))};class Ao 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($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 So extends Ao{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 Eo extends So{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 Lo extends Eo{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(Lo);var Po=Object.defineProperty,Oo=Object.getOwnPropertyDescriptor,y=(o,t,e,r)=>{for(var i=r>1?void 0:r?Oo(t,e):t,n=o.length-1,s;n>=0;n--)(s=o[n])&&(i=(r?s(t,e,i):s(i))||i);return r&&i&&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 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,_,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?(_=(p=(m=e.shadowRoot)==null?void 0:m.querySelector(u.focusablesSelector))==null?void 0:p.focus)==null||_.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
842
|
<div class="header">
|
|
843
843
|
${this.showHeaderStartIcon?l`
|
|
844
844
|
<o-icon-button
|
|
@@ -898,7 +898,7 @@
|
|
|
898
898
|
variant="${this.firstButtonVariant}"
|
|
899
899
|
@click=${this.handleFirstClick}
|
|
900
900
|
@keydown=${this.handleFirstClick}
|
|
901
|
-
${
|
|
901
|
+
${re(this.firstButtonProps)}
|
|
902
902
|
>
|
|
903
903
|
${this.firstButtonLabel}
|
|
904
904
|
</o-button>
|
|
@@ -909,7 +909,7 @@
|
|
|
909
909
|
variant="${this.secondButtonVariant}"
|
|
910
910
|
@click=${this.handleSecondClick}
|
|
911
911
|
@keydown=${this.handleSecondClick}
|
|
912
|
-
${
|
|
912
|
+
${re(this.secondButtonProps)}
|
|
913
913
|
>
|
|
914
914
|
${this.secondButtonLabel}
|
|
915
915
|
</o-button>
|
|
@@ -917,7 +917,7 @@
|
|
|
917
917
|
</div>
|
|
918
918
|
`:null}
|
|
919
919
|
</div>
|
|
920
|
-
`}};u.styles=
|
|
920
|
+
`}};u.styles=g`
|
|
921
921
|
:host {
|
|
922
922
|
--z-overlay: 99;
|
|
923
923
|
--z-panel: 100;
|
|
@@ -1021,7 +1021,7 @@
|
|
|
1021
1021
|
.panel:focus-visible,
|
|
1022
1022
|
.close-btn:focus,
|
|
1023
1023
|
.close-btn:focus-visible {
|
|
1024
|
-
${
|
|
1024
|
+
${bt}
|
|
1025
1025
|
}
|
|
1026
1026
|
|
|
1027
1027
|
.content {
|
|
@@ -1105,7 +1105,7 @@
|
|
|
1105
1105
|
.detail-content {
|
|
1106
1106
|
padding: var(--spacing-xl);
|
|
1107
1107
|
}
|
|
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([
|
|
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([x("o-side-panel")],u);var Io=Object.defineProperty,zo=Object.getOwnPropertyDescriptor,Z=(o,t,e,r)=>{for(var i=r>1?void 0:r?zo(t,e):t,n=o.length-1,s;n>=0;n--)(s=o[n])&&(i=(r?s(t,e,i):s(i))||i);return r&&i&&Io(t,e,i),i};let 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
1109
|
<o-icon-button
|
|
1110
1110
|
icon="playerv"
|
|
1111
1111
|
size="xsmall"
|
|
@@ -1116,27 +1116,27 @@
|
|
|
1116
1116
|
></o-icon-button>
|
|
1117
1117
|
`}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
1118
|
<ul class="scroll-container" style="max-width: ${this.maxWidth};">
|
|
1119
|
-
${this.thumbnails.map((o,t)=>{const e=this.disabledIndexes.includes(t),
|
|
1119
|
+
${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
1120
|
<li class="thumb-wrapper">
|
|
1121
1121
|
<button
|
|
1122
1122
|
class="thumb"
|
|
1123
1123
|
data-index="${t}"
|
|
1124
1124
|
?disabled=${e}
|
|
1125
1125
|
aria-selected="${this.focusedIndex===t}"
|
|
1126
|
-
aria-current=${
|
|
1126
|
+
aria-current=${r?"true":"false"}
|
|
1127
1127
|
tabindex="${this.disabledIndexes.includes(t)?-1:0}"
|
|
1128
1128
|
@click=${()=>this.selectThumbnail(t)}
|
|
1129
1129
|
@keydown=${this.handleKeyDown}
|
|
1130
1130
|
@focus=${s=>this.onFocus(s)}
|
|
1131
1131
|
@blur=${s=>this.onBlur(s)}
|
|
1132
1132
|
>
|
|
1133
|
-
<img alt="${
|
|
1133
|
+
<img alt="${n}" src="${o.src}" />
|
|
1134
1134
|
</button>
|
|
1135
1135
|
${i?l`<div class="play-icon-wrapper">${this.playerIconTemplate}</div>`:null}
|
|
1136
1136
|
</li>
|
|
1137
1137
|
`})}
|
|
1138
1138
|
</ul>
|
|
1139
|
-
`}};
|
|
1139
|
+
`}};B.styles=g`
|
|
1140
1140
|
:host {
|
|
1141
1141
|
display: flex;
|
|
1142
1142
|
gap: 5px;
|
|
@@ -1241,9 +1241,9 @@
|
|
|
1241
1241
|
height: 0;
|
|
1242
1242
|
width: 0;
|
|
1243
1243
|
}
|
|
1244
|
-
`;
|
|
1244
|
+
`;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 Bo=Object.defineProperty,Do=Object.getOwnPropertyDescriptor,Rt=(o,t,e,r)=>{for(var i=r>1?void 0:r?Do(t,e):t,n=o.length-1,s;n>=0;n--)(s=o[n])&&(i=(r?s(t,e,i):s(i))||i);return r&&i&&Bo(t,e,i),i};let ht=class extends v{constructor(){super(...arguments),this.type="",this.bgstyle="background-white"}render(){return l`
|
|
1245
1245
|
<span class="tag ${this.bgstyle}"><slot></slot></span>
|
|
1246
|
-
`}};
|
|
1246
|
+
`}};ht.styles=g`
|
|
1247
1247
|
.tag {
|
|
1248
1248
|
display: inline-block;
|
|
1249
1249
|
padding: var(--spacing-2-xs) var(--spacing-s);
|
|
@@ -1300,12 +1300,12 @@
|
|
|
1300
1300
|
}
|
|
1301
1301
|
}
|
|
1302
1302
|
|
|
1303
|
-
`;Rt([a({type:String,reflect:!0})],
|
|
1303
|
+
`;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 Ho=Object.defineProperty,Mo=Object.getOwnPropertyDescriptor,Ut=(o,t,e,r)=>{for(var i=r>1?void 0:r?Mo(t,e):t,n=o.length-1,s;n>=0;n--)(s=o[n])&&(i=(r?s(t,e,i):s(i))||i);return r&&i&&Ho(t,e,i),i};let dt=class extends v{constructor(){super(...arguments),this.type="top",this.text=""}render(){return l`
|
|
1304
1304
|
<div class="tooltip">
|
|
1305
1305
|
<span class="tooltiptext">${this.text}</span>
|
|
1306
1306
|
<slot></slot>
|
|
1307
1307
|
</div>
|
|
1308
|
-
`}};
|
|
1308
|
+
`}};dt.styles=g`
|
|
1309
1309
|
.tooltip {
|
|
1310
1310
|
position: relative;
|
|
1311
1311
|
display: inline-block;
|
|
@@ -1397,7 +1397,7 @@
|
|
|
1397
1397
|
border-color: transparent var(--color-alpha-dark-strongest) transparent transparent;
|
|
1398
1398
|
}
|
|
1399
1399
|
|
|
1400
|
-
`;Ut([a({type:String,reflect:!0})],
|
|
1400
|
+
`;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 To=Object.defineProperty,jo=Object.getOwnPropertyDescriptor,j=(o,t,e,r)=>{for(var i=r>1?void 0:r?jo(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&&To(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
1401
|
<button
|
|
1402
1402
|
role="combobox"
|
|
1403
1403
|
aria-haspopup="listbox"
|
|
@@ -1425,27 +1425,27 @@
|
|
|
1425
1425
|
aria-activedescendant="${this.activeIndex>=0?"option-"+this.activeIndex:""}"
|
|
1426
1426
|
style=${`width: ${this.width};`}
|
|
1427
1427
|
>
|
|
1428
|
-
${this.options.map((e,
|
|
1428
|
+
${this.options.map((e,r)=>l`
|
|
1429
1429
|
<li
|
|
1430
|
-
id="option-${
|
|
1430
|
+
id="option-${r}"
|
|
1431
1431
|
role="option"
|
|
1432
1432
|
aria-selected="${e.value===this.value}"
|
|
1433
|
-
tabindex="${
|
|
1434
|
-
class="${
|
|
1433
|
+
tabindex="${r===this.activeIndex?"0":"-1"}"
|
|
1434
|
+
class="${r===this.activeIndex?"active":""} ${e.disabled?"disabled":""}"
|
|
1435
1435
|
@click=${()=>this.selectOption(e)}
|
|
1436
1436
|
>
|
|
1437
1437
|
${e.url?l`
|
|
1438
1438
|
<a href="${e.url}">
|
|
1439
1439
|
<span>${e.label}</span>
|
|
1440
|
-
${e.value===this.value?l`<span class="check">${
|
|
1440
|
+
${e.value===this.value?l`<span class="check">${O(o)}</span>`:null}
|
|
1441
1441
|
</a>`:l`
|
|
1442
1442
|
<span>${e.label}</span>
|
|
1443
|
-
${e.value===this.value?l`<span class="check">${
|
|
1443
|
+
${e.value===this.value?l`<span class="check">${O(o)}</span>`:null}`}
|
|
1444
1444
|
</li>`)}
|
|
1445
1445
|
</ul>`:null}
|
|
1446
1446
|
|
|
1447
1447
|
<input type="hidden" name="${this.name}" .value="${this.value}" />
|
|
1448
|
-
`}};
|
|
1448
|
+
`}};I.styles=g`
|
|
1449
1449
|
:host {
|
|
1450
1450
|
display: inline-block;
|
|
1451
1451
|
position: relative;
|
|
@@ -1584,7 +1584,7 @@
|
|
|
1584
1584
|
input[type="hidden"] {
|
|
1585
1585
|
display: none;
|
|
1586
1586
|
}
|
|
1587
|
-
`;
|
|
1587
|
+
`;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 Fo=Object.getOwnPropertyDescriptor,No=(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=s(i)||i);return i};let It=class extends v{render(){return l` <span class="dots"></span> `}};It.styles=g`
|
|
1588
1588
|
:host {
|
|
1589
1589
|
display: flex;
|
|
1590
1590
|
align-items: center;
|
|
@@ -1635,7 +1635,7 @@
|
|
|
1635
1635
|
background-color: var(--color-container-action-primary-pressed);
|
|
1636
1636
|
}
|
|
1637
1637
|
}
|
|
1638
|
-
`;
|
|
1638
|
+
`;It=No([x("o-dots")],It);var Ro=Object.defineProperty,Uo=Object.getOwnPropertyDescriptor,H=(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&&Ro(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
1639
|
<button
|
|
1640
1640
|
role="combobox"
|
|
1641
1641
|
aria-haspopup="listbox"
|
|
@@ -1649,7 +1649,7 @@
|
|
|
1649
1649
|
?disabled=${this.disabled}
|
|
1650
1650
|
class="btn-dropdown"
|
|
1651
1651
|
>
|
|
1652
|
-
<img alt="${
|
|
1652
|
+
<img alt="${C(t==null?void 0:t.label)}" src="${C(t==null?void 0:t.imgurl)}" />
|
|
1653
1653
|
<span id="dropdown-label" class="label">
|
|
1654
1654
|
${t?t.label:"Select an option"}
|
|
1655
1655
|
</span>
|
|
@@ -1673,23 +1673,23 @@
|
|
|
1673
1673
|
aria-activedescendant="${this.activeIndex>=0?"option-"+this.activeIndex:""}"
|
|
1674
1674
|
style=${`width: ${this.width};`}
|
|
1675
1675
|
>
|
|
1676
|
-
${this.options.map((e,
|
|
1676
|
+
${this.options.map((e,r)=>l`
|
|
1677
1677
|
<li
|
|
1678
|
-
id="option-${
|
|
1678
|
+
id="option-${r}"
|
|
1679
1679
|
role="option"
|
|
1680
1680
|
aria-selected="${e.value===this.value}"
|
|
1681
1681
|
aria-disabled="${e.disabled?"true":"false"}"
|
|
1682
|
-
tabindex="${
|
|
1683
|
-
class="${
|
|
1682
|
+
tabindex="${r===this.activeIndex?"0":"-1"}"
|
|
1683
|
+
class="${r===this.activeIndex?"active":""} ${e.disabled?"disabled":""}"
|
|
1684
1684
|
@click=${()=>this.selectOption(e)}
|
|
1685
1685
|
>
|
|
1686
|
-
<a href="${
|
|
1687
|
-
<img alt="${
|
|
1686
|
+
<a href="${C(e.url)}">
|
|
1687
|
+
<img alt="${C(e.label)}" src="${C(e.imgurl)}" />
|
|
1688
1688
|
<span class="label">${e.label}</span>
|
|
1689
1689
|
<div class="right">
|
|
1690
|
-
<span class="additional-text">${
|
|
1690
|
+
<span class="additional-text">${C(e.additionaltext)}</span>
|
|
1691
1691
|
${e.value===this.value&&!e.additionaltext?l`
|
|
1692
|
-
<span class="check">${
|
|
1692
|
+
<span class="check">${O(o)}</span>`:null}
|
|
1693
1693
|
</div>
|
|
1694
1694
|
</a>
|
|
1695
1695
|
</li>
|
|
@@ -1697,7 +1697,7 @@
|
|
|
1697
1697
|
</ul>`:null}
|
|
1698
1698
|
|
|
1699
1699
|
<input type="hidden" name="${this.name}" .value="${this.value}" />
|
|
1700
|
-
`}};
|
|
1700
|
+
`}};A.styles=g`
|
|
1701
1701
|
:host {
|
|
1702
1702
|
display: inline-block;
|
|
1703
1703
|
position: relative;
|
|
@@ -1872,17 +1872,17 @@
|
|
|
1872
1872
|
input[type="hidden"] {
|
|
1873
1873
|
display: none;
|
|
1874
1874
|
}
|
|
1875
|
-
`;
|
|
1875
|
+
`;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
1876
|
* @license
|
|
1877
1877
|
* Copyright 2018 Google LLC
|
|
1878
1878
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
1879
|
-
*/const pe="important",Vo=" !"+pe,Zo=
|
|
1880
|
-
${this.option.imgurl?l`<img src="${this.option.imgurl}" alt="${
|
|
1879
|
+
*/const pe="important",Vo=" !"+pe,Zo=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(Vo);r.includes("-")||n?e.setProperty(r,n?i.slice(0,-11):i,n?pe:""):e[r]=i}}return V}});var qo=Object.defineProperty,Wo=Object.getOwnPropertyDescriptor,Vt=(o,t,e,r)=>{for(var i=r>1?void 0:r?Wo(t,e):t,n=o.length-1,s;n>=0;n--)(s=o[n])&&(i=(r?s(t,e,i):s(i))||i);return r&&i&&qo(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`
|
|
1880
|
+
${this.option.imgurl?l`<img src="${this.option.imgurl}" alt="${C(this.option.title)}" aria-hidden="true" style=${Zo(t)} />`:""}
|
|
1881
1881
|
<div class="m-reassurance-content">
|
|
1882
|
-
<h3 class="a-reassurance-text">${
|
|
1883
|
-
<p class="a-reassurance-description">${
|
|
1882
|
+
<h3 class="a-reassurance-text">${C(this.option.title)}</h3>
|
|
1883
|
+
<p class="a-reassurance-description">${C(this.option.description)}</p>
|
|
1884
1884
|
</div>
|
|
1885
|
-
`;return o?l`<a href="${
|
|
1885
|
+
`;return o?l`<a href="${C(this.option.url)}" class="reassurance-item clickable">${e}</a>`:l`<div class="reassurance-item">${e}</div>`}};pt.styles=g`
|
|
1886
1886
|
:host {
|
|
1887
1887
|
display: inline-block;
|
|
1888
1888
|
position: relative;
|
|
@@ -1963,7 +1963,7 @@
|
|
|
1963
1963
|
overflow: hidden;
|
|
1964
1964
|
}
|
|
1965
1965
|
}
|
|
1966
|
-
`;
|
|
1966
|
+
`;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 Ko=Object.defineProperty,Go=Object.getOwnPropertyDescriptor,F=(o,t,e,r)=>{for(var i=r>1?void 0:r?Go(t,e):t,n=o.length-1,s;n>=0;n--)(s=o[n])&&(i=(r?s(t,e,i):s(i))||i);return r&&i&&Ko(t,e,i),i};const Xo=Tt(v);let S=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`
|
|
1967
1967
|
<a href="${this.link}" class="o-chip" tabindex="${this.inactive?"-1":"0"}" aria-hidden="${this.inactive?"true":"false"}">
|
|
1968
1968
|
${o?this.text:l`<slot></slot>`}
|
|
1969
1969
|
</a>
|
|
@@ -1972,7 +1972,7 @@
|
|
|
1972
1972
|
aria-label=${this.ariaLabel} aria-pressed=${this.selected}>
|
|
1973
1973
|
${o?this.text:l`<slot></slot>`}
|
|
1974
1974
|
</button>
|
|
1975
|
-
`}};
|
|
1975
|
+
`}};S.styles=g`
|
|
1976
1976
|
:host {
|
|
1977
1977
|
cursor: pointer;
|
|
1978
1978
|
display: inline-flex;
|
|
@@ -2048,7 +2048,7 @@
|
|
|
2048
2048
|
}
|
|
2049
2049
|
|
|
2050
2050
|
&:focus-visible {
|
|
2051
|
-
${
|
|
2051
|
+
${bt};
|
|
2052
2052
|
}
|
|
2053
2053
|
}
|
|
2054
2054
|
|
|
@@ -2061,16 +2061,16 @@
|
|
|
2061
2061
|
display: inline-flex;
|
|
2062
2062
|
align-items: center;
|
|
2063
2063
|
}
|
|
2064
|
-
`;
|
|
2064
|
+
`;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 Jo=Object.defineProperty,Qo=Object.getOwnPropertyDescriptor,Zt=(o,t,e,r)=>{for(var i=r>1?void 0:r?Qo(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 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
2065
|
<slot></slot>
|
|
2066
|
-
`}};
|
|
2066
|
+
`}};ut.styles=g`
|
|
2067
2067
|
:host {
|
|
2068
2068
|
display: flex;
|
|
2069
2069
|
flex-direction: row;
|
|
2070
2070
|
flex-wrap: wrap;
|
|
2071
2071
|
gap: var(--spacing-s);
|
|
2072
2072
|
}
|
|
2073
|
-
`;
|
|
2073
|
+
`;Zt([a({reflect:!0})],ut.prototype,"name",2);Zt([a({reflect:!0})],ut.prototype,"value",2);ut=Zt([x("o-chipset")],ut);var Yo=Object.defineProperty,ti=Object.getOwnPropertyDescriptor,M=(o,t,e,r)=>{for(var i=r>1?void 0:r?ti(t,e):t,n=o.length-1,s;n>=0;n--)(s=o[n])&&(i=(r?s(t,e,i):s(i))||i);return r&&i&&Yo(t,e,i),i};const ei=Tt(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=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=lo[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
2074
|
<a role="button" tabindex="0" class="button" href=${this.href} ?disabled=${this.disabled} @click=${this.handleClick} @keydown=${this.handleClick}
|
|
2075
2075
|
aria-label=${this.ariaLabel} aria-pressed=${this.selected}>
|
|
2076
2076
|
${o?l`
|
|
@@ -2090,7 +2090,7 @@
|
|
|
2090
2090
|
</button>
|
|
2091
2091
|
`}
|
|
2092
2092
|
${this.disabled?this.strikeThroughImg():d}
|
|
2093
|
-
`}};E.styles=
|
|
2093
|
+
`}};E.styles=g`
|
|
2094
2094
|
:host {
|
|
2095
2095
|
cursor: pointer;
|
|
2096
2096
|
display: inline-flex;
|
|
@@ -2170,7 +2170,7 @@
|
|
|
2170
2170
|
}
|
|
2171
2171
|
|
|
2172
2172
|
.button:focus-visible {
|
|
2173
|
-
${
|
|
2173
|
+
${bt};
|
|
2174
2174
|
}
|
|
2175
2175
|
|
|
2176
2176
|
span.text + span.text::before {
|
|
@@ -2215,7 +2215,7 @@
|
|
|
2215
2215
|
stroke-linecap: round;
|
|
2216
2216
|
}
|
|
2217
2217
|
}
|
|
2218
|
-
`;
|
|
2218
|
+
`;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 oi=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&&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`
|
|
2219
2219
|
<o-icon-button
|
|
2220
2220
|
@click=${this.onClick}
|
|
2221
2221
|
icon="chevronRight"
|
|
@@ -2247,7 +2247,7 @@
|
|
|
2247
2247
|
</div>
|
|
2248
2248
|
${this.icons}
|
|
2249
2249
|
</div>
|
|
2250
|
-
`}};Wt.styles=
|
|
2250
|
+
`}};Wt.styles=g`
|
|
2251
2251
|
:host {
|
|
2252
2252
|
display: block;
|
|
2253
2253
|
max-width: 100%;
|
|
@@ -2334,11 +2334,11 @@
|
|
|
2334
2334
|
.fullpointer {
|
|
2335
2335
|
cursor: pointer;
|
|
2336
2336
|
}
|
|
2337
|
-
`;let
|
|
2337
|
+
`;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 ii=Object.defineProperty,ri=Object.getOwnPropertyDescriptor,qt=(o,t,e,r)=>{for(var i=r>1?void 0:r?ri(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&&ii(t,e,i),i};let vt=class extends v{constructor(){super(...arguments),this.variant="cart",this.text=""}render(){return l`
|
|
2338
2338
|
<span class="badge">
|
|
2339
2339
|
${this.text?this.text:l`<slot></slot>`}
|
|
2340
2340
|
</span>
|
|
2341
|
-
`}};
|
|
2341
|
+
`}};vt.styles=g`
|
|
2342
2342
|
:host([variant]) {
|
|
2343
2343
|
--badge-width: 19px;
|
|
2344
2344
|
display: inline-block;
|
|
@@ -2372,10 +2372,10 @@
|
|
|
2372
2372
|
color: var(--text-color);
|
|
2373
2373
|
}
|
|
2374
2374
|
|
|
2375
|
-
`;
|
|
2375
|
+
`;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 ni=Object.defineProperty,si=Object.getOwnPropertyDescriptor,z=(o,t,e,r)=>{for(var i=r>1?void 0:r?si(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&&ni(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=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`
|
|
2376
2376
|
<div class="o-toast">
|
|
2377
2377
|
<div class="o-toast-icon">
|
|
2378
|
-
${
|
|
2378
|
+
${O(t)}
|
|
2379
2379
|
</div>
|
|
2380
2380
|
<div class="o-toast-text">
|
|
2381
2381
|
${this.text}
|
|
@@ -2388,7 +2388,53 @@
|
|
|
2388
2388
|
</o-icon-button>
|
|
2389
2389
|
</div>
|
|
2390
2390
|
</div>
|
|
2391
|
-
`}}
|
|
2391
|
+
`}};$.styles=g`
|
|
2392
|
+
:host {
|
|
2393
|
+
--vertical-offset: 24px;
|
|
2394
|
+
--horizontal-offset: 24px;
|
|
2395
|
+
--animation-duration: 500ms;
|
|
2396
|
+
position: fixed;
|
|
2397
|
+
z-index: 30;
|
|
2398
|
+
transition: all var(--animation-duration) ease-in-out;
|
|
2399
|
+
}
|
|
2400
|
+
|
|
2401
|
+
:host([verticalanchor="top"]) {
|
|
2402
|
+
top: var(--vertical-offset);
|
|
2403
|
+
}
|
|
2404
|
+
|
|
2405
|
+
:host([verticalanchor="bottom"]) {
|
|
2406
|
+
bottom: var(--vertical-offset);
|
|
2407
|
+
}
|
|
2408
|
+
|
|
2409
|
+
:host([horizontalanchor="right"]) {
|
|
2410
|
+
right: var(--horizontal-offset);
|
|
2411
|
+
}
|
|
2412
|
+
|
|
2413
|
+
:host([horizontalanchor="center"]) {
|
|
2414
|
+
left: 50%;
|
|
2415
|
+
transform: translateX(-50%);
|
|
2416
|
+
}
|
|
2417
|
+
|
|
2418
|
+
:host([horizontalanchor="left"]) {
|
|
2419
|
+
left: var(--horizontal-offset);
|
|
2420
|
+
}
|
|
2421
|
+
|
|
2422
|
+
:host([animated][animationaxis="horizontal"][horizontalanchor="right"]) {
|
|
2423
|
+
right: -300px;
|
|
2424
|
+
}
|
|
2425
|
+
|
|
2426
|
+
:host([animated][animationaxis="horizontal"][horizontalanchor="left"]) {
|
|
2427
|
+
left: -300px;
|
|
2428
|
+
}
|
|
2429
|
+
|
|
2430
|
+
:host([animated][animationaxis="vertical"][verticalanchor="top"]) {
|
|
2431
|
+
top: -300px;
|
|
2432
|
+
}
|
|
2433
|
+
|
|
2434
|
+
:host([animated][animationaxis="vertical"][verticalanchor="bottom"]) {
|
|
2435
|
+
bottom: -300px;
|
|
2436
|
+
}
|
|
2437
|
+
|
|
2392
2438
|
.o-toast {
|
|
2393
2439
|
background: #fffefe;
|
|
2394
2440
|
padding: var(--spacing-l);
|
|
@@ -2396,14 +2442,16 @@
|
|
|
2396
2442
|
display: flex;
|
|
2397
2443
|
width: fit-content;
|
|
2398
2444
|
align-items: center;
|
|
2445
|
+
box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.12);
|
|
2399
2446
|
}
|
|
2400
2447
|
|
|
2401
2448
|
.o-toast-text {
|
|
2402
2449
|
color: var(--color-content-body);
|
|
2403
2450
|
padding: 0 8px;
|
|
2451
|
+
width: max-content;
|
|
2404
2452
|
}
|
|
2405
2453
|
|
|
2406
2454
|
.o-toast-icon {
|
|
2407
2455
|
height: 16px;
|
|
2408
2456
|
}
|
|
2409
|
-
`;
|
|
2457
|
+
`;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")],$);
|