@florid-kit/components 0.9.8 → 0.9.10
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/aria.d.ts +1 -1
- package/components/side-panel.d.ts +14 -1
- package/index.js +146 -131
- package/index.mjs +817 -752
- package/package.json +1 -1
package/index.js
CHANGED
|
@@ -2,29 +2,29 @@
|
|
|
2
2
|
* @license
|
|
3
3
|
* Copyright 2019 Google LLC
|
|
4
4
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
5
|
-
*/const $t=globalThis,Mt=$t.ShadowRoot&&($t.ShadyCSS===void 0||$t.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,Tt=Symbol(),Qt=new WeakMap;let he=class{constructor(t,e,
|
|
5
|
+
*/const $t=globalThis,Mt=$t.ShadowRoot&&($t.ShadyCSS===void 0||$t.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,Tt=Symbol(),Qt=new WeakMap;let he=class{constructor(t,e,n){if(this._$cssResult$=!0,n!==Tt)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=e}get styleSheet(){let t=this.o;const e=this.t;if(Mt&&t===void 0){const n=e!==void 0&&e.length===1;n&&(t=Qt.get(e)),t===void 0&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),n&&Qt.set(e,t))}return t}toString(){return this.cssText}};const ye=o=>new he(typeof o=="string"?o:o+"",void 0,Tt),f=(o,...t)=>{const e=o.length===1?o[0]:t.reduce((n,i,r)=>n+(s=>{if(s._$cssResult$===!0)return s.cssText;if(typeof s=="number")return s;throw Error("Value passed to 'css' function must be a 'css' function result: "+s+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(i)+o[r+1],o[0]);return new he(e,o,Tt)},me=(o,t)=>{if(Mt)o.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(const e of t){const n=document.createElement("style"),i=$t.litNonce;i!==void 0&&n.setAttribute("nonce",i),n.textContent=e.cssText,o.appendChild(n)}},Yt=Mt?o=>o:o=>o instanceof CSSStyleSheet?(t=>{let e="";for(const n of t.cssRules)e+=n.cssText;return ye(e)})(o):o;/**
|
|
6
6
|
* @license
|
|
7
7
|
* Copyright 2017 Google LLC
|
|
8
8
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
9
|
-
*/const{is:xe,defineProperty:we,getOwnPropertyDescriptor:$e,getOwnPropertyNames:Ce,getOwnPropertySymbols:_e,getPrototypeOf:ke}=Object,W=globalThis,te=W.trustedTypes,Se=te?te.emptyScript:"",Lt=W.reactiveElementPolyfillSupport,lt=(o,t)=>o,Ct={toAttribute(o,t){switch(t){case Boolean:o=o?Se: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}},jt=(o,t)=>!xe(o,t),ee={attribute:!0,type:String,converter:Ct,reflect:!1,useDefault:!1,hasChanged:jt};Symbol.metadata??(Symbol.metadata=Symbol("metadata")),W.litPropertyMetadata??(W.litPropertyMetadata=new WeakMap);let it=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=ee){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
|
|
9
|
+
*/const{is:xe,defineProperty:we,getOwnPropertyDescriptor:$e,getOwnPropertyNames:Ce,getOwnPropertySymbols:_e,getPrototypeOf:ke}=Object,W=globalThis,te=W.trustedTypes,Se=te?te.emptyScript:"",Lt=W.reactiveElementPolyfillSupport,lt=(o,t)=>o,Ct={toAttribute(o,t){switch(t){case Boolean:o=o?Se: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}},jt=(o,t)=>!xe(o,t),ee={attribute:!0,type:String,converter:Ct,reflect:!1,useDefault:!1,hasChanged:jt};Symbol.metadata??(Symbol.metadata=Symbol("metadata")),W.litPropertyMetadata??(W.litPropertyMetadata=new WeakMap);let it=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=ee){if(e.state&&(e.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(t)&&((e=Object.create(e)).wrapped=!0),this.elementProperties.set(t,e),!e.noAccessor){const n=Symbol(),i=this.getPropertyDescriptor(t,n,e);i!==void 0&&we(this.prototype,t,i)}}static getPropertyDescriptor(t,e,n){const{get:i,set:r}=$e(this.prototype,t)??{get(){return this[e]},set(s){this[e]=s}};return{get:i,set(s){const h=i==null?void 0:i.call(this);r==null||r.call(this,s),this.requestUpdate(t,h,n)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??ee}static _$Ei(){if(this.hasOwnProperty(lt("elementProperties")))return;const t=ke(this);t.finalize(),t.l!==void 0&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(lt("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(lt("properties"))){const e=this.properties,n=[...Ce(e),..._e(e)];for(const i of n)this.createProperty(i,e[i])}const t=this[Symbol.metadata];if(t!==null){const e=litPropertyMetadata.get(t);if(e!==void 0)for(const[n,i]of e)this.elementProperties.set(n,i)}this._$Eh=new Map;for(const[e,n]of this.elementProperties){const i=this._$Eu(e,n);i!==void 0&&this._$Eh.set(i,e)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(t){const e=[];if(Array.isArray(t)){const n=new Set(t.flat(1/0).reverse());for(const i of n)e.unshift(Yt(i))}else t!==void 0&&e.push(Yt(t));return e}static _$Eu(t,e){const n=e.attribute;return n===!1?void 0:typeof n=="string"?n:typeof t=="string"?t.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){var t;this._$ES=new Promise(e=>this.enableUpdating=e),this._$AL=new Map,this._$E_(),this.requestUpdate(),(t=this.constructor.l)==null||t.forEach(e=>e(this))}addController(t){var e;(this._$EO??(this._$EO=new Set)).add(t),this.renderRoot!==void 0&&this.isConnected&&((e=t.hostConnected)==null||e.call(t))}removeController(t){var e;(e=this._$EO)==null||e.delete(t)}_$E_(){const t=new Map,e=this.constructor.elementProperties;for(const n of e.keys())this.hasOwnProperty(n)&&(t.set(n,this[n]),delete this[n]);t.size>0&&(this._$Ep=t)}createRenderRoot(){const t=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return me(t,this.constructor.elementStyles),t}connectedCallback(){var t;this.renderRoot??(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),(t=this._$EO)==null||t.forEach(e=>{var n;return(n=e.hostConnected)==null?void 0:n.call(e)})}enableUpdating(t){}disconnectedCallback(){var t;(t=this._$EO)==null||t.forEach(e=>{var n;return(n=e.hostDisconnected)==null?void 0:n.call(e)})}attributeChangedCallback(t,e,n){this._$AK(t,n)}_$ET(t,e){var r;const n=this.constructor.elementProperties.get(t),i=this.constructor._$Eu(t,n);if(i!==void 0&&n.reflect===!0){const s=(((r=n.converter)==null?void 0:r.toAttribute)!==void 0?n.converter:Ct).toAttribute(e,n.type);this._$Em=t,s==null?this.removeAttribute(i):this.setAttribute(i,s),this._$Em=null}}_$AK(t,e){var r,s;const n=this.constructor,i=n._$Eh.get(t);if(i!==void 0&&this._$Em!==i){const h=n.getPropertyOptions(i),c=typeof h.converter=="function"?{fromAttribute:h.converter}:((r=h.converter)==null?void 0:r.fromAttribute)!==void 0?h.converter:Ct;this._$Em=i,this[i]=c.fromAttribute(e,h.type)??((s=this._$Ej)==null?void 0:s.get(i))??null,this._$Em=null}}requestUpdate(t,e,n){var i;if(t!==void 0){const r=this.constructor,s=this[t];if(n??(n=r.getPropertyOptions(t)),!((n.hasChanged??jt)(s,e)||n.useDefault&&n.reflect&&s===((i=this._$Ej)==null?void 0:i.get(t))&&!this.hasAttribute(r._$Eu(t,n))))return;this.C(t,e,n)}this.isUpdatePending===!1&&(this._$ES=this._$EP())}C(t,e,{useDefault:n,reflect:i,wrapped:r},s){n&&!(this._$Ej??(this._$Ej=new Map)).has(t)&&(this._$Ej.set(t,s??e??this[t]),r!==!0||s!==void 0)||(this._$AL.has(t)||(this.hasUpdated||n||(e=void 0),this._$AL.set(t,e)),i===!0&&this._$Em!==t&&(this._$Eq??(this._$Eq=new Set)).add(t))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(e){Promise.reject(e)}const t=this.scheduleUpdate();return t!=null&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){var n;if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??(this.renderRoot=this.createRenderRoot()),this._$Ep){for(const[r,s]of this._$Ep)this[r]=s;this._$Ep=void 0}const i=this.constructor.elementProperties;if(i.size>0)for(const[r,s]of i){const{wrapped:h}=s,c=this[r];h!==!0||this._$AL.has(r)||c===void 0||this.C(r,void 0,s,c)}}let t=!1;const e=this._$AL;try{t=this.shouldUpdate(e),t?(this.willUpdate(e),(n=this._$EO)==null||n.forEach(i=>{var r;return(r=i.hostUpdate)==null?void 0:r.call(i)}),this.update(e)):this._$EM()}catch(i){throw t=!1,this._$EM(),i}t&&this._$AE(e)}willUpdate(t){}_$AE(t){var e;(e=this._$EO)==null||e.forEach(n=>{var i;return(i=n.hostUpdated)==null?void 0:i.call(n)}),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(t){return!0}update(t){this._$Eq&&(this._$Eq=this._$Eq.forEach(e=>this._$ET(e,this[e]))),this._$EM()}updated(t){}firstUpdated(t){}};it.elementStyles=[],it.shadowRootOptions={mode:"open"},it[lt("elementProperties")]=new Map,it[lt("finalized")]=new Map,Lt==null||Lt({ReactiveElement:it}),(W.reactiveElementVersions??(W.reactiveElementVersions=[])).push("2.1.0");/**
|
|
10
10
|
* @license
|
|
11
11
|
* Copyright 2017 Google LLC
|
|
12
12
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
13
13
|
*/const ct=globalThis,_t=ct.trustedTypes,oe=_t?_t.createPolicy("lit-html",{createHTML:o=>o}):void 0,de="$lit$",K=`lit$${Math.random().toFixed(9).slice(2)}$`,pe="?"+K,Ee=`<${pe}>`,tt=document,dt=()=>tt.createComment(""),pt=o=>o===null||typeof o!="object"&&typeof o!="function",Rt=Array.isArray,Ae=o=>Rt(o)||typeof(o==null?void 0:o[Symbol.iterator])=="function",It=`[
|
|
14
|
-
\f\r]`,at=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,ie=/-->/g,
|
|
15
|
-
\f\r"'\`<>=]|("|')|))|$)`,"g"),
|
|
14
|
+
\f\r]`,at=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,ie=/-->/g,ne=/>/g,J=RegExp(`>|${It}(?:([^\\s"'>=/]+)(${It}*=${It}*(?:[^
|
|
15
|
+
\f\r"'\`<>=]|("|')|))|$)`,"g"),re=/'/g,se=/"/g,ue=/^(?:script|style|textarea|title)$/i,Le=o=>(t,...e)=>({_$litType$:o,strings:t,values:e}),l=Le(1),G=Symbol.for("lit-noChange"),d=Symbol.for("lit-nothing"),ae=new WeakMap,Q=tt.createTreeWalker(tt,129);function ve(o,t){if(!Rt(o)||!o.hasOwnProperty("raw"))throw Error("invalid template strings array");return oe!==void 0?oe.createHTML(t):t}const Ie=(o,t)=>{const e=o.length-1,n=[];let i,r=t===2?"<svg>":t===3?"<math>":"",s=at;for(let h=0;h<e;h++){const c=o[h];let m,w,v=-1,R=0;for(;R<c.length&&(s.lastIndex=R,w=s.exec(c),w!==null);)R=s.lastIndex,s===at?w[1]==="!--"?s=ie:w[1]!==void 0?s=ne:w[2]!==void 0?(ue.test(w[2])&&(i=RegExp("</"+w[2],"g")),s=J):w[3]!==void 0&&(s=J):s===J?w[0]===">"?(s=i??at,v=-1):w[1]===void 0?v=-2:(v=s.lastIndex-w[2].length,m=w[1],s=w[3]===void 0?J:w[3]==='"'?se:re):s===se||s===re?s=J:s===ie||s===ne?s=at:(s=J,i=void 0);const Z=s===J&&o[h+1].startsWith("/>")?" ":"";r+=s===at?c+Ee:v>=0?(n.push(m),c.slice(0,v)+de+c.slice(v)+K+Z):c+K+(v===-2?h:Z)}return[ve(o,r+(o[e]||"<?>")+(t===2?"</svg>":t===3?"</math>":"")),n]};class ut{constructor({strings:t,_$litType$:e},n){let i;this.parts=[];let r=0,s=0;const h=t.length-1,c=this.parts,[m,w]=Ie(t,e);if(this.el=ut.createElement(m,n),Q.currentNode=this.el.content,e===2||e===3){const v=this.el.content.firstChild;v.replaceWith(...v.childNodes)}for(;(i=Q.nextNode())!==null&&c.length<h;){if(i.nodeType===1){if(i.hasAttributes())for(const v of i.getAttributeNames())if(v.endsWith(de)){const R=w[s++],Z=i.getAttribute(v).split(K),wt=/([.?@])?(.*)/.exec(R);c.push({type:1,index:r,name:wt[2],strings:Z,ctor:wt[1]==="."?Oe:wt[1]==="?"?ze:wt[1]==="@"?Be:St}),i.removeAttribute(v)}else v.startsWith(K)&&(c.push({type:6,index:r}),i.removeAttribute(v));if(ue.test(i.tagName)){const v=i.textContent.split(K),R=v.length-1;if(R>0){i.textContent=_t?_t.emptyScript:"";for(let Z=0;Z<R;Z++)i.append(v[Z],dt()),Q.nextNode(),c.push({type:2,index:++r});i.append(v[R],dt())}}}else if(i.nodeType===8)if(i.data===pe)c.push({type:2,index:r});else{let v=-1;for(;(v=i.data.indexOf(K,v+1))!==-1;)c.push({type:7,index:r}),v+=K.length-1}r++}}static createElement(t,e){const n=tt.createElement("template");return n.innerHTML=t,n}}function nt(o,t,e=o,n){var s,h;if(t===G)return t;let i=n!==void 0?(s=e._$Co)==null?void 0:s[n]:e._$Cl;const r=pt(t)?void 0:t._$litDirective$;return(i==null?void 0:i.constructor)!==r&&((h=i==null?void 0:i._$AO)==null||h.call(i,!1),r===void 0?i=void 0:(i=new r(o),i._$AT(o,e,n)),n!==void 0?(e._$Co??(e._$Co=[]))[n]=i:e._$Cl=i),i!==void 0&&(t=nt(o,i._$AS(o,t.values),i,n)),t}class Pe{constructor(t,e){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=e}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){const{el:{content:e},parts:n}=this._$AD,i=((t==null?void 0:t.creationScope)??tt).importNode(e,!0);Q.currentNode=i;let r=Q.nextNode(),s=0,h=0,c=n[0];for(;c!==void 0;){if(s===c.index){let m;c.type===2?m=new mt(r,r.nextSibling,this,t):c.type===1?m=new c.ctor(r,c.name,c.strings,this,t):c.type===6&&(m=new De(r,this,t)),this._$AV.push(m),c=n[++h]}s!==(c==null?void 0:c.index)&&(r=Q.nextNode(),s++)}return Q.currentNode=tt,i}p(t){let e=0;for(const n of this._$AV)n!==void 0&&(n.strings!==void 0?(n._$AI(t,n,e),e+=n.strings.length-2):n._$AI(t[e])),e++}}class mt{get _$AU(){var t;return((t=this._$AM)==null?void 0:t._$AU)??this._$Cv}constructor(t,e,n,i){this.type=2,this._$AH=d,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=n,this.options=i,this._$Cv=(i==null?void 0:i.isConnected)??!0}get parentNode(){let t=this._$AA.parentNode;const e=this._$AM;return e!==void 0&&(t==null?void 0:t.nodeType)===11&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=nt(this,t,e),pt(t)?t===d||t==null||t===""?(this._$AH!==d&&this._$AR(),this._$AH=d):t!==this._$AH&&t!==G&&this._(t):t._$litType$!==void 0?this.$(t):t.nodeType!==void 0?this.T(t):Ae(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&&pt(this._$AH)?this._$AA.nextSibling.data=t:this.T(tt.createTextNode(t)),this._$AH=t}$(t){var r;const{values:e,_$litType$:n}=t,i=typeof n=="number"?this._$AC(t):(n.el===void 0&&(n.el=ut.createElement(ve(n.h,n.h[0]),this.options)),n);if(((r=this._$AH)==null?void 0:r._$AD)===i)this._$AH.p(e);else{const s=new Pe(i,this),h=s.u(this.options);s.p(e),this.T(h),this._$AH=s}}_$AC(t){let e=ae.get(t.strings);return e===void 0&&ae.set(t.strings,e=new ut(t)),e}k(t){Rt(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let n,i=0;for(const r of t)i===e.length?e.push(n=new mt(this.O(dt()),this.O(dt()),this,this.options)):n=e[i],n._$AI(r),i++;i<e.length&&(this._$AR(n&&n._$AB.nextSibling,i),e.length=i)}_$AR(t=this._$AA.nextSibling,e){var n;for((n=this._$AP)==null?void 0:n.call(this,!1,!0,e);t&&t!==this._$AB;){const i=t.nextSibling;t.remove(),t=i}}setConnected(t){var e;this._$AM===void 0&&(this._$Cv=t,(e=this._$AP)==null||e.call(this,t))}}class St{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,e,n,i,r){this.type=1,this._$AH=d,this._$AN=void 0,this.element=t,this.name=e,this._$AM=i,this.options=r,n.length>2||n[0]!==""||n[1]!==""?(this._$AH=Array(n.length-1).fill(new String),this.strings=n):this._$AH=d}_$AI(t,e=this,n,i){const r=this.strings;let s=!1;if(r===void 0)t=nt(this,t,e,0),s=!pt(t)||t!==this._$AH&&t!==G,s&&(this._$AH=t);else{const h=t;let c,m;for(t=r[0],c=0;c<r.length-1;c++)m=nt(this,h[n+c],e,c),m===G&&(m=this._$AH[c]),s||(s=!pt(m)||m!==this._$AH[c]),m===d?t=d:t!==d&&(t+=(m??"")+r[c+1]),this._$AH[c]=m}s&&!i&&this.j(t)}j(t){t===d?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}}class Oe extends St{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===d?void 0:t}}class ze extends St{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==d)}}class Be extends St{constructor(t,e,n,i,r){super(t,e,n,i,r),this.type=5}_$AI(t,e=this){if((t=nt(this,t,e,0)??d)===G)return;const n=this._$AH,i=t===d&&n!==d||t.capture!==n.capture||t.once!==n.once||t.passive!==n.passive,r=t!==d&&(n===d||i);i&&this.element.removeEventListener(this.name,this,n),r&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){var e;typeof this._$AH=="function"?this._$AH.call(((e=this.options)==null?void 0:e.host)??this.element,t):this._$AH.handleEvent(t)}}class De{constructor(t,e,n){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=n}get _$AU(){return this._$AM._$AU}_$AI(t){nt(this,t)}}const Pt=ct.litHtmlPolyfillSupport;Pt==null||Pt(ut,mt),(ct.litHtmlVersions??(ct.litHtmlVersions=[])).push("3.3.0");const He=(o,t,e)=>{const n=(e==null?void 0:e.renderBefore)??t;let i=n._$litPart$;if(i===void 0){const r=(e==null?void 0:e.renderBefore)??null;n._$litPart$=i=new mt(t.insertBefore(dt(),r),r,void 0,e??{})}return i._$AI(o),i};/**
|
|
16
16
|
* @license
|
|
17
17
|
* Copyright 2017 Google LLC
|
|
18
18
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
19
|
-
*/const Y=globalThis;let
|
|
19
|
+
*/const Y=globalThis;let u=class extends it{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=He(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 G}};var ce;u._$litElement$=!0,u.finalized=!0,(ce=Y.litElementHydrateSupport)==null||ce.call(Y,{LitElement:u});const Ot=Y.litElementPolyfillSupport;Ot==null||Ot({LitElement:u});(Y.litElementVersions??(Y.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 y=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 Me={attribute:!0,type:String,converter:Ct,reflect:!1,hasChanged:jt},Te=(o=Me,t,e)=>{const{kind:
|
|
27
|
+
*/const Me={attribute:!0,type:String,converter:Ct,reflect:!1,hasChanged:jt},Te=(o=Me,t,e)=>{const{kind:n,metadata:i}=e;let r=globalThis.litPropertyMetadata.get(i);if(r===void 0&&globalThis.litPropertyMetadata.set(i,r=new Map),n==="setter"&&((o=Object.create(o)).wrapped=!0),r.set(e.name,o),n==="accessor"){const{name:s}=e;return{set(h){const c=t.get.call(this);t.set.call(this,h),this.requestUpdate(s,c,o)},init(h){return h!==void 0&&this.C(s,void 0,o,h),h}}}if(n==="setter"){const{name:s}=e;return function(h){const c=this[s];t.call(this,h),this.requestUpdate(s,c,o)}}throw Error("Unsupported decorator location: "+n)};function a(o){return(t,e)=>typeof e=="object"?Te(o,t,e):((n,i,r)=>{const s=i.hasOwnProperty(r);return i.constructor.createProperty(r,n),s?Object.getOwnPropertyDescriptor(i,r):void 0})(o,t,e)}/**
|
|
28
28
|
* @license
|
|
29
29
|
* Copyright 2017 Google LLC
|
|
30
30
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
@@ -36,7 +36,7 @@
|
|
|
36
36
|
* @license
|
|
37
37
|
* Copyright 2017 Google LLC
|
|
38
38
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
39
|
-
*/function fe(o,t){return(e,
|
|
39
|
+
*/function fe(o,t){return(e,n,i)=>{const r=s=>{var h;return((h=s.renderRoot)==null?void 0:h.querySelector(o))??null};return je(e,n,{get(){return r(this)}})}}const xt=f`
|
|
40
40
|
outline: 1px dashed var(--color-border-primary);
|
|
41
41
|
outline-offset: 2px;
|
|
42
42
|
`;f`
|
|
@@ -51,7 +51,7 @@
|
|
|
51
51
|
* @license
|
|
52
52
|
* Copyright 2023 Google LLC
|
|
53
53
|
* SPDX-License-Identifier: Apache-2.0
|
|
54
|
-
*/function Re(o){o.addInitializer(t=>{const e=t;e.addEventListener("click",async
|
|
54
|
+
*/function Re(o){o.addInitializer(t=>{const e=t;e.addEventListener("click",async n=>{const{type:i,[Nt]:r}=e,{form:s}=r;if(!(!s||i==="button")&&(await new Promise(h=>{setTimeout(h)}),!n.defaultPrevented)){if(i==="reset"){s.reset();return}s.addEventListener("submit",h=>{Object.defineProperty(h,"submitter",{configurable:!0,enumerable:!0,get:()=>e})},{capture:!0,once:!0}),r.setFormValue(e.value),s.requestSubmit()}})})}const Ne=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
55
55
|
<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"/>
|
|
56
56
|
</svg>
|
|
57
57
|
`,Fe=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
@@ -63,10 +63,10 @@
|
|
|
63
63
|
`,Ve=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
64
64
|
<path d="M5 7.83838C6.02128 6.73401 8.16109 4.12121 11.4195 0L11.8571 0.282829C10.8116 2.59933 9.55927 5.17172 8.1003 8C9.55927 10.8283 10.8115 13.4007 11.8571 15.7172L11.4195 16C8.16109 11.8788 6.02128 9.266 5 8.16162L5 7.83838Z" fill="#3F2B2E"/>
|
|
65
65
|
</svg>
|
|
66
|
-
`,
|
|
66
|
+
`,qe=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
67
67
|
<path d="M12.2834 14.4585L7.98873 11.3928L3.69404 14.4585L5.33977 9.4972L1 6.39639H6.36554L8 1.4585L9.63446 6.39639H15L10.6602 9.4972L12.306 14.4585H12.2834ZM7.98873 10.328L10.6602 12.2353L9.64573 9.15787L12.2721 7.28568H9.02576L8 4.17317L6.97424 7.28568H3.72786L6.35427 9.15787L5.33977 12.2353L8.01127 10.328H7.98873Z" fill="#3F2B2E"/>
|
|
68
68
|
</svg>
|
|
69
|
-
`,
|
|
69
|
+
`,Ze=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
70
70
|
<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"/>
|
|
71
71
|
</svg>
|
|
72
72
|
`,Ke=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
@@ -110,10 +110,10 @@
|
|
|
110
110
|
`,io=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
111
111
|
<path d="M7.99376 14.4486C7.46684 14.4486 6.93991 14.251 6.54472 13.8558C6.14953 13.4606 5.8202 12.9995 5.68847 12.4067H3.77837C2.98798 12.4067 2.59279 12.4067 2.32933 12.1433C2.13173 12.0116 2 11.7481 2 11.5505C2 11.2212 2.13173 10.826 2.52692 10.1673L2.92212 9.4428C3.31731 8.78415 3.51491 8.05963 3.64664 7.3351L3.84423 5.68847C3.97596 4.63462 4.43702 3.7125 5.22741 3.05385C6.01779 2.39519 7.00578 2 7.99376 2C8.98174 2 10.0356 2.39519 10.7601 3.05385C11.5505 3.7125 12.0116 4.70049 12.1433 5.68847L12.3409 7.26924C12.4067 8.05963 12.6702 8.78415 13.0654 9.37693L13.4606 10.1015C13.8558 10.7601 14.0534 11.0894 13.9875 11.4846C13.9875 11.7481 13.8558 11.9457 13.6582 12.0774C13.3947 12.3409 12.9995 12.3409 12.2092 12.3409H10.2991C10.1673 12.9337 9.83799 13.4606 9.4428 13.7899C9.04761 14.1851 8.52068 14.3827 7.99376 14.3827V14.4486ZM6.28126 12.4067C6.41299 12.8019 6.61058 13.1971 6.93991 13.4606C7.5327 13.9875 8.45482 13.9875 9.11347 13.4606C9.4428 13.1971 9.6404 12.8019 9.77213 12.4067H6.28126ZM7.99376 2.65865C7.13751 2.65865 6.28126 2.98798 5.6226 3.58077C4.96395 4.17356 4.56875 4.96395 4.43702 5.88606L4.23943 7.46684C4.1077 8.32309 3.84423 9.11347 3.44904 9.83799L3.05385 10.5625C2.72452 11.0894 2.59279 11.3529 2.59279 11.5505C2.59279 11.6164 2.59279 11.7481 2.72452 11.814C2.85625 11.8798 3.25144 11.8798 3.77837 11.8798H12.2092C12.7361 11.8798 13.1971 11.8798 13.263 11.814C13.3289 11.814 13.3947 11.6822 13.3947 11.5505C13.3947 11.4188 13.1971 11.0894 12.9337 10.5625L12.5385 9.83799C12.0774 9.11347 11.814 8.32309 11.7481 7.5327L11.5505 5.88606C11.4846 5.02981 11.0236 4.17356 10.3649 3.58077C9.70626 2.98798 8.85001 2.65865 7.99376 2.65865Z" fill="#3F2B2E"/>
|
|
112
112
|
</svg>
|
|
113
|
-
`,
|
|
113
|
+
`,no=`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
114
114
|
<path d="M12 17.4585L4 6.4585L20 6.4585L12 17.4585Z" fill="#3F2B2E"/>
|
|
115
115
|
</svg>
|
|
116
|
-
`,
|
|
116
|
+
`,ro=`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
117
117
|
<path d="M12 6.4585L20 17.4585H4L12 6.4585Z" fill="#3F2B2E"/>
|
|
118
118
|
</svg>
|
|
119
119
|
`,so=`<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
@@ -146,19 +146,19 @@
|
|
|
146
146
|
</svg>
|
|
147
147
|
`,bo=`<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
|
|
148
148
|
<path d="M1 4.5415L3 6.5415L9 0.541504" stroke="#FBF9F6" stroke-linecap="round" stroke-linejoin="round"/>
|
|
149
|
-
</svg>`,
|
|
149
|
+
</svg>`,N={wishlist:Ne,playerv:Fe,chevronRight:Ue,chevronLeft:Ve,icoPlus:Qe,icoMinus:Ye,"star-0":qe,"star-25":Ze,"star-50":Ke,"star-75":We,"star-100":Ge,cross:Xe,search:Je,arrowLeft:to,arrowTop:eo,cart:oo,notifyme:io,triangledown:no,triangleup:ro,checkstroke:so,pause:ao,mapDualArrow:lo,swipeDualArrow:ho,backToBag:fo,checkbox:bo},go={strikeDiagonal:co},yo={success:po,error:uo,info:vo};/**
|
|
150
150
|
* @license
|
|
151
151
|
* Copyright 2017 Google LLC
|
|
152
152
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
153
|
-
*/const Ut={ATTRIBUTE:1,CHILD:2},Vt=o=>(...t)=>({_$litDirective$:o,values:t});let
|
|
153
|
+
*/const Ut={ATTRIBUTE:1,CHILD:2},Vt=o=>(...t)=>({_$litDirective$:o,values:t});let qt=class{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,n){this._$Ct=t,this._$AM=e,this._$Ci=n}_$AS(t,e){return this.update(t,e)}update(t,e){return this.render(...e)}};/**
|
|
154
154
|
* @license
|
|
155
155
|
* Copyright 2017 Google LLC
|
|
156
156
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
157
|
-
*/class Bt extends
|
|
157
|
+
*/class Bt extends qt{constructor(t){if(super(t),this.it=d,t.type!==Ut.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===G)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:[]}}}Bt.directiveName="unsafeHTML",Bt.resultType=1;/**
|
|
158
158
|
* @license
|
|
159
159
|
* Copyright 2017 Google LLC
|
|
160
160
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
161
|
-
*/class Dt extends Bt{}Dt.directiveName="unsafeSVG",Dt.resultType=2;const C=Vt(Dt);var mo=Object.defineProperty,xo=Object.getOwnPropertyDescriptor,
|
|
161
|
+
*/class Dt extends Bt{}Dt.directiveName="unsafeSVG",Dt.resultType=2;const C=Vt(Dt);var mo=Object.defineProperty,xo=Object.getOwnPropertyDescriptor,x=(o,t,e,n)=>{for(var i=n>1?void 0:n?xo(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&mo(t,e,i),i};const wo=Ft(u);let b=class extends wo{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[Nt].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=N[t].replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"');return l`<span class="${o==="start"?"icon-start":"icon-end"}">${C(e)}</span>`}renderButton(){const o=this.text||this.textsecond;return l`
|
|
162
162
|
<button type=${this.type} class="button" ?disabled=${this.disabled} @click=${this.handleClick} @keydown=${this.handleClick}>
|
|
163
163
|
${this.startIcon?this.renderIcon("start"):d}
|
|
164
164
|
${o?l`
|
|
@@ -182,7 +182,7 @@
|
|
|
182
182
|
`:l`<slot></slot>`}
|
|
183
183
|
${this.endIcon?this.renderIcon("end"):d}
|
|
184
184
|
</a>
|
|
185
|
-
`}};Re(
|
|
185
|
+
`}};Re(b);b.formAssociated=!0;b.styles=f`
|
|
186
186
|
:host {
|
|
187
187
|
--button-border: transparent;
|
|
188
188
|
--badge-outer-width: 19px;
|
|
@@ -383,12 +383,12 @@
|
|
|
383
383
|
transform: translateX(4px);
|
|
384
384
|
}
|
|
385
385
|
//End icon movment on hover
|
|
386
|
-
`;
|
|
386
|
+
`;x([a()],b.prototype,"type",2);x([a({reflect:!0})],b.prototype,"value",2);x([a({type:String,reflect:!0})],b.prototype,"variant",2);x([a({type:String})],b.prototype,"text",2);x([a({type:String})],b.prototype,"textsecond",2);x([a({type:Boolean,reflect:!0})],b.prototype,"fullwidth",2);x([a({type:Boolean,reflect:!0})],b.prototype,"disabled",2);x([a({type:String,reflect:!0})],b.prototype,"startIconModel",2);x([a({type:String,reflect:!0})],b.prototype,"endIconModel",2);x([a({type:Boolean,reflect:!0,attribute:"starticon"})],b.prototype,"startIcon",2);x([a({type:Boolean,reflect:!0,attribute:"endicon"})],b.prototype,"endIcon",2);x([a({type:String,attribute:"paneltarget",reflect:!0})],b.prototype,"panelTarget",2);x([a({type:String})],b.prototype,"href",2);x([a({type:String})],b.prototype,"target",2);x([a({type:Boolean,reflect:!0})],b.prototype,"underlined",2);x([a({type:Boolean,reflect:!0})],b.prototype,"withbadge",2);b=x([y("o-button")],b);var $o=Object.defineProperty,Co=Object.getOwnPropertyDescriptor,Et=(o,t,e,n)=>{for(var i=n>1?void 0:n?Co(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&$o(t,e,i),i};let rt=class extends u{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=N.wishlist.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"');return l`
|
|
387
387
|
<button type="button" aria-describedby="${this.ariaDescribedBy}" class="wishlist-button">
|
|
388
388
|
<span class="sr-only">${this.label}</span>
|
|
389
389
|
${C(o)}
|
|
390
390
|
</button>
|
|
391
|
-
`}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()}};
|
|
391
|
+
`}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()}};rt.styles=f`
|
|
392
392
|
:host {
|
|
393
393
|
display: inline-flex;
|
|
394
394
|
justify-content: center;
|
|
@@ -453,11 +453,11 @@
|
|
|
453
453
|
width: 0.1rem !important;
|
|
454
454
|
white-space: nowrap !important;
|
|
455
455
|
}
|
|
456
|
-
`;Et([a({type:String,reflect:!0})],
|
|
456
|
+
`;Et([a({type:String,reflect:!0})],rt.prototype,"status",2);Et([a({type:String,reflect:!0})],rt.prototype,"ariaDescribedBy",2);Et([a({type:String,reflect:!0})],rt.prototype,"label",2);rt=Et([y("o-wishlist-button")],rt);/**
|
|
457
457
|
* @license
|
|
458
458
|
* Copyright 2018 Google LLC
|
|
459
459
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
460
|
-
*/const
|
|
460
|
+
*/const k=o=>o??d;var _o=Object.defineProperty,ko=Object.getOwnPropertyDescriptor,H=(o,t,e,n)=>{for(var i=n>1?void 0:n?ko(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&_o(t,e,i),i};let S=class extends u{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=N[this.icon]??"",t=`icon-${this.icon}`,e=o.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"').replace(/<path\b/g,'<path part="icon-path"').replace(/<g\b/g,'<g part="icon-group"').replace(/<circle\b/g,'<circle part="icon-circle"'),n=this.showSrLabel?l`<span class="sr-only">${this.srLabel}</span>`:null,i=this.showSrLabel?null:"icon";return l`
|
|
461
461
|
${this.type==="span"?l`
|
|
462
462
|
<span class="icon icon-button ${this.size} ${this.bgstyle} ${this.status} ${t}" ?disabled="${this.disabled}">
|
|
463
463
|
${C(e)}
|
|
@@ -465,15 +465,15 @@
|
|
|
465
465
|
`:l`
|
|
466
466
|
<button
|
|
467
467
|
type="button"
|
|
468
|
-
aria-label=${
|
|
468
|
+
aria-label=${k(i)}
|
|
469
469
|
class="icon-button ${this.size} ${this.bgstyle} ${this.status} ${t}"
|
|
470
470
|
?disabled="${this.disabled}"
|
|
471
471
|
>
|
|
472
472
|
${C(e)}
|
|
473
|
-
${
|
|
473
|
+
${n}
|
|
474
474
|
</button>
|
|
475
475
|
`}
|
|
476
|
-
`}};
|
|
476
|
+
`}};S.styles=f`
|
|
477
477
|
:host {
|
|
478
478
|
display: inline-flex;
|
|
479
479
|
justify-content: center;
|
|
@@ -684,10 +684,10 @@
|
|
|
684
684
|
.sr-only {
|
|
685
685
|
display: none;
|
|
686
686
|
}
|
|
687
|
-
`;
|
|
687
|
+
`;H([a({type:String,reflect:!0})],S.prototype,"bgstyle",2);H([a({type:String,reflect:!0})],S.prototype,"size",2);H([a({type:String,reflect:!0})],S.prototype,"status",2);H([a({type:String,reflect:!0})],S.prototype,"type",2);H([a({type:String})],S.prototype,"strokewidth",2);H([a({type:String})],S.prototype,"icon",2);H([a({type:Boolean,reflect:!0})],S.prototype,"disabled",2);H([a({type:Boolean})],S.prototype,"showSrLabel",2);H([a({type:String})],S.prototype,"srLabel",2);S=H([y("o-icon-button")],S);var So=Object.defineProperty,Eo=Object.getOwnPropertyDescriptor,ot=(o,t,e,n)=>{for(var i=n>1?void 0:n?Eo(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&So(t,e,i),i};let F=class extends u{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`
|
|
688
688
|
<a
|
|
689
689
|
href="${o}"
|
|
690
|
-
target="${
|
|
690
|
+
target="${k(this.target||void 0)}"
|
|
691
691
|
@click="${this._handleClick}"
|
|
692
692
|
>
|
|
693
693
|
${this.endIcon&&this.reverseEndIcon?l`
|
|
@@ -710,7 +710,7 @@
|
|
|
710
710
|
></o-icon-button>
|
|
711
711
|
`:null}
|
|
712
712
|
</a>
|
|
713
|
-
`}};
|
|
713
|
+
`}};F.styles=f`
|
|
714
714
|
:host([template="standard"]) a {
|
|
715
715
|
color: var(--color-content-action-secondary);
|
|
716
716
|
font-size: var(--font-size-200);
|
|
@@ -797,10 +797,10 @@
|
|
|
797
797
|
height: 1px;
|
|
798
798
|
}
|
|
799
799
|
/* End of underline effect */
|
|
800
|
-
`;ot([a({type:String})],
|
|
800
|
+
`;ot([a({type:String})],F.prototype,"href",2);ot([a({type:String})],F.prototype,"target",2);ot([a({type:String,reflect:!0})],F.prototype,"template",2);ot([a({type:Boolean,reflect:!0})],F.prototype,"inverse",2);ot([a({type:Boolean,reflect:!0})],F.prototype,"endIcon",2);ot([a({type:Boolean,reflect:!0})],F.prototype,"reverseEndIcon",2);F=ot([y("o-link")],F);var Ao=Object.defineProperty,Lo=Object.getOwnPropertyDescriptor,At=(o,t,e,n)=>{for(var i=n>1?void 0:n?Lo(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&Ao(t,e,i),i};let st=class extends u{constructor(){super(...arguments),this.rating=0}getStarKeys(){const o=[];for(let t=0;t<5;t++){const e=this.rating-t;let n;e>=1?n=100:e<=0?n=0:n=Math.round(e*100/25)*25,o.push(`star-${n}`)}return o}render(){const o=this.getStarKeys();return l`
|
|
801
801
|
<div class="rating">
|
|
802
802
|
<div class="stars">
|
|
803
|
-
${o.map(t=>l`<span class="star">${C(
|
|
803
|
+
${o.map(t=>l`<span class="star">${C(N[t]??"")}</span>`)}
|
|
804
804
|
</div>
|
|
805
805
|
${this.reviewCount!=null&&this.href!=null?l`<o-link template="review" href="${this.href}">${this.reviewCount}</o-link>`:null}
|
|
806
806
|
</div>
|
|
@@ -837,7 +837,7 @@
|
|
|
837
837
|
text-decoration: underline;
|
|
838
838
|
cursor: pointer;
|
|
839
839
|
}
|
|
840
|
-
`;At([a({type:Number})],st.prototype,"rating",2);At([a({type:String})],st.prototype,"reviewCount",2);At([a({type:String})],st.prototype,"href",2);st=At([
|
|
840
|
+
`;At([a({type:Number})],st.prototype,"rating",2);At([a({type:String})],st.prototype,"reviewCount",2);At([a({type:String})],st.prototype,"href",2);st=At([y("o-rating")],st);/**
|
|
841
841
|
* @license
|
|
842
842
|
* Copyright 2020 Google LLC
|
|
843
843
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
@@ -845,8 +845,8 @@
|
|
|
845
845
|
* @license
|
|
846
846
|
* Copyright 2017 Google LLC
|
|
847
847
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
848
|
-
*/const ht=(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),ht(i,t);return!0},kt=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)},be=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),zo(t)}};function Po(o){this._$AN!==void 0?(kt(this),this._$AM=o,be(this)):this._$AM=o}function Oo(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++)ht(r[n],!1),kt(r[n]);else r!=null&&(ht(r,!1),kt(r));else ht(this,o)}const zo=o=>{o.type==Ut.CHILD&&(o._$AP??(o._$AP=Oo),o._$AQ??(o._$AQ=Po))};class Bo extends Zt{constructor(){super(...arguments),this._$AN=void 0}_$AT(t,e,r){super._$AT(t,e,r),be(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&&(ht(this,t),kt(this))}setValue(t){if(Io(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 Do extends Bo{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 Ho extends Do{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 Mo extends Ho{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 le=Vt(Mo);var To=Object.defineProperty,jo=Object.getOwnPropertyDescriptor,y=(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 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,c,h,b,x,p,k,B;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?(h=(c=(s=r.shadowRoot)==null?void 0:s.querySelector(u.focusablesSelector))==null?void 0:c.focus)==null||h.call(c):(b=r.focus)==null||b.call(r)):!o.shiftKey&&this.innerFocusedElement===r&&(o.preventDefault(),e.shadowRoot?(k=(p=(x=e.shadowRoot)==null?void 0:x.querySelector(u.focusablesSelector))==null?void 0:p.focus)==null||k.call(p):(B=e.focus)==null||B.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 c=Array.from(i instanceof HTMLSlotElement?i.assignedElements({flatten:!0}):[]).filter(t).flatMap(e),h=Array.from(((s=i.shadowRoot)==null?void 0:s.querySelectorAll("*"))||[]).filter(t).flatMap(e);n.push(...c,...h)}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`
|
|
849
|
-
<div class="header">
|
|
848
|
+
*/const ht=(o,t)=>{var n;const e=o._$AN;if(e===void 0)return!1;for(const i of e)(n=i._$AO)==null||n.call(i,t,!1),ht(i,t);return!0},kt=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)},be=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),zo(t)}};function Po(o){this._$AN!==void 0?(kt(this),this._$AM=o,be(this)):this._$AM=o}function Oo(o,t=!1,e=0){const n=this._$AH,i=this._$AN;if(i!==void 0&&i.size!==0)if(t)if(Array.isArray(n))for(let r=e;r<n.length;r++)ht(n[r],!1),kt(n[r]);else n!=null&&(ht(n,!1),kt(n));else ht(this,o)}const zo=o=>{o.type==Ut.CHILD&&(o._$AP??(o._$AP=Oo),o._$AQ??(o._$AQ=Po))};class Bo extends qt{constructor(){super(...arguments),this._$AN=void 0}_$AT(t,e,n){super._$AT(t,e,n),be(this),this.isConnected=t._$AU}_$AO(t,e=!0){var n,i;t!==this.isConnected&&(this.isConnected=t,t?(n=this.reconnected)==null||n.call(this):(i=this.disconnected)==null||i.call(this)),e&&(ht(this,t),kt(this))}setValue(t){if(Io(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 Do extends Bo{constructor(){super(...arguments),this.prevData={}}render(t){return d}update(t,[e]){var n;this.element!==t.element&&(this.element=t.element),this.host=((n=t.options)===null||n===void 0?void 0:n.host)||this.element,this.apply(e),this.groom(e),this.prevData={...e}}apply(t){if(!t)return;const{prevData:e,element:n}=this;for(const i in t){const r=t[i];r!==e[i]&&(n[i]=r)}}groom(t){const{prevData:e,element:n}=this;if(e)for(const i in e)(!t||!(i in t)&&n[i]===e[i])&&(n[i]=void 0)}}class Ho extends Do{constructor(){super(...arguments),this.eventData={}}apply(t){if(t)for(const e in t){const n=t[e];n!==this.eventData[e]&&this.applyEvent(e,n)}}applyEvent(t,e){const{prevData:n,element:i}=this;this.eventData[t]=e,n[t]&&i.removeEventListener(t,this,e),i.addEventListener(t,this,e)}groom(t){const{prevData:e,element:n}=this;if(e)for(const i in e)(!t||!(i in t)&&n[i]===e[i])&&this.groomEvent(i,e[i])}groomEvent(t,e){const{element:n}=this;delete this.eventData[t],n.removeEventListener(t,this,e)}handleEvent(t){const e=this.eventData[t.type];typeof e=="function"?e.call(this.host,t):e.handleEvent(t)}disconnected(){const{eventData:t,element:e}=this;for(const n in t){const i=n.slice(1),r=t[n];e.removeEventListener(i,this,r)}}reconnected(){const{eventData:t,element:e}=this;for(const n in t){const i=n.slice(1),r=t[n];e.addEventListener(i,this,r)}}}class Mo extends Ho{apply(t){if(!t)return;const{prevData:e,element:n}=this;for(const i in t){const r=t[i];if(r===e[i])continue;const s=i.slice(1);switch(i[0]){case"@":this.eventData[s]=r,this.applyEvent(s,r);break;case".":n[s]=r;break;case"?":r?n.setAttribute(s,""):n.removeAttribute(s);break;default:r!=null?n.setAttribute(i,String(r)):n.removeAttribute(i);break}}}groom(t){const{prevData:e,element:n}=this;if(e)for(const i in e){const r=i.slice(1);if(!t||!(i in t)&&n[r]===e[i])switch(i[0]){case"@":this.groomEvent(r,e[i]);break;case".":n[r]=void 0;break;case"?":n.removeAttribute(r);break;default:n.removeAttribute(i);break}}}}const le=Vt(Mo);var To=Object.defineProperty,jo=Object.getOwnPropertyDescriptor,g=(o,t,e,n)=>{for(var i=n>1?void 0:n?jo(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&To(t,e,i),i};let p=class extends u{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._onOpenDetail=async o=>{var e,n;const t=((e=o.detail)==null?void 0:e.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)}setTimeout(async()=>{await this.focusDetailReturnBtn()},800)},this._detailOriginEl=null,this._detailOriginClass="",this.handleKeyDown=o=>{this.open&&(o.key==="Escape"?this.closePanel():o.key==="Tab"&&this.trapFocus(o))},this.handleClosePanel=o=>{if(o instanceof KeyboardEvent&&o.key!=="Enter"&&o.key!==" ")return;o.preventDefault(),o.stopPropagation();const t=o.currentTarget,e=(t==null?void 0:t.getAttribute("data-role"))==="back";if(this.showDetail&&e){this.isHidingDetail=!0;const n=this.renderRoot.querySelector(".content"),i=async()=>{this.showDetail=!1,this.isHidingDetail=!1,this.showHeaderStartIcon=!1,await this.updateComplete,this._restoreFocusToOrigin()};if(n){this.showHeaderStartIcon=!1;const r=()=>{this.showDetail=!1,this.isHidingDetail=!1,n.removeEventListener("animationend",r),i()};n.addEventListener("animationend",r)}else this.showDetail=!1,this.isHidingDetail=!1,this.showHeaderStartIcon=!1;return}this.closePanel()},this._onDetailSlotChange=o=>{const n=o.target.assignedElements({flatten:!0}).flatMap(i=>Array.from(i.querySelectorAll("img")))[0];n==null||n.setAttribute("tabindex","0")}}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)}async focusDetailReturnBtn(){var n,i,r,s;await this.updateComplete;const o=this.getDeepActiveElement(document);if(o&&o!==document.body)try{o.blur()}catch{}await new Promise(requestAnimationFrame);const t=(n=this.shadowRoot)==null?void 0:n.querySelector(".detail-view .return-btn");if(!t)return;t.updateComplete&&await t.updateComplete,(s=(r=((i=t.shadowRoot)==null?void 0:i.querySelector("button"))??t)==null?void 0:r.focus)==null||s.call(r,{preventScroll:!0})}_restoreFocusToOrigin(){var t,e;const o=this._detailOriginEl;!o||!document.contains(o)||((e=(t=document.activeElement)==null?void 0:t.blur)==null||e.call(t),requestAnimationFrame(()=>{var i;o.classList.add("a--tabfocus"),(((i=o.shadowRoot)==null?void 0:i.querySelector('button, .button, [tabindex]:not([tabindex="-1"])'))??null??o).focus({preventScroll:!0})}))}getDeepActiveElement(o=this.shadowRoot){let t=o.activeElement;for(;t&&t.shadowRoot&&t.shadowRoot.activeElement;)t=t.shadowRoot.activeElement;return t}trapFocus(o){if(o.key!=="Tab")return;const t=this.getDeepActiveElement(),e=this.renderRoot.querySelector(".close-btn");if(!o.shiftKey&&e&&e.contains(t)){o.preventDefault();const n=this.renderRoot.querySelector(".o-whats-inside--content p");n==null||n.focus()}}getFocusableElements(){const o=this.renderRoot.querySelector(".panel");if(!o)return[];function t(i){return!(i.disabled||i.hasAttribute("disabled")||i.hasAttribute("tabindex")&&i.getAttribute("tabindex")==="-1")}function e(i){var s;const r=[i.matches(p.focusablesSelector)?i:[]];if(!["o-icon-button","o-button"].includes(i.tagName.toLowerCase())){const h=Array.from(i instanceof HTMLSlotElement?i.assignedElements({flatten:!0}):[]).filter(t).flatMap(e),c=Array.from(((s=i.shadowRoot)==null?void 0:s.querySelectorAll("*"))||[]).filter(t).flatMap(e);r.push(...h,...c)}return r.flat()}return Array.from(o.querySelectorAll("*")).filter(t).flatMap(e)}openPanel(){this.removeAttribute("hidden"),this.getBoundingClientRect(),this.previousFocusedElement=document.activeElement,this.open=!0,document.body.style.overflow="hidden",document.body.setAttribute("data-side-panel","open");const o=this.renderRoot.querySelector(".panel");o&&o.setAttribute("aria-modal","true"),this.updateComplete.then(()=>{var t,e,n,i;if(this.showHeader){const r=((t=this.shadowRoot)==null?void 0:t.querySelector(".panel .close-btn"))||null,s=((e=r==null?void 0:r.shadowRoot)==null?void 0:e.querySelector("button"))||null;s&&((n=s.focus)==null||n.call(s))}else{const r=this.getFocusableElements()[0];(i=r==null?void 0:r.focus)==null||i.call(r)}}),this.dispatchEvent(new CustomEvent("open",{bubbles:!0,composed:!0}))}closePanel(){var t,e,n,i,r;this.open=!1,this.showDetail=!1,document.body.style.overflow="",document.body.removeAttribute("data-side-panel"),((t=this.previousFocusedElement)==null?void 0:t.tagName.toLowerCase())==="o-button"?(i=(n=(e=this.previousFocusedElement.shadowRoot)==null?void 0:e.querySelector(".button"))==null?void 0:n.focus)==null||i.call(n):(r=this.previousFocusedElement)==null||r.focus();const o=this.renderRoot.querySelector(".panel");o&&o.removeAttribute("aria-modal"),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}`),this.open||setTimeout(()=>{this.setAttribute("hidden","hidden")},500)}render(){const o=this.showHeader?l`
|
|
849
|
+
<div tabindex="-1" class="header">
|
|
850
850
|
${this.showHeaderStartIcon?l`
|
|
851
851
|
<o-icon-button
|
|
852
852
|
icon="arrowLeft"
|
|
@@ -857,11 +857,13 @@
|
|
|
857
857
|
@click=${this.handleClosePanel}
|
|
858
858
|
@keydown=${this.handleClosePanel}
|
|
859
859
|
aria-label="${this.closeButtonLabel}"
|
|
860
|
+
srlabel="${this.closeButtonLabel}"
|
|
861
|
+
showsrlabel="true"
|
|
860
862
|
></o-icon-button>
|
|
861
863
|
`:null}
|
|
862
|
-
<
|
|
864
|
+
<p role="heading" aria-level="1" id="panel-title" class="${this.headerTitleClassName}">
|
|
863
865
|
${this.headerTitle}
|
|
864
|
-
</
|
|
866
|
+
</p>
|
|
865
867
|
<o-icon-button
|
|
866
868
|
icon="cross"
|
|
867
869
|
size="small"
|
|
@@ -871,6 +873,8 @@
|
|
|
871
873
|
@keydown=${this.handleClosePanel}
|
|
872
874
|
aria-label="${this.closeButtonLabel}"
|
|
873
875
|
aria-describedby="panel-title"
|
|
876
|
+
srlabel="${this.closeButtonLabel}"
|
|
877
|
+
showsrlabel="true"
|
|
874
878
|
></o-icon-button>
|
|
875
879
|
</div>
|
|
876
880
|
`:null;return l`
|
|
@@ -883,48 +887,49 @@
|
|
|
883
887
|
style="z-index: ${this.zIndex+1}"
|
|
884
888
|
tabindex="-1"
|
|
885
889
|
>
|
|
886
|
-
|
|
887
|
-
|
|
888
|
-
|
|
889
|
-
|
|
890
|
-
|
|
891
|
-
|
|
892
|
-
|
|
893
|
-
|
|
894
|
-
|
|
895
|
-
|
|
890
|
+
<div role="document">
|
|
891
|
+
${o}
|
|
892
|
+
|
|
893
|
+
<div class="content ${this.isHidingDetail?"slide-out-right":""} ${this.showDetail?"with-detail":""}">
|
|
894
|
+
|
|
895
|
+
${this.showDetail?l`
|
|
896
|
+
<div class="detail-view">
|
|
897
|
+
${o}
|
|
898
|
+
<div class="detail-content">
|
|
899
|
+
<slot name="detail" @slotchange=${this._onDetailSlotChange}></slot>
|
|
900
|
+
</div>
|
|
896
901
|
</div>
|
|
897
|
-
|
|
898
|
-
|
|
899
|
-
|
|
900
|
-
|
|
901
|
-
|
|
902
|
-
|
|
903
|
-
|
|
904
|
-
|
|
905
|
-
|
|
906
|
-
|
|
907
|
-
|
|
908
|
-
|
|
909
|
-
|
|
910
|
-
|
|
911
|
-
|
|
912
|
-
|
|
913
|
-
|
|
914
|
-
|
|
915
|
-
|
|
916
|
-
|
|
917
|
-
|
|
918
|
-
|
|
919
|
-
|
|
920
|
-
|
|
921
|
-
|
|
922
|
-
|
|
902
|
+
`:l`<slot></slot>`}
|
|
903
|
+
</div>
|
|
904
|
+
|
|
905
|
+
${this.showFooter?l`
|
|
906
|
+
<div class="footer">
|
|
907
|
+
${this.firstButtonVariant&&this.firstButtonLabel?l`
|
|
908
|
+
<o-button
|
|
909
|
+
variant="${this.firstButtonVariant}"
|
|
910
|
+
@click=${this.handleFirstClick}
|
|
911
|
+
@keydown=${this.handleFirstClick}
|
|
912
|
+
${le(this.firstButtonProps)}
|
|
913
|
+
>
|
|
914
|
+
${this.firstButtonLabel}
|
|
915
|
+
</o-button>
|
|
916
|
+
`:null}
|
|
917
|
+
|
|
918
|
+
${this.secondButtonVariant&&this.secondButtonLabel?l`
|
|
919
|
+
<o-button
|
|
920
|
+
variant="${this.secondButtonVariant}"
|
|
921
|
+
@click=${this.handleSecondClick}
|
|
922
|
+
@keydown=${this.handleSecondClick}
|
|
923
|
+
${le(this.secondButtonProps)}
|
|
924
|
+
>
|
|
925
|
+
${this.secondButtonLabel}
|
|
926
|
+
</o-button>
|
|
927
|
+
`:null}
|
|
928
|
+
</div>
|
|
923
929
|
`:null}
|
|
924
|
-
|
|
925
|
-
`:null}
|
|
930
|
+
</div>
|
|
926
931
|
</div>
|
|
927
|
-
`}};
|
|
932
|
+
`}};p.styles=f`
|
|
928
933
|
:host {
|
|
929
934
|
--z-overlay: 99;
|
|
930
935
|
--z-panel: 100;
|
|
@@ -1022,11 +1027,14 @@
|
|
|
1022
1027
|
.return-btn {
|
|
1023
1028
|
margin-right: 8px;
|
|
1024
1029
|
}
|
|
1030
|
+
|
|
1031
|
+
.return-btn.a--tabfocus {
|
|
1032
|
+
border: 2px solid #000;
|
|
1033
|
+
box-sizing: border-box;
|
|
1034
|
+
}
|
|
1025
1035
|
}
|
|
1026
1036
|
|
|
1027
|
-
.panel:focus,
|
|
1028
1037
|
.panel:focus-visible,
|
|
1029
|
-
.close-btn:focus,
|
|
1030
1038
|
.close-btn:focus-visible {
|
|
1031
1039
|
${xt}
|
|
1032
1040
|
}
|
|
@@ -1112,7 +1120,7 @@
|
|
|
1112
1120
|
.detail-content {
|
|
1113
1121
|
padding: var(--spacing-xl);
|
|
1114
1122
|
}
|
|
1115
|
-
`;
|
|
1123
|
+
`;p.focusablesSelector='button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"]), o-icon-button, o-button';p.focusablesCustomElementsSelector="o-icon-button, o-button";g([a({type:Boolean,reflect:!0})],p.prototype,"open",2);g([a({type:Boolean,reflect:!0})],p.prototype,"showHeader",2);g([a({type:Boolean,reflect:!0})],p.prototype,"showFooter",2);g([a({type:Boolean,reflect:!0})],p.prototype,"showHeaderStartIcon",2);g([a({type:String,reflect:!0})],p.prototype,"headerTitle",2);g([a({type:String,reflect:!0})],p.prototype,"headerTitleClassName",2);g([a({type:String,reflect:!0})],p.prototype,"closeButtonLabel",2);g([a({type:String,reflect:!0})],p.prototype,"firstButtonLabel",2);g([a({type:String,reflect:!0})],p.prototype,"firstButtonVariant",2);g([a({type:Object,reflect:!0})],p.prototype,"firstButtonProps",2);g([a({type:Boolean,reflect:!0})],p.prototype,"onFirstButtonClickClose",2);g([a({type:String,reflect:!0})],p.prototype,"secondButtonLabel",2);g([a({type:String,reflect:!0})],p.prototype,"secondButtonVariant",2);g([a({type:Object,reflect:!0})],p.prototype,"secondButtonProps",2);g([a({type:Boolean,reflect:!0})],p.prototype,"onSecondButtonClickClose",2);g([a({type:Boolean,reflect:!0})],p.prototype,"disablePortal",2);g([a({type:Number,reflect:!0})],p.prototype,"zIndex",2);g([a({type:Boolean,reflect:!0})],p.prototype,"initialized",2);g([a({type:Boolean})],p.prototype,"showDetail",2);g([a({type:Boolean})],p.prototype,"isHidingDetail",2);p=g([y("o-side-panel")],p);var Ro=Object.defineProperty,No=Object.getOwnPropertyDescriptor,X=(o,t,e,n)=>{for(var i=n>1?void 0:n?No(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&Ro(t,e,i),i};let D=class extends u{constructor(){super(...arguments),this.thumbnails=[],this.activeIndex=0,this.disabledIndexes=[],this.maxWidth="100%",this.altressource="visual",this.focusedIndex=0,this.playerIconTemplate=l`
|
|
1116
1124
|
<o-icon-button
|
|
1117
1125
|
icon="playerv"
|
|
1118
1126
|
size="xsmall"
|
|
@@ -1121,27 +1129,27 @@
|
|
|
1121
1129
|
status="filled"
|
|
1122
1130
|
strokewidth="0"
|
|
1123
1131
|
></o-icon-button>
|
|
1124
|
-
`}get lastIndex(){return Math.max(0,this.thumbnails.length-1)}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)):o.key==="Tab"&&(!o.shiftKey&&this.focusedIndex===this.lastIndex&&this.dispatchEvent(new CustomEvent("thumb-exit",{detail:{from:"last",direction:"forward"},bubbles:!0,composed:!0})),o.shiftKey&&this.focusedIndex===0&&this.dispatchEvent(new CustomEvent("thumb-exit",{detail:{from:"first",direction:"backward"},bubbles:!0,composed:!0})))}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()}onFocusOut(o){const t=o.currentTarget,e=Number(t.dataset.index),
|
|
1132
|
+
`}get lastIndex(){return Math.max(0,this.thumbnails.length-1)}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)):o.key==="Tab"&&(!o.shiftKey&&this.focusedIndex===this.lastIndex&&this.dispatchEvent(new CustomEvent("thumb-exit",{detail:{from:"last",direction:"forward"},bubbles:!0,composed:!0})),o.shiftKey&&this.focusedIndex===0&&this.dispatchEvent(new CustomEvent("thumb-exit",{detail:{from:"first",direction:"backward"},bubbles:!0,composed:!0})))}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()}onFocusOut(o){const t=o.currentTarget,e=Number(t.dataset.index),n=o.relatedTarget;(!n||this.shadowRoot&&!this.shadowRoot.contains(n))&&(this.renderRoot.querySelectorAll(".thumb").forEach(s=>s.classList.remove("a--tabfocus")),e===this.lastIndex?this.dispatchEvent(new CustomEvent("thumb-exit",{detail:{from:"last",direction:"unspecified"},bubbles:!0,composed:!0})):e===0&&this.dispatchEvent(new CustomEvent("thumb-exit",{detail:{from:"first",direction:"unspecified"},bubbles:!0,composed:!0})))}render(){return l`
|
|
1125
1133
|
<ul class="scroll-container" style="max-width: ${this.maxWidth};">
|
|
1126
|
-
${this.thumbnails.map((o,t)=>{const e=this.disabledIndexes.includes(t),
|
|
1134
|
+
${this.thumbnails.map((o,t)=>{const e=this.disabledIndexes.includes(t),n=this.activeIndex===t,i=o.type==="video",r=i?`video ${t}`:`${this.altressource} ${t+1}`;return l`
|
|
1127
1135
|
<li class="thumb-wrapper">
|
|
1128
1136
|
<button
|
|
1129
1137
|
class="thumb"
|
|
1130
1138
|
data-index="${t}"
|
|
1131
1139
|
?disabled=${e}
|
|
1132
|
-
aria-current=${
|
|
1140
|
+
aria-current=${n?"true":"false"}
|
|
1133
1141
|
@click=${()=>this.selectThumbnail(t)}
|
|
1134
1142
|
@keydown=${this.handleKeyDown}
|
|
1135
1143
|
@focus=${s=>this.onFocus(s)}
|
|
1136
1144
|
@focusout=${s=>this.onFocusOut(s)}
|
|
1137
1145
|
>
|
|
1138
|
-
<img alt="${
|
|
1146
|
+
<img alt="${r}" src="${o.src}" />
|
|
1139
1147
|
</button>
|
|
1140
1148
|
${i?l`<div class="play-icon-wrapper">${this.playerIconTemplate}</div>`:null}
|
|
1141
1149
|
</li>
|
|
1142
1150
|
`})}
|
|
1143
1151
|
</ul>
|
|
1144
|
-
`}};
|
|
1152
|
+
`}};D.styles=f`
|
|
1145
1153
|
:host {
|
|
1146
1154
|
display: flex;
|
|
1147
1155
|
gap: 5px;
|
|
@@ -1246,7 +1254,7 @@
|
|
|
1246
1254
|
height: 0;
|
|
1247
1255
|
width: 0;
|
|
1248
1256
|
}
|
|
1249
|
-
`;X([a({type:Array})],
|
|
1257
|
+
`;X([a({type:Array})],D.prototype,"thumbnails",2);X([a({type:Number})],D.prototype,"activeIndex",2);X([a({type:Array})],D.prototype,"disabledIndexes",2);X([a({type:String})],D.prototype,"maxWidth",2);X([a({type:String})],D.prototype,"altressource",2);X([a({type:Object})],D.prototype,"swiperInstance",2);X([et()],D.prototype,"focusedIndex",2);D=X([y("thumbnail-navigation")],D);var Fo=Object.defineProperty,Uo=Object.getOwnPropertyDescriptor,Zt=(o,t,e,n)=>{for(var i=n>1?void 0:n?Uo(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&Fo(t,e,i),i};let vt=class extends u{constructor(){super(...arguments),this.type="",this.bgstyle="background-white"}render(){return l`
|
|
1250
1258
|
<span class="tag ${this.bgstyle}"><slot></slot></span>
|
|
1251
1259
|
`}};vt.styles=f`
|
|
1252
1260
|
.tag {
|
|
@@ -1305,7 +1313,7 @@
|
|
|
1305
1313
|
}
|
|
1306
1314
|
}
|
|
1307
1315
|
|
|
1308
|
-
`;
|
|
1316
|
+
`;Zt([a({type:String,reflect:!0})],vt.prototype,"type",2);Zt([a({type:String,reflect:!0})],vt.prototype,"bgstyle",2);vt=Zt([y("o-tag")],vt);var Vo=Object.defineProperty,qo=Object.getOwnPropertyDescriptor,Kt=(o,t,e,n)=>{for(var i=n>1?void 0:n?qo(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&Vo(t,e,i),i};let ft=class extends u{constructor(){super(...arguments),this.type="top",this.text=""}render(){return l`
|
|
1309
1317
|
<div class="tooltip">
|
|
1310
1318
|
<span class="tooltiptext">${this.text}</span>
|
|
1311
1319
|
<slot></slot>
|
|
@@ -1402,7 +1410,7 @@
|
|
|
1402
1410
|
border-color: transparent var(--color-alpha-dark-strongest) transparent transparent;
|
|
1403
1411
|
}
|
|
1404
1412
|
|
|
1405
|
-
`;Kt([a({type:String,reflect:!0})],ft.prototype,"type",2);Kt([a({type:String,reflect:!0})],ft.prototype,"text",2);ft=Kt([
|
|
1413
|
+
`;Kt([a({type:String,reflect:!0})],ft.prototype,"type",2);Kt([a({type:String,reflect:!0})],ft.prototype,"text",2);ft=Kt([y("o-tooltip")],ft);var Zo=Object.defineProperty,Ko=Object.getOwnPropertyDescriptor,U=(o,t,e,n)=>{for(var i=n>1?void 0:n?Ko(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&Zo(t,e,i),i};let z=class extends u{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=N.checkstroke.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"'),t=this.options.find(e=>e.value===this.value);return l`
|
|
1406
1414
|
<button
|
|
1407
1415
|
role="combobox"
|
|
1408
1416
|
aria-haspopup="listbox"
|
|
@@ -1430,13 +1438,13 @@
|
|
|
1430
1438
|
aria-activedescendant="${this.activeIndex>=0?"option-"+this.activeIndex:""}"
|
|
1431
1439
|
style=${`width: ${this.width};`}
|
|
1432
1440
|
>
|
|
1433
|
-
${this.options.map((e,
|
|
1441
|
+
${this.options.map((e,n)=>l`
|
|
1434
1442
|
<li
|
|
1435
|
-
id="option-${
|
|
1443
|
+
id="option-${n}"
|
|
1436
1444
|
role="option"
|
|
1437
1445
|
aria-selected="${e.value===this.value}"
|
|
1438
|
-
tabindex="${
|
|
1439
|
-
class="${
|
|
1446
|
+
tabindex="${n===this.activeIndex?"0":"-1"}"
|
|
1447
|
+
class="${n===this.activeIndex?"active":""} ${e.disabled?"disabled":""}"
|
|
1440
1448
|
@click=${()=>this.selectOption(e)}
|
|
1441
1449
|
>
|
|
1442
1450
|
${e.url?l`
|
|
@@ -1450,7 +1458,7 @@
|
|
|
1450
1458
|
</ul>`:null}
|
|
1451
1459
|
|
|
1452
1460
|
<input type="hidden" name="${this.name}" .value="${this.value}" />
|
|
1453
|
-
`}};
|
|
1461
|
+
`}};z.styles=f`
|
|
1454
1462
|
:host {
|
|
1455
1463
|
display: inline-block;
|
|
1456
1464
|
position: relative;
|
|
@@ -1589,7 +1597,7 @@
|
|
|
1589
1597
|
input[type="hidden"] {
|
|
1590
1598
|
display: none;
|
|
1591
1599
|
}
|
|
1592
|
-
`;
|
|
1600
|
+
`;U([a({type:Array,reflect:!0})],z.prototype,"options",2);U([a({type:String,reflect:!0})],z.prototype,"value",2);U([a({type:String,reflect:!0})],z.prototype,"name",2);U([a({type:Boolean,reflect:!0})],z.prototype,"disabled",2);U([a({type:String,reflect:!0})],z.prototype,"width",2);U([et()],z.prototype,"open",2);U([et()],z.prototype,"activeIndex",2);U([et()],z.prototype,"menuWidth",2);z=U([y("o-dropdown")],z);var Wo=Object.getOwnPropertyDescriptor,Go=(o,t,e,n)=>{for(var i=n>1?void 0:n?Wo(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=s(i)||i);return i};let Ht=class extends u{render(){return l` <span class="dots"></span> `}};Ht.styles=f`
|
|
1593
1601
|
:host {
|
|
1594
1602
|
display: flex;
|
|
1595
1603
|
align-items: center;
|
|
@@ -1640,7 +1648,7 @@
|
|
|
1640
1648
|
background-color: var(--color-container-action-primary-pressed);
|
|
1641
1649
|
}
|
|
1642
1650
|
}
|
|
1643
|
-
`;Ht=Go([
|
|
1651
|
+
`;Ht=Go([y("o-dots")],Ht);var Xo=Object.defineProperty,Jo=Object.getOwnPropertyDescriptor,M=(o,t,e,n)=>{for(var i=n>1?void 0:n?Jo(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&Xo(t,e,i),i};let E=class extends u{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=N.checkstroke.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"'),t=this.options.find(e=>e.value===this.value);return l`
|
|
1644
1652
|
<button
|
|
1645
1653
|
role="combobox"
|
|
1646
1654
|
aria-haspopup="listbox"
|
|
@@ -1654,7 +1662,7 @@
|
|
|
1654
1662
|
?disabled=${this.disabled}
|
|
1655
1663
|
class="btn-dropdown"
|
|
1656
1664
|
>
|
|
1657
|
-
<img alt="${
|
|
1665
|
+
<img alt="${k(t==null?void 0:t.label)}" src="${k(t==null?void 0:t.imgurl)}" />
|
|
1658
1666
|
<span id="dropdown-label" class="label">
|
|
1659
1667
|
${t?t.label:"Select an option"}
|
|
1660
1668
|
</span>
|
|
@@ -1678,21 +1686,21 @@
|
|
|
1678
1686
|
aria-activedescendant="${this.activeIndex>=0?"option-"+this.activeIndex:""}"
|
|
1679
1687
|
style=${`width: ${this.width};`}
|
|
1680
1688
|
>
|
|
1681
|
-
${this.options.map((e,
|
|
1689
|
+
${this.options.map((e,n)=>l`
|
|
1682
1690
|
<li
|
|
1683
|
-
id="option-${
|
|
1691
|
+
id="option-${n}"
|
|
1684
1692
|
role="option"
|
|
1685
1693
|
aria-selected="${e.value===this.value}"
|
|
1686
1694
|
aria-disabled="${e.disabled?"true":"false"}"
|
|
1687
|
-
tabindex="${
|
|
1688
|
-
class="${
|
|
1695
|
+
tabindex="${n===this.activeIndex?"0":"-1"}"
|
|
1696
|
+
class="${n===this.activeIndex?"active":""} ${e.disabled?"disabled":""}"
|
|
1689
1697
|
@click=${()=>this.selectOption(e)}
|
|
1690
1698
|
>
|
|
1691
|
-
<a href="${
|
|
1692
|
-
<img alt="${
|
|
1699
|
+
<a href="${k(e.url)}">
|
|
1700
|
+
<img alt="${k(e.label)}" src="${k(e.imgurl)}" />
|
|
1693
1701
|
<span class="label">${e.label}</span>
|
|
1694
1702
|
<div class="right">
|
|
1695
|
-
<span class="additional-text">${
|
|
1703
|
+
<span class="additional-text">${k(e.additionaltext)}</span>
|
|
1696
1704
|
${e.value===this.value&&!e.additionaltext?l`
|
|
1697
1705
|
<span class="check">${C(o)}</span>`:null}
|
|
1698
1706
|
</div>
|
|
@@ -1702,7 +1710,7 @@
|
|
|
1702
1710
|
</ul>`:null}
|
|
1703
1711
|
|
|
1704
1712
|
<input type="hidden" name="${this.name}" .value="${this.value}" />
|
|
1705
|
-
`}};
|
|
1713
|
+
`}};E.styles=f`
|
|
1706
1714
|
:host {
|
|
1707
1715
|
display: inline-block;
|
|
1708
1716
|
position: relative;
|
|
@@ -1877,17 +1885,17 @@
|
|
|
1877
1885
|
input[type="hidden"] {
|
|
1878
1886
|
display: none;
|
|
1879
1887
|
}
|
|
1880
|
-
`;
|
|
1888
|
+
`;M([a({type:Array,reflect:!0})],E.prototype,"options",2);M([a({type:String,reflect:!0})],E.prototype,"value",2);M([a({type:String,reflect:!0})],E.prototype,"name",2);M([a({type:String,reflect:!0})],E.prototype,"additionaltext",2);M([a({type:Boolean,reflect:!0})],E.prototype,"disabled",2);M([a({type:String,reflect:!0})],E.prototype,"width",2);M([et()],E.prototype,"open",2);M([et()],E.prototype,"activeIndex",2);M([et()],E.prototype,"menuWidth",2);E=M([y("o-dropdown-variant")],E);/**
|
|
1881
1889
|
* @license
|
|
1882
1890
|
* Copyright 2018 Google LLC
|
|
1883
1891
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
1884
|
-
*/const ge="important",Qo=" !"+ge,Yo=Vt(class extends
|
|
1885
|
-
${this.option.imgurl?l`<img src="${this.option.imgurl}" alt="${
|
|
1892
|
+
*/const ge="important",Qo=" !"+ge,Yo=Vt(class extends qt{constructor(o){var t;if(super(o),o.type!==Ut.ATTRIBUTE||o.name!=="style"||((t=o.strings)==null?void 0:t.length)>2)throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.")}render(o){return Object.keys(o).reduce((t,e)=>{const n=o[e];return n==null?t:t+`${e=e.includes("-")?e:e.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,"-$&").toLowerCase()}:${n};`},"")}update(o,[t]){const{style:e}=o.element;if(this.ft===void 0)return this.ft=new Set(Object.keys(t)),this.render(t);for(const n of this.ft)t[n]==null&&(this.ft.delete(n),n.includes("-")?e.removeProperty(n):e[n]=null);for(const n in t){const i=t[n];if(i!=null){this.ft.add(n);const r=typeof i=="string"&&i.endsWith(Qo);n.includes("-")||r?e.setProperty(n,r?i.slice(0,-11):i,r?ge:""):e[n]=i}}return G}});var ti=Object.defineProperty,ei=Object.getOwnPropertyDescriptor,Wt=(o,t,e,n)=>{for(var i=n>1?void 0:n?ei(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&ti(t,e,i),i};let bt=class extends u{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`
|
|
1893
|
+
${this.option.imgurl?l`<img src="${this.option.imgurl}" alt="${k(this.option.title)}" aria-hidden="true" style=${Yo(t)} />`:""}
|
|
1886
1894
|
<div class="m-reassurance-content">
|
|
1887
|
-
<h3 class="a-reassurance-text">${
|
|
1888
|
-
<p class="a-reassurance-description">${
|
|
1895
|
+
<h3 class="a-reassurance-text">${k(this.option.title)}</h3>
|
|
1896
|
+
<p class="a-reassurance-description">${k(this.option.description)}</p>
|
|
1889
1897
|
</div>
|
|
1890
|
-
`;return o?l`<a href="${
|
|
1898
|
+
`;return o?l`<a href="${k(this.option.url)}" class="reassurance-item clickable">${e}</a>`:l`<div class="reassurance-item">${e}</div>`}};bt.styles=f`
|
|
1891
1899
|
:host {
|
|
1892
1900
|
display: inline-block;
|
|
1893
1901
|
position: relative;
|
|
@@ -1968,7 +1976,7 @@
|
|
|
1968
1976
|
overflow: hidden;
|
|
1969
1977
|
}
|
|
1970
1978
|
}
|
|
1971
|
-
`;Wt([a({type:Object,reflect:!0})],bt.prototype,"option",2);Wt([a({type:Number,reflect:!0})],bt.prototype,"imageSize",2);bt=Wt([
|
|
1979
|
+
`;Wt([a({type:Object,reflect:!0})],bt.prototype,"option",2);Wt([a({type:Number,reflect:!0})],bt.prototype,"imageSize",2);bt=Wt([y("o-reassurance")],bt);var oi=Object.defineProperty,ii=Object.getOwnPropertyDescriptor,V=(o,t,e,n)=>{for(var i=n>1?void 0:n?ii(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&oi(t,e,i),i};const ni=Ft(u);let A=class extends ni{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`
|
|
1972
1980
|
<a href="${this.link}" class="o-chip" tabindex="${this.inactive?"-1":"0"}" aria-hidden="${this.inactive?"true":"false"}">
|
|
1973
1981
|
${o?this.text:l`<slot></slot>`}
|
|
1974
1982
|
</a>
|
|
@@ -1977,7 +1985,7 @@
|
|
|
1977
1985
|
aria-label=${this.ariaLabel} aria-pressed=${this.selected}>
|
|
1978
1986
|
${o?this.text:l`<slot></slot>`}
|
|
1979
1987
|
</button>
|
|
1980
|
-
`}};
|
|
1988
|
+
`}};A.styles=f`
|
|
1981
1989
|
:host {
|
|
1982
1990
|
cursor: pointer;
|
|
1983
1991
|
display: inline-flex;
|
|
@@ -2066,7 +2074,7 @@
|
|
|
2066
2074
|
display: inline-flex;
|
|
2067
2075
|
align-items: center;
|
|
2068
2076
|
}
|
|
2069
|
-
`;
|
|
2077
|
+
`;V([a({type:String,reflect:!0})],A.prototype,"link",2);V([a({reflect:!0})],A.prototype,"name",2);V([a({reflect:!0})],A.prototype,"value",2);V([a({type:String})],A.prototype,"text",2);V([a({type:String,reflect:!0})],A.prototype,"size",2);V([a({type:Boolean,reflect:!0})],A.prototype,"selected",2);V([a({type:Boolean,reflect:!0})],A.prototype,"fullwidth",2);V([a({type:Boolean,reflect:!0})],A.prototype,"inactive",2);A=V([y("o-chip")],A);var ri=Object.defineProperty,si=Object.getOwnPropertyDescriptor,Gt=(o,t,e,n)=>{for(var i=n>1?void 0:n?si(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&ri(t,e,i),i};let gt=class extends u{constructor(){super(),this.name="",this.value="",this.addEventListener("selected",this.onChipSelected)}onChipSelected(o){const t=o.target instanceof A?o.target:null;t!=null&&t.link||(this.name=(t==null?void 0:t.name)||"",this.value=(t==null?void 0:t.value)||"",this.querySelectorAll("o-chip").forEach(e=>{e!==t&&(e.selected=!1)}))}render(){return l`
|
|
2070
2078
|
<slot></slot>
|
|
2071
2079
|
`}};gt.styles=f`
|
|
2072
2080
|
:host {
|
|
@@ -2075,7 +2083,7 @@
|
|
|
2075
2083
|
flex-wrap: wrap;
|
|
2076
2084
|
gap: var(--spacing-s);
|
|
2077
2085
|
}
|
|
2078
|
-
`;Gt([a({reflect:!0})],gt.prototype,"name",2);Gt([a({reflect:!0})],gt.prototype,"value",2);gt=Gt([
|
|
2086
|
+
`;Gt([a({reflect:!0})],gt.prototype,"name",2);Gt([a({reflect:!0})],gt.prototype,"value",2);gt=Gt([y("o-chipset")],gt);var ai=Object.defineProperty,li=Object.getOwnPropertyDescriptor,T=(o,t,e,n)=>{for(var i=n>1?void 0:n?li(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&ai(t,e,i),i};const ci=Ft(u);let L=class extends ci{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=N[this.crossIconName].replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"').replace(/stroke=[#"'a-z1-9]*/gi,"");return l`<span class="cross-icon">${C(o)}</span>`}strikeThroughImg(){const o=go[this.strikethroughImgName].replace("<svg",'<svg aria-hidden="true" focusable="false" part="strikethrough"').replace(/stroke=[#"'a-z1-9]*/gi,"");return C(o)}render(){const o=this.text;return l`${this.type==="link"?l`
|
|
2079
2087
|
<a role="button" tabindex="0" class="button" href=${this.href} ?disabled=${this.disabled} @click=${this.handleClick} @keydown=${this.handleClick}
|
|
2080
2088
|
aria-label=${this.ariaLabel} aria-pressed=${this.selected}>
|
|
2081
2089
|
${o?l`
|
|
@@ -2095,7 +2103,7 @@
|
|
|
2095
2103
|
</button>
|
|
2096
2104
|
`}
|
|
2097
2105
|
${this.disabled?this.strikeThroughImg():d}
|
|
2098
|
-
`}};
|
|
2106
|
+
`}};L.styles=f`
|
|
2099
2107
|
:host {
|
|
2100
2108
|
cursor: pointer;
|
|
2101
2109
|
display: inline-flex;
|
|
@@ -2220,7 +2228,7 @@
|
|
|
2220
2228
|
stroke-linecap: round;
|
|
2221
2229
|
}
|
|
2222
2230
|
}
|
|
2223
|
-
`;
|
|
2231
|
+
`;T([a({reflect:!0})],L.prototype,"name",2);T([a({reflect:!0})],L.prototype,"value",2);T([a({type:String,reflect:!0})],L.prototype,"type",2);T([a({type:String,reflect:!0})],L.prototype,"href",2);T([a({type:String,reflect:!0,attribute:"data-href"})],L.prototype,"dataHref",2);T([a({type:String})],L.prototype,"text",2);T([a({type:Boolean,reflect:!0})],L.prototype,"selected",2);T([a({type:Boolean,reflect:!0})],L.prototype,"disabled",2);T([a({type:Boolean,reflect:!0})],L.prototype,"fullwidth",2);L=T([y("o-filter-chip")],L);var hi=Object.defineProperty,q=(o,t,e,n)=>{for(var i=void 0,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=s(t,e,i)||i);return i&&hi(t,e,i),i};const Jt=class Jt extends u{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`
|
|
2224
2232
|
<o-icon-button
|
|
2225
2233
|
@click=${this.onClick}
|
|
2226
2234
|
icon="chevronRight"
|
|
@@ -2229,6 +2237,8 @@
|
|
|
2229
2237
|
type="span"
|
|
2230
2238
|
status="filled"
|
|
2231
2239
|
strokewidth="0"
|
|
2240
|
+
aria-hidden="true"
|
|
2241
|
+
tabindex="-1"
|
|
2232
2242
|
></o-icon-button>
|
|
2233
2243
|
`:l`
|
|
2234
2244
|
<o-icon-button
|
|
@@ -2240,18 +2250,19 @@
|
|
|
2240
2250
|
strokewidth="0"
|
|
2241
2251
|
></o-icon-button>
|
|
2242
2252
|
`}render(){return l`
|
|
2243
|
-
|
|
2244
|
-
|
|
2245
|
-
|
|
2246
|
-
|
|
2247
|
-
|
|
2248
|
-
|
|
2249
|
-
|
|
2250
|
-
|
|
2253
|
+
<button type="button"
|
|
2254
|
+
class="tile ${this.fullwidth?"fullwidth":""} ${this.type==="chevron"?"fullpointer":""}" @click=${this.onClick}>
|
|
2255
|
+
${this.imageUrl?l`<img src="${this.imageUrl}" alt="${this.altImage||""}" />`:""}
|
|
2256
|
+
<div class="info">
|
|
2257
|
+
${this.titleProduct?l`<div class="title">${this.titleProduct}</div>`:""}
|
|
2258
|
+
<div class="details">
|
|
2259
|
+
${this.volume?l`<span class="volume-info">${this.volume}</span>`:""}
|
|
2260
|
+
${this.type==="cart"&&this.mainPrice?l`<span class="main-price">${this.mainPrice}</span>`:""}
|
|
2261
|
+
${this.type==="cart"&&this.perLiter?l`<span class="per-liter">${this.perLiter}</span>`:""}
|
|
2262
|
+
</div>
|
|
2251
2263
|
</div>
|
|
2252
|
-
|
|
2253
|
-
|
|
2254
|
-
</div>
|
|
2264
|
+
${this.icons}
|
|
2265
|
+
</button>
|
|
2255
2266
|
`}};Jt.styles=f`
|
|
2256
2267
|
:host {
|
|
2257
2268
|
display: block;
|
|
@@ -2270,6 +2281,9 @@
|
|
|
2270
2281
|
width: 356px;
|
|
2271
2282
|
max-width: 356px;
|
|
2272
2283
|
padding: var(--spacing-2-xs) var(--spacing-s) var(--spacing-2-xs) var(--spacing-2-xs);
|
|
2284
|
+
margin: 0;
|
|
2285
|
+
border: 0 none;
|
|
2286
|
+
box-sizing: content-box;
|
|
2273
2287
|
}
|
|
2274
2288
|
|
|
2275
2289
|
.tile.fullwidth {
|
|
@@ -2296,6 +2310,7 @@
|
|
|
2296
2310
|
color: var(--colors-noir-des-terres-500);
|
|
2297
2311
|
line-height: var(--line-height-160);
|
|
2298
2312
|
letter-spacing: var(--letter-spacing-100);
|
|
2313
|
+
text-align: left;
|
|
2299
2314
|
|
|
2300
2315
|
+.details {
|
|
2301
2316
|
padding-top: var(--spacing-s);}
|
|
@@ -2339,7 +2354,7 @@
|
|
|
2339
2354
|
.fullpointer {
|
|
2340
2355
|
cursor: pointer;
|
|
2341
2356
|
}
|
|
2342
|
-
`;let
|
|
2357
|
+
`;let I=Jt;q([a({type:String})],I.prototype,"type");q([a({type:String})],I.prototype,"titleProduct");q([a({type:String})],I.prototype,"volume");q([a({type:String})],I.prototype,"perLiter");q([a({type:String})],I.prototype,"mainPrice");q([a({type:String})],I.prototype,"imageUrl");q([a({type:String})],I.prototype,"altImage");q([a({type:Boolean})],I.prototype,"fullwidth");q([a({type:Function})],I.prototype,"onClickTile");customElements.define("mini-tile",I);var di=Object.defineProperty,pi=Object.getOwnPropertyDescriptor,Xt=(o,t,e,n)=>{for(var i=n>1?void 0:n?pi(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&di(t,e,i),i};let yt=class extends u{constructor(){super(...arguments),this.variant="cart",this.text=""}render(){return l`
|
|
2343
2358
|
<span class="badge">
|
|
2344
2359
|
${this.text?this.text:l`<slot></slot>`}
|
|
2345
2360
|
</span>
|
|
@@ -2377,7 +2392,7 @@
|
|
|
2377
2392
|
color: var(--text-color);
|
|
2378
2393
|
}
|
|
2379
2394
|
|
|
2380
|
-
`;Xt([a({type:String,reflect:!0})],yt.prototype,"variant",2);Xt([a({type:String})],yt.prototype,"text",2);yt=Xt([
|
|
2395
|
+
`;Xt([a({type:String,reflect:!0})],yt.prototype,"variant",2);Xt([a({type:String})],yt.prototype,"text",2);yt=Xt([y("o-badge")],yt);var ui=Object.defineProperty,vi=Object.getOwnPropertyDescriptor,O=(o,t,e,n)=>{for(var i=n>1?void 0:n?vi(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&ui(t,e,i),i};let $=class extends u{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(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()},600)}firstUpdated(){var n,i;var o=this;const t=(n=this.renderRoot)==null?void 0:n.querySelector("o-icon-button"),e=(i=this.renderRoot)==null?void 0:i.querySelector(".o-toast-text");if(e!=null){const r=window.getComputedStyle(e),s=parseInt(r.getPropertyValue("line-height").replace("px","")),h=parseInt(r.getPropertyValue("height").replace("px",""));!isNaN(s)&&!isNaN(h)&&h>s&&(this.multiline=!0)}t!=null&&t.addEventListener("click",function(){o.remove()})}render(){const t=yo[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`
|
|
2381
2396
|
<div class="o-toast">
|
|
2382
2397
|
<div class="o-toast-icon">
|
|
2383
2398
|
${C(t)}
|
|
@@ -2470,7 +2485,7 @@
|
|
|
2470
2485
|
.o-toast-icon {
|
|
2471
2486
|
height: 16px;
|
|
2472
2487
|
}
|
|
2473
|
-
`;
|
|
2488
|
+
`;O([a({type:String,reflect:!0})],$.prototype,"icon",2);O([a({type:String,reflect:!0})],$.prototype,"text",2);O([a({type:String,reflect:!0})],$.prototype,"verticalanchor",2);O([a({type:String,reflect:!0})],$.prototype,"horizontalanchor",2);O([a({type:Number,reflect:!0})],$.prototype,"verticaloffset",2);O([a({type:Number,reflect:!0})],$.prototype,"horizontaloffset",2);O([a({type:Number,reflect:!0})],$.prototype,"animationduration",2);O([a({type:String,reflect:!0})],$.prototype,"animationaxis",2);O([a({type:Boolean,reflect:!0})],$.prototype,"animated",2);O([a({type:Number,reflect:!0})],$.prototype,"lifeduration",2);O([a({type:Boolean,reflect:!0})],$.prototype,"multiline",2);$=O([y("o-toast")],$);var fi=Object.defineProperty,bi=Object.getOwnPropertyDescriptor,B=(o,t,e,n)=>{for(var i=n>1?void 0:n?bi(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&fi(t,e,i),i};let gi=0,_=class extends u{constructor(){super(),this.checked=!1,this.indeterminate=!1,this.disabled=!1,this.size="S",this.showLabel=!0,this.label="Checkbox",this.name="",this.value="on",this.inputId="",this.inputId||(this.inputId=`o-checkbox-${++gi}`)}toggle(){this.disabled||(this.indeterminate?(this.indeterminate=!1,this.checked=!0):this.checked=!this.checked,this.syncInput(),this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0})))}syncInput(){this.inputEl&&(this.inputEl.checked=this.checked,this.inputEl.indeterminate=this.indeterminate)}updated(o){this.syncInput()}handleKeyDown(o){this.disabled||(o.key===" "||o.key==="Enter")&&(o.preventDefault(),this.toggle())}render(){const o=C(N.checkbox.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"')),t=C(N.icoMinus.replace("<svg",'<svg class="indeterminate" aria-hidden="true" focusable="false" part="svg"'));return l`
|
|
2474
2489
|
<input
|
|
2475
2490
|
type="checkbox"
|
|
2476
2491
|
id=${this.inputId}
|
|
@@ -2478,7 +2493,7 @@
|
|
|
2478
2493
|
?disabled=${this.disabled}
|
|
2479
2494
|
name=${this.name}
|
|
2480
2495
|
value=${this.value}
|
|
2481
|
-
@change=${e=>{const
|
|
2496
|
+
@change=${e=>{const n=e.target;this.checked=n.checked,this.indeterminate=n.indeterminate,this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0}))}}
|
|
2482
2497
|
/>
|
|
2483
2498
|
|
|
2484
2499
|
<div class="box" role="checkbox" tabindex=${this.disabled?-1:0} aria-checked=${this.indeterminate?"mixed":String(this.checked)} aria-disabled=${String(this.disabled)} @click=${this.toggle} @keydown=${this.handleKeyDown}>
|
|
@@ -2582,7 +2597,7 @@
|
|
|
2582
2597
|
svg path {
|
|
2583
2598
|
stroke: var(--color-border-white);
|
|
2584
2599
|
}
|
|
2585
|
-
`;
|
|
2600
|
+
`;B([a({type:Boolean,reflect:!0})],_.prototype,"checked",2);B([a({type:Boolean,reflect:!0})],_.prototype,"indeterminate",2);B([a({type:Boolean,reflect:!0})],_.prototype,"disabled",2);B([a({type:String,reflect:!0})],_.prototype,"size",2);B([a({type:Boolean})],_.prototype,"showLabel",2);B([a({type:String})],_.prototype,"label",2);B([a({type:String})],_.prototype,"name",2);B([a({type:String})],_.prototype,"value",2);B([a({type:String,reflect:!0})],_.prototype,"inputId",2);B([fe("input")],_.prototype,"inputEl",2);_=B([y("o-checkbox")],_);var yi=Object.defineProperty,mi=Object.getOwnPropertyDescriptor,j=(o,t,e,n)=>{for(var i=n>1?void 0:n?mi(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&yi(t,e,i),i};let xi=0,P=class extends u{constructor(){super(),this.checked=!1,this.disabled=!1,this.size="S",this.showLabel=!0,this.label="Radio button",this.name="",this.value="on",this.inputId="",this.inputId||(this.inputId=`o-radio-${++xi}`)}handleClick(){this.disabled||this.checked||(this.checked=!0,this.syncInput(),this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0})))}syncInput(){this.inputEl&&(this.inputEl.checked=this.checked)}updated(o){if(o.has("checked")&&this.checked){const t=this.parentElement;t&&Array.from(t.querySelectorAll(`o-radio[name="${this.name}"]`)).forEach(n=>{n!==this&&(n.checked=!1)})}this.syncInput()}handleKeyDown(o){this.disabled||(o.key===" "||o.key==="Enter")&&(o.preventDefault(),this.handleClick())}render(){return l`
|
|
2586
2601
|
<input type="radio" id=${this.inputId} ?checked=${this.checked} ?disabled=${this.disabled} name=${this.name} value=${this.value} />
|
|
2587
2602
|
|
|
2588
2603
|
<div class="box" role="radio" tabindex=${this.disabled?-1:0} aria-checked=${String(this.checked)} aria-disabled=${String(this.disabled)} @click=${this.handleClick} @keydown=${this.handleKeyDown}>
|
|
@@ -2590,7 +2605,7 @@
|
|
|
2590
2605
|
</div>
|
|
2591
2606
|
|
|
2592
2607
|
${this.showLabel?l`<label class="label" for=${this.inputId}>${this.label}</label>`:""}
|
|
2593
|
-
`}};
|
|
2608
|
+
`}};P.styles=f`
|
|
2594
2609
|
:host {
|
|
2595
2610
|
display: inline-flex;
|
|
2596
2611
|
align-items: center;
|
|
@@ -2672,4 +2687,4 @@
|
|
|
2672
2687
|
width: 0;
|
|
2673
2688
|
height: 0;
|
|
2674
2689
|
}
|
|
2675
|
-
`;
|
|
2690
|
+
`;j([a({type:Boolean,reflect:!0})],P.prototype,"checked",2);j([a({type:Boolean,reflect:!0})],P.prototype,"disabled",2);j([a({type:String,reflect:!0})],P.prototype,"size",2);j([a({type:Boolean})],P.prototype,"showLabel",2);j([a({type:String})],P.prototype,"label",2);j([a({type:String})],P.prototype,"name",2);j([a({type:String})],P.prototype,"value",2);j([a({type:String,reflect:!0})],P.prototype,"inputId",2);j([fe("input")],P.prototype,"inputEl",2);P=j([y("o-radio")],P);
|