@florid-kit/components 2.4.1 → 2.4.3
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/reassurance.d.ts +1 -0
- package/index.js +53 -43
- package/index.mjs +149 -136
- package/package.json +1 -1
package/index.js
CHANGED
|
@@ -2,21 +2,21 @@
|
|
|
2
2
|
* @license
|
|
3
3
|
* Copyright 2019 Google LLC
|
|
4
4
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
5
|
-
*/const G1=globalThis,
|
|
5
|
+
*/const G1=globalThis,v2=G1.ShadowRoot&&(G1.ShadyCSS===void 0||G1.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,b2=Symbol(),k2=new WeakMap;let U2=class{constructor(t,o,n){if(this._$cssResult$=!0,n!==b2)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=o}get styleSheet(){let t=this.o;const o=this.t;if(v2&&t===void 0){const n=o!==void 0&&o.length===1;n&&(t=k2.get(o)),t===void 0&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),n&&k2.set(o,t))}return t}toString(){return this.cssText}};const t0=e=>new U2(typeof e=="string"?e:e+"",void 0,b2),C=(e,...t)=>{const o=e.length===1?e[0]:t.reduce((n,i,s)=>n+(r=>{if(r._$cssResult$===!0)return r.cssText;if(typeof r=="number")return r;throw Error("Value passed to 'css' function must be a 'css' function result: "+r+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(i)+e[s+1],e[0]);return new U2(o,e,b2)},e0=(e,t)=>{if(v2)e.adoptedStyleSheets=t.map(o=>o instanceof CSSStyleSheet?o:o.styleSheet);else for(const o of t){const n=document.createElement("style"),i=G1.litNonce;i!==void 0&&n.setAttribute("nonce",i),n.textContent=o.cssText,e.appendChild(n)}},Z2=v2?e=>e:e=>e instanceof CSSStyleSheet?(t=>{let o="";for(const n of t.cssRules)o+=n.cssText;return t0(o)})(e):e;/**
|
|
6
6
|
* @license
|
|
7
7
|
* Copyright 2017 Google LLC
|
|
8
8
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
9
|
-
*/const{is:o0,defineProperty:i0,getOwnPropertyDescriptor:n0,getOwnPropertyNames:s0,getOwnPropertySymbols:r0,getPrototypeOf:l0}=Object,p1=globalThis,_2=p1.trustedTypes,a0=_2?_2.emptyScript:"",
|
|
9
|
+
*/const{is:o0,defineProperty:i0,getOwnPropertyDescriptor:n0,getOwnPropertyNames:s0,getOwnPropertySymbols:r0,getPrototypeOf:l0}=Object,p1=globalThis,_2=p1.trustedTypes,a0=_2?_2.emptyScript:"",l2=p1.reactiveElementPolyfillSupport,_1=(e,t)=>e,X1={toAttribute(e,t){switch(t){case Boolean:e=e?a0:null;break;case Object:case Array:e=e==null?e:JSON.stringify(e)}return e},fromAttribute(e,t){let o=e;switch(t){case Boolean:o=e!==null;break;case Number:o=e===null?null:Number(e);break;case Object:case Array:try{o=JSON.parse(e)}catch{o=null}}return o}},w2=(e,t)=>!o0(e,t),S2={attribute:!0,type:String,converter:X1,reflect:!1,useDefault:!1,hasChanged:w2};Symbol.metadata??(Symbol.metadata=Symbol("metadata")),p1.litPropertyMetadata??(p1.litPropertyMetadata=new WeakMap);let $1=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,o=S2){if(o.state&&(o.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(t)&&((o=Object.create(o)).wrapped=!0),this.elementProperties.set(t,o),!o.noAccessor){const n=Symbol(),i=this.getPropertyDescriptor(t,n,o);i!==void 0&&i0(this.prototype,t,i)}}static getPropertyDescriptor(t,o,n){const{get:i,set:s}=n0(this.prototype,t)??{get(){return this[o]},set(r){this[o]=r}};return{get:i,set(r){const c=i==null?void 0:i.call(this);s==null||s.call(this,r),this.requestUpdate(t,c,n)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??S2}static _$Ei(){if(this.hasOwnProperty(_1("elementProperties")))return;const t=l0(this);t.finalize(),t.l!==void 0&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(_1("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(_1("properties"))){const o=this.properties,n=[...s0(o),...r0(o)];for(const i of n)this.createProperty(i,o[i])}const t=this[Symbol.metadata];if(t!==null){const o=litPropertyMetadata.get(t);if(o!==void 0)for(const[n,i]of o)this.elementProperties.set(n,i)}this._$Eh=new Map;for(const[o,n]of this.elementProperties){const i=this._$Eu(o,n);i!==void 0&&this._$Eh.set(i,o)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(t){const o=[];if(Array.isArray(t)){const n=new Set(t.flat(1/0).reverse());for(const i of n)o.unshift(Z2(i))}else t!==void 0&&o.push(Z2(t));return o}static _$Eu(t,o){const n=o.attribute;return n===!1?void 0:typeof n=="string"?n:typeof t=="string"?t.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){var t;this._$ES=new Promise(o=>this.enableUpdating=o),this._$AL=new Map,this._$E_(),this.requestUpdate(),(t=this.constructor.l)==null||t.forEach(o=>o(this))}addController(t){var o;(this._$EO??(this._$EO=new Set)).add(t),this.renderRoot!==void 0&&this.isConnected&&((o=t.hostConnected)==null||o.call(t))}removeController(t){var o;(o=this._$EO)==null||o.delete(t)}_$E_(){const t=new Map,o=this.constructor.elementProperties;for(const n of o.keys())this.hasOwnProperty(n)&&(t.set(n,this[n]),delete this[n]);t.size>0&&(this._$Ep=t)}createRenderRoot(){const t=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return e0(t,this.constructor.elementStyles),t}connectedCallback(){var t;this.renderRoot??(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),(t=this._$EO)==null||t.forEach(o=>{var n;return(n=o.hostConnected)==null?void 0:n.call(o)})}enableUpdating(t){}disconnectedCallback(){var t;(t=this._$EO)==null||t.forEach(o=>{var n;return(n=o.hostDisconnected)==null?void 0:n.call(o)})}attributeChangedCallback(t,o,n){this._$AK(t,n)}_$ET(t,o){var s;const n=this.constructor.elementProperties.get(t),i=this.constructor._$Eu(t,n);if(i!==void 0&&n.reflect===!0){const r=(((s=n.converter)==null?void 0:s.toAttribute)!==void 0?n.converter:X1).toAttribute(o,n.type);this._$Em=t,r==null?this.removeAttribute(i):this.setAttribute(i,r),this._$Em=null}}_$AK(t,o){var s,r;const n=this.constructor,i=n._$Eh.get(t);if(i!==void 0&&this._$Em!==i){const c=n.getPropertyOptions(i),h=typeof c.converter=="function"?{fromAttribute:c.converter}:((s=c.converter)==null?void 0:s.fromAttribute)!==void 0?c.converter:X1;this._$Em=i,this[i]=h.fromAttribute(o,c.type)??((r=this._$Ej)==null?void 0:r.get(i))??null,this._$Em=null}}requestUpdate(t,o,n){var i;if(t!==void 0){const s=this.constructor,r=this[t];if(n??(n=s.getPropertyOptions(t)),!((n.hasChanged??w2)(r,o)||n.useDefault&&n.reflect&&r===((i=this._$Ej)==null?void 0:i.get(t))&&!this.hasAttribute(s._$Eu(t,n))))return;this.C(t,o,n)}this.isUpdatePending===!1&&(this._$ES=this._$EP())}C(t,o,{useDefault:n,reflect:i,wrapped:s},r){n&&!(this._$Ej??(this._$Ej=new Map)).has(t)&&(this._$Ej.set(t,r??o??this[t]),s!==!0||r!==void 0)||(this._$AL.has(t)||(this.hasUpdated||n||(o=void 0),this._$AL.set(t,o)),i===!0&&this._$Em!==t&&(this._$Eq??(this._$Eq=new Set)).add(t))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(o){Promise.reject(o)}const t=this.scheduleUpdate();return t!=null&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){var n;if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??(this.renderRoot=this.createRenderRoot()),this._$Ep){for(const[s,r]of this._$Ep)this[s]=r;this._$Ep=void 0}const i=this.constructor.elementProperties;if(i.size>0)for(const[s,r]of i){const{wrapped:c}=r,h=this[s];c!==!0||this._$AL.has(s)||h===void 0||this.C(s,void 0,r,h)}}let t=!1;const o=this._$AL;try{t=this.shouldUpdate(o),t?(this.willUpdate(o),(n=this._$EO)==null||n.forEach(i=>{var s;return(s=i.hostUpdate)==null?void 0:s.call(i)}),this.update(o)):this._$EM()}catch(i){throw t=!1,this._$EM(),i}t&&this._$AE(o)}willUpdate(t){}_$AE(t){var o;(o=this._$EO)==null||o.forEach(n=>{var i;return(i=n.hostUpdated)==null?void 0:i.call(n)}),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(t){return!0}update(t){this._$Eq&&(this._$Eq=this._$Eq.forEach(o=>this._$ET(o,this[o]))),this._$EM()}updated(t){}firstUpdated(t){}};$1.elementStyles=[],$1.shadowRootOptions={mode:"open"},$1[_1("elementProperties")]=new Map,$1[_1("finalized")]=new Map,l2==null||l2({ReactiveElement:$1}),(p1.reactiveElementVersions??(p1.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"),I2=/'/g,P2=/"/g,K2=/^(?:script|style|textarea|title)$/i,d0=e=>(t,...o)=>({_$litType$:e,strings:t,values:o}),a=d0(1),A=Symbol.for("lit-noChange"),d=Symbol.for("lit-nothing"),z2=new WeakMap,v1=w1.createTreeWalker(w1,129);function W2(e,t){if(!
|
|
13
|
+
*/const S1=globalThis,Y1=S1.trustedTypes,F2=Y1?Y1.createPolicy("lit-html",{createHTML:e=>e}):void 0,q2="$lit$",d1=`lit$${Math.random().toFixed(9).slice(2)}$`,N2="?"+d1,c0=`<${N2}>`,w1=document,O1=()=>w1.createComment(""),A1=e=>e===null||typeof e!="object"&&typeof e!="function",m2=Array.isArray,h0=e=>m2(e)||typeof(e==null?void 0:e[Symbol.iterator])=="function",a2=`[
|
|
14
|
+
\f\r]`,Z1=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,O2=/-->/g,A2=/>/g,f1=RegExp(`>|${a2}(?:([^\\s"'>=/]+)(${a2}*=${a2}*(?:[^
|
|
15
|
+
\f\r"'\`<>=]|("|')|))|$)`,"g"),I2=/'/g,P2=/"/g,K2=/^(?:script|style|textarea|title)$/i,d0=e=>(t,...o)=>({_$litType$:e,strings:t,values:o}),a=d0(1),A=Symbol.for("lit-noChange"),d=Symbol.for("lit-nothing"),z2=new WeakMap,v1=w1.createTreeWalker(w1,129);function W2(e,t){if(!m2(e)||!e.hasOwnProperty("raw"))throw Error("invalid template strings array");return F2!==void 0?F2.createHTML(t):t}const p0=(e,t)=>{const o=e.length-1,n=[];let i,s=t===2?"<svg>":t===3?"<math>":"",r=Z1;for(let c=0;c<o;c++){const h=e[c];let f,w,v=-1,i1=0;for(;i1<h.length&&(r.lastIndex=i1,w=r.exec(h),w!==null);)i1=r.lastIndex,r===Z1?w[1]==="!--"?r=O2:w[1]!==void 0?r=A2:w[2]!==void 0?(K2.test(w[2])&&(i=RegExp("</"+w[2],"g")),r=f1):w[3]!==void 0&&(r=f1):r===f1?w[0]===">"?(r=i??Z1,v=-1):w[1]===void 0?v=-2:(v=r.lastIndex-w[2].length,f=w[1],r=w[3]===void 0?f1:w[3]==='"'?P2:I2):r===P2||r===I2?r=f1:r===O2||r===A2?r=Z1:(r=f1,i=void 0);const h1=r===f1&&e[c+1].startsWith("/>")?" ":"";s+=r===Z1?h+c0:v>=0?(n.push(f),h.slice(0,v)+q2+h.slice(v)+d1+h1):h+d1+(v===-2?c:h1)}return[W2(e,s+(e[o]||"<?>")+(t===2?"</svg>":t===3?"</math>":"")),n]};class I1{constructor({strings:t,_$litType$:o},n){let i;this.parts=[];let s=0,r=0;const c=t.length-1,h=this.parts,[f,w]=p0(t,o);if(this.el=I1.createElement(f,n),v1.currentNode=this.el.content,o===2||o===3){const v=this.el.content.firstChild;v.replaceWith(...v.childNodes)}for(;(i=v1.nextNode())!==null&&h.length<c;){if(i.nodeType===1){if(i.hasAttributes())for(const v of i.getAttributeNames())if(v.endsWith(q2)){const i1=w[r++],h1=i.getAttribute(v).split(d1),W1=/([.?@])?(.*)/.exec(i1);h.push({type:1,index:s,name:W1[2],strings:h1,ctor:W1[1]==="."?u0:W1[1]==="?"?g0:W1[1]==="@"?f0:Q1}),i.removeAttribute(v)}else v.startsWith(d1)&&(h.push({type:6,index:s}),i.removeAttribute(v));if(K2.test(i.tagName)){const v=i.textContent.split(d1),i1=v.length-1;if(i1>0){i.textContent=Y1?Y1.emptyScript:"";for(let h1=0;h1<i1;h1++)i.append(v[h1],O1()),v1.nextNode(),h.push({type:2,index:++s});i.append(v[i1],O1())}}}else if(i.nodeType===8)if(i.data===N2)h.push({type:2,index:s});else{let v=-1;for(;(v=i.data.indexOf(d1,v+1))!==-1;)h.push({type:7,index:s}),v+=d1.length-1}s++}}static createElement(t,o){const n=w1.createElement("template");return n.innerHTML=t,n}}function B1(e,t,o=e,n){var r,c;if(t===A)return t;let i=n!==void 0?(r=o._$Co)==null?void 0:r[n]:o._$Cl;const s=A1(t)?void 0:t._$litDirective$;return(i==null?void 0:i.constructor)!==s&&((c=i==null?void 0:i._$AO)==null||c.call(i,!1),s===void 0?i=void 0:(i=new s(e),i._$AT(e,o,n)),n!==void 0?(o._$Co??(o._$Co=[]))[n]=i:o._$Cl=i),i!==void 0&&(t=B1(e,i._$AS(e,t.values),i,n)),t}class C0{constructor(t,o){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=o}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){const{el:{content:o},parts:n}=this._$AD,i=((t==null?void 0:t.creationScope)??w1).importNode(o,!0);v1.currentNode=i;let s=v1.nextNode(),r=0,c=0,h=n[0];for(;h!==void 0;){if(r===h.index){let f;h.type===2?f=new U1(s,s.nextSibling,this,t):h.type===1?f=new h.ctor(s,h.name,h.strings,this,t):h.type===6&&(f=new v0(s,this,t)),this._$AV.push(f),h=n[++c]}r!==(h==null?void 0:h.index)&&(s=v1.nextNode(),r++)}return v1.currentNode=w1,i}p(t){let o=0;for(const n of this._$AV)n!==void 0&&(n.strings!==void 0?(n._$AI(t,n,o),o+=n.strings.length-2):n._$AI(t[o])),o++}}class U1{get _$AU(){var t;return((t=this._$AM)==null?void 0:t._$AU)??this._$Cv}constructor(t,o,n,i){this.type=2,this._$AH=d,this._$AN=void 0,this._$AA=t,this._$AB=o,this._$AM=n,this.options=i,this._$Cv=(i==null?void 0:i.isConnected)??!0}get parentNode(){let t=this._$AA.parentNode;const o=this._$AM;return o!==void 0&&(t==null?void 0:t.nodeType)===11&&(t=o.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,o=this){t=B1(this,t,o),A1(t)?t===d||t==null||t===""?(this._$AH!==d&&this._$AR(),this._$AH=d):t!==this._$AH&&t!==A&&this._(t):t._$litType$!==void 0?this.$(t):t.nodeType!==void 0?this.T(t):h0(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&&A1(this._$AH)?this._$AA.nextSibling.data=t:this.T(w1.createTextNode(t)),this._$AH=t}$(t){var s;const{values:o,_$litType$:n}=t,i=typeof n=="number"?this._$AC(t):(n.el===void 0&&(n.el=I1.createElement(W2(n.h,n.h[0]),this.options)),n);if(((s=this._$AH)==null?void 0:s._$AD)===i)this._$AH.p(o);else{const r=new C0(i,this),c=r.u(this.options);r.p(o),this.T(c),this._$AH=r}}_$AC(t){let o=z2.get(t.strings);return o===void 0&&z2.set(t.strings,o=new I1(t)),o}k(t){m2(this._$AH)||(this._$AH=[],this._$AR());const o=this._$AH;let n,i=0;for(const s of t)i===o.length?o.push(n=new U1(this.O(O1()),this.O(O1()),this,this.options)):n=o[i],n._$AI(s),i++;i<o.length&&(this._$AR(n&&n._$AB.nextSibling,i),o.length=i)}_$AR(t=this._$AA.nextSibling,o){var n;for((n=this._$AP)==null?void 0:n.call(this,!1,!0,o);t&&t!==this._$AB;){const i=t.nextSibling;t.remove(),t=i}}setConnected(t){var o;this._$AM===void 0&&(this._$Cv=t,(o=this._$AP)==null||o.call(this,t))}}class Q1{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,o,n,i,s){this.type=1,this._$AH=d,this._$AN=void 0,this.element=t,this.name=o,this._$AM=i,this.options=s,n.length>2||n[0]!==""||n[1]!==""?(this._$AH=Array(n.length-1).fill(new String),this.strings=n):this._$AH=d}_$AI(t,o=this,n,i){const s=this.strings;let r=!1;if(s===void 0)t=B1(this,t,o,0),r=!A1(t)||t!==this._$AH&&t!==A,r&&(this._$AH=t);else{const c=t;let h,f;for(t=s[0],h=0;h<s.length-1;h++)f=B1(this,c[n+h],o,h),f===A&&(f=this._$AH[h]),r||(r=!A1(f)||f!==this._$AH[h]),f===d?t=d:t!==d&&(t+=(f??"")+s[h+1]),this._$AH[h]=f}r&&!i&&this.j(t)}j(t){t===d?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}}class u0 extends Q1{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===d?void 0:t}}class g0 extends Q1{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==d)}}class f0 extends Q1{constructor(t,o,n,i,s){super(t,o,n,i,s),this.type=5}_$AI(t,o=this){if((t=B1(this,t,o,0)??d)===A)return;const n=this._$AH,i=t===d&&n!==d||t.capture!==n.capture||t.once!==n.once||t.passive!==n.passive,s=t!==d&&(n===d||i);i&&this.element.removeEventListener(this.name,this,n),s&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){var o;typeof this._$AH=="function"?this._$AH.call(((o=this.options)==null?void 0:o.host)??this.element,t):this._$AH.handleEvent(t)}}class v0{constructor(t,o,n){this.element=t,this.type=6,this._$AN=void 0,this._$AM=o,this.options=n}get _$AU(){return this._$AM._$AU}_$AI(t){B1(this,t)}}const c2=S1.litHtmlPolyfillSupport;c2==null||c2(I1,U1),(S1.litHtmlVersions??(S1.litHtmlVersions=[])).push("3.3.0");const b0=(e,t,o)=>{const n=(o==null?void 0:o.renderBefore)??t;let i=n._$litPart$;if(i===void 0){const s=(o==null?void 0:o.renderBefore)??null;n._$litPart$=i=new U1(t.insertBefore(O1(),s),s,void 0,o??{})}return i._$AI(e),i};/**
|
|
16
16
|
* @license
|
|
17
17
|
* Copyright 2017 Google LLC
|
|
18
18
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
19
|
-
*/const b1=globalThis;let p=class extends $1{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){var o;const t=super.createRenderRoot();return(o=this.renderOptions).renderBefore??(o.renderBefore=t.firstChild),t}update(t){const o=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=b0(o,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 A}};var R2;p._$litElement$=!0,p.finalized=!0,(R2=b1.litElementHydrateSupport)==null||R2.call(b1,{LitElement:p});const
|
|
19
|
+
*/const b1=globalThis;let p=class extends $1{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){var o;const t=super.createRenderRoot();return(o=this.renderOptions).renderBefore??(o.renderBefore=t.firstChild),t}update(t){const o=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=b0(o,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 A}};var R2;p._$litElement$=!0,p.finalized=!0,(R2=b1.litElementHydrateSupport)==null||R2.call(b1,{LitElement:p});const h2=b1.litElementPolyfillSupport;h2==null||h2({LitElement:p});(b1.litElementVersions??(b1.litElementVersions=[])).push("4.2.0");/**
|
|
20
20
|
* @license
|
|
21
21
|
* Copyright 2017 Google LLC
|
|
22
22
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
@@ -24,7 +24,7 @@
|
|
|
24
24
|
* @license
|
|
25
25
|
* Copyright 2017 Google LLC
|
|
26
26
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
27
|
-
*/const w0={attribute:!0,type:String,converter:X1,reflect:!1,hasChanged:
|
|
27
|
+
*/const w0={attribute:!0,type:String,converter:X1,reflect:!1,hasChanged:w2},m0=(e=w0,t,o)=>{const{kind:n,metadata:i}=o;let s=globalThis.litPropertyMetadata.get(i);if(s===void 0&&globalThis.litPropertyMetadata.set(i,s=new Map),n==="setter"&&((e=Object.create(e)).wrapped=!0),s.set(o.name,e),n==="accessor"){const{name:r}=o;return{set(c){const h=t.get.call(this);t.set.call(this,c),this.requestUpdate(r,h,e)},init(c){return c!==void 0&&this.C(r,void 0,e,c),c}}}if(n==="setter"){const{name:r}=o;return function(c){const h=this[r];t.call(this,c),this.requestUpdate(r,h,e)}}throw Error("Unsupported decorator location: "+n)};function l(e){return(t,o)=>typeof o=="object"?m0(e,t,o):((n,i,s)=>{const r=i.hasOwnProperty(s);return i.constructor.createProperty(s,n),r?Object.getOwnPropertyDescriptor(i,s):void 0})(e,t,o)}/**
|
|
28
28
|
* @license
|
|
29
29
|
* Copyright 2017 Google LLC
|
|
30
30
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
@@ -43,7 +43,7 @@
|
|
|
43
43
|
:host * {
|
|
44
44
|
box-sizing: border-box;
|
|
45
45
|
}
|
|
46
|
-
`;const
|
|
46
|
+
`;const y2=C`
|
|
47
47
|
border: 0 !important;
|
|
48
48
|
clip: rect(0.1rem, 0.1rem, 0.1rem, 0.1rem) !important;
|
|
49
49
|
-webkit-clip-path: inset(50%) !important;
|
|
@@ -68,11 +68,11 @@
|
|
|
68
68
|
* @license
|
|
69
69
|
* Copyright 2023 Google LLC
|
|
70
70
|
* SPDX-License-Identifier: Apache-2.0
|
|
71
|
-
*/const
|
|
71
|
+
*/const P1=Symbol("internals"),d2=Symbol("privateInternals");function t2(e){var t;class o extends e{get[(t=P1,t)](){return this[d2]||(this[d2]=this.attachInternals()),this[d2]}}return o}/**
|
|
72
72
|
* @license
|
|
73
73
|
* Copyright 2023 Google LLC
|
|
74
74
|
* SPDX-License-Identifier: Apache-2.0
|
|
75
|
-
*/function x0(e){e.addInitializer(t=>{const o=t;o.addEventListener("click",async n=>{const{type:i,[
|
|
75
|
+
*/function x0(e){e.addInitializer(t=>{const o=t;o.addEventListener("click",async n=>{const{type:i,[P1]:s}=o,{form:r}=s;if(!(!r||i==="button")&&(await new Promise(c=>{setTimeout(c)}),!n.defaultPrevented)){if(i==="reset"){r.reset();return}r.addEventListener("submit",c=>{Object.defineProperty(c,"submitter",{configurable:!0,enumerable:!0,get:()=>o})},{capture:!0,once:!0}),s.setFormValue(o.value),r.requestSubmit()}})})}const $0=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
76
76
|
<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"/>
|
|
77
77
|
</svg>
|
|
78
78
|
`,B0=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
@@ -879,7 +879,7 @@
|
|
|
879
879
|
`,T2=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
880
880
|
<path d="M7.91263 14L7.72275 13.9232C1.44662 11.3113 0.926944 7.66242 1.00689 6.21246C1.09684 4.30158 2.27611 2.66917 3.94508 2.16025C5.35421 1.72814 6.78333 2.17945 7.95261 3.39895C9.27179 2.13144 10.8408 1.69933 12.2999 2.21786C13.869 2.7844 14.9483 4.388 14.9983 6.21246C15.0382 7.66242 14.4386 11.3113 8.11251 13.9232L7.92263 14H7.91263ZM4.97445 2.95724C4.7246 2.95724 4.47475 2.99565 4.2349 3.07247C2.98567 3.45657 2.05625 4.7721 1.98629 6.26047C1.92633 7.49918 2.38604 10.6008 7.92263 12.9629C11.8102 11.3017 14.0888 8.7955 14.0189 6.23166C13.9789 4.7913 13.1494 3.53339 11.9601 3.11088C10.7809 2.68838 9.47167 3.13969 8.37235 4.33999L7.93262 4.85852L7.54286 4.3976C6.79332 3.45657 5.88388 2.94764 4.97445 2.94764V2.95724Z" fill="#3F2B2E"/>
|
|
881
881
|
</svg>
|
|
882
|
-
`,r5={wishlist:$0,playerv:B0,chevronRight:H0,chevronLeft:V0,icoPlus:O0,icoMinus:A0,"star-0":E0,"star-25":M0,"star-50":k0,"star-75":Z0,"star-100":_0,cross:S0,search:F0,arrowLeft:I0,arrowTop:P0,cart:z0,notifyme:D0,triangledown:T0,triangleup:j0,checkstroke:R0,pause:U0,mapDualArrow:q0,swipeDualArrow:K0,backToBag:Y0,checkbox:J0,sliderLeftArrow:Q0,sliderRightArrow:t3},
|
|
882
|
+
`,r5={wishlist:$0,playerv:B0,chevronRight:H0,chevronLeft:V0,icoPlus:O0,icoMinus:A0,"star-0":E0,"star-25":M0,"star-50":k0,"star-75":Z0,"star-100":_0,cross:S0,search:F0,arrowLeft:I0,arrowTop:P0,cart:z0,notifyme:D0,triangledown:T0,triangleup:j0,checkstroke:R0,pause:U0,mapDualArrow:q0,swipeDualArrow:K0,backToBag:Y0,checkbox:J0,sliderLeftArrow:Q0,sliderRightArrow:t3},L2={"occ-address":{small:e3,medium:o3,large:i3},"occ-autorep":{small:n3,medium:s3,large:r3},"occ-back":{small:l3,medium:a3,large:c3},"occ-bag-filled":{small:h3,medium:d3,large:p3},"occ-bag-outlined":{small:C3,medium:u3,large:g3},"occ-bag-strike":{small:f3,medium:v3,large:b3},"occ-bottle":{small:w3,medium:m3,large:y3},"occ-briefcase":{small:L3,medium:x3,large:$3},"occ-burger":{small:B3,medium:H3,large:V3},"occ-card":{small:E3,medium:M3,large:k3},"occ-career":{small:Z3,medium:_3,large:S3},"occ-check-filled":{small:F3,medium:O3,large:A3},"occ-check-outlined":{small:I3,medium:P3,large:z3},"occ-chevron-bottom":{small:D3,medium:T3,large:j3},"occ-chevron-double":{small:R3,medium:U3,large:q3},"occ-chevron-left":{small:N3,medium:K3,large:W3},"occ-chevron-right":{small:G3,medium:X3,large:Y3},"occ-chevron-top":{small:J3,medium:Q3,large:tt},"occ-close-filled":{small:et,medium:ot,large:it},"occ-close-outlined":{small:nt,medium:st,large:rt},"occ-cream":{small:lt,medium:at,large:ct},"occ-cream-tube":{small:ht,medium:dt,large:pt},"occ-eye-hide":{small:Ct,medium:ut,large:gt},"occ-eye-show":{small:ft,medium:vt,large:bt},"occ-geoloc":{small:wt,medium:mt,large:yt},"occ-gift":{small:Lt,medium:xt,large:$t},"occ-group":{small:Bt,medium:Ht,large:Vt},"occ-hand-shake":{small:Et,medium:Mt,large:kt},"occ-info":{small:Zt,medium:_t,large:St},"occ-location":{small:Ft,medium:Ot,large:At},"occ-mail":{small:It,medium:Pt,large:zt},"occ-message":{small:Dt,medium:Tt,large:jt},"occ-minus":{small:Rt,medium:Ut,large:qt},"occ-order":{small:Nt,medium:Kt,large:Wt},"occ-order-sent":{small:Gt,medium:Xt,large:Yt},"occ-padlock":{small:Jt,medium:Qt,large:t4},"occ-pause":{small:e4,medium:o4,large:i4},"occ-play":{small:n4,medium:s4,large:r4},"occ-plus":{small:l4,medium:a4,large:c4},"occ-product":{small:h4,medium:d4,large:p4},"occ-profil-filled":{small:C4,medium:u4,large:g4},"occ-profil-outlined":{small:f4,medium:v4,large:b4},"occ-refill":{small:w4,medium:m4,large:y4},"occ-refine":{small:L4,medium:x4,large:$4},"occ-reward-card":{small:B4,medium:H4,large:V4},"occ-samples":{small:E4,medium:M4,large:k4},"occ-search":{small:Z4,medium:_4,large:S4},"occ-star-0":{small:F4,medium:O4,large:A4},"occ-star-100":{small:I4,medium:P4,large:z4},"occ-star-25":{small:D4,medium:T4,large:j4},"occ-star-50":{small:R4,medium:U4,large:q4},"occ-star-75":{small:N4,medium:K4,large:W4},"occ-store":{small:G4,medium:X4,large:Y4},"occ-warning":{small:J4,medium:Q4,large:t5},"occ-warning-stroke":{small:e5,medium:o5,large:i5},"occ-wishlist-filled":{small:n5,medium:D2,large:D2},"occ-wishlist-outlined":{small:s5,medium:T2,large:T2}},l5=Object.fromEntries(Object.entries(L2).map(([e,t])=>[e,t.medium??t.small??t.large??""])),G2={...r5,...l5},a5={xsmall:8,small:12,medium:16,large:24},c5=e=>Object.prototype.hasOwnProperty.call(L2,e),h5=e=>e==="xsmall"?"small":e,d5=(e,t,o)=>{const n=L2[e];if(o){const i=h5(t);return n[i]??n.large??n.medium??n.small??""}return n.large??n.medium??n.small??""},p5=(e,{size:t,bgstyle:o})=>{const n=a5[t],i=o==="none-light"||o==="none-contrast";let s=G2[e]??"";return c5(e)&&(s=d5(e,t,i)),{svg:s,pixelSize:n,shouldApplyLogicalSize:i}},N1=G2,C5={strikeDiagonal:N0},u5={success:W0,error:G0,info:X0};/**
|
|
883
883
|
* @license
|
|
884
884
|
* Copyright 2017 Google LLC
|
|
885
885
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
@@ -887,11 +887,11 @@
|
|
|
887
887
|
* @license
|
|
888
888
|
* Copyright 2017 Google LLC
|
|
889
889
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
890
|
-
*/class
|
|
890
|
+
*/class p2 extends o2{constructor(t){if(super(t),this.it=d,t.type!==n1.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===A)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 o=[t];return o.raw=o,this._t={_$litType$:this.constructor.resultType,strings:o,values:[]}}}p2.directiveName="unsafeHTML",p2.resultType=1;/**
|
|
891
891
|
* @license
|
|
892
892
|
* Copyright 2017 Google LLC
|
|
893
893
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
894
|
-
*/class
|
|
894
|
+
*/class C2 extends p2{}C2.directiveName="unsafeSVG",C2.resultType=2;const q=e2(C2);/**
|
|
895
895
|
* @license
|
|
896
896
|
* Copyright 2020 Google LLC
|
|
897
897
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
@@ -899,7 +899,7 @@
|
|
|
899
899
|
* @license
|
|
900
900
|
* Copyright 2017 Google LLC
|
|
901
901
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
902
|
-
*/const
|
|
902
|
+
*/const F1=(e,t)=>{var n;const o=e._$AN;if(o===void 0)return!1;for(const i of o)(n=i._$AO)==null||n.call(i,t,!1),F1(i,t);return!0},J1=e=>{let t,o;do{if((t=e._$AM)===void 0)break;o=t._$AN,o.delete(e),e=t}while((o==null?void 0:o.size)===0)},Y2=e=>{for(let t;t=e._$AM;e=t){let o=t._$AN;if(o===void 0)t._$AN=o=new Set;else if(o.has(e))break;o.add(e),w5(t)}};function v5(e){this._$AN!==void 0?(J1(this),this._$AM=e,Y2(this)):this._$AM=e}function b5(e,t=!1,o=0){const n=this._$AH,i=this._$AN;if(i!==void 0&&i.size!==0)if(t)if(Array.isArray(n))for(let s=o;s<n.length;s++)F1(n[s],!1),J1(n[s]);else n!=null&&(F1(n,!1),J1(n));else F1(this,e)}const w5=e=>{e.type==n1.CHILD&&(e._$AP??(e._$AP=b5),e._$AQ??(e._$AQ=v5))};class m5 extends o2{constructor(){super(...arguments),this._$AN=void 0}_$AT(t,o,n){super._$AT(t,o,n),Y2(this),this.isConnected=t._$AU}_$AO(t,o=!0){var n,i;t!==this.isConnected&&(this.isConnected=t,t?(n=this.reconnected)==null||n.call(this):(i=this.disconnected)==null||i.call(this)),o&&(F1(this,t),J1(this))}setValue(t){if(X2(this._$Ct))this._$Ct._$AI(t,this);else{const o=[...this._$Ct._$AH];o[this._$Ci]=t,this._$Ct._$AI(o,this,0)}}disconnected(){}reconnected(){}}class y5 extends m5{constructor(){super(...arguments),this.prevData={}}render(t){return d}update(t,[o]){var n;this.element!==t.element&&(this.element=t.element),this.host=((n=t.options)===null||n===void 0?void 0:n.host)||this.element,this.apply(o),this.groom(o),this.prevData={...o}}apply(t){if(!t)return;const{prevData:o,element:n}=this;for(const i in t){const s=t[i];s!==o[i]&&(n[i]=s)}}groom(t){const{prevData:o,element:n}=this;if(o)for(const i in o)(!t||!(i in t)&&n[i]===o[i])&&(n[i]=void 0)}}class L5 extends y5{constructor(){super(...arguments),this.eventData={}}apply(t){if(t)for(const o in t){const n=t[o];n!==this.eventData[o]&&this.applyEvent(o,n)}}applyEvent(t,o){const{prevData:n,element:i}=this;this.eventData[t]=o,n[t]&&i.removeEventListener(t,this,o),i.addEventListener(t,this,o)}groom(t){const{prevData:o,element:n}=this;if(o)for(const i in o)(!t||!(i in t)&&n[i]===o[i])&&this.groomEvent(i,o[i])}groomEvent(t,o){const{element:n}=this;delete this.eventData[t],n.removeEventListener(t,this,o)}handleEvent(t){const o=this.eventData[t.type];typeof o=="function"?o.call(this.host,t):o.handleEvent(t)}disconnected(){const{eventData:t,element:o}=this;for(const n in t){const i=n.slice(1),s=t[n];o.removeEventListener(i,this,s)}}reconnected(){const{eventData:t,element:o}=this;for(const n in t){const i=n.slice(1),s=t[n];o.addEventListener(i,this,s)}}}class x5 extends L5{apply(t){if(!t)return;const{prevData:o,element:n}=this;for(const i in t){const s=t[i];if(s===o[i])continue;const r=i.slice(1);switch(i[0]){case"@":this.eventData[r]=s,this.applyEvent(r,s);break;case".":n[r]=s;break;case"?":s?n.setAttribute(r,""):n.removeAttribute(r);break;default:s!=null?n.setAttribute(i,String(s)):n.removeAttribute(i);break}}}groom(t){const{prevData:o,element:n}=this;if(o)for(const i in o){const s=i.slice(1);if(!t||!(i in t)&&n[s]===o[i])switch(i[0]){case"@":this.groomEvent(s,o[i]);break;case".":n[s]=void 0;break;case"?":n.removeAttribute(s);break;default:n.removeAttribute(i);break}}}}const j2=e2(x5);/**
|
|
903
903
|
* @license
|
|
904
904
|
* Copyright 2018 Google LLC
|
|
905
905
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
@@ -1104,7 +1104,7 @@
|
|
|
1104
1104
|
}
|
|
1105
1105
|
|
|
1106
1106
|
.sr-only {
|
|
1107
|
-
${
|
|
1107
|
+
${y2}
|
|
1108
1108
|
}
|
|
1109
1109
|
`;J([l({type:String,reflect:!0})],I.prototype,"bgstyle",2);J([l({type:String,reflect:!0})],I.prototype,"size",2);J([l({type:String,reflect:!0})],I.prototype,"status",2);J([l({type:String,reflect:!0})],I.prototype,"type",2);J([l({type:String})],I.prototype,"strokewidth",2);J([l({type:String})],I.prototype,"icon",2);J([l({type:Boolean,reflect:!0})],I.prototype,"disabled",2);J([l({type:Boolean})],I.prototype,"showSrLabel",2);J([l({type:String})],I.prototype,"srLabel",2);I=J([u("o-icon-button")],I);var H5=Object.defineProperty,V5=Object.getOwnPropertyDescriptor,b=(e,t,o,n)=>{for(var i=n>1?void 0:n?V5(t,o):t,s=e.length-1,r;s>=0;s--)(r=e[s])&&(i=(n?r(t,o,i):r(i))||i);return n&&i&&H5(t,o,i),i};let g=class extends p{constructor(){super(...arguments),this.open=!1,this.showHeader=!0,this.showFooter=!1,this.showHeaderStartIcon=!1,this.headerTitle="",this.headerTitleClassName="panel-title",this.labelDialog="",this.labelAriaDialogPanel="",this.addToBagProductCount="",this.closeButtonLabel="Close the modal",this.goBackButtonLabel="Go back to",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.previousFocusedSelector=null,this._onOpenDetail=async e=>{var o,n;const t=((o=e.detail)==null?void 0:o.origin)??document.activeElement;if(this._detailOriginEl=t,this._detailOriginClass=(t==null?void 0:t.className)??"",this.showDetail=!0,this.showHeaderStartIcon=!0,await this.updateComplete,this._detailOriginClass){const i=(n=this.shadowRoot)==null?void 0:n.querySelector(".detail-view");i&&i.setAttribute("fromelement",this._detailOriginClass)}await this.focusDetailReturnBtn()},this._detailOriginEl=null,this._detailOriginClass="",this.handleKeyDown=e=>{this.open&&(e.key==="Escape"?this.closePanel():e.key==="Tab"&&this.trapFocus(e))},this.handleClosePanel=e=>{if(e instanceof KeyboardEvent&&e.key!=="Enter"&&e.key!==" ")return;e.preventDefault(),e.stopPropagation();const t=e.currentTarget,o=(t==null?void 0:t.getAttribute("data-role"))==="back";if(this.showDetail&&o){this.isHidingDetail=!0;const n=this.renderRoot.querySelector(".content"),i=async()=>{this.showDetail=!1,this.isHidingDetail=!1,this.showHeaderStartIcon=!1,await this.updateComplete,this._restoreFocusToOrigin()};if(n){this.showHeaderStartIcon=!1;const s=()=>{this.showDetail=!1,this.isHidingDetail=!1,n.removeEventListener("animationend",s),i()};n.addEventListener("animationend",s)}else this.showDetail=!1,this.isHidingDetail=!1,this.showHeaderStartIcon=!1;return}this.closePanel()}}focusFirstInPanel(){var t,o,n;(n=this.getFocusableElements().map(i=>this.resolveFocusable(i)).filter(i=>!!i&&!i.hasAttribute("disabled"))[0]??((t=this.shadowRoot)==null?void 0:t.querySelector(".close-btn"))??((o=this.shadowRoot)==null?void 0:o.querySelector(".panel")))==null||n.focus({preventScroll:!0})}resolveFocusable(e){var o;const t=e.tagName.toLowerCase();return t==="o-icon-button"||t==="o-button"?((o=e.shadowRoot)==null?void 0:o.querySelector("button, .button"))??e:e}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),this.addEventListener("focusin",e=>{e.composedPath()[0]===this&&this.focusFirstInPanel()})}disconnectedCallback(){document.body.style.overflow="",document.body.removeAttribute("data-side-panel"),this.removeEventListener("keydown",this.handleKeyDown),super.disconnectedCallback(),this.removeEventListener("open-detail",this._onOpenDetail)}async focusDetailReturnBtn(){var i,s,r,c,h;await this.updateComplete;const e=this.getDeepActiveElement(document);if(e&&e!==document.body)try{e.blur()}catch{}await new Promise(requestAnimationFrame);const t=(i=this.shadowRoot)==null?void 0:i.querySelector(".detail-view .return-btn");if(!t)return;t.updateComplete&&await t.updateComplete,(c=(r=((s=t.shadowRoot)==null?void 0:s.querySelector("button"))??t)==null?void 0:r.focus)==null||c.call(r,{preventScroll:!0});const n=(h=this.shadowRoot)==null?void 0:h.querySelector('.panel[role="dialog"]');n&&n.setAttribute("aria-label",this.labelAriaDialogPanel||"panel-title")}_restoreFocusToOrigin(){var t,o;const e=this._detailOriginEl;!e||!document.contains(e)||((o=(t=document.activeElement)==null?void 0:t.blur)==null||o.call(t),requestAnimationFrame(()=>{var i;e.classList.add("a--tabfocus"),(((i=e.shadowRoot)==null?void 0:i.querySelector('button, .button, [tabindex]:not([tabindex="-1"])'))??null??e).focus({preventScroll:!0})}))}getDeepActiveElement(e=this.shadowRoot){let t=e.activeElement;for(;t&&t.shadowRoot&&t.shadowRoot.activeElement;)t=t.shadowRoot.activeElement;return t}trapFocus(e){var s;if(e.key!=="Tab")return;const t=this.shadowRoot;if(!t)return;const o=this.getDeepActiveElement();if(this.showDetail){const r=t.querySelector(".detail-view .return-btn"),c=t.querySelector(".detail-view .close-btn"),h=r?this.resolveFocusable(r):null,f=c?this.resolveFocusable(c):null;if(e.shiftKey&&h&&o===h&&f){e.preventDefault(),e.stopPropagation(),f.focus({preventScroll:!0});return}if(!e.shiftKey&&f&&o===f){e.preventDefault(),e.stopPropagation(),(((s=t.querySelector(".detail-scroller"))==null?void 0:s.querySelector(g.focusablesSelector))??h??f).focus({preventScroll:!0});return}}if(document.querySelector("#refineandsortpopin")){const r=t.querySelector(".close-btn"),c=r?this.resolveFocusable(r):null,h=t.querySelector(".js-clear-refinements"),f=h?this.resolveFocusable(h):null,w=v=>{e.preventDefault(),e.stopPropagation(),v.focus()};if(c&&f){if(!e.shiftKey&&o===f)return w(c);if(e.shiftKey&&o===c)return w(f)}}const i=this.renderRoot.querySelector(".close-btn");if(!e.shiftKey&&i&&i.contains(o)){e.preventDefault();const r=this.renderRoot.querySelector(".o-whats-inside--content p");r==null||r.focus()}}getFocusableElements(){const e=this.renderRoot.querySelector(".panel");if(!e)return[];function t(i){return!(i.disabled||i.hasAttribute("disabled")||i.hasAttribute("tabindex")&&i.getAttribute("tabindex")==="-1")}function o(i){var r;const s=[i.matches(g.focusablesSelector)?i:[]];if(!["o-icon-button","o-button"].includes(i.tagName.toLowerCase())){const c=Array.from(i instanceof HTMLSlotElement?i.assignedElements({flatten:!0}):[]).filter(t).flatMap(o),h=Array.from(((r=i.shadowRoot)==null?void 0:r.querySelectorAll("*"))||[]).filter(t).flatMap(o);s.push(...c,...h)}return s.flat()}return Array.from(e.querySelectorAll("*")).filter(t).flatMap(o)}openPanel(){var t;this.removeAttribute("hidden"),this.getBoundingClientRect(),this.previousFocusedElement=document.activeElement,this.previousFocusedSelector=(t=this.previousFocusedElement)==null?void 0:t.getAttribute("paneltarget"),this.open=!0,document.body.style.overflow="hidden",document.body.setAttribute("data-side-panel","open");const e=this.renderRoot.querySelector(".panel");e&&e.setAttribute("aria-modal","true"),this.updateComplete.then(()=>{var o,n;if(this.showHeader){const i=(o=this.shadowRoot)==null?void 0:o.querySelector(".panel .close-btn"),s=this.resolveFocusable(i);(n=s==null?void 0:s.focus)==null||n.call(s,{preventScroll:!0})}else this.focusFirstInPanel()}),this.dispatchEvent(new CustomEvent("open",{bubbles:!0,composed:!0}))}closePanel(){var o,n,i;this.open=!1,this.showDetail=!1,document.body.style.overflow="",document.body.removeAttribute("data-side-panel");let e=this.previousFocusedElement;e!=null&&e.isConnected||(e=document.querySelector(`[paneltarget="${this.previousFocusedSelector}"]`)),(e==null?void 0:e.tagName.toLowerCase())==="o-button"?(i=(n=(o=e.shadowRoot)==null?void 0:o.querySelector(".button"))==null?void 0:n.focus)==null||i.call(n):e==null||e.focus();const t=this.renderRoot.querySelector(".panel");t&&t.removeAttribute("aria-modal"),this.dispatchEvent(new CustomEvent("close",{bubbles:!0,composed:!0}))}handleFirstClick(e){e instanceof KeyboardEvent&&e.key!=="Enter"&&e.key!==" "||(e.preventDefault(),e.stopPropagation(),this.onFirstButtonClickClose&&this.closePanel(),this.dispatchEvent(new CustomEvent("firstbuttonclick",{bubbles:!0,composed:!0,cancelable:!0,detail:{button:"first",target:e.target}})))}handleSecondClick(e){e instanceof KeyboardEvent&&e.key!=="Enter"&&e.key!==" "||(e.preventDefault(),e.stopPropagation(),this.onSecondButtonClickClose&&this.closePanel(),this.dispatchEvent(new CustomEvent("secondbuttonclick",{bubbles:!0,composed:!0,cancelable:!0,detail:{button:"second",target:e.target}})))}updated(){this.style.setProperty("--z-overlay",`${this.zIndex||99}`),this.style.setProperty("--z-panel",`${this.zIndex?this.zIndex+1:99}`),this.open||setTimeout(()=>{this.setAttribute("hidden","hidden")},500)}render(){const e=this.showHeader?a`
|
|
1110
1110
|
<div tabindex="-1" class="header ${this.showDetail?"detail-view-header":""}">
|
|
@@ -1428,7 +1428,7 @@
|
|
|
1428
1428
|
overflow: auto;
|
|
1429
1429
|
box-sizing: border-box;
|
|
1430
1430
|
}
|
|
1431
|
-
`;g.focusablesSelector='button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"]), o-icon-button, o-button';g.focusablesCustomElementsSelector="o-icon-button, o-button";g.shadowRootOptions={...p.shadowRootOptions,delegatesFocus:!0};b([l({type:Boolean,reflect:!0})],g.prototype,"open",2);b([l({type:Boolean,reflect:!0})],g.prototype,"showHeader",2);b([l({type:Boolean,reflect:!0})],g.prototype,"showFooter",2);b([l({type:Boolean,reflect:!0})],g.prototype,"showHeaderStartIcon",2);b([l({type:String,reflect:!0})],g.prototype,"headerTitle",2);b([l({type:String,reflect:!0})],g.prototype,"headerTitleClassName",2);b([l({type:String,reflect:!0})],g.prototype,"labelDialog",2);b([l({type:String,reflect:!0})],g.prototype,"labelAriaDialogPanel",2);b([l({type:String,reflect:!0})],g.prototype,"addToBagProductCount",2);b([l({type:String,reflect:!0})],g.prototype,"closeButtonLabel",2);b([l({type:String,reflect:!0})],g.prototype,"goBackButtonLabel",2);b([l({type:String,reflect:!0})],g.prototype,"firstButtonLabel",2);b([l({type:String,reflect:!0})],g.prototype,"firstButtonVariant",2);b([l({type:Object,reflect:!0})],g.prototype,"firstButtonProps",2);b([l({type:Boolean,reflect:!0})],g.prototype,"onFirstButtonClickClose",2);b([l({type:String,reflect:!0})],g.prototype,"secondButtonLabel",2);b([l({type:String,reflect:!0})],g.prototype,"secondButtonVariant",2);b([l({type:Object,reflect:!0})],g.prototype,"secondButtonProps",2);b([l({type:Boolean,reflect:!0})],g.prototype,"onSecondButtonClickClose",2);b([l({type:Boolean,reflect:!0})],g.prototype,"disablePortal",2);b([l({type:Number,reflect:!0})],g.prototype,"zIndex",2);b([l({type:Boolean,reflect:!0})],g.prototype,"initialized",2);b([l({type:Boolean})],g.prototype,"showDetail",2);b([l({type:Boolean})],g.prototype,"isHidingDetail",2);g=b([u("o-side-panel")],g);var E5=Object.defineProperty,M5=Object.getOwnPropertyDescriptor,L=(e,t,o,n)=>{for(var i=n>1?void 0:n?M5(t,o):t,s=e.length-1,r;s>=0;s--)(r=e[s])&&(i=(n?r(t,o,i):r(i))||i);return n&&i&&E5(t,o,i),i};const k5=t2(p);let m=class extends k5{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,this.hideRoleButton=!1,this.describedBy=null,this.ariaExpanded=null}get name(){return this.getAttribute("name")??""}set name(e){this.setAttribute("name",e)}get form(){return this[
|
|
1431
|
+
`;g.focusablesSelector='button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"]), o-icon-button, o-button';g.focusablesCustomElementsSelector="o-icon-button, o-button";g.shadowRootOptions={...p.shadowRootOptions,delegatesFocus:!0};b([l({type:Boolean,reflect:!0})],g.prototype,"open",2);b([l({type:Boolean,reflect:!0})],g.prototype,"showHeader",2);b([l({type:Boolean,reflect:!0})],g.prototype,"showFooter",2);b([l({type:Boolean,reflect:!0})],g.prototype,"showHeaderStartIcon",2);b([l({type:String,reflect:!0})],g.prototype,"headerTitle",2);b([l({type:String,reflect:!0})],g.prototype,"headerTitleClassName",2);b([l({type:String,reflect:!0})],g.prototype,"labelDialog",2);b([l({type:String,reflect:!0})],g.prototype,"labelAriaDialogPanel",2);b([l({type:String,reflect:!0})],g.prototype,"addToBagProductCount",2);b([l({type:String,reflect:!0})],g.prototype,"closeButtonLabel",2);b([l({type:String,reflect:!0})],g.prototype,"goBackButtonLabel",2);b([l({type:String,reflect:!0})],g.prototype,"firstButtonLabel",2);b([l({type:String,reflect:!0})],g.prototype,"firstButtonVariant",2);b([l({type:Object,reflect:!0})],g.prototype,"firstButtonProps",2);b([l({type:Boolean,reflect:!0})],g.prototype,"onFirstButtonClickClose",2);b([l({type:String,reflect:!0})],g.prototype,"secondButtonLabel",2);b([l({type:String,reflect:!0})],g.prototype,"secondButtonVariant",2);b([l({type:Object,reflect:!0})],g.prototype,"secondButtonProps",2);b([l({type:Boolean,reflect:!0})],g.prototype,"onSecondButtonClickClose",2);b([l({type:Boolean,reflect:!0})],g.prototype,"disablePortal",2);b([l({type:Number,reflect:!0})],g.prototype,"zIndex",2);b([l({type:Boolean,reflect:!0})],g.prototype,"initialized",2);b([l({type:Boolean})],g.prototype,"showDetail",2);b([l({type:Boolean})],g.prototype,"isHidingDetail",2);g=b([u("o-side-panel")],g);var E5=Object.defineProperty,M5=Object.getOwnPropertyDescriptor,L=(e,t,o,n)=>{for(var i=n>1?void 0:n?M5(t,o):t,s=e.length-1,r;s>=0;s--)(r=e[s])&&(i=(n?r(t,o,i):r(i))||i);return n&&i&&E5(t,o,i),i};const k5=t2(p);let m=class extends k5{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,this.hideRoleButton=!1,this.describedBy=null,this.ariaExpanded=null}get name(){return this.getAttribute("name")??""}set name(e){this.setAttribute("name",e)}get form(){return this[P1].form}handleClick(e){if(!(e instanceof KeyboardEvent&&!["Enter"," "].includes(e.key))&&this.panelTarget){const t=document.getElementById(this.panelTarget);t instanceof g&&(t!=null&&t.openPanel)&&typeof t.openPanel=="function"?(e.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(e){const t=e==="start"?this.startIconModel:this.endIconModel;if(!t)return d;const o=N1[t].replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"');return a`<span class="${e==="start"?"icon-start":"icon-end"}">${q(o)}</span>`}renderButton(){const e=this.text||this.textsecond;return a`
|
|
1432
1432
|
<button type=${this.type} class="button" ?disabled=${this.disabled} @click=${this.handleClick} @keydown=${this.handleClick}
|
|
1433
1433
|
aria-describedby=${this.describedBy||d} aria-expanded=${this.ariaExpanded||d} >
|
|
1434
1434
|
${this.startIcon?this.renderIcon("start"):d}
|
|
@@ -1667,7 +1667,7 @@
|
|
|
1667
1667
|
transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
|
|
1668
1668
|
transform: translateX(4px);
|
|
1669
1669
|
}
|
|
1670
|
-
`;L([l()],m.prototype,"type",2);L([l()],m.prototype,"value",2);L([l({type:String,reflect:!0})],m.prototype,"variant",2);L([l({type:String})],m.prototype,"text",2);L([l({type:String})],m.prototype,"textsecond",2);L([l({type:Boolean,reflect:!0})],m.prototype,"fullwidth",2);L([l({type:Boolean,reflect:!0})],m.prototype,"disabled",2);L([l({type:String})],m.prototype,"startIconModel",2);L([l({type:String})],m.prototype,"endIconModel",2);L([l({type:Boolean,reflect:!0,attribute:"starticon"})],m.prototype,"startIcon",2);L([l({type:Boolean,reflect:!0,attribute:"endicon"})],m.prototype,"endIcon",2);L([l({type:String,attribute:"paneltarget"})],m.prototype,"panelTarget",2);L([l({type:String})],m.prototype,"href",2);L([l({type:String})],m.prototype,"target",2);L([l({type:Boolean,reflect:!0})],m.prototype,"underlined",2);L([l({type:Boolean,reflect:!0})],m.prototype,"withbadge",2);L([l({type:Boolean,reflect:!0})],m.prototype,"hideRoleButton",2);L([l({reflect:!0,attribute:"describedby"})],m.prototype,"describedBy",2);L([l({reflect:!0,attribute:"expanded"})],m.prototype,"ariaExpanded",2);m=L([u("o-button")],m);var Z5=Object.defineProperty,_5=Object.getOwnPropertyDescriptor,
|
|
1670
|
+
`;L([l()],m.prototype,"type",2);L([l()],m.prototype,"value",2);L([l({type:String,reflect:!0})],m.prototype,"variant",2);L([l({type:String})],m.prototype,"text",2);L([l({type:String})],m.prototype,"textsecond",2);L([l({type:Boolean,reflect:!0})],m.prototype,"fullwidth",2);L([l({type:Boolean,reflect:!0})],m.prototype,"disabled",2);L([l({type:String})],m.prototype,"startIconModel",2);L([l({type:String})],m.prototype,"endIconModel",2);L([l({type:Boolean,reflect:!0,attribute:"starticon"})],m.prototype,"startIcon",2);L([l({type:Boolean,reflect:!0,attribute:"endicon"})],m.prototype,"endIcon",2);L([l({type:String,attribute:"paneltarget"})],m.prototype,"panelTarget",2);L([l({type:String})],m.prototype,"href",2);L([l({type:String})],m.prototype,"target",2);L([l({type:Boolean,reflect:!0})],m.prototype,"underlined",2);L([l({type:Boolean,reflect:!0})],m.prototype,"withbadge",2);L([l({type:Boolean,reflect:!0})],m.prototype,"hideRoleButton",2);L([l({reflect:!0,attribute:"describedby"})],m.prototype,"describedBy",2);L([l({reflect:!0,attribute:"expanded"})],m.prototype,"ariaExpanded",2);m=L([u("o-button")],m);var Z5=Object.defineProperty,_5=Object.getOwnPropertyDescriptor,k1=(e,t,o,n)=>{for(var i=n>1?void 0:n?_5(t,o):t,s=e.length-1,r;s>=0;s--)(r=e[s])&&(i=(n?r(t,o,i):r(i))||i);return n&&i&&Z5(t,o,i),i};let C1=class extends p{constructor(){super(...arguments),this.status="empty",this.icon="occ-wishlist-outlined",this.bgstyle="none-contrast",this.ariaDescribedBy="a-product-name",this.label="Add to wishlist",this.toggleStatus=()=>{this.status=this.status==="empty"?"filled":"empty",this.icon=this.status==="filled"?"occ-wishlist-filled":"occ-wishlist-outlined",this.bgstyle=this.status==="filled"?"none-contrast":"none-light",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("role","button"),this.setAttribute("aria-pressed",String(this.status==="filled"))}firstUpdated(){this.addEventListener("click",this.toggleStatus),this.addEventListener("keydown",this.handleKeydown)}handleKeydown(e){(e.key==="Enter"||e.key===" ")&&(e.preventDefault(),this.toggleStatus())}render(){const e=N1[this.icon].replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"');return a`
|
|
1671
1671
|
<button type="button" aria-describedby="${this.ariaDescribedBy}" class="wishlist-button">
|
|
1672
1672
|
<span class="sr-only">${this.label}</span>
|
|
1673
1673
|
${q(e)}
|
|
@@ -1720,7 +1720,7 @@
|
|
|
1720
1720
|
}
|
|
1721
1721
|
|
|
1722
1722
|
.sr-only {
|
|
1723
|
-
${
|
|
1723
|
+
${y2}
|
|
1724
1724
|
}
|
|
1725
1725
|
|
|
1726
1726
|
:host([icon="occ-wishlist-outlined"][bgstyle="none-contrast"]) .wishlist-button svg path {
|
|
@@ -1731,7 +1731,7 @@
|
|
|
1731
1731
|
fill: var(--color-content-action-secondary);
|
|
1732
1732
|
stroke: var(--color-content-action-secondary);
|
|
1733
1733
|
}
|
|
1734
|
-
`;
|
|
1734
|
+
`;k1([l({type:String,reflect:!0})],C1.prototype,"status",2);k1([l({type:String,reflect:!0})],C1.prototype,"icon",2);k1([l({type:String,reflect:!0})],C1.prototype,"bgstyle",2);k1([l({type:String,reflect:!0})],C1.prototype,"ariaDescribedBy",2);k1([l({type:String,reflect:!0})],C1.prototype,"label",2);C1=k1([u("o-wishlist-button")],C1);var S5=Object.defineProperty,F5=Object.getOwnPropertyDescriptor,y1=(e,t,o,n)=>{for(var i=n>1?void 0:n?F5(t,o):t,s=e.length-1,r;s>=0;s--)(r=e[s])&&(i=(n?r(t,o,i):r(i))||i);return n&&i&&S5(t,o,i),i};let s1=class extends p{constructor(){super(...arguments),this.href="",this.target="",this.template="standard",this.inverse=!1,this.endIcon=!1,this.reverseEndIcon=!1}_handleClick(e){(!this.href||this.href==="#")&&e.preventDefault()}render(){const e=!!this.href,t=a`
|
|
1735
1735
|
${this.endIcon&&this.reverseEndIcon?a`
|
|
1736
1736
|
<o-icon-button
|
|
1737
1737
|
icon="occ-chevron-left"
|
|
@@ -2019,9 +2019,9 @@
|
|
|
2019
2019
|
height: 0;
|
|
2020
2020
|
width: 0;
|
|
2021
2021
|
}
|
|
2022
|
-
`;u1([l({type:Array})],X.prototype,"thumbnails",2);u1([l({type:Number})],X.prototype,"activeIndex",2);u1([l({type:Array})],X.prototype,"disabledIndexes",2);u1([l({type:String})],X.prototype,"maxWidth",2);u1([l({type:String})],X.prototype,"altressource",2);u1([l({type:Object})],X.prototype,"swiperInstance",2);u1([j()],X.prototype,"focusedIndex",2);X=u1([u("thumbnail-navigation")],X);var z5=Object.defineProperty,D5=Object.getOwnPropertyDescriptor,
|
|
2022
|
+
`;u1([l({type:Array})],X.prototype,"thumbnails",2);u1([l({type:Number})],X.prototype,"activeIndex",2);u1([l({type:Array})],X.prototype,"disabledIndexes",2);u1([l({type:String})],X.prototype,"maxWidth",2);u1([l({type:String})],X.prototype,"altressource",2);u1([l({type:Object})],X.prototype,"swiperInstance",2);u1([j()],X.prototype,"focusedIndex",2);X=u1([u("thumbnail-navigation")],X);var z5=Object.defineProperty,D5=Object.getOwnPropertyDescriptor,x2=(e,t,o,n)=>{for(var i=n>1?void 0:n?D5(t,o):t,s=e.length-1,r;s>=0;s--)(r=e[s])&&(i=(n?r(t,o,i):r(i))||i);return n&&i&&z5(t,o,i),i};let z1=class extends p{constructor(){super(...arguments),this.type="",this.bgstyle="background-white"}render(){return a`
|
|
2023
2023
|
<p class="tag ${this.bgstyle}"><slot></slot></p>
|
|
2024
|
-
`}};
|
|
2024
|
+
`}};z1.styles=C`
|
|
2025
2025
|
.tag {
|
|
2026
2026
|
display: inline-block;
|
|
2027
2027
|
padding: var(--spacing-2-xs) var(--spacing-s);
|
|
@@ -2077,12 +2077,12 @@
|
|
|
2077
2077
|
text-overflow: ellipsis;
|
|
2078
2078
|
}
|
|
2079
2079
|
|
|
2080
|
-
`;
|
|
2080
|
+
`;x2([l({type:String,reflect:!0})],z1.prototype,"type",2);x2([l({type:String,reflect:!0})],z1.prototype,"bgstyle",2);z1=x2([u("o-tag")],z1);var T5=Object.defineProperty,j5=Object.getOwnPropertyDescriptor,$2=(e,t,o,n)=>{for(var i=n>1?void 0:n?j5(t,o):t,s=e.length-1,r;s>=0;s--)(r=e[s])&&(i=(n?r(t,o,i):r(i))||i);return n&&i&&T5(t,o,i),i};let D1=class extends p{constructor(){super(...arguments),this.type="top",this.text=""}render(){return a`
|
|
2081
2081
|
<div class="tooltip">
|
|
2082
2082
|
<span class="tooltiptext">${this.text}</span>
|
|
2083
2083
|
<slot></slot>
|
|
2084
2084
|
</div>
|
|
2085
|
-
`}};
|
|
2085
|
+
`}};D1.styles=C`
|
|
2086
2086
|
.tooltip {
|
|
2087
2087
|
position: relative;
|
|
2088
2088
|
display: inline-block;
|
|
@@ -2174,7 +2174,7 @@
|
|
|
2174
2174
|
border-color: transparent var(--color-alpha-dark-strongest) transparent transparent;
|
|
2175
2175
|
}
|
|
2176
2176
|
|
|
2177
|
-
|
|
2177
|
+
`;$2([l({type:String,reflect:!0})],D1.prototype,"type",2);$2([l({type:String,reflect:!0})],D1.prototype,"text",2);D1=$2([u("o-tooltip")],D1);var R5=Object.defineProperty,U5=Object.getOwnPropertyDescriptor,a1=(e,t,o,n)=>{for(var i=n>1?void 0:n?U5(t,o):t,s=e.length-1,r;s>=0;s--)(r=e[s])&&(i=(n?r(t,o,i):r(i))||i);return n&&i&&R5(t,o,i),i};let N=class extends p{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=e=>{this.contains(e.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 e;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=(e=this.renderRoot)==null?void 0:e.querySelector("button");t&&(this.menuWidth=`${t.getBoundingClientRect().width}px`)}this.open&&this.updateComplete.then(()=>{this._focusActiveOption()})}}_focusActiveOption(){var t;const e=(t=this.renderRoot)==null?void 0:t.querySelector(`#option-${this.activeIndex}`);e==null||e.focus()}selectOption(e){this.value=e.value,this.dispatchEvent(new CustomEvent("change",{detail:{value:this.value,url:e.url}})),this.open=!1,this.activeIndex=-1}handleKeydown(e){if(this.disabled){e.preventDefault();return}if(!this.open){(e.key==="ArrowDown"||e.key==="ArrowUp")&&(e.preventDefault(),this.open=!0,this.activeIndex=this.options.findIndex(t=>t.value===this.value),this.updateComplete.then(()=>this._focusActiveOption()));return}switch(e.key){case"ArrowDown":e.preventDefault(),this.activeIndex=(this.activeIndex+1)%this.options.length,this.updateComplete.then(()=>this._focusActiveOption());break;case"ArrowUp":e.preventDefault(),this.activeIndex=(this.activeIndex-1+this.options.length)%this.options.length,this.updateComplete.then(()=>this._focusActiveOption());break;case"Home":e.preventDefault(),this.activeIndex=0,this.updateComplete.then(()=>this._focusActiveOption());break;case"End":e.preventDefault(),this.activeIndex=this.options.length-1,this.updateComplete.then(()=>this._focusActiveOption());break;case"Enter":e.preventDefault(),this.activeIndex>=0&&this.selectOption(this.options[this.activeIndex]);break;case"Escape":e.preventDefault(),this.open=!1,this.activeIndex=-1;break}}updated(e){this.options.length>0&&(this.options.some(o=>o.value===this.value)||(this.value=this.options[0].value))}render(){const e=N1["occ-check-outlined"].replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"'),t=this.options.find(o=>o.value===this.value);return a`
|
|
2178
2178
|
<button
|
|
2179
2179
|
role="combobox"
|
|
2180
2180
|
aria-haspopup="listbox"
|
|
@@ -2360,7 +2360,7 @@
|
|
|
2360
2360
|
input[type="hidden"] {
|
|
2361
2361
|
display: none;
|
|
2362
2362
|
}
|
|
2363
|
-
`;a1([l({type:Array,reflect:!0})],N.prototype,"options",2);a1([l({type:String,reflect:!0})],N.prototype,"value",2);a1([l({type:String,reflect:!0})],N.prototype,"name",2);a1([l({type:Boolean,reflect:!0})],N.prototype,"disabled",2);a1([l({type:String,reflect:!0})],N.prototype,"width",2);a1([j()],N.prototype,"open",2);a1([j()],N.prototype,"activeIndex",2);a1([j()],N.prototype,"menuWidth",2);N=a1([u("o-dropdown")],N);var q5=Object.getOwnPropertyDescriptor,N5=(e,t,o,n)=>{for(var i=n>1?void 0:n?q5(t,o):t,s=e.length-1,r;s>=0;s--)(r=e[s])&&(i=r(i)||i);return i};let
|
|
2363
|
+
`;a1([l({type:Array,reflect:!0})],N.prototype,"options",2);a1([l({type:String,reflect:!0})],N.prototype,"value",2);a1([l({type:String,reflect:!0})],N.prototype,"name",2);a1([l({type:Boolean,reflect:!0})],N.prototype,"disabled",2);a1([l({type:String,reflect:!0})],N.prototype,"width",2);a1([j()],N.prototype,"open",2);a1([j()],N.prototype,"activeIndex",2);a1([j()],N.prototype,"menuWidth",2);N=a1([u("o-dropdown")],N);var q5=Object.getOwnPropertyDescriptor,N5=(e,t,o,n)=>{for(var i=n>1?void 0:n?q5(t,o):t,s=e.length-1,r;s>=0;s--)(r=e[s])&&(i=r(i)||i);return i};let u2=class extends p{render(){return a` <span class="dots"></span> `}};u2.styles=C`
|
|
2364
2364
|
:host {
|
|
2365
2365
|
display: flex;
|
|
2366
2366
|
align-items: center;
|
|
@@ -2402,7 +2402,7 @@
|
|
|
2402
2402
|
:host([aria-current="true"]:active) .dots {
|
|
2403
2403
|
background-color: var(--color-container-action-primary-pressed);
|
|
2404
2404
|
}
|
|
2405
|
-
`;
|
|
2405
|
+
`;u2=N5([u("o-dots")],u2);var K5=Object.defineProperty,W5=Object.getOwnPropertyDescriptor,Q=(e,t,o,n)=>{for(var i=n>1?void 0:n?W5(t,o):t,s=e.length-1,r;s>=0;s--)(r=e[s])&&(i=(n?r(t,o,i):r(i))||i);return n&&i&&K5(t,o,i),i};let P=class extends p{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._sent=new Set,this._pendingByKey=new Map,this._handleOutsideClick=e=>{this.contains(e.target)||(this.open=!1,this.activeIndex=-1,this._stopObserveVisibleItems())}}_getKey(e,t,o){return(t==null?void 0:t.productId)??e.value??String(o)}_scheduleFlush(){this._flushTimer||(this._flushTimer=window.setTimeout(()=>{this._flushTimer=void 0,this._flushPending()},80))}_flushPending(){if(!this.open||this._pendingByKey.size===0)return;const e=Array.from(this._pendingByKey.values());this._pendingByKey.clear(),this.dispatchEvent(new CustomEvent("event-tracking",{detail:{products:e},bubbles:!0,composed:!0}))}_emitTrackingEvent(e,t){const o=e==null?void 0:e.dataproduct;if(!o)return;let n;try{n=JSON.parse(o)}catch(i){console.warn("Invalid dataproduct JSON:",o,i);return}this.dispatchEvent(new CustomEvent("event-tracking",{detail:{product:n},bubbles:!0,composed:!0}))}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this._handleOutsideClick)}disconnectedCallback(){document.removeEventListener("click",this._handleOutsideClick),super.disconnectedCallback()}_startObserveVisibleItems(){var t;this._stopObserveVisibleItems();const e=(t=this.renderRoot)==null?void 0:t.querySelector("#dropdown-listbox");e&&(this._io=new IntersectionObserver(o=>{if(this.open)for(const n of o){if(!n.isIntersecting)continue;const i=n.target,s=i.dataset.index;if(!s)continue;const r=Number(s),c=this.options[r];if(!c||c.disabled)continue;const h=c.dataproduct??i.dataset.product;if(!h)continue;let f;try{f=JSON.parse(h)}catch(v){console.warn("Invalid dataproduct JSON:",h,v);continue}const w=this._getKey(c,f,r);this._sent.has(w)||(this._sent.add(w),this._pendingByKey.set(w,f),this._scheduleFlush())}},{root:e,threshold:.75}),e.querySelectorAll("li[role='option']").forEach(o=>{var n;return(n=this._io)==null?void 0:n.observe(o)}))}_stopObserveVisibleItems(){var e;this._flushPending(),this._flushTimer&&(clearTimeout(this._flushTimer),this._flushTimer=void 0),(e=this._io)==null||e.disconnect(),this._io=void 0}toggle(){var e;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=(e=this.renderRoot)==null?void 0:e.querySelector("button");t&&(this.menuWidth=`${t.getBoundingClientRect().width}px`)}this.open?this.updateComplete.then(()=>{this._focusActiveOption(),this._startObserveVisibleItems()}):this._stopObserveVisibleItems()}}_focusActiveOption(){var t;const e=(t=this.renderRoot)==null?void 0:t.querySelector(`#option-${this.activeIndex}`);e==null||e.focus()}selectOption(e){this.value=e.value,this.dispatchEvent(new CustomEvent("change",{detail:{value:this.value,url:e.url}})),this.open=!1,this.activeIndex=-1}handleKeydown(e){if(this.disabled){e.preventDefault();return}if(!this.open){(e.key==="ArrowDown"||e.key==="ArrowUp")&&(e.preventDefault(),this.open=!0,this.activeIndex=this.options.findIndex(t=>t.value===this.value),this.updateComplete.then(()=>this._focusActiveOption()));return}switch(e.key){case"ArrowDown":e.preventDefault(),this.activeIndex=(this.activeIndex+1)%this.options.length,this.updateComplete.then(()=>this._focusActiveOption());break;case"ArrowUp":e.preventDefault(),this.activeIndex=(this.activeIndex-1+this.options.length)%this.options.length,this.updateComplete.then(()=>this._focusActiveOption());break;case"Home":e.preventDefault(),this.activeIndex=0,this.updateComplete.then(()=>this._focusActiveOption());break;case"End":e.preventDefault(),this.activeIndex=this.options.length-1,this.updateComplete.then(()=>this._focusActiveOption());break;case"Enter":e.preventDefault(),this.activeIndex>=0&&this.selectOption(this.options[this.activeIndex]);break;case"Escape":e.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 e=N1["occ-check-outlined"].replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"'),t=this.options.find(o=>o.value===this.value);return a`
|
|
2406
2406
|
<button
|
|
2407
2407
|
role="combobox"
|
|
2408
2408
|
aria-haspopup="listbox"
|
|
@@ -2647,13 +2647,13 @@
|
|
|
2647
2647
|
* @license
|
|
2648
2648
|
* Copyright 2018 Google LLC
|
|
2649
2649
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
2650
|
-
*/const J2="important",G5=" !"+J2,X5=e2(class extends o2{constructor(e){var t;if(super(e),e.type!==n1.ATTRIBUTE||e.name!=="style"||((t=e.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(e){return Object.keys(e).reduce((t,o)=>{const n=e[o];return n==null?t:t+`${o=o.includes("-")?o:o.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,"-$&").toLowerCase()}:${n};`},"")}update(e,[t]){const{style:o}=e.element;if(this.ft===void 0)return this.ft=new Set(Object.keys(t)),this.render(t);for(const n of this.ft)t[n]==null&&(this.ft.delete(n),n.includes("-")?o.removeProperty(n):o[n]=null);for(const n in t){const i=t[n];if(i!=null){this.ft.add(n);const s=typeof i=="string"&&i.endsWith(G5);n.includes("-")||s?o.setProperty(n,s?i.slice(0,-11):i,s?J2:""):o[n]=i}}return A}});var Y5=Object.defineProperty,J5=Object.getOwnPropertyDescriptor
|
|
2650
|
+
*/const J2="important",G5=" !"+J2,X5=e2(class extends o2{constructor(e){var t;if(super(e),e.type!==n1.ATTRIBUTE||e.name!=="style"||((t=e.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(e){return Object.keys(e).reduce((t,o)=>{const n=e[o];return n==null?t:t+`${o=o.includes("-")?o:o.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,"-$&").toLowerCase()}:${n};`},"")}update(e,[t]){const{style:o}=e.element;if(this.ft===void 0)return this.ft=new Set(Object.keys(t)),this.render(t);for(const n of this.ft)t[n]==null&&(this.ft.delete(n),n.includes("-")?o.removeProperty(n):o[n]=null);for(const n in t){const i=t[n];if(i!=null){this.ft.add(n);const s=typeof i=="string"&&i.endsWith(G5);n.includes("-")||s?o.setProperty(n,s?i.slice(0,-11):i,s?J2:""):o[n]=i}}return A}});var Y5=Object.defineProperty,J5=Object.getOwnPropertyDescriptor,n2=(e,t,o,n)=>{for(var i=n>1?void 0:n?J5(t,o):t,s=e.length-1,r;s>=0;s--)(r=e[s])&&(i=(n?r(t,o,i):r(i))||i);return n&&i&&Y5(t,o,i),i};let V1=class extends p{constructor(){super(...arguments),this.option={},this.imageSize=64,this.fullwidth=!1}render(){const e=r=>{const c=document.createElement("textarea");return c.innerHTML=r,c.value},t=this.option&&this.option.clickable,o={width:`${this.imageSize}px`,height:`${this.imageSize}px`},n=this.option&&this.option.title?e(this.option.title):"",i=this.option&&this.option.description?e(this.option.description):"",s=a`
|
|
2651
2651
|
${this.option.imgurl?a`<img src="${this.option.imgurl}" alt="${V(n)}" aria-hidden="true" style=${X5(o)} />`:""}
|
|
2652
2652
|
<div class="m-reassurance-content">
|
|
2653
2653
|
<h3 class="a-reassurance-text">${V(n)}</h3>
|
|
2654
2654
|
<p class="a-reassurance-description">${V(i)}</p>
|
|
2655
2655
|
</div>
|
|
2656
|
-
`;return t?a`<a href="${V(this.option.url)}" class="reassurance-item clickable">${s}</a>`:a`<div class="reassurance-item">${s}</div>`}};
|
|
2656
|
+
`;return t?a`<a href="${V(this.option.url)}" class="reassurance-item clickable">${s}</a>`:a`<div class="reassurance-item ${this.fullwidth?"fullwidth":""}">${s}</div>`}};V1.styles=C`
|
|
2657
2657
|
:host {
|
|
2658
2658
|
display: inline-block;
|
|
2659
2659
|
position: relative;
|
|
@@ -2670,6 +2670,16 @@
|
|
|
2670
2670
|
padding: var(--spacing-xl);
|
|
2671
2671
|
}
|
|
2672
2672
|
|
|
2673
|
+
.tile.fullwidth {
|
|
2674
|
+
width: 100%;
|
|
2675
|
+
max-width: 100%;
|
|
2676
|
+
}
|
|
2677
|
+
|
|
2678
|
+
.reassurance-item.fullwidth {
|
|
2679
|
+
width: 100%;
|
|
2680
|
+
max-width: 100%;
|
|
2681
|
+
}
|
|
2682
|
+
|
|
2673
2683
|
.reassurance-item:has(img) {
|
|
2674
2684
|
padding: 3px var(--spacing-s) 3px var(--spacing-2-xs);
|
|
2675
2685
|
}
|
|
@@ -2734,7 +2744,7 @@
|
|
|
2734
2744
|
-webkit-box-orient: vertical;
|
|
2735
2745
|
overflow: hidden;
|
|
2736
2746
|
}
|
|
2737
|
-
|
|
2747
|
+
`;n2([l({type:Object,reflect:!0})],V1.prototype,"option",2);n2([l({type:Number,reflect:!0})],V1.prototype,"imageSize",2);n2([l({type:Boolean})],V1.prototype,"fullwidth",2);V1=n2([u("o-reassurance")],V1);var Q5=Object.defineProperty,t6=Object.getOwnPropertyDescriptor,c1=(e,t,o,n)=>{for(var i=n>1?void 0:n?t6(t,o):t,s=e.length-1,r;s>=0;s--)(r=e[s])&&(i=(n?r(t,o,i):r(i))||i);return n&&i&&Q5(t,o,i),i};const e6=t2(p);let z=class extends e6{constructor(){super(...arguments),this.link="",this.name="",this.value="",this.text="",this.size="standard",this.selected=!1,this.fullwidth=!1,this.inactive=!1}handleClick(e){this.selected||(this.selected=!0);const t={selected:this.selected},o=new CustomEvent("selected",{detail:t,bubbles:!0,composed:!0,cancelable:!0});this.dispatchEvent(o),o.defaultPrevented&&e.preventDefault(),this.selected=t.selected}render(){const e=this.text;return this.link?a`
|
|
2738
2748
|
<a href="${this.link}" class="o-chip" tabindex="${this.inactive?"-1":d}"
|
|
2739
2749
|
aria-current="${this.selected?"true":d}">
|
|
2740
2750
|
${e?this.text:a`<slot></slot>`}
|
|
@@ -3144,11 +3154,11 @@
|
|
|
3144
3154
|
.fullpointer {
|
|
3145
3155
|
cursor: pointer;
|
|
3146
3156
|
}
|
|
3147
|
-
`;let k=E2;R([l({type:String})],k.prototype,"type");R([l({type:String})],k.prototype,"titleProduct");R([l({type:String})],k.prototype,"volume");R([l({type:String})],k.prototype,"perLiter");R([l({type:String})],k.prototype,"mainPrice");R([l({type:String})],k.prototype,"imageUrl");R([l({type:String})],k.prototype,"altImage");R([l({type:Boolean})],k.prototype,"fullwidth");R([l({type:String})],k.prototype,"tagText");R([l({type:Boolean})],k.prototype,"outOfStock");R([l({attribute:!1})],k.prototype,"onClickTile");R([l({attribute:!1})],k.prototype,"onClickIcon");customElements.define("mini-tile",k);var a6=Object.defineProperty,c6=Object.getOwnPropertyDescriptor,
|
|
3157
|
+
`;let k=E2;R([l({type:String})],k.prototype,"type");R([l({type:String})],k.prototype,"titleProduct");R([l({type:String})],k.prototype,"volume");R([l({type:String})],k.prototype,"perLiter");R([l({type:String})],k.prototype,"mainPrice");R([l({type:String})],k.prototype,"imageUrl");R([l({type:String})],k.prototype,"altImage");R([l({type:Boolean})],k.prototype,"fullwidth");R([l({type:String})],k.prototype,"tagText");R([l({type:Boolean})],k.prototype,"outOfStock");R([l({attribute:!1})],k.prototype,"onClickTile");R([l({attribute:!1})],k.prototype,"onClickIcon");customElements.define("mini-tile",k);var a6=Object.defineProperty,c6=Object.getOwnPropertyDescriptor,s2=(e,t,o,n)=>{for(var i=n>1?void 0:n?c6(t,o):t,s=e.length-1,r;s>=0;s--)(r=e[s])&&(i=(n?r(t,o,i):r(i))||i);return n&&i&&a6(t,o,i),i};let E1=class extends p{constructor(){super(...arguments),this.variant="cart",this.text=0,this.srlabel=""}render(){return a`
|
|
3148
3158
|
<span class="badge">
|
|
3149
3159
|
${this.text?a`${this.text} <span class="sr-only">${this.srlabel}</span>`:a`<slot></slot>`}
|
|
3150
3160
|
</span>
|
|
3151
|
-
`}};
|
|
3161
|
+
`}};E1.styles=C`
|
|
3152
3162
|
:host([variant]) {
|
|
3153
3163
|
--badge-width: 19px;
|
|
3154
3164
|
display: inline-block;
|
|
@@ -3183,9 +3193,9 @@
|
|
|
3183
3193
|
}
|
|
3184
3194
|
|
|
3185
3195
|
.sr-only {
|
|
3186
|
-
${
|
|
3196
|
+
${y2}
|
|
3187
3197
|
}
|
|
3188
|
-
`;
|
|
3198
|
+
`;s2([l({type:String,reflect:!0})],E1.prototype,"variant",2);s2([l({type:Number})],E1.prototype,"text",2);s2([l({type:String})],E1.prototype,"srlabel",2);E1=s2([u("o-badge")],E1);var h6=Object.defineProperty,d6=Object.getOwnPropertyDescriptor,U=(e,t,o,n)=>{for(var i=n>1?void 0:n?d6(t,o):t,s=e.length-1,r;s>=0;s--)(r=e[s])&&(i=(n?r(t,o,i):r(i))||i);return n&&i&&h6(t,o,i),i};let Z=class extends p{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=5e3,this.multiline=!1}attributeChangedCallback(e,t,o){super.attributeChangedCallback(e,t,o),e=="verticaloffset"&&this.style.setProperty("--vertical-offset",o+"px"),e=="horizontaloffset"&&this.style.setProperty("--horizontal-offset",o+"px"),e=="animationduration"&&this.style.setProperty("--animation-duration",o+"ms")}selfCloseAfterDelay(){var e=this;setTimeout(function(){e.animated=!0,e.selfClose()},this.lifeduration)}selfClose(){var e=this;setTimeout(function(){e.remove()},this.animationduration+200)}connectedCallback(){var e=this;super.connectedCallback(),setTimeout(()=>{e.animated=!1,this.selfCloseAfterDelay()},600)}firstUpdated(){var n,i;var e=this;const t=(n=this.renderRoot)==null?void 0:n.querySelector("o-icon-button"),o=(i=this.renderRoot)==null?void 0:i.querySelector(".o-toast-text");if(o!=null){const s=window.getComputedStyle(o),r=parseInt(s.getPropertyValue("line-height").replace("px","")),c=parseInt(s.getPropertyValue("height").replace("px",""));!isNaN(r)&&!isNaN(c)&&c>r&&(this.multiline=!0)}t!=null&&t.addEventListener("click",function(){e.remove()})}render(){const t=u5[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 a`
|
|
3189
3199
|
<div class="o-toast">
|
|
3190
3200
|
<div class="o-toast-icon">
|
|
3191
3201
|
${q(t)}
|
|
@@ -3493,13 +3503,13 @@
|
|
|
3493
3503
|
width: 0;
|
|
3494
3504
|
height: 0;
|
|
3495
3505
|
}
|
|
3496
|
-
`;e1([l({type:Boolean,reflect:!0})],T.prototype,"checked",2);e1([l({type:Boolean,reflect:!0})],T.prototype,"disabled",2);e1([l({type:String,reflect:!0})],T.prototype,"size",2);e1([l({type:Boolean})],T.prototype,"showLabel",2);e1([l({type:String})],T.prototype,"label",2);e1([l({type:String})],T.prototype,"name",2);e1([l({type:String})],T.prototype,"value",2);e1([l({type:String,reflect:!0})],T.prototype,"inputId",2);e1([q1("input")],T.prototype,"inputEl",2);T=e1([u("o-radio")],T);var b6=Object.getOwnPropertyDescriptor,w6=(e,t,o,n)=>{for(var i=n>1?void 0:n?b6(t,o):t,s=e.length-1,r;s>=0;s--)(r=e[s])&&(i=r(i)||i);return i};let
|
|
3506
|
+
`;e1([l({type:Boolean,reflect:!0})],T.prototype,"checked",2);e1([l({type:Boolean,reflect:!0})],T.prototype,"disabled",2);e1([l({type:String,reflect:!0})],T.prototype,"size",2);e1([l({type:Boolean})],T.prototype,"showLabel",2);e1([l({type:String})],T.prototype,"label",2);e1([l({type:String})],T.prototype,"name",2);e1([l({type:String})],T.prototype,"value",2);e1([l({type:String,reflect:!0})],T.prototype,"inputId",2);e1([q1("input")],T.prototype,"inputEl",2);T=e1([u("o-radio")],T);var b6=Object.getOwnPropertyDescriptor,w6=(e,t,o,n)=>{for(var i=n>1?void 0:n?b6(t,o):t,s=e.length-1,r;s>=0;s--)(r=e[s])&&(i=r(i)||i);return i};let g2=class extends p{render(){return a`
|
|
3497
3507
|
<nav aria-label="Breadcrumbs">
|
|
3498
3508
|
<ul>
|
|
3499
3509
|
<slot></slot>
|
|
3500
3510
|
</ul>
|
|
3501
3511
|
</nav>
|
|
3502
|
-
`}};
|
|
3512
|
+
`}};g2.styles=C`
|
|
3503
3513
|
nav {
|
|
3504
3514
|
max-width: 144rem;
|
|
3505
3515
|
margin: auto;
|
|
@@ -3510,7 +3520,7 @@
|
|
|
3510
3520
|
margin: var(--spacing-4-xs);
|
|
3511
3521
|
padding: var(--spacing-4-xs);
|
|
3512
3522
|
}
|
|
3513
|
-
`;
|
|
3523
|
+
`;g2=w6([u("o-breadcrumbs")],g2);var m6=Object.defineProperty,y6=Object.getOwnPropertyDescriptor,H2=(e,t,o,n)=>{for(var i=n>1?void 0:n?y6(t,o):t,s=e.length-1,r;s>=0;s--)(r=e[s])&&(i=(n?r(t,o,i):r(i))||i);return n&&i&&m6(t,o,i),i};let j1=class extends p{constructor(){super(...arguments),this.href="",this.active=!1}_handleClick(e){(!this.href||this.href==="#")&&e.preventDefault()}render(){return this.active?a`<p aria-current="page"><slot></slot></p>`:a`
|
|
3514
3524
|
<li>
|
|
3515
3525
|
<a
|
|
3516
3526
|
href="${this.href}"
|
|
@@ -4218,11 +4228,11 @@
|
|
|
4218
4228
|
.o-tab:focus-visible {
|
|
4219
4229
|
${G};
|
|
4220
4230
|
}
|
|
4221
|
-
`;x1([l({type:String})],l1.prototype,"text",2);x1([l({type:String})],l1.prototype,"class",2);x1([l({type:String})],l1.prototype,"data",2);x1([l({type:String,reflect:!0})],l1.prototype,"link",2);x1([l({type:Boolean,reflect:!0})],l1.prototype,"selected",2);x1([l({type:Boolean,reflect:!0})],l1.prototype,"inactive",2);l1=x1([u("o-tab")],l1);var Z6=Object.getOwnPropertyDescriptor,_6=(e,t,o,n)=>{for(var i=n>1?void 0:n?Z6(t,o):t,s=e.length-1,r;s>=0;s--)(r=e[s])&&(i=r(i)||i);return i};let
|
|
4231
|
+
`;x1([l({type:String})],l1.prototype,"text",2);x1([l({type:String})],l1.prototype,"class",2);x1([l({type:String})],l1.prototype,"data",2);x1([l({type:String,reflect:!0})],l1.prototype,"link",2);x1([l({type:Boolean,reflect:!0})],l1.prototype,"selected",2);x1([l({type:Boolean,reflect:!0})],l1.prototype,"inactive",2);l1=x1([u("o-tab")],l1);var Z6=Object.getOwnPropertyDescriptor,_6=(e,t,o,n)=>{for(var i=n>1?void 0:n?Z6(t,o):t,s=e.length-1,r;s>=0;s--)(r=e[s])&&(i=r(i)||i);return i};let f2=class extends p{constructor(){super(),this.addEventListener("selected",this.onTabSelected)}onTabSelected(e){var o;const t=(o=e.detail)==null?void 0:o.tab;t&&this.querySelectorAll("o-tab").forEach(n=>{n.selected=n===t})}firstUpdated(){const e=this.querySelectorAll("o-tab");!Array.from(e).some(t=>t.selected)&&e.length>0&&(e[0].selected=!0)}render(){return a`
|
|
4222
4232
|
<div role="tablist">
|
|
4223
4233
|
<slot></slot>
|
|
4224
4234
|
</div>
|
|
4225
|
-
`}};
|
|
4235
|
+
`}};f2.styles=C`
|
|
4226
4236
|
:host {
|
|
4227
4237
|
display: flex;
|
|
4228
4238
|
flex-direction: row;
|
|
@@ -4230,7 +4240,7 @@
|
|
|
4230
4240
|
align-items: center;
|
|
4231
4241
|
gap: var(--spacing-s);
|
|
4232
4242
|
}
|
|
4233
|
-
`;
|
|
4243
|
+
`;f2=_6([u("o-tablist")],f2);var S6=Object.defineProperty,F6=Object.getOwnPropertyDescriptor,r2=(e,t,o,n)=>{for(var i=n>1?void 0:n?F6(t,o):t,s=e.length-1,r;s>=0;s--)(r=e[s])&&(i=(n?r(t,o,i):r(i))||i);return n&&i&&S6(t,o,i),i};let O6=0,M1=class extends p{constructor(){super(),this.label="",this.expanded=!1,this.disabled=!1;const e=++O6;this.headerId=`o-accordion-header-${e}`,this.panelId=`o-accordion-panel-${e}`}toggle(){this.disabled||(this.expanded=!this.expanded,this.dispatchEvent(new CustomEvent("change",{detail:{expanded:this.expanded},bubbles:!0,composed:!0})))}render(){return a`
|
|
4234
4244
|
<button
|
|
4235
4245
|
id=${this.headerId}
|
|
4236
4246
|
class="header"
|
|
@@ -4261,7 +4271,7 @@
|
|
|
4261
4271
|
<slot></slot>
|
|
4262
4272
|
</div>
|
|
4263
4273
|
</div>
|
|
4264
|
-
`}};
|
|
4274
|
+
`}};M1.styles=C`
|
|
4265
4275
|
:host {
|
|
4266
4276
|
display: block;
|
|
4267
4277
|
border-bottom: var(--color-border-tertiary) solid 1px;
|
|
@@ -4373,7 +4383,7 @@
|
|
|
4373
4383
|
:host([expanded]) .panel-inner {
|
|
4374
4384
|
padding-bottom: var(--spacing-3-xl);
|
|
4375
4385
|
}
|
|
4376
|
-
`;
|
|
4386
|
+
`;r2([l({type:String})],M1.prototype,"label",2);r2([l({type:Boolean,reflect:!0})],M1.prototype,"expanded",2);r2([l({type:Boolean,reflect:!0})],M1.prototype,"disabled",2);M1=r2([u("o-accordion")],M1);var A6=Object.defineProperty,I6=Object.getOwnPropertyDescriptor,V2=(e,t,o,n)=>{for(var i=n>1?void 0:n?I6(t,o):t,s=e.length-1,r;s>=0;s--)(r=e[s])&&(i=(n?r(t,o,i):r(i))||i);return n&&i&&A6(t,o,i),i};let R1=class extends p{constructor(){super(),this.single=!1,this.handleAccordionChange=e=>{var o;if(!this.single)return;const t=e.target;!t||((o=t.tagName)==null?void 0:o.toLowerCase())!=="o-accordion"||t.expanded&&this.getAccordions().forEach(n=>{n!==t&&(n.expanded=!1)})},this.enforceSingleOpen=()=>{if(!this.single)return;let e=!1;this.getAccordions().forEach(t=>{t.expanded&&(e?t.expanded=!1:e=!0)})},this.addEventListener("change",this.handleAccordionChange)}firstUpdated(){var e;this.enforceSingleOpen(),(e=this.defaultSlot)==null||e.addEventListener("slotchange",this.enforceSingleOpen)}disconnectedCallback(){var e;(e=this.defaultSlot)==null||e.removeEventListener("slotchange",this.enforceSingleOpen),super.disconnectedCallback()}updated(e){e.has("single")&&this.single&&this.enforceSingleOpen()}getAccordions(){return Array.from(this.querySelectorAll("o-accordion"))}render(){return a`<slot></slot>`}};R1.styles=C`
|
|
4377
4387
|
:host {
|
|
4378
4388
|
display: block;
|
|
4379
4389
|
}
|
|
@@ -4689,7 +4699,7 @@
|
|
|
4689
4699
|
`}};m1.styles=C`
|
|
4690
4700
|
:host {
|
|
4691
4701
|
--feedback-text-color: var(--color-content-action-secondary, #3F2B2E);
|
|
4692
|
-
--feedback-bg-color:
|
|
4702
|
+
--feedback-bg-color: var(--color-container-bg-default, #F5F0EB);
|
|
4693
4703
|
|
|
4694
4704
|
display: block;
|
|
4695
4705
|
width: fit-content;
|
|
@@ -4764,7 +4774,7 @@
|
|
|
4764
4774
|
* @license
|
|
4765
4775
|
* Copyright 2020 Google LLC
|
|
4766
4776
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
4767
|
-
*/const N6=e2(class extends o2{constructor(e){if(super(e),e.type!==n1.PROPERTY&&e.type!==n1.ATTRIBUTE&&e.type!==n1.BOOLEAN_ATTRIBUTE)throw Error("The `live` directive is not allowed on child or event bindings");if(!X2(e))throw Error("`live` bindings can only contain a single expression")}render(e){return e}update(e,[t]){if(t===A||t===d)return t;const o=e.element,n=e.name;if(e.type===n1.PROPERTY){if(t===o[n])return A}else if(e.type===n1.BOOLEAN_ATTRIBUTE){if(!!t===o.hasAttribute(n))return A}else if(e.type===n1.ATTRIBUTE&&o.getAttribute(n)===t+"")return A;return f5(e),t}});var K6=Object.defineProperty,W6=Object.getOwnPropertyDescriptor,_=(e,t,o,n)=>{for(var i=n>1?void 0:n?W6(t,o):t,s=e.length-1,r;s>=0;s--)(r=e[s])&&(i=(n?r(t,o,i):r(i))||i);return n&&i&&K6(t,o,i),i};const G6=t2(p);let X6=0,H=class extends G6{constructor(){super(),this.label="",this.value="",this.placeholder="",this.helperText="",this.state="default",this.disabled=!1,this.leadingIcon="",this.trailingIcon="",this.name="",this.required=!1,this.clearLabel="Clear",this.inputId="",this.inputId||(this.inputId=`o-input-${++X6}`)}updated(e){(e.has("value")||e.has("name"))&&this[
|
|
4777
|
+
*/const N6=e2(class extends o2{constructor(e){if(super(e),e.type!==n1.PROPERTY&&e.type!==n1.ATTRIBUTE&&e.type!==n1.BOOLEAN_ATTRIBUTE)throw Error("The `live` directive is not allowed on child or event bindings");if(!X2(e))throw Error("`live` bindings can only contain a single expression")}render(e){return e}update(e,[t]){if(t===A||t===d)return t;const o=e.element,n=e.name;if(e.type===n1.PROPERTY){if(t===o[n])return A}else if(e.type===n1.BOOLEAN_ATTRIBUTE){if(!!t===o.hasAttribute(n))return A}else if(e.type===n1.ATTRIBUTE&&o.getAttribute(n)===t+"")return A;return f5(e),t}});var K6=Object.defineProperty,W6=Object.getOwnPropertyDescriptor,_=(e,t,o,n)=>{for(var i=n>1?void 0:n?W6(t,o):t,s=e.length-1,r;s>=0;s--)(r=e[s])&&(i=(n?r(t,o,i):r(i))||i);return n&&i&&K6(t,o,i),i};const G6=t2(p);let X6=0,H=class extends G6{constructor(){super(),this.label="",this.value="",this.placeholder="",this.helperText="",this.state="default",this.disabled=!1,this.leadingIcon="",this.trailingIcon="",this.name="",this.required=!1,this.clearLabel="Clear",this.inputId="",this.inputId||(this.inputId=`o-input-${++X6}`)}updated(e){(e.has("value")||e.has("name"))&&this[P1].setFormValue(this.value)}formResetCallback(){this.value="",this[P1].setFormValue("")}handleInput(e){e.stopPropagation();const t=e.target;this.value=t.value,this.dispatchEvent(new Event("input",{bubbles:!0,composed:!0}))}handleChange(e){e.stopPropagation();const t=e.target;this.value=t.value,this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0}))}handleClear(){this.value="",this.inputEl&&this.inputEl.focus(),this.dispatchEvent(new Event("input",{bubbles:!0,composed:!0})),this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0}))}renderHelperIcon(){return this.state==="success"?a`<o-icon-button type="span" icon="occ-check-filled" bgstyle="none-light" size="small"></o-icon-button>`:this.state==="error"?a`<o-icon-button type="span" icon="occ-warning" bgstyle="none-light" size="small"></o-icon-button>`:d}renderTrailingIcon(){return this.trailingIcon?this.trailingIcon==="occ-close-outlined"?a`
|
|
4768
4778
|
<o-icon-button
|
|
4769
4779
|
type="button"
|
|
4770
4780
|
icon=${this.trailingIcon}
|