@florid-kit/components 0.3.18 → 0.3.19
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/wishlist-button.d.ts +4 -2
- package/index.js +87 -82
- package/index.mjs +226 -215
- package/package.json +1 -1
package/aria.d.ts
CHANGED
|
@@ -15,7 +15,7 @@ export type ARIAAttribute = ARIAPropertyToAttribute<ARIAProperty>;
|
|
|
15
15
|
/**
|
|
16
16
|
* Accessibility Object Model aria attributes.
|
|
17
17
|
*/
|
|
18
|
-
export declare const ARIA_ATTRIBUTES: ("aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-current" | "aria-description" | "aria-disabled" | "aria-expanded" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-placeholder" | "aria-posinset" | "aria-
|
|
18
|
+
export declare const ARIA_ATTRIBUTES: ("aria-pressed" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-current" | "aria-description" | "aria-disabled" | "aria-expanded" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-placeholder" | "aria-posinset" | "aria-readonly" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext")[];
|
|
19
19
|
/**
|
|
20
20
|
* Checks if an attribute is one of the AOM aria attributes.
|
|
21
21
|
*
|
|
@@ -6,9 +6,11 @@ export declare class OccitaneWishlistButton extends LitElement {
|
|
|
6
6
|
status: Status;
|
|
7
7
|
ariaDescribedBy: string;
|
|
8
8
|
label: string;
|
|
9
|
-
|
|
10
|
-
|
|
9
|
+
connectedCallback(): void;
|
|
10
|
+
protected firstUpdated(): void;
|
|
11
|
+
private handleKeydown;
|
|
11
12
|
private toggleStatus;
|
|
13
|
+
protected render(): import('lit').TemplateResult<1>;
|
|
12
14
|
setStatus(status: Status): void;
|
|
13
15
|
setAriaDescribedBy(ariaDescribedBy: string): void;
|
|
14
16
|
setLabel(label: string): void;
|
package/index.js
CHANGED
|
@@ -2,21 +2,21 @@
|
|
|
2
2
|
* @license
|
|
3
3
|
* Copyright 2019 Google LLC
|
|
4
4
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
5
|
-
*/const W=globalThis,at=W.ShadowRoot&&(W.ShadyCSS===void 0||W.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,lt=Symbol(),ut=new WeakMap;let At=class{constructor(t,e,s){if(this._$cssResult$=!0,s!==lt)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(at&&t===void 0){const s=e!==void 0&&e.length===1;s&&(t=ut.get(e)),t===void 0&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),s&&ut.set(e,t))}return t}toString(){return this.cssText}};const Pt=o=>new At(typeof o=="string"?o:o+"",void 0,lt),E=(o,...t)=>{const e=o.length===1?o[0]:t.reduce((s,n,
|
|
5
|
+
*/const W=globalThis,at=W.ShadowRoot&&(W.ShadyCSS===void 0||W.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,lt=Symbol(),ut=new WeakMap;let At=class{constructor(t,e,s){if(this._$cssResult$=!0,s!==lt)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(at&&t===void 0){const s=e!==void 0&&e.length===1;s&&(t=ut.get(e)),t===void 0&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),s&&ut.set(e,t))}return t}toString(){return this.cssText}};const Pt=o=>new At(typeof o=="string"?o:o+"",void 0,lt),E=(o,...t)=>{const e=o.length===1?o[0]:t.reduce((s,n,r)=>s+(i=>{if(i._$cssResult$===!0)return i.cssText;if(typeof i=="number")return i;throw Error("Value passed to 'css' function must be a 'css' function result: "+i+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(n)+o[r+1],o[0]);return new At(e,o,lt)},kt=(o,t)=>{if(at)o.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(const e of t){const s=document.createElement("style"),n=W.litNonce;n!==void 0&&s.setAttribute("nonce",n),s.textContent=e.cssText,o.appendChild(s)}},ft=at?o=>o:o=>o instanceof CSSStyleSheet?(t=>{let e="";for(const s of t.cssRules)e+=s.cssText;return Pt(e)})(o):o;/**
|
|
6
6
|
* @license
|
|
7
7
|
* Copyright 2017 Google LLC
|
|
8
8
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
9
|
-
*/const{is:
|
|
9
|
+
*/const{is:Bt,defineProperty:Ot,getOwnPropertyDescriptor:Ht,getOwnPropertyNames:Mt,getOwnPropertySymbols:It,getPrototypeOf:zt}=Object,S=globalThis,gt=S.trustedTypes,Ut=gt?gt.emptyScript:"",tt=S.reactiveElementPolyfillSupport,N=(o,t)=>o,K={toAttribute(o,t){switch(t){case Boolean:o=o?Ut: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}},ct=(o,t)=>!Bt(o,t),vt={attribute:!0,type:String,converter:K,reflect:!1,useDefault:!1,hasChanged:ct};Symbol.metadata??(Symbol.metadata=Symbol("metadata")),S.litPropertyMetadata??(S.litPropertyMetadata=new WeakMap);let M=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=vt){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 s=Symbol(),n=this.getPropertyDescriptor(t,s,e);n!==void 0&&Ot(this.prototype,t,n)}}static getPropertyDescriptor(t,e,s){const{get:n,set:r}=Ht(this.prototype,t)??{get(){return this[e]},set(i){this[e]=i}};return{get:n,set(i){const c=n==null?void 0:n.call(this);r==null||r.call(this,i),this.requestUpdate(t,c,s)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??vt}static _$Ei(){if(this.hasOwnProperty(N("elementProperties")))return;const t=zt(this);t.finalize(),t.l!==void 0&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(N("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(N("properties"))){const e=this.properties,s=[...Mt(e),...It(e)];for(const n of s)this.createProperty(n,e[n])}const t=this[Symbol.metadata];if(t!==null){const e=litPropertyMetadata.get(t);if(e!==void 0)for(const[s,n]of e)this.elementProperties.set(s,n)}this._$Eh=new Map;for(const[e,s]of this.elementProperties){const n=this._$Eu(e,s);n!==void 0&&this._$Eh.set(n,e)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(t){const e=[];if(Array.isArray(t)){const s=new Set(t.flat(1/0).reverse());for(const n of s)e.unshift(ft(n))}else t!==void 0&&e.push(ft(t));return e}static _$Eu(t,e){const s=e.attribute;return s===!1?void 0:typeof s=="string"?s: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 s of e.keys())this.hasOwnProperty(s)&&(t.set(s,this[s]),delete this[s]);t.size>0&&(this._$Ep=t)}createRenderRoot(){const t=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return kt(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 s;return(s=e.hostConnected)==null?void 0:s.call(e)})}enableUpdating(t){}disconnectedCallback(){var t;(t=this._$EO)==null||t.forEach(e=>{var s;return(s=e.hostDisconnected)==null?void 0:s.call(e)})}attributeChangedCallback(t,e,s){this._$AK(t,s)}_$ET(t,e){var r;const s=this.constructor.elementProperties.get(t),n=this.constructor._$Eu(t,s);if(n!==void 0&&s.reflect===!0){const i=(((r=s.converter)==null?void 0:r.toAttribute)!==void 0?s.converter:K).toAttribute(e,s.type);this._$Em=t,i==null?this.removeAttribute(n):this.setAttribute(n,i),this._$Em=null}}_$AK(t,e){var r,i;const s=this.constructor,n=s._$Eh.get(t);if(n!==void 0&&this._$Em!==n){const c=s.getPropertyOptions(n),a=typeof c.converter=="function"?{fromAttribute:c.converter}:((r=c.converter)==null?void 0:r.fromAttribute)!==void 0?c.converter:K;this._$Em=n,this[n]=a.fromAttribute(e,c.type)??((i=this._$Ej)==null?void 0:i.get(n))??null,this._$Em=null}}requestUpdate(t,e,s){var n;if(t!==void 0){const r=this.constructor,i=this[t];if(s??(s=r.getPropertyOptions(t)),!((s.hasChanged??ct)(i,e)||s.useDefault&&s.reflect&&i===((n=this._$Ej)==null?void 0:n.get(t))&&!this.hasAttribute(r._$Eu(t,s))))return;this.C(t,e,s)}this.isUpdatePending===!1&&(this._$ES=this._$EP())}C(t,e,{useDefault:s,reflect:n,wrapped:r},i){s&&!(this._$Ej??(this._$Ej=new Map)).has(t)&&(this._$Ej.set(t,i??e??this[t]),r!==!0||i!==void 0)||(this._$AL.has(t)||(this.hasUpdated||s||(e=void 0),this._$AL.set(t,e)),n===!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 s;if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??(this.renderRoot=this.createRenderRoot()),this._$Ep){for(const[r,i]of this._$Ep)this[r]=i;this._$Ep=void 0}const n=this.constructor.elementProperties;if(n.size>0)for(const[r,i]of n){const{wrapped:c}=i,a=this[r];c!==!0||this._$AL.has(r)||a===void 0||this.C(r,void 0,i,a)}}let t=!1;const e=this._$AL;try{t=this.shouldUpdate(e),t?(this.willUpdate(e),(s=this._$EO)==null||s.forEach(n=>{var r;return(r=n.hostUpdate)==null?void 0:r.call(n)}),this.update(e)):this._$EM()}catch(n){throw t=!1,this._$EM(),n}t&&this._$AE(e)}willUpdate(t){}_$AE(t){var e;(e=this._$EO)==null||e.forEach(s=>{var n;return(n=s.hostUpdated)==null?void 0:n.call(s)}),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){}};M.elementStyles=[],M.shadowRootOptions={mode:"open"},M[N("elementProperties")]=new Map,M[N("finalized")]=new Map,tt==null||tt({ReactiveElement:M}),(S.reactiveElementVersions??(S.reactiveElementVersions=[])).push("2.1.0");/**
|
|
10
10
|
* @license
|
|
11
11
|
* Copyright 2017 Google LLC
|
|
12
12
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
13
|
-
*/const j=globalThis,
|
|
13
|
+
*/const j=globalThis,G=j.trustedTypes,bt=G?G.createPolicy("lit-html",{createHTML:o=>o}):void 0,St="$lit$",A=`lit$${Math.random().toFixed(9).slice(2)}$`,Et="?"+A,Tt=`<${Et}>`,B=document,R=()=>B.createComment(""),F=o=>o===null||typeof o!="object"&&typeof o!="function",ht=Array.isArray,Dt=o=>ht(o)||typeof(o==null?void 0:o[Symbol.iterator])=="function",et=`[
|
|
14
14
|
\f\r]`,D=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,yt=/-->/g,$t=/>/g,L=RegExp(`>|${et}(?:([^\\s"'>=/]+)(${et}*=${et}*(?:[^
|
|
15
|
-
\f\r"'\`<>=]|("|')|))|$)`,"g"),mt=/'/g,wt=/"/g,Ct=/^(?:script|style|textarea|title)$/i,Nt=o=>(t,...e)=>({_$litType$:o,strings:t,values:e}),
|
|
15
|
+
\f\r"'\`<>=]|("|')|))|$)`,"g"),mt=/'/g,wt=/"/g,Ct=/^(?:script|style|textarea|title)$/i,Nt=o=>(t,...e)=>({_$litType$:o,strings:t,values:e}),d=Nt(1),O=Symbol.for("lit-noChange"),h=Symbol.for("lit-nothing"),_t=new WeakMap,P=B.createTreeWalker(B,129);function Lt(o,t){if(!ht(o)||!o.hasOwnProperty("raw"))throw Error("invalid template strings array");return bt!==void 0?bt.createHTML(t):t}const jt=(o,t)=>{const e=o.length-1,s=[];let n,r=t===2?"<svg>":t===3?"<math>":"",i=D;for(let c=0;c<e;c++){const a=o[c];let f,g,p=-1,w=0;for(;w<a.length&&(i.lastIndex=w,g=i.exec(a),g!==null);)w=i.lastIndex,i===D?g[1]==="!--"?i=yt:g[1]!==void 0?i=$t:g[2]!==void 0?(Ct.test(g[2])&&(n=RegExp("</"+g[2],"g")),i=L):g[3]!==void 0&&(i=L):i===L?g[0]===">"?(i=n??D,p=-1):g[1]===void 0?p=-2:(p=i.lastIndex-g[2].length,f=g[1],i=g[3]===void 0?L:g[3]==='"'?wt:mt):i===wt||i===mt?i=L:i===yt||i===$t?i=D:(i=L,n=void 0);const x=i===L&&o[c+1].startsWith("/>")?" ":"";r+=i===D?a+Tt:p>=0?(s.push(f),a.slice(0,p)+St+a.slice(p)+A+x):a+A+(p===-2?c:x)}return[Lt(o,r+(o[e]||"<?>")+(t===2?"</svg>":t===3?"</math>":"")),s]};class V{constructor({strings:t,_$litType$:e},s){let n;this.parts=[];let r=0,i=0;const c=t.length-1,a=this.parts,[f,g]=jt(t,e);if(this.el=V.createElement(f,s),P.currentNode=this.el.content,e===2||e===3){const p=this.el.content.firstChild;p.replaceWith(...p.childNodes)}for(;(n=P.nextNode())!==null&&a.length<c;){if(n.nodeType===1){if(n.hasAttributes())for(const p of n.getAttributeNames())if(p.endsWith(St)){const w=g[i++],x=n.getAttribute(p).split(A),q=/([.?@])?(.*)/.exec(w);a.push({type:1,index:r,name:q[2],strings:x,ctor:q[1]==="."?Ft:q[1]==="?"?Vt:q[1]==="@"?Zt:J}),n.removeAttribute(p)}else p.startsWith(A)&&(a.push({type:6,index:r}),n.removeAttribute(p));if(Ct.test(n.tagName)){const p=n.textContent.split(A),w=p.length-1;if(w>0){n.textContent=G?G.emptyScript:"";for(let x=0;x<w;x++)n.append(p[x],R()),P.nextNode(),a.push({type:2,index:++r});n.append(p[w],R())}}}else if(n.nodeType===8)if(n.data===Et)a.push({type:2,index:r});else{let p=-1;for(;(p=n.data.indexOf(A,p+1))!==-1;)a.push({type:7,index:r}),p+=A.length-1}r++}}static createElement(t,e){const s=B.createElement("template");return s.innerHTML=t,s}}function I(o,t,e=o,s){var i,c;if(t===O)return t;let n=s!==void 0?(i=e._$Co)==null?void 0:i[s]:e._$Cl;const r=F(t)?void 0:t._$litDirective$;return(n==null?void 0:n.constructor)!==r&&((c=n==null?void 0:n._$AO)==null||c.call(n,!1),r===void 0?n=void 0:(n=new r(o),n._$AT(o,e,s)),s!==void 0?(e._$Co??(e._$Co=[]))[s]=n:e._$Cl=n),n!==void 0&&(t=I(o,n._$AS(o,t.values),n,s)),t}class Rt{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:s}=this._$AD,n=((t==null?void 0:t.creationScope)??B).importNode(e,!0);P.currentNode=n;let r=P.nextNode(),i=0,c=0,a=s[0];for(;a!==void 0;){if(i===a.index){let f;a.type===2?f=new Z(r,r.nextSibling,this,t):a.type===1?f=new a.ctor(r,a.name,a.strings,this,t):a.type===6&&(f=new qt(r,this,t)),this._$AV.push(f),a=s[++c]}i!==(a==null?void 0:a.index)&&(r=P.nextNode(),i++)}return P.currentNode=B,n}p(t){let e=0;for(const s of this._$AV)s!==void 0&&(s.strings!==void 0?(s._$AI(t,s,e),e+=s.strings.length-2):s._$AI(t[e])),e++}}class Z{get _$AU(){var t;return((t=this._$AM)==null?void 0:t._$AU)??this._$Cv}constructor(t,e,s,n){this.type=2,this._$AH=h,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=s,this.options=n,this._$Cv=(n==null?void 0:n.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=I(this,t,e),F(t)?t===h||t==null||t===""?(this._$AH!==h&&this._$AR(),this._$AH=h):t!==this._$AH&&t!==O&&this._(t):t._$litType$!==void 0?this.$(t):t.nodeType!==void 0?this.T(t):Dt(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!==h&&F(this._$AH)?this._$AA.nextSibling.data=t:this.T(B.createTextNode(t)),this._$AH=t}$(t){var r;const{values:e,_$litType$:s}=t,n=typeof s=="number"?this._$AC(t):(s.el===void 0&&(s.el=V.createElement(Lt(s.h,s.h[0]),this.options)),s);if(((r=this._$AH)==null?void 0:r._$AD)===n)this._$AH.p(e);else{const i=new Rt(n,this),c=i.u(this.options);i.p(e),this.T(c),this._$AH=i}}_$AC(t){let e=_t.get(t.strings);return e===void 0&&_t.set(t.strings,e=new V(t)),e}k(t){ht(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let s,n=0;for(const r of t)n===e.length?e.push(s=new Z(this.O(R()),this.O(R()),this,this.options)):s=e[n],s._$AI(r),n++;n<e.length&&(this._$AR(s&&s._$AB.nextSibling,n),e.length=n)}_$AR(t=this._$AA.nextSibling,e){var s;for((s=this._$AP)==null?void 0:s.call(this,!1,!0,e);t&&t!==this._$AB;){const n=t.nextSibling;t.remove(),t=n}}setConnected(t){var e;this._$AM===void 0&&(this._$Cv=t,(e=this._$AP)==null||e.call(this,t))}}class J{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,e,s,n,r){this.type=1,this._$AH=h,this._$AN=void 0,this.element=t,this.name=e,this._$AM=n,this.options=r,s.length>2||s[0]!==""||s[1]!==""?(this._$AH=Array(s.length-1).fill(new String),this.strings=s):this._$AH=h}_$AI(t,e=this,s,n){const r=this.strings;let i=!1;if(r===void 0)t=I(this,t,e,0),i=!F(t)||t!==this._$AH&&t!==O,i&&(this._$AH=t);else{const c=t;let a,f;for(t=r[0],a=0;a<r.length-1;a++)f=I(this,c[s+a],e,a),f===O&&(f=this._$AH[a]),i||(i=!F(f)||f!==this._$AH[a]),f===h?t=h:t!==h&&(t+=(f??"")+r[a+1]),this._$AH[a]=f}i&&!n&&this.j(t)}j(t){t===h?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}}class Ft extends J{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===h?void 0:t}}class Vt extends J{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==h)}}class Zt extends J{constructor(t,e,s,n,r){super(t,e,s,n,r),this.type=5}_$AI(t,e=this){if((t=I(this,t,e,0)??h)===O)return;const s=this._$AH,n=t===h&&s!==h||t.capture!==s.capture||t.once!==s.once||t.passive!==s.passive,r=t!==h&&(s===h||n);n&&this.element.removeEventListener(this.name,this,s),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 qt{constructor(t,e,s){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=s}get _$AU(){return this._$AM._$AU}_$AI(t){I(this,t)}}const st=j.litHtmlPolyfillSupport;st==null||st(V,Z),(j.litHtmlVersions??(j.litHtmlVersions=[])).push("3.3.0");const Wt=(o,t,e)=>{const s=(e==null?void 0:e.renderBefore)??t;let n=s._$litPart$;if(n===void 0){const r=(e==null?void 0:e.renderBefore)??null;s._$litPart$=n=new Z(t.insertBefore(R(),r),r,void 0,e??{})}return n._$AI(o),n};/**
|
|
16
16
|
* @license
|
|
17
17
|
* Copyright 2017 Google LLC
|
|
18
18
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
19
|
-
*/const
|
|
19
|
+
*/const k=globalThis;let $=class extends M{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=Wt(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 O}};var xt;$._$litElement$=!0,$.finalized=!0,(xt=k.litElementHydrateSupport)==null||xt.call(k,{LitElement:$});const nt=k.litElementPolyfillSupport;nt==null||nt({LitElement:$});(k.litElementVersions??(k.litElementVersions=[])).push("4.2.0");/**
|
|
20
20
|
* @license
|
|
21
21
|
* Copyright 2017 Google LLC
|
|
22
22
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
@@ -24,7 +24,7 @@
|
|
|
24
24
|
* @license
|
|
25
25
|
* Copyright 2017 Google LLC
|
|
26
26
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
27
|
-
*/const
|
|
27
|
+
*/const Kt={attribute:!0,type:String,converter:K,reflect:!1,hasChanged:ct},Gt=(o=Kt,t,e)=>{const{kind:s,metadata:n}=e;let r=globalThis.litPropertyMetadata.get(n);if(r===void 0&&globalThis.litPropertyMetadata.set(n,r=new Map),s==="setter"&&((o=Object.create(o)).wrapped=!0),r.set(e.name,o),s==="accessor"){const{name:i}=e;return{set(c){const a=t.get.call(this);t.set.call(this,c),this.requestUpdate(i,a,o)},init(c){return c!==void 0&&this.C(i,void 0,o,c),c}}}if(s==="setter"){const{name:i}=e;return function(c){const a=this[i];t.call(this,c),this.requestUpdate(i,a,o)}}throw Error("Unsupported decorator location: "+s)};function l(o){return(t,e)=>typeof e=="object"?Gt(o,t,e):((s,n,r)=>{const i=n.hasOwnProperty(r);return n.constructor.createProperty(r,s),i?Object.getOwnPropertyDescriptor(n,r):void 0})(o,t,e)}const Xt=E`
|
|
28
28
|
outline: 1px dashed var(--button-border-color);
|
|
29
29
|
outline-offset: 2px;
|
|
30
30
|
outline: dashed black;
|
|
@@ -36,11 +36,11 @@
|
|
|
36
36
|
* @license
|
|
37
37
|
* Copyright 2023 Google LLC
|
|
38
38
|
* SPDX-License-Identifier: Apache-2.0
|
|
39
|
-
*/const
|
|
39
|
+
*/const dt=Symbol("internals"),ot=Symbol("privateInternals");function Jt(o){var t;class e extends o{get[(t=dt,t)](){return this[ot]||(this[ot]=this.attachInternals()),this[ot]}}return e}/**
|
|
40
40
|
* @license
|
|
41
41
|
* Copyright 2023 Google LLC
|
|
42
42
|
* SPDX-License-Identifier: Apache-2.0
|
|
43
|
-
*/function Qt(o){o.addInitializer(t=>{const e=t;e.addEventListener("click",async s=>{const{type:n,[
|
|
43
|
+
*/function Qt(o){o.addInitializer(t=>{const e=t;e.addEventListener("click",async s=>{const{type:n,[dt]:r}=e,{form:i}=r;if(!(!i||n==="button")&&(await new Promise(c=>{setTimeout(c)}),!s.defaultPrevented)){if(n==="reset"){i.reset();return}i.addEventListener("submit",c=>{Object.defineProperty(c,"submitter",{configurable:!0,enumerable:!0,get:()=>e})},{capture:!0,once:!0}),r.setFormValue(e.value),i.requestSubmit()}})})}/**
|
|
44
44
|
* @license
|
|
45
45
|
* Copyright 2017 Google LLC
|
|
46
46
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
@@ -48,11 +48,11 @@
|
|
|
48
48
|
* @license
|
|
49
49
|
* Copyright 2017 Google LLC
|
|
50
50
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
51
|
-
*/class
|
|
51
|
+
*/class it extends ee{constructor(t){if(super(t),this.it=h,t.type!==Yt.CHILD)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(t){if(t===h||t==null)return this._t=void 0,this.it=t;if(t===O)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:[]}}}it.directiveName="unsafeHTML",it.resultType=1;/**
|
|
52
52
|
* @license
|
|
53
53
|
* Copyright 2017 Google LLC
|
|
54
54
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
55
|
-
*/class
|
|
55
|
+
*/class rt extends it{}rt.directiveName="unsafeSVG",rt.resultType=2;const X=te(rt),se=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
56
56
|
<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"/>
|
|
57
57
|
</svg>
|
|
58
58
|
`,ne=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
@@ -61,10 +61,10 @@
|
|
|
61
61
|
`,oe=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
62
62
|
<path d="M12.2266 8.16162C11.0953 9.26599 8.72489 11.8788 5.11546 16L4.63062 15.7172C5.78886 13.4007 7.17607 10.8283 8.79223 8C7.17607 5.17172 5.78886 2.59933 4.63062 0.282827L5.11546 0C8.72489 4.12121 11.0953 6.73401 12.2266 7.83838V8.16162Z" fill="#3F2B2E"/>
|
|
63
63
|
</svg>
|
|
64
|
-
`,
|
|
64
|
+
`,ie=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
65
65
|
<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"/>
|
|
66
66
|
</svg>
|
|
67
|
-
`,
|
|
67
|
+
`,re=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
68
68
|
<path d="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"/>
|
|
69
69
|
</svg>
|
|
70
70
|
`,ae=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
@@ -79,11 +79,11 @@
|
|
|
79
79
|
`,he=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
80
80
|
<path d="M12.2834 14.4585L7.98873 11.3928L3.69404 14.4585L5.33977 9.4972L1 6.39639H6.36554L8 1.4585L9.63446 6.39639H15L10.6602 9.4972L12.306 14.4585H12.2834Z" fill="#3F2B2E"/>
|
|
81
81
|
</svg>
|
|
82
|
-
`,
|
|
82
|
+
`,de=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
83
83
|
<path d="M2 2L14 14" stroke="#3F2B2E"/>
|
|
84
84
|
<path d="M14 2L2 14" stroke="#3F2B2E"/>
|
|
85
85
|
</svg>
|
|
86
|
-
`,
|
|
86
|
+
`,pe=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
87
87
|
<path d="M7.12506 1C10.5018 1 13.2509 3.74834 13.251 7.125C13.2511 8.59738 12.7172 10.0206 11.7491 11.1299L14.8731 14.2539C15.0433 14.4253 15.0435 14.7018 14.8731 14.873C14.7913 14.9555 14.6797 15.002 14.5635 15.002C14.4475 15.0019 14.3357 14.9554 14.254 14.873L11.1309 11.749C10.0555 12.6818 8.6564 13.251 7.12506 13.251C3.7484 13.2508 1.00006 10.5017 1.00006 7.125C1.00025 3.74846 3.74852 1.00019 7.12506 1ZM7.12506 1.875C4.22971 1.87522 1.87506 4.23058 1.87506 7.12598C1.87532 10.0212 4.22987 12.3758 7.12506 12.376C10.0204 12.376 12.3758 10.0213 12.376 7.12598C12.376 4.23044 10.0206 1.875 7.12506 1.875Z" fill="#3F2B2E"/>
|
|
88
88
|
</svg>
|
|
89
89
|
`,ue=`<?xml version="1.0" encoding="utf-8"?>
|
|
@@ -105,12 +105,12 @@
|
|
|
105
105
|
</style>
|
|
106
106
|
<path class="st0" d="M27.3,20.7H12.7c-0.4,0-0.7-0.3-0.7-0.7s0.3-0.7,0.7-0.7h14.7c0.4,0,0.7,0.3,0.7,0.7S27.7,20.7,27.3,20.7z"/>
|
|
107
107
|
</svg>
|
|
108
|
-
`,
|
|
109
|
-
${this.type==="span"?
|
|
108
|
+
`,pt={wishlist:se,playerv:ne,chevronRight:oe,chevronLeft:ie,icoPlus:ue,icoMinus:fe,"star-0":re,"star-25":ae,"star-50":le,"star-75":ce,"star-100":he,cross:de,search:pe};var ge=Object.defineProperty,ve=Object.getOwnPropertyDescriptor,C=(o,t,e,s)=>{for(var n=s>1?void 0:s?ve(t,e):t,r=o.length-1,i;r>=0;r--)(i=o[r])&&(n=(s?i(t,e,n):i(n))||n);return s&&n&&ge(t,e,n),n};let m=class extends ${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}updated(o){super.updated(o),this.style.setProperty("--icon-stroke-width",this.strokewidth)}render(){const o=pt[this.icon]??"",t=`icon-${this.icon}`,e=o.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"');return d`
|
|
109
|
+
${this.type==="span"?d`
|
|
110
110
|
<span class="icon icon-button ${this.size} ${this.bgstyle} ${this.status} ${t}" ?disabled="${this.disabled}">
|
|
111
111
|
${X(e)}
|
|
112
112
|
</span>
|
|
113
|
-
`:
|
|
113
|
+
`:d`
|
|
114
114
|
<button
|
|
115
115
|
type="button"
|
|
116
116
|
aria-label="icon"
|
|
@@ -277,7 +277,7 @@
|
|
|
277
277
|
}
|
|
278
278
|
|
|
279
279
|
}
|
|
280
|
-
`;C([l({type:String,reflect:!0})],m.prototype,"bgstyle",2);C([l({type:String,reflect:!0})],m.prototype,"size",2);C([l({type:String,reflect:!0})],m.prototype,"status",2);C([l({type:String,reflect:!0})],m.prototype,"type",2);C([l({type:String})],m.prototype,"strokewidth",2);C([l({type:String})],m.prototype,"icon",2);C([l({type:Boolean,reflect:!0})],m.prototype,"disabled",2);m=C([T("o-icon-button")],m);var be=Object.defineProperty,ye=Object.getOwnPropertyDescriptor,v=(o,t,e,s)=>{for(var n=s>1?void 0:s?ye(t,e):t,
|
|
280
|
+
`;C([l({type:String,reflect:!0})],m.prototype,"bgstyle",2);C([l({type:String,reflect:!0})],m.prototype,"size",2);C([l({type:String,reflect:!0})],m.prototype,"status",2);C([l({type:String,reflect:!0})],m.prototype,"type",2);C([l({type:String})],m.prototype,"strokewidth",2);C([l({type:String})],m.prototype,"icon",2);C([l({type:Boolean,reflect:!0})],m.prototype,"disabled",2);m=C([T("o-icon-button")],m);var be=Object.defineProperty,ye=Object.getOwnPropertyDescriptor,v=(o,t,e,s)=>{for(var n=s>1?void 0:s?ye(t,e):t,r=o.length-1,i;r>=0;r--)(i=o[r])&&(n=(s?i(t,e,n):i(n))||n);return s&&n&&be(t,e,n),n};const $e=Jt($);let u=class extends $e{constructor(){super(...arguments),this.type="submit",this.value="",this.variant="primary",this.text="",this.textsecond="",this.fullwidth=!1,this.disabled=!1,this.iconstrokewidth="1",this.startIcon=!1,this.endIcon=!1,this.iconSize="small",this.icon="",this.href="",this.target=""}get name(){return this.getAttribute("name")??""}set name(o){this.setAttribute("name",o)}get form(){return this[dt].form}render(){return this.href?this.renderLink():this.renderButton()}renderIcon(o){return this.icon?d`<o-icon-button
|
|
281
281
|
class=${o==="start"?"icon-start":"icon-end"}
|
|
282
282
|
icon=${this.icon}
|
|
283
283
|
bgstyle="${this.variant==="primary"?"none-light":"none-contrast"}"
|
|
@@ -286,16 +286,16 @@
|
|
|
286
286
|
type="span"
|
|
287
287
|
aria-hidden="true"
|
|
288
288
|
?disabled=${this.disabled}
|
|
289
|
-
></o-icon-button>`:h}renderButton(){const o=this.text||this.textsecond;return
|
|
289
|
+
></o-icon-button>`:h}renderButton(){const o=this.text||this.textsecond;return d`
|
|
290
290
|
<button class="button" ?disabled=${this.disabled}>
|
|
291
291
|
${this.startIcon?this.renderIcon("start"):h}
|
|
292
|
-
${o?
|
|
293
|
-
${this.text?
|
|
294
|
-
${this.textsecond?
|
|
295
|
-
`:
|
|
292
|
+
${o?d`
|
|
293
|
+
${this.text?d`<span>${this.text}</span>`:h}
|
|
294
|
+
${this.textsecond?d`<span>${this.textsecond}</span>`:h}
|
|
295
|
+
`:d`<slot></slot>`}
|
|
296
296
|
${this.endIcon?this.renderIcon("end"):h}
|
|
297
297
|
</button>
|
|
298
|
-
`}renderLink(){const o=this.text||this.textsecond;return
|
|
298
|
+
`}renderLink(){const o=this.text||this.textsecond;return d`
|
|
299
299
|
<a
|
|
300
300
|
href=${this.href}
|
|
301
301
|
target=${this.target||h}
|
|
@@ -303,10 +303,10 @@
|
|
|
303
303
|
?disabled=${this.disabled}
|
|
304
304
|
>
|
|
305
305
|
${this.startIcon?this.renderIcon("start"):h}
|
|
306
|
-
${o?
|
|
307
|
-
${this.text?
|
|
308
|
-
${this.textsecond?
|
|
309
|
-
`:
|
|
306
|
+
${o?d`
|
|
307
|
+
${this.text?d`<span>${this.text}</span>`:h}
|
|
308
|
+
${this.textsecond?d`<span>${this.textsecond}</span>`:h}
|
|
309
|
+
`:d`<slot></slot>`}
|
|
310
310
|
${this.endIcon?this.renderIcon("end"):h}
|
|
311
311
|
</a>
|
|
312
312
|
`}};Qt(u);u.formAssociated=!0;u.styles=E`
|
|
@@ -438,58 +438,49 @@
|
|
|
438
438
|
display: inline-flex;
|
|
439
439
|
align-items: center;
|
|
440
440
|
}
|
|
441
|
-
`;v([l()],u.prototype,"type",2);v([l({reflect:!0})],u.prototype,"value",2);v([l({reflect:!0})],u.prototype,"variant",2);v([l({type:String})],u.prototype,"text",2);v([l({type:String})],u.prototype,"textsecond",2);v([l({reflect:!0,type:Boolean})],u.prototype,"fullwidth",2);v([l({reflect:!0,type:Boolean})],u.prototype,"disabled",2);v([l({type:String})],u.prototype,"iconstrokewidth",2);v([l({type:Boolean,reflect:!0})],u.prototype,"startIcon",2);v([l({type:Boolean,reflect:!0})],u.prototype,"endIcon",2);v([l({type:String,reflect:!0})],u.prototype,"iconSize",2);v([l({type:String})],u.prototype,"icon",2);v([l()],u.prototype,"href",2);v([l()],u.prototype,"target",2);u=v([T("o-button")],u);var me=Object.defineProperty,we=Object.getOwnPropertyDescriptor,Q=(o,t,e,s)=>{for(var n=s>1?void 0:s?we(t,e):t,
|
|
442
|
-
|
|
443
|
-
|
|
444
|
-
|
|
445
|
-
|
|
446
|
-
|
|
447
|
-
|
|
448
|
-
|
|
449
|
-
|
|
450
|
-
|
|
451
|
-
|
|
452
|
-
|
|
441
|
+
`;v([l()],u.prototype,"type",2);v([l({reflect:!0})],u.prototype,"value",2);v([l({reflect:!0})],u.prototype,"variant",2);v([l({type:String})],u.prototype,"text",2);v([l({type:String})],u.prototype,"textsecond",2);v([l({reflect:!0,type:Boolean})],u.prototype,"fullwidth",2);v([l({reflect:!0,type:Boolean})],u.prototype,"disabled",2);v([l({type:String})],u.prototype,"iconstrokewidth",2);v([l({type:Boolean,reflect:!0})],u.prototype,"startIcon",2);v([l({type:Boolean,reflect:!0})],u.prototype,"endIcon",2);v([l({type:String,reflect:!0})],u.prototype,"iconSize",2);v([l({type:String})],u.prototype,"icon",2);v([l()],u.prototype,"href",2);v([l()],u.prototype,"target",2);u=v([T("o-button")],u);var me=Object.defineProperty,we=Object.getOwnPropertyDescriptor,Q=(o,t,e,s)=>{for(var n=s>1?void 0:s?we(t,e):t,r=o.length-1,i;r>=0;r--)(i=o[r])&&(n=(s?i(t,e,n):i(n))||n);return s&&n&&me(t,e,n),n};let z=class extends ${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=pt.wishlist.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"');return d`
|
|
442
|
+
<button
|
|
443
|
+
type="button"
|
|
444
|
+
aria-describedby="${this.ariaDescribedBy}"
|
|
445
|
+
class="wishlist-button"
|
|
446
|
+
tabindex="-1"
|
|
447
|
+
>
|
|
448
|
+
<span class="sr-only">${this.label}</span>
|
|
449
|
+
${X(o)}
|
|
450
|
+
</button>
|
|
451
|
+
`}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()}};z.styles=E`
|
|
452
|
+
:host {
|
|
453
453
|
display: inline-flex;
|
|
454
454
|
justify-content: center;
|
|
455
455
|
align-items: center;
|
|
456
|
-
|
|
457
|
-
|
|
456
|
+
outline: none;
|
|
457
|
+
}
|
|
458
458
|
|
|
459
|
-
|
|
460
|
-
|
|
461
|
-
|
|
462
|
-
|
|
463
|
-
width: 40px;
|
|
464
|
-
height: 40px;
|
|
465
|
-
border: transparent;
|
|
466
|
-
border-radius: var(--radius-full);
|
|
467
|
-
background-color: var(--color-alpha-light-strong);
|
|
468
|
-
position: relative;
|
|
469
|
-
cursor: pointer;
|
|
470
|
-
}
|
|
459
|
+
:host(:focus-visible) {
|
|
460
|
+
outline: 1px dashed var(--color-content-action-secondary);
|
|
461
|
+
outline-offset: 1px;
|
|
462
|
+
}
|
|
471
463
|
|
|
472
|
-
|
|
473
|
-
|
|
474
|
-
|
|
475
|
-
-
|
|
476
|
-
|
|
477
|
-
height:
|
|
478
|
-
|
|
479
|
-
|
|
480
|
-
|
|
481
|
-
position:
|
|
482
|
-
|
|
483
|
-
white-space: nowrap !important;
|
|
464
|
+
.wishlist-button {
|
|
465
|
+
display: flex;
|
|
466
|
+
justify-content: center;
|
|
467
|
+
align-items: center;
|
|
468
|
+
width: 40px;
|
|
469
|
+
height: 40px;
|
|
470
|
+
border: transparent;
|
|
471
|
+
border-radius: var(--radius-full);
|
|
472
|
+
background-color: var(--color-alpha-light-strong);
|
|
473
|
+
position: relative;
|
|
474
|
+
cursor: pointer;
|
|
484
475
|
}
|
|
485
476
|
|
|
486
|
-
|
|
487
|
-
|
|
488
|
-
|
|
477
|
+
.wishlist-button:hover {
|
|
478
|
+
background-color: var(--color-alpha-light-stronger);
|
|
479
|
+
}
|
|
489
480
|
|
|
490
481
|
:host([status="filled"]) .wishlist-button {
|
|
491
|
-
|
|
492
|
-
|
|
482
|
+
background-color: var(--color-alpha-light-strongest);
|
|
483
|
+
}
|
|
493
484
|
|
|
494
485
|
.wishlist-button:hover svg path {
|
|
495
486
|
fill: var(--color-content-action-secondary);
|
|
@@ -502,9 +493,23 @@
|
|
|
502
493
|
:host([status="filled"]) .wishlist-button:hover svg path {
|
|
503
494
|
fill: var(--color-alpha-light-strong);
|
|
504
495
|
}
|
|
505
|
-
|
|
496
|
+
|
|
497
|
+
.sr-only {
|
|
498
|
+
border: 0 !important;
|
|
499
|
+
clip: rect(0.1rem, 0.1rem, 0.1rem, 0.1rem) !important;
|
|
500
|
+
-webkit-clip-path: inset(50%) !important;
|
|
501
|
+
clip-path: inset(50%) !important;
|
|
502
|
+
height: 0.1rem !important;
|
|
503
|
+
margin: -0.1rem !important;
|
|
504
|
+
overflow: hidden !important;
|
|
505
|
+
padding: 0 !important;
|
|
506
|
+
position: absolute !important;
|
|
507
|
+
width: 0.1rem !important;
|
|
508
|
+
white-space: nowrap !important;
|
|
509
|
+
}
|
|
510
|
+
`;Q([l({type:String,reflect:!0})],z.prototype,"status",2);Q([l({type:String,reflect:!0})],z.prototype,"ariaDescribedBy",2);Q([l({type:String,reflect:!0})],z.prototype,"label",2);z=Q([T("o-wishlist-button")],z);var _e=Object.defineProperty,xe=Object.getOwnPropertyDescriptor,H=(o,t,e,s)=>{for(var n=s>1?void 0:s?xe(t,e):t,r=o.length-1,i;r>=0;r--)(i=o[r])&&(n=(s?i(t,e,n):i(n))||n);return s&&n&&_e(t,e,n),n};let _=class extends ${constructor(){super(...arguments),this.href="",this.target="",this.template="standard",this.inverse=!1,this.endIcon=!1,this.reverseEndIcon=!1}render(){return d`
|
|
506
511
|
<a href="${this.href}" target="${this.target}">
|
|
507
|
-
${this.endIcon&&this.reverseEndIcon?
|
|
512
|
+
${this.endIcon&&this.reverseEndIcon?d`
|
|
508
513
|
<o-icon-button
|
|
509
514
|
icon="chevronLeft"
|
|
510
515
|
bgstyle="${this.inverse?"none-light":"none-contrast"}"
|
|
@@ -514,7 +519,7 @@
|
|
|
514
519
|
></o-icon-button>
|
|
515
520
|
`:null}
|
|
516
521
|
<span class="link-text"><slot></slot></span>
|
|
517
|
-
${this.endIcon&&!this.reverseEndIcon?
|
|
522
|
+
${this.endIcon&&!this.reverseEndIcon?d`
|
|
518
523
|
<o-icon-button
|
|
519
524
|
icon="chevronRight"
|
|
520
525
|
bgstyle="${this.inverse?"none-light":"none-contrast"}"
|
|
@@ -611,12 +616,12 @@
|
|
|
611
616
|
height: 1px;
|
|
612
617
|
}
|
|
613
618
|
/* End of underline effect */
|
|
614
|
-
`;H([l({type:String})],_.prototype,"href",2);H([l({type:String})],_.prototype,"target",2);H([l({type:String,reflect:!0})],_.prototype,"template",2);H([l({type:Boolean,reflect:!0})],_.prototype,"inverse",2);H([l({type:Boolean,reflect:!0})],_.prototype,"endIcon",2);H([l({type:Boolean,reflect:!0})],_.prototype,"reverseEndIcon",2);_=H([T("o-link")],_);var Ae=Object.defineProperty,Se=Object.getOwnPropertyDescriptor,Y=(o,t,e,s)=>{for(var n=s>1?void 0:s?Se(t,e):t,
|
|
619
|
+
`;H([l({type:String})],_.prototype,"href",2);H([l({type:String})],_.prototype,"target",2);H([l({type:String,reflect:!0})],_.prototype,"template",2);H([l({type:Boolean,reflect:!0})],_.prototype,"inverse",2);H([l({type:Boolean,reflect:!0})],_.prototype,"endIcon",2);H([l({type:Boolean,reflect:!0})],_.prototype,"reverseEndIcon",2);_=H([T("o-link")],_);var Ae=Object.defineProperty,Se=Object.getOwnPropertyDescriptor,Y=(o,t,e,s)=>{for(var n=s>1?void 0:s?Se(t,e):t,r=o.length-1,i;r>=0;r--)(i=o[r])&&(n=(s?i(t,e,n):i(n))||n);return s&&n&&Ae(t,e,n),n};let U=class extends ${constructor(){super(...arguments),this.rating=0}getStarKeys(){const o=[];for(let t=0;t<5;t++){const e=this.rating-t;let s;e>=1?s=100:e<=0?s=0:s=Math.round(e*100/25)*25,o.push(`star-${s}`)}return o}render(){const o=this.getStarKeys();return d`
|
|
615
620
|
<div class="rating">
|
|
616
621
|
<div class="stars">
|
|
617
|
-
${o.map(t=>
|
|
622
|
+
${o.map(t=>d`<span class="star">${X(pt[t]??"")}</span>`)}
|
|
618
623
|
</div>
|
|
619
|
-
${this.reviewCount!=null&&this.href!=null?
|
|
624
|
+
${this.reviewCount!=null&&this.href!=null?d`<o-link template="review" href="${this.href}">${this.reviewCount}</o-link>`:null}
|
|
620
625
|
</div>
|
|
621
626
|
`}};U.styles=E`
|
|
622
627
|
svg {
|
|
@@ -651,7 +656,7 @@
|
|
|
651
656
|
text-decoration: underline;
|
|
652
657
|
cursor: pointer;
|
|
653
658
|
}
|
|
654
|
-
`;Y([l({type:Number})],U.prototype,"rating",2);Y([l({type:String})],U.prototype,"reviewCount",2);Y([l({type:String})],U.prototype,"href",2);U=Y([T("o-rating")],U);var Ee=Object.defineProperty,Ce=Object.getOwnPropertyDescriptor,y=(o,t,e,s)=>{for(var n=s>1?void 0:s?Ce(t,e):t,
|
|
659
|
+
`;Y([l({type:Number})],U.prototype,"rating",2);Y([l({type:String})],U.prototype,"reviewCount",2);Y([l({type:String})],U.prototype,"href",2);U=Y([T("o-rating")],U);var Ee=Object.defineProperty,Ce=Object.getOwnPropertyDescriptor,y=(o,t,e,s)=>{for(var n=s>1?void 0:s?Ce(t,e):t,r=o.length-1,i;r>=0;r--)(i=o[r])&&(n=(s?i(t,e,n):i(n))||n);return s&&n&&Ee(t,e,n),n};let b=class extends ${constructor(){super(...arguments),this.open=!1,this.showHeader=!0,this.showFooter=!0,this.headerTitle="",this.closeButtonLabel="Close the modal",this.firstButtonLabel="First Button",this.firstButtonVariant="primary",this.secondaryButtonLabel="Second Button",this.secondaryButtonVariant="primary",this.previousFocusedElement=null,this.handleKeyDown=o=>{this.open&&(o.key==="Escape"?this.closePanel():o.key==="Tab"&&this.trapFocus(o))}}connectedCallback(){super.connectedCallback(),window.addEventListener("keydown",this.handleKeyDown)}disconnectedCallback(){window.removeEventListener("keydown",this.handleKeyDown),super.disconnectedCallback()}trapFocus(o){const t=this.getFocusableElements();if(t.length===0)return;const e=t[0],s=t[t.length-1];o.shiftKey&&document.activeElement===e?(o.preventDefault(),s.focus()):!o.shiftKey&&document.activeElement===s&&(o.preventDefault(),e.focus())}getFocusableElements(){const o=this.renderRoot.querySelector(".panel");return o?Array.from(o.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])')).filter(t=>!t.hasAttribute("disabled")):[]}openPanel(){this.previousFocusedElement=document.activeElement,this.open=!0,this.updateComplete.then(()=>{const o=this.getFocusableElements()[0];o==null||o.focus()})}closePanel(){var o;this.open=!1,(o=this.previousFocusedElement)==null||o.focus(),this.dispatchEvent(new CustomEvent("close",{bubbles:!0,composed:!0}))}handleFirstClick(){typeof this.onFirstButtonClick=="function"&&this.onFirstButtonClick(),this.closePanel()}handleSecondaryClick(){typeof this.onSecondaryButtonClick=="function"&&this.onSecondaryButtonClick(),this.closePanel()}render(){return d`
|
|
655
660
|
<div class="overlay" @click=${this.closePanel}></div>
|
|
656
661
|
<div
|
|
657
662
|
class="panel"
|
|
@@ -661,7 +666,7 @@
|
|
|
661
666
|
>
|
|
662
667
|
<o-icon-button icon="cross" size="medium" class="close-btn" @click=${this.closePanel} aria-label="${this.closeButtonLabel}"></o-icon-button>
|
|
663
668
|
|
|
664
|
-
${this.showHeader?
|
|
669
|
+
${this.showHeader?d`
|
|
665
670
|
<div class="header">
|
|
666
671
|
<span id="panel-title" class="panel-title">${this.headerTitle}</span>
|
|
667
672
|
</div>
|
|
@@ -671,9 +676,9 @@
|
|
|
671
676
|
<slot></slot>
|
|
672
677
|
</div>
|
|
673
678
|
|
|
674
|
-
${this.showFooter&&this.firstButtonVariant&&this.firstButtonLabel||this.secondaryButtonVariant&&this.secondaryButtonLabel?
|
|
679
|
+
${this.showFooter&&this.firstButtonVariant&&this.firstButtonLabel||this.secondaryButtonVariant&&this.secondaryButtonLabel?d`
|
|
675
680
|
<div class="footer">
|
|
676
|
-
${this.firstButtonVariant&&this.firstButtonLabel?
|
|
681
|
+
${this.firstButtonVariant&&this.firstButtonLabel?d`
|
|
677
682
|
<o-button
|
|
678
683
|
customclass="full"
|
|
679
684
|
variant="${this.firstButtonVariant}"
|
|
@@ -683,7 +688,7 @@
|
|
|
683
688
|
</o-button>
|
|
684
689
|
`:null}
|
|
685
690
|
|
|
686
|
-
${this.secondaryButtonVariant&&this.secondaryButtonLabel?
|
|
691
|
+
${this.secondaryButtonVariant&&this.secondaryButtonLabel?d`
|
|
687
692
|
<o-button
|
|
688
693
|
customclass="full"
|
|
689
694
|
variant="${this.secondaryButtonVariant}"
|