@florid-kit/components 0.3.11 → 0.3.13
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/button.d.ts +2 -0
- package/components/wishlist-button.d.ts +1 -0
- package/index.js +39 -25
- package/index.mjs +103 -76
- package/package.json +1 -1
package/components/button.d.ts
CHANGED
|
@@ -26,6 +26,8 @@ export declare class OccitaneButton extends buttonBaseClass implements FormSubmi
|
|
|
26
26
|
get form(): HTMLFormElement | null;
|
|
27
27
|
variant: ButtonVariant;
|
|
28
28
|
customclass: string;
|
|
29
|
+
text: string;
|
|
30
|
+
textsecond: string;
|
|
29
31
|
disabled: boolean;
|
|
30
32
|
/**
|
|
31
33
|
* The URL that the link button points to.
|
|
@@ -7,6 +7,7 @@ export declare class OccitaneWishlistButton extends LitElement {
|
|
|
7
7
|
ariaDescribedBy: string;
|
|
8
8
|
label: string;
|
|
9
9
|
protected render(): import('lit').TemplateResult<1>;
|
|
10
|
+
private handleClick;
|
|
10
11
|
private toggleStatus;
|
|
11
12
|
setStatus(status: Status): void;
|
|
12
13
|
setAriaDescribedBy(ariaDescribedBy: 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 F=globalThis,ot=F.ShadowRoot&&(F.ShadyCSS===void 0||F.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,nt=Symbol(),dt=new WeakMap;let
|
|
5
|
+
*/const F=globalThis,ot=F.ShadowRoot&&(F.ShadyCSS===void 0||F.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,nt=Symbol(),dt=new WeakMap;let xt=class{constructor(t,e,s){if(this._$cssResult$=!0,s!==nt)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(ot&&t===void 0){const s=e!==void 0&&e.length===1;s&&(t=dt.get(e)),t===void 0&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),s&&dt.set(e,t))}return t}toString(){return this.cssText}};const At=i=>new xt(typeof i=="string"?i:i+"",void 0,nt),O=(i,...t)=>{const e=i.length===1?i[0]:t.reduce((s,r,n)=>s+(o=>{if(o._$cssResult$===!0)return o.cssText;if(typeof o=="number")return o;throw Error("Value passed to 'css' function must be a 'css' function result: "+o+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(r)+i[n+1],i[0]);return new xt(e,i,nt)},Pt=(i,t)=>{if(ot)i.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(const e of t){const s=document.createElement("style"),r=F.litNonce;r!==void 0&&s.setAttribute("nonce",r),s.textContent=e.cssText,i.appendChild(s)}},pt=ot?i=>i:i=>i instanceof CSSStyleSheet?(t=>{let e="";for(const s of t.cssRules)e+=s.cssText;return At(e)})(i):i;/**
|
|
6
6
|
* @license
|
|
7
7
|
* Copyright 2017 Google LLC
|
|
8
8
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
9
|
-
*/const{is:Ot,defineProperty:Ht,getOwnPropertyDescriptor:kt,getOwnPropertyNames:Mt,getOwnPropertySymbols:Ut,getPrototypeOf:Bt}=Object,
|
|
9
|
+
*/const{is:Ot,defineProperty:Ht,getOwnPropertyDescriptor:kt,getOwnPropertyNames:Mt,getOwnPropertySymbols:Ut,getPrototypeOf:Bt}=Object,x=globalThis,ut=x.trustedTypes,Tt=ut?ut.emptyScript:"",Q=x.reactiveElementPolyfillSupport,I=(i,t)=>i,q={toAttribute(i,t){switch(t){case Boolean:i=i?Tt:null;break;case Object:case Array:i=i==null?i:JSON.stringify(i)}return i},fromAttribute(i,t){let e=i;switch(t){case Boolean:e=i!==null;break;case Number:e=i===null?null:Number(i);break;case Object:case Array:try{e=JSON.parse(i)}catch{e=null}}return e}},at=(i,t)=>!Ot(i,t),gt={attribute:!0,type:String,converter:q,reflect:!1,useDefault:!1,hasChanged:at};Symbol.metadata??(Symbol.metadata=Symbol("metadata")),x.litPropertyMetadata??(x.litPropertyMetadata=new WeakMap);let k=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=gt){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(),r=this.getPropertyDescriptor(t,s,e);r!==void 0&&Ht(this.prototype,t,r)}}static getPropertyDescriptor(t,e,s){const{get:r,set:n}=kt(this.prototype,t)??{get(){return this[e]},set(o){this[e]=o}};return{get:r,set(o){const l=r==null?void 0:r.call(this);n==null||n.call(this,o),this.requestUpdate(t,l,s)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??gt}static _$Ei(){if(this.hasOwnProperty(I("elementProperties")))return;const t=Bt(this);t.finalize(),t.l!==void 0&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(I("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(I("properties"))){const e=this.properties,s=[...Mt(e),...Ut(e)];for(const r of s)this.createProperty(r,e[r])}const t=this[Symbol.metadata];if(t!==null){const e=litPropertyMetadata.get(t);if(e!==void 0)for(const[s,r]of e)this.elementProperties.set(s,r)}this._$Eh=new Map;for(const[e,s]of this.elementProperties){const r=this._$Eu(e,s);r!==void 0&&this._$Eh.set(r,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 r of s)e.unshift(pt(r))}else t!==void 0&&e.push(pt(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 Pt(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 n;const s=this.constructor.elementProperties.get(t),r=this.constructor._$Eu(t,s);if(r!==void 0&&s.reflect===!0){const o=(((n=s.converter)==null?void 0:n.toAttribute)!==void 0?s.converter:q).toAttribute(e,s.type);this._$Em=t,o==null?this.removeAttribute(r):this.setAttribute(r,o),this._$Em=null}}_$AK(t,e){var n,o;const s=this.constructor,r=s._$Eh.get(t);if(r!==void 0&&this._$Em!==r){const l=s.getPropertyOptions(r),a=typeof l.converter=="function"?{fromAttribute:l.converter}:((n=l.converter)==null?void 0:n.fromAttribute)!==void 0?l.converter:q;this._$Em=r,this[r]=a.fromAttribute(e,l.type)??((o=this._$Ej)==null?void 0:o.get(r))??null,this._$Em=null}}requestUpdate(t,e,s){var r;if(t!==void 0){const n=this.constructor,o=this[t];if(s??(s=n.getPropertyOptions(t)),!((s.hasChanged??at)(o,e)||s.useDefault&&s.reflect&&o===((r=this._$Ej)==null?void 0:r.get(t))&&!this.hasAttribute(n._$Eu(t,s))))return;this.C(t,e,s)}this.isUpdatePending===!1&&(this._$ES=this._$EP())}C(t,e,{useDefault:s,reflect:r,wrapped:n},o){s&&!(this._$Ej??(this._$Ej=new Map)).has(t)&&(this._$Ej.set(t,o??e??this[t]),n!==!0||o!==void 0)||(this._$AL.has(t)||(this.hasUpdated||s||(e=void 0),this._$AL.set(t,e)),r===!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[n,o]of this._$Ep)this[n]=o;this._$Ep=void 0}const r=this.constructor.elementProperties;if(r.size>0)for(const[n,o]of r){const{wrapped:l}=o,a=this[n];l!==!0||this._$AL.has(n)||a===void 0||this.C(n,void 0,o,a)}}let t=!1;const e=this._$AL;try{t=this.shouldUpdate(e),t?(this.willUpdate(e),(s=this._$EO)==null||s.forEach(r=>{var n;return(n=r.hostUpdate)==null?void 0:n.call(r)}),this.update(e)):this._$EM()}catch(r){throw t=!1,this._$EM(),r}t&&this._$AE(e)}willUpdate(t){}_$AE(t){var e;(e=this._$EO)==null||e.forEach(s=>{var r;return(r=s.hostUpdated)==null?void 0:r.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){}};k.elementStyles=[],k.shadowRootOptions={mode:"open"},k[I("elementProperties")]=new Map,k[I("finalized")]=new Map,Q==null||Q({ReactiveElement:k}),(x.reactiveElementVersions??(x.reactiveElementVersions=[])).push("2.1.0");/**
|
|
10
10
|
* @license
|
|
11
11
|
* Copyright 2017 Google LLC
|
|
12
12
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
13
|
-
*/const z=globalThis,W=z.trustedTypes,ft=W?W.createPolicy("lit-html",{createHTML:i=>i}):void 0,Et="$lit$",
|
|
13
|
+
*/const z=globalThis,W=z.trustedTypes,ft=W?W.createPolicy("lit-html",{createHTML:i=>i}):void 0,Et="$lit$",w=`lit$${Math.random().toFixed(9).slice(2)}$`,St="?"+w,It=`<${St}>`,C=document,N=()=>C.createComment(""),D=i=>i===null||typeof i!="object"&&typeof i!="function",lt=Array.isArray,zt=i=>lt(i)||typeof(i==null?void 0:i[Symbol.iterator])=="function",Y=`[
|
|
14
14
|
\f\r]`,T=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,vt=/-->/g,bt=/>/g,E=RegExp(`>|${Y}(?:([^\\s"'>=/]+)(${Y}*=${Y}*(?:[^
|
|
15
|
-
\f\r"'\`<>=]|("|')|))|$)`,"g"),$t=/'/g,yt=/"/g,Lt=/^(?:script|style|textarea|title)$/i,Nt=i=>(t,...e)=>({_$litType$:i,strings:t,values:e}),
|
|
15
|
+
\f\r"'\`<>=]|("|')|))|$)`,"g"),$t=/'/g,yt=/"/g,Lt=/^(?:script|style|textarea|title)$/i,Nt=i=>(t,...e)=>({_$litType$:i,strings:t,values:e}),u=Nt(1),P=Symbol.for("lit-noChange"),d=Symbol.for("lit-nothing"),mt=new WeakMap,S=C.createTreeWalker(C,129);function Ct(i,t){if(!lt(i)||!i.hasOwnProperty("raw"))throw Error("invalid template strings array");return ft!==void 0?ft.createHTML(t):t}const Dt=(i,t)=>{const e=i.length-1,s=[];let r,n=t===2?"<svg>":t===3?"<math>":"",o=T;for(let l=0;l<e;l++){const a=i[l];let p,g,c=-1,$=0;for(;$<a.length&&(o.lastIndex=$,g=o.exec(a),g!==null);)$=o.lastIndex,o===T?g[1]==="!--"?o=vt:g[1]!==void 0?o=bt:g[2]!==void 0?(Lt.test(g[2])&&(r=RegExp("</"+g[2],"g")),o=E):g[3]!==void 0&&(o=E):o===E?g[0]===">"?(o=r??T,c=-1):g[1]===void 0?c=-2:(c=o.lastIndex-g[2].length,p=g[1],o=g[3]===void 0?E:g[3]==='"'?yt:$t):o===yt||o===$t?o=E:o===vt||o===bt?o=T:(o=E,r=void 0);const _=o===E&&i[l+1].startsWith("/>")?" ":"";n+=o===T?a+It:c>=0?(s.push(p),a.slice(0,c)+Et+a.slice(c)+w+_):a+w+(c===-2?l:_)}return[Ct(i,n+(i[e]||"<?>")+(t===2?"</svg>":t===3?"</math>":"")),s]};class R{constructor({strings:t,_$litType$:e},s){let r;this.parts=[];let n=0,o=0;const l=t.length-1,a=this.parts,[p,g]=Dt(t,e);if(this.el=R.createElement(p,s),S.currentNode=this.el.content,e===2||e===3){const c=this.el.content.firstChild;c.replaceWith(...c.childNodes)}for(;(r=S.nextNode())!==null&&a.length<l;){if(r.nodeType===1){if(r.hasAttributes())for(const c of r.getAttributeNames())if(c.endsWith(Et)){const $=g[o++],_=r.getAttribute(c).split(w),Z=/([.?@])?(.*)/.exec($);a.push({type:1,index:n,name:Z[2],strings:_,ctor:Z[1]==="."?jt:Z[1]==="?"?Vt:Z[1]==="@"?Zt:J}),r.removeAttribute(c)}else c.startsWith(w)&&(a.push({type:6,index:n}),r.removeAttribute(c));if(Lt.test(r.tagName)){const c=r.textContent.split(w),$=c.length-1;if($>0){r.textContent=W?W.emptyScript:"";for(let _=0;_<$;_++)r.append(c[_],N()),S.nextNode(),a.push({type:2,index:++n});r.append(c[$],N())}}}else if(r.nodeType===8)if(r.data===St)a.push({type:2,index:n});else{let c=-1;for(;(c=r.data.indexOf(w,c+1))!==-1;)a.push({type:7,index:n}),c+=w.length-1}n++}}static createElement(t,e){const s=C.createElement("template");return s.innerHTML=t,s}}function M(i,t,e=i,s){var o,l;if(t===P)return t;let r=s!==void 0?(o=e._$Co)==null?void 0:o[s]:e._$Cl;const n=D(t)?void 0:t._$litDirective$;return(r==null?void 0:r.constructor)!==n&&((l=r==null?void 0:r._$AO)==null||l.call(r,!1),n===void 0?r=void 0:(r=new n(i),r._$AT(i,e,s)),s!==void 0?(e._$Co??(e._$Co=[]))[s]=r:e._$Cl=r),r!==void 0&&(t=M(i,r._$AS(i,t.values),r,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,r=((t==null?void 0:t.creationScope)??C).importNode(e,!0);S.currentNode=r;let n=S.nextNode(),o=0,l=0,a=s[0];for(;a!==void 0;){if(o===a.index){let p;a.type===2?p=new j(n,n.nextSibling,this,t):a.type===1?p=new a.ctor(n,a.name,a.strings,this,t):a.type===6&&(p=new Ft(n,this,t)),this._$AV.push(p),a=s[++l]}o!==(a==null?void 0:a.index)&&(n=S.nextNode(),o++)}return S.currentNode=C,r}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 j{get _$AU(){var t;return((t=this._$AM)==null?void 0:t._$AU)??this._$Cv}constructor(t,e,s,r){this.type=2,this._$AH=d,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=s,this.options=r,this._$Cv=(r==null?void 0:r.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=M(this,t,e),D(t)?t===d||t==null||t===""?(this._$AH!==d&&this._$AR(),this._$AH=d):t!==this._$AH&&t!==P&&this._(t):t._$litType$!==void 0?this.$(t):t.nodeType!==void 0?this.T(t):zt(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&&D(this._$AH)?this._$AA.nextSibling.data=t:this.T(C.createTextNode(t)),this._$AH=t}$(t){var n;const{values:e,_$litType$:s}=t,r=typeof s=="number"?this._$AC(t):(s.el===void 0&&(s.el=R.createElement(Ct(s.h,s.h[0]),this.options)),s);if(((n=this._$AH)==null?void 0:n._$AD)===r)this._$AH.p(e);else{const o=new Rt(r,this),l=o.u(this.options);o.p(e),this.T(l),this._$AH=o}}_$AC(t){let e=mt.get(t.strings);return e===void 0&&mt.set(t.strings,e=new R(t)),e}k(t){lt(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let s,r=0;for(const n of t)r===e.length?e.push(s=new j(this.O(N()),this.O(N()),this,this.options)):s=e[r],s._$AI(n),r++;r<e.length&&(this._$AR(s&&s._$AB.nextSibling,r),e.length=r)}_$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 r=t.nextSibling;t.remove(),t=r}}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,r,n){this.type=1,this._$AH=d,this._$AN=void 0,this.element=t,this.name=e,this._$AM=r,this.options=n,s.length>2||s[0]!==""||s[1]!==""?(this._$AH=Array(s.length-1).fill(new String),this.strings=s):this._$AH=d}_$AI(t,e=this,s,r){const n=this.strings;let o=!1;if(n===void 0)t=M(this,t,e,0),o=!D(t)||t!==this._$AH&&t!==P,o&&(this._$AH=t);else{const l=t;let a,p;for(t=n[0],a=0;a<n.length-1;a++)p=M(this,l[s+a],e,a),p===P&&(p=this._$AH[a]),o||(o=!D(p)||p!==this._$AH[a]),p===d?t=d:t!==d&&(t+=(p??"")+n[a+1]),this._$AH[a]=p}o&&!r&&this.j(t)}j(t){t===d?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}}class jt extends J{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===d?void 0:t}}class Vt extends J{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==d)}}class Zt extends J{constructor(t,e,s,r,n){super(t,e,s,r,n),this.type=5}_$AI(t,e=this){if((t=M(this,t,e,0)??d)===P)return;const s=this._$AH,r=t===d&&s!==d||t.capture!==s.capture||t.once!==s.once||t.passive!==s.passive,n=t!==d&&(s===d||r);r&&this.element.removeEventListener(this.name,this,s),n&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){var e;typeof this._$AH=="function"?this._$AH.call(((e=this.options)==null?void 0:e.host)??this.element,t):this._$AH.handleEvent(t)}}class Ft{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){M(this,t)}}const tt=z.litHtmlPolyfillSupport;tt==null||tt(R,j),(z.litHtmlVersions??(z.litHtmlVersions=[])).push("3.3.0");const qt=(i,t,e)=>{const s=(e==null?void 0:e.renderBefore)??t;let r=s._$litPart$;if(r===void 0){const n=(e==null?void 0:e.renderBefore)??null;s._$litPart$=r=new j(t.insertBefore(N(),n),n,void 0,e??{})}return r._$AI(i),r};/**
|
|
16
16
|
* @license
|
|
17
17
|
* Copyright 2017 Google LLC
|
|
18
18
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
19
|
-
*/const L=globalThis;let
|
|
19
|
+
*/const L=globalThis;let y=class extends k{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=qt(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 P}};var wt;y._$litElement$=!0,y.finalized=!0,(wt=L.litElementHydrateSupport)==null||wt.call(L,{LitElement:y});const et=L.litElementPolyfillSupport;et==null||et({LitElement:y});(L.litElementVersions??(L.litElementVersions=[])).push("4.2.0");/**
|
|
20
20
|
* @license
|
|
21
21
|
* Copyright 2017 Google LLC
|
|
22
22
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
@@ -40,7 +40,7 @@
|
|
|
40
40
|
* @license
|
|
41
41
|
* Copyright 2023 Google LLC
|
|
42
42
|
* SPDX-License-Identifier: Apache-2.0
|
|
43
|
-
*/function Gt(i){i.addInitializer(t=>{const e=t;e.addEventListener("click",async s=>{const{type:r,[ht]:n}=e,{form:o}=n;if(!(!o||r==="button")&&(await new Promise(l=>{setTimeout(l)}),!s.defaultPrevented)){if(r==="reset"){o.reset();return}o.addEventListener("submit",l=>{Object.defineProperty(l,"submitter",{configurable:!0,enumerable:!0,get:()=>e})},{capture:!0,once:!0}),n.setFormValue(e.value),o.requestSubmit()}})})}var Qt=Object.defineProperty,Yt=Object.getOwnPropertyDescriptor,
|
|
43
|
+
*/function Gt(i){i.addInitializer(t=>{const e=t;e.addEventListener("click",async s=>{const{type:r,[ht]:n}=e,{form:o}=n;if(!(!o||r==="button")&&(await new Promise(l=>{setTimeout(l)}),!s.defaultPrevented)){if(r==="reset"){o.reset();return}o.addEventListener("submit",l=>{Object.defineProperty(l,"submitter",{configurable:!0,enumerable:!0,get:()=>e})},{capture:!0,once:!0}),n.setFormValue(e.value),o.requestSubmit()}})})}var Qt=Object.defineProperty,Yt=Object.getOwnPropertyDescriptor,b=(i,t,e,s)=>{for(var r=s>1?void 0:s?Yt(t,e):t,n=i.length-1,o;n>=0;n--)(o=i[n])&&(r=(s?o(t,e,r):o(r))||r);return s&&r&&Qt(t,e,r),r};const te=Xt(y),_t=i=>{const t=`
|
|
44
44
|
--button-bg-disabled: var(--color-container-disabled);
|
|
45
45
|
--button-bg-pressed: var(--color-container-action-${i}-pressed);
|
|
46
46
|
--button-bg-hover: var(--color-container-action-${i}-hover);
|
|
@@ -53,10 +53,13 @@
|
|
|
53
53
|
--button-text-disabled: var(--color-content-disabled);
|
|
54
54
|
--button-text-hover: var(--color-content-action-${i});
|
|
55
55
|
--button-text: var(--color-content-action-${i});
|
|
56
|
-
`;return
|
|
57
|
-
<slot />
|
|
58
|
-
</a>`}renderButton(){return g`<button class="button" ?disabled=${this.disabled}>
|
|
56
|
+
`;return At(t)},ee=["primary","secondary"];let f=class extends te{constructor(){super(...arguments),this.type="submit",this.value="",this.variant="primary",this.customclass="",this.text="",this.textsecond="",this.disabled=!1,this.href="",this.target=""}get name(){return this.getAttribute("name")??""}set name(i){this.setAttribute("name",i)}get form(){return this[ht].form}willUpdate(){const i=getComputedStyle(this).getPropertyValue("--button-variant");i&&ee.some(t=>t===i)&&(this.variant=i)}updated(){if(this.customclass){const i=this.customclass.split(" ").map(t=>t.trim()).filter(Boolean);this.classList.add(...i)}}render(){const i=this.href?this.renderLink():this.renderButton();return u`${i}`}renderLink(){return u`<a href=${this.href} target=${this.target||d} class="button" ?disabled=${this.disabled}>
|
|
59
57
|
<slot />
|
|
58
|
+
</a>`}renderButton(){const i=this.text||this.textsecond;return u`<button class="button ${i?"multipleText":""}" ?disabled=${this.disabled}>
|
|
59
|
+
${i?u`<slot>
|
|
60
|
+
${this.text?u`<span>${this.text}</span>`:d}
|
|
61
|
+
${this.textsecond?u`<span>${this.textsecond}</span>`:d}
|
|
62
|
+
</slot>`:u`<slot></slot>`}
|
|
60
63
|
</button>`}};Gt(f);f.formAssociated=!0;f.styles=O`
|
|
61
64
|
:host {
|
|
62
65
|
display: inline-flex;
|
|
@@ -123,6 +126,10 @@
|
|
|
123
126
|
}
|
|
124
127
|
}
|
|
125
128
|
|
|
129
|
+
.button.multipleText {
|
|
130
|
+
gap: 0;
|
|
131
|
+
}
|
|
132
|
+
|
|
126
133
|
.button:disabled {
|
|
127
134
|
cursor: initial;
|
|
128
135
|
}
|
|
@@ -139,7 +146,16 @@
|
|
|
139
146
|
.button:focus-visible {
|
|
140
147
|
${Jt};
|
|
141
148
|
}
|
|
142
|
-
|
|
149
|
+
|
|
150
|
+
.button span + span {
|
|
151
|
+
padding-left: 0.8rem;
|
|
152
|
+
}
|
|
153
|
+
|
|
154
|
+
.button span + span::before {
|
|
155
|
+
content: "•";
|
|
156
|
+
margin: 0 0.8rem 0 0;
|
|
157
|
+
}
|
|
158
|
+
`;b([h()],f.prototype,"type",2);b([h({reflect:!0})],f.prototype,"value",2);b([h({reflect:!0})],f.prototype,"variant",2);b([h({type:String})],f.prototype,"customclass",2);b([h({type:String})],f.prototype,"text",2);b([h({type:String})],f.prototype,"textsecond",2);b([h({converter:{fromAttribute:i=>i===""||i==="true"}})],f.prototype,"disabled",2);b([h()],f.prototype,"href",2);b([h()],f.prototype,"target",2);f=b([V("o-button")],f);/**
|
|
143
159
|
* @license
|
|
144
160
|
* Copyright 2017 Google LLC
|
|
145
161
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
@@ -178,19 +194,17 @@
|
|
|
178
194
|
`,ue=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
179
195
|
<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"/>
|
|
180
196
|
</svg>
|
|
181
|
-
`,ct={wishlist:oe,playerv:ne,chevronRight:ae,chevronLeft:le,"star-0":he,"star-25":ce,"star-50":de,"star-75":pe,"star-100":ue};var ge=Object.defineProperty,fe=Object.getOwnPropertyDescriptor,X=(i,t,e,s)=>{for(var r=s>1?void 0:s?fe(t,e):t,n=i.length-1,o;n>=0;n--)(o=i[n])&&(r=(s?o(t,e,r):o(r))||r);return s&&r&&ge(t,e,r),r};let U=class extends
|
|
197
|
+
`,ct={wishlist:oe,playerv:ne,chevronRight:ae,chevronLeft:le,"star-0":he,"star-25":ce,"star-50":de,"star-75":pe,"star-100":ue};var ge=Object.defineProperty,fe=Object.getOwnPropertyDescriptor,X=(i,t,e,s)=>{for(var r=s>1?void 0:s?fe(t,e):t,n=i.length-1,o;n>=0;n--)(o=i[n])&&(r=(s?o(t,e,r):o(r))||r);return s&&r&&ge(t,e,r),r};let U=class extends y{constructor(){super(...arguments),this.status="empty",this.ariaDescribedBy="a-product-name",this.label="Add to wishlist"}render(){const i=ct.wishlist.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"');return u`
|
|
182
198
|
<button
|
|
183
199
|
type="button"
|
|
184
|
-
aria-label="${this.label}"
|
|
185
200
|
aria-describedby="${this.ariaDescribedBy}"
|
|
186
|
-
aria-pressed="${this.status=="filled"?"true":"false"}"
|
|
187
201
|
class="wishlist-button"
|
|
188
|
-
@click="${this.
|
|
202
|
+
@click="${this.handleClick}"
|
|
189
203
|
>
|
|
190
204
|
<span class="sr-only">${this.label}</span>
|
|
191
205
|
${K(i)}
|
|
192
206
|
</button>
|
|
193
|
-
`}toggleStatus(){this.status=this.status=="empty"?"filled":"empty"}setStatus(i){this.status=i,this.requestUpdate()}setAriaDescribedBy(i){this.ariaDescribedBy=i,this.requestUpdate()}setLabel(i){this.label=i,this.requestUpdate()}};U.styles=O`
|
|
207
|
+
`}handleClick(i){this.toggleStatus(),this.dispatchEvent(new MouseEvent("click",{bubbles:!0,composed:!0}))}toggleStatus(){this.status=this.status=="empty"?"filled":"empty"}setStatus(i){this.status=i,this.requestUpdate()}setAriaDescribedBy(i){this.ariaDescribedBy=i,this.requestUpdate()}setLabel(i){this.label=i,this.requestUpdate()}};U.styles=O`
|
|
194
208
|
:host {
|
|
195
209
|
display: inline-flex;
|
|
196
210
|
justify-content: center;
|
|
@@ -244,12 +258,12 @@
|
|
|
244
258
|
:host([status="filled"]) .wishlist-button:hover svg path {
|
|
245
259
|
fill: var(--color-alpha-light-strong);
|
|
246
260
|
}
|
|
247
|
-
`;X([h({type:String,reflect:!0})],U.prototype,"status",2);X([h({type:String,reflect:!0})],U.prototype,"ariaDescribedBy",2);X([h({type:String,reflect:!0})],U.prototype,"label",2);U=X([V("o-wishlist-button")],U);var ve=Object.defineProperty,be=Object.getOwnPropertyDescriptor,
|
|
248
|
-
${this.type==="span"?
|
|
261
|
+
`;X([h({type:String,reflect:!0})],U.prototype,"status",2);X([h({type:String,reflect:!0})],U.prototype,"ariaDescribedBy",2);X([h({type:String,reflect:!0})],U.prototype,"label",2);U=X([V("o-wishlist-button")],U);var ve=Object.defineProperty,be=Object.getOwnPropertyDescriptor,A=(i,t,e,s)=>{for(var r=s>1?void 0:s?be(t,e):t,n=i.length-1,o;n>=0;n--)(o=i[n])&&(r=(s?o(t,e,r):o(r))||r);return s&&r&&ve(t,e,r),r};let v=class extends y{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(i){super.updated(i),this.style.setProperty("--icon-stroke-width",this.strokewidth)}render(){const i=ct[this.icon]??"",t=`icon-${this.icon}`,e=i.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"');return u`
|
|
262
|
+
${this.type==="span"?u`
|
|
249
263
|
<span class="icon icon-button ${this.size} ${this.bgstyle} ${this.status} ${t}" ?disabled="${this.disabled}">
|
|
250
264
|
${K(e)}
|
|
251
265
|
</span>
|
|
252
|
-
`:
|
|
266
|
+
`:u`
|
|
253
267
|
<button
|
|
254
268
|
type="button"
|
|
255
269
|
aria-label="icon"
|
|
@@ -416,9 +430,9 @@
|
|
|
416
430
|
}
|
|
417
431
|
|
|
418
432
|
}
|
|
419
|
-
`;
|
|
433
|
+
`;A([h({type:String,reflect:!0})],v.prototype,"bgstyle",2);A([h({type:String,reflect:!0})],v.prototype,"size",2);A([h({type:String,reflect:!0})],v.prototype,"status",2);A([h({type:String,reflect:!0})],v.prototype,"type",2);A([h({type:String})],v.prototype,"strokewidth",2);A([h({type:String})],v.prototype,"icon",2);A([h({type:Boolean,reflect:!0})],v.prototype,"disabled",2);v=A([V("o-icon-button")],v);var $e=Object.defineProperty,ye=Object.getOwnPropertyDescriptor,H=(i,t,e,s)=>{for(var r=s>1?void 0:s?ye(t,e):t,n=i.length-1,o;n>=0;n--)(o=i[n])&&(r=(s?o(t,e,r):o(r))||r);return s&&r&&$e(t,e,r),r};let m=class extends y{constructor(){super(...arguments),this.href="",this.target="",this.template="standard",this.inverse=!1,this.endIcon=!1,this.reverseEndIcon=!1}render(){return u`
|
|
420
434
|
<a href="${this.href}" target="${this.target}">
|
|
421
|
-
${this.endIcon&&this.reverseEndIcon?
|
|
435
|
+
${this.endIcon&&this.reverseEndIcon?u`
|
|
422
436
|
<o-icon-button
|
|
423
437
|
icon="chevronLeft"
|
|
424
438
|
bgstyle="${this.inverse?"none-light":"none-contrast"}"
|
|
@@ -428,7 +442,7 @@
|
|
|
428
442
|
></o-icon-button>
|
|
429
443
|
`:null}
|
|
430
444
|
<span class="link-text"><slot></slot></span>
|
|
431
|
-
${this.endIcon&&!this.reverseEndIcon?
|
|
445
|
+
${this.endIcon&&!this.reverseEndIcon?u`
|
|
432
446
|
<o-icon-button
|
|
433
447
|
icon="chevronRight"
|
|
434
448
|
bgstyle="${this.inverse?"none-light":"none-contrast"}"
|
|
@@ -438,7 +452,7 @@
|
|
|
438
452
|
></o-icon-button>
|
|
439
453
|
`:null}
|
|
440
454
|
</a>
|
|
441
|
-
`}};
|
|
455
|
+
`}};m.styles=O`
|
|
442
456
|
:host([template="standard"]) a {
|
|
443
457
|
color: var(--color-content-action-secondary);
|
|
444
458
|
font-size: var(--font-size-200);
|
|
@@ -535,12 +549,12 @@
|
|
|
535
549
|
opacity: 0;
|
|
536
550
|
}
|
|
537
551
|
/* End of underline effect */
|
|
538
|
-
`;H([h({type:String})],
|
|
552
|
+
`;H([h({type:String})],m.prototype,"href",2);H([h({type:String})],m.prototype,"target",2);H([h({type:String,reflect:!0})],m.prototype,"template",2);H([h({type:Boolean,reflect:!0})],m.prototype,"inverse",2);H([h({type:Boolean,reflect:!0})],m.prototype,"endIcon",2);H([h({type:Boolean,reflect:!0})],m.prototype,"reverseEndIcon",2);m=H([V("o-link")],m);var me=Object.defineProperty,_e=Object.getOwnPropertyDescriptor,G=(i,t,e,s)=>{for(var r=s>1?void 0:s?_e(t,e):t,n=i.length-1,o;n>=0;n--)(o=i[n])&&(r=(s?o(t,e,r):o(r))||r);return s&&r&&me(t,e,r),r};let B=class extends y{constructor(){super(...arguments),this.rating=0}getStarKeys(){const i=[];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,i.push(`star-${s}`)}return i}render(){const i=this.getStarKeys();return u`
|
|
539
553
|
<div class="rating">
|
|
540
554
|
<div class="stars">
|
|
541
|
-
${i.map(t=>
|
|
555
|
+
${i.map(t=>u`<span class="star">${K(ct[t]??"")}</span>`)}
|
|
542
556
|
</div>
|
|
543
|
-
${this.reviewCount!=null&&this.href!=null?
|
|
557
|
+
${this.reviewCount!=null&&this.href!=null?u`<o-link template="review" href="${this.href}">${this.reviewCount}</o-link>`:null}
|
|
544
558
|
</div>
|
|
545
559
|
`}};B.styles=O`
|
|
546
560
|
svg {
|
package/index.mjs
CHANGED
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
5
5
|
*/
|
|
6
6
|
const F = globalThis, ot = F.ShadowRoot && (F.ShadyCSS === void 0 || F.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, nt = Symbol(), dt = /* @__PURE__ */ new WeakMap();
|
|
7
|
-
let
|
|
7
|
+
let xt = class {
|
|
8
8
|
constructor(t, e, s) {
|
|
9
9
|
if (this._$cssResult$ = !0, s !== nt) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
|
|
10
10
|
this.cssText = t, this.t = e;
|
|
@@ -22,13 +22,13 @@ let At = class {
|
|
|
22
22
|
return this.cssText;
|
|
23
23
|
}
|
|
24
24
|
};
|
|
25
|
-
const
|
|
25
|
+
const At = (i) => new xt(typeof i == "string" ? i : i + "", void 0, nt), O = (i, ...t) => {
|
|
26
26
|
const e = i.length === 1 ? i[0] : t.reduce((s, r, n) => s + ((o) => {
|
|
27
27
|
if (o._$cssResult$ === !0) return o.cssText;
|
|
28
28
|
if (typeof o == "number") return o;
|
|
29
29
|
throw Error("Value passed to 'css' function must be a 'css' function result: " + o + ". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.");
|
|
30
30
|
})(r) + i[n + 1], i[0]);
|
|
31
|
-
return new
|
|
31
|
+
return new xt(e, i, nt);
|
|
32
32
|
}, Pt = (i, t) => {
|
|
33
33
|
if (ot) i.adoptedStyleSheets = t.map((e) => e instanceof CSSStyleSheet ? e : e.styleSheet);
|
|
34
34
|
else for (const e of t) {
|
|
@@ -38,14 +38,14 @@ const xt = (i) => new At(typeof i == "string" ? i : i + "", void 0, nt), O = (i,
|
|
|
38
38
|
}, pt = ot ? (i) => i : (i) => i instanceof CSSStyleSheet ? ((t) => {
|
|
39
39
|
let e = "";
|
|
40
40
|
for (const s of t.cssRules) e += s.cssText;
|
|
41
|
-
return
|
|
41
|
+
return At(e);
|
|
42
42
|
})(i) : i;
|
|
43
43
|
/**
|
|
44
44
|
* @license
|
|
45
45
|
* Copyright 2017 Google LLC
|
|
46
46
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
47
47
|
*/
|
|
48
|
-
const { is: Ot, defineProperty: Ht, getOwnPropertyDescriptor: kt, getOwnPropertyNames: Mt, getOwnPropertySymbols: Ut, getPrototypeOf: Bt } = Object,
|
|
48
|
+
const { is: Ot, defineProperty: Ht, getOwnPropertyDescriptor: kt, getOwnPropertyNames: Mt, getOwnPropertySymbols: Ut, getPrototypeOf: Bt } = Object, x = globalThis, ut = x.trustedTypes, Tt = ut ? ut.emptyScript : "", Q = x.reactiveElementPolyfillSupport, I = (i, t) => i, q = { toAttribute(i, t) {
|
|
49
49
|
switch (t) {
|
|
50
50
|
case Boolean:
|
|
51
51
|
i = i ? Tt : null;
|
|
@@ -74,7 +74,7 @@ const { is: Ot, defineProperty: Ht, getOwnPropertyDescriptor: kt, getOwnProperty
|
|
|
74
74
|
}
|
|
75
75
|
return e;
|
|
76
76
|
} }, at = (i, t) => !Ot(i, t), gt = { attribute: !0, type: String, converter: q, reflect: !1, useDefault: !1, hasChanged: at };
|
|
77
|
-
Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")),
|
|
77
|
+
Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), x.litPropertyMetadata ?? (x.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
|
|
78
78
|
let k = class extends HTMLElement {
|
|
79
79
|
static addInitializer(t) {
|
|
80
80
|
this._$Ei(), (this.l ?? (this.l = [])).push(t);
|
|
@@ -276,15 +276,15 @@ let k = class extends HTMLElement {
|
|
|
276
276
|
firstUpdated(t) {
|
|
277
277
|
}
|
|
278
278
|
};
|
|
279
|
-
k.elementStyles = [], k.shadowRootOptions = { mode: "open" }, k[I("elementProperties")] = /* @__PURE__ */ new Map(), k[I("finalized")] = /* @__PURE__ */ new Map(), Q == null || Q({ ReactiveElement: k }), (
|
|
279
|
+
k.elementStyles = [], k.shadowRootOptions = { mode: "open" }, k[I("elementProperties")] = /* @__PURE__ */ new Map(), k[I("finalized")] = /* @__PURE__ */ new Map(), Q == null || Q({ ReactiveElement: k }), (x.reactiveElementVersions ?? (x.reactiveElementVersions = [])).push("2.1.0");
|
|
280
280
|
/**
|
|
281
281
|
* @license
|
|
282
282
|
* Copyright 2017 Google LLC
|
|
283
283
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
284
284
|
*/
|
|
285
|
-
const z = globalThis, W = z.trustedTypes, ft = W ? W.createPolicy("lit-html", { createHTML: (i) => i }) : void 0, Et = "$lit$",
|
|
285
|
+
const z = globalThis, W = z.trustedTypes, ft = W ? W.createPolicy("lit-html", { createHTML: (i) => i }) : void 0, Et = "$lit$", w = `lit$${Math.random().toFixed(9).slice(2)}$`, St = "?" + w, It = `<${St}>`, C = document, N = () => C.createComment(""), D = (i) => i === null || typeof i != "object" && typeof i != "function", lt = Array.isArray, zt = (i) => lt(i) || typeof (i == null ? void 0 : i[Symbol.iterator]) == "function", Y = `[
|
|
286
286
|
\f\r]`, T = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, vt = /-->/g, bt = />/g, E = RegExp(`>|${Y}(?:([^\\s"'>=/]+)(${Y}*=${Y}*(?:[^
|
|
287
|
-
\f\r"'\`<>=]|("|')|))|$)`, "g"), $t = /'/g, yt = /"/g, Lt = /^(?:script|style|textarea|title)$/i, Nt = (i) => (t, ...e) => ({ _$litType$: i, strings: t, values: e }),
|
|
287
|
+
\f\r"'\`<>=]|("|')|))|$)`, "g"), $t = /'/g, yt = /"/g, Lt = /^(?:script|style|textarea|title)$/i, Nt = (i) => (t, ...e) => ({ _$litType$: i, strings: t, values: e }), u = Nt(1), P = Symbol.for("lit-noChange"), d = Symbol.for("lit-nothing"), mt = /* @__PURE__ */ new WeakMap(), S = C.createTreeWalker(C, 129);
|
|
288
288
|
function Ct(i, t) {
|
|
289
289
|
if (!lt(i) || !i.hasOwnProperty("raw")) throw Error("invalid template strings array");
|
|
290
290
|
return ft !== void 0 ? ft.createHTML(t) : t;
|
|
@@ -294,10 +294,10 @@ const Dt = (i, t) => {
|
|
|
294
294
|
let r, n = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", o = T;
|
|
295
295
|
for (let l = 0; l < e; l++) {
|
|
296
296
|
const a = i[l];
|
|
297
|
-
let p,
|
|
298
|
-
for (;
|
|
299
|
-
const
|
|
300
|
-
n += o === T ? a + It : c >= 0 ? (s.push(p), a.slice(0, c) + Et + a.slice(c) +
|
|
297
|
+
let p, g, c = -1, $ = 0;
|
|
298
|
+
for (; $ < a.length && (o.lastIndex = $, g = o.exec(a), g !== null); ) $ = o.lastIndex, o === T ? g[1] === "!--" ? o = vt : g[1] !== void 0 ? o = bt : g[2] !== void 0 ? (Lt.test(g[2]) && (r = RegExp("</" + g[2], "g")), o = E) : g[3] !== void 0 && (o = E) : o === E ? g[0] === ">" ? (o = r ?? T, c = -1) : g[1] === void 0 ? c = -2 : (c = o.lastIndex - g[2].length, p = g[1], o = g[3] === void 0 ? E : g[3] === '"' ? yt : $t) : o === yt || o === $t ? o = E : o === vt || o === bt ? o = T : (o = E, r = void 0);
|
|
299
|
+
const _ = o === E && i[l + 1].startsWith("/>") ? " " : "";
|
|
300
|
+
n += o === T ? a + It : c >= 0 ? (s.push(p), a.slice(0, c) + Et + a.slice(c) + w + _) : a + w + (c === -2 ? l : _);
|
|
301
301
|
}
|
|
302
302
|
return [Ct(i, n + (i[e] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), s];
|
|
303
303
|
};
|
|
@@ -306,7 +306,7 @@ class R {
|
|
|
306
306
|
let r;
|
|
307
307
|
this.parts = [];
|
|
308
308
|
let n = 0, o = 0;
|
|
309
|
-
const l = t.length - 1, a = this.parts, [p,
|
|
309
|
+
const l = t.length - 1, a = this.parts, [p, g] = Dt(t, e);
|
|
310
310
|
if (this.el = R.createElement(p, s), S.currentNode = this.el.content, e === 2 || e === 3) {
|
|
311
311
|
const c = this.el.content.firstChild;
|
|
312
312
|
c.replaceWith(...c.childNodes);
|
|
@@ -314,21 +314,21 @@ class R {
|
|
|
314
314
|
for (; (r = S.nextNode()) !== null && a.length < l; ) {
|
|
315
315
|
if (r.nodeType === 1) {
|
|
316
316
|
if (r.hasAttributes()) for (const c of r.getAttributeNames()) if (c.endsWith(Et)) {
|
|
317
|
-
const
|
|
318
|
-
a.push({ type: 1, index: n, name: Z[2], strings:
|
|
319
|
-
} else c.startsWith(
|
|
317
|
+
const $ = g[o++], _ = r.getAttribute(c).split(w), Z = /([.?@])?(.*)/.exec($);
|
|
318
|
+
a.push({ type: 1, index: n, name: Z[2], strings: _, ctor: Z[1] === "." ? jt : Z[1] === "?" ? Vt : Z[1] === "@" ? Zt : J }), r.removeAttribute(c);
|
|
319
|
+
} else c.startsWith(w) && (a.push({ type: 6, index: n }), r.removeAttribute(c));
|
|
320
320
|
if (Lt.test(r.tagName)) {
|
|
321
|
-
const c = r.textContent.split(
|
|
322
|
-
if (
|
|
321
|
+
const c = r.textContent.split(w), $ = c.length - 1;
|
|
322
|
+
if ($ > 0) {
|
|
323
323
|
r.textContent = W ? W.emptyScript : "";
|
|
324
|
-
for (let
|
|
325
|
-
r.append(c[
|
|
324
|
+
for (let _ = 0; _ < $; _++) r.append(c[_], N()), S.nextNode(), a.push({ type: 2, index: ++n });
|
|
325
|
+
r.append(c[$], N());
|
|
326
326
|
}
|
|
327
327
|
}
|
|
328
328
|
} else if (r.nodeType === 8) if (r.data === St) a.push({ type: 2, index: n });
|
|
329
329
|
else {
|
|
330
330
|
let c = -1;
|
|
331
|
-
for (; (c = r.data.indexOf(
|
|
331
|
+
for (; (c = r.data.indexOf(w, c + 1)) !== -1; ) a.push({ type: 7, index: n }), c += w.length - 1;
|
|
332
332
|
}
|
|
333
333
|
n++;
|
|
334
334
|
}
|
|
@@ -519,7 +519,7 @@ const qt = (i, t, e) => {
|
|
|
519
519
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
520
520
|
*/
|
|
521
521
|
const L = globalThis;
|
|
522
|
-
let
|
|
522
|
+
let y = class extends k {
|
|
523
523
|
constructor() {
|
|
524
524
|
super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
|
|
525
525
|
}
|
|
@@ -545,9 +545,9 @@ let $ = class extends k {
|
|
|
545
545
|
}
|
|
546
546
|
};
|
|
547
547
|
var wt;
|
|
548
|
-
|
|
548
|
+
y._$litElement$ = !0, y.finalized = !0, (wt = L.litElementHydrateSupport) == null || wt.call(L, { LitElement: y });
|
|
549
549
|
const et = L.litElementPolyfillSupport;
|
|
550
|
-
et == null || et({ LitElement:
|
|
550
|
+
et == null || et({ LitElement: y });
|
|
551
551
|
(L.litElementVersions ?? (L.litElementVersions = [])).push("4.2.0");
|
|
552
552
|
/**
|
|
553
553
|
* @license
|
|
@@ -648,12 +648,12 @@ function Gt(i) {
|
|
|
648
648
|
});
|
|
649
649
|
});
|
|
650
650
|
}
|
|
651
|
-
var Qt = Object.defineProperty, Yt = Object.getOwnPropertyDescriptor,
|
|
651
|
+
var Qt = Object.defineProperty, Yt = Object.getOwnPropertyDescriptor, b = (i, t, e, s) => {
|
|
652
652
|
for (var r = s > 1 ? void 0 : s ? Yt(t, e) : t, n = i.length - 1, o; n >= 0; n--)
|
|
653
653
|
(o = i[n]) && (r = (s ? o(t, e, r) : o(r)) || r);
|
|
654
654
|
return s && r && Qt(t, e, r), r;
|
|
655
655
|
};
|
|
656
|
-
const te = Xt(
|
|
656
|
+
const te = Xt(y), _t = (i) => {
|
|
657
657
|
const t = `
|
|
658
658
|
--button-bg-disabled: var(--color-container-disabled);
|
|
659
659
|
--button-bg-pressed: var(--color-container-action-${i}-pressed);
|
|
@@ -668,11 +668,11 @@ const te = Xt($), _t = (i) => {
|
|
|
668
668
|
--button-text-hover: var(--color-content-action-${i});
|
|
669
669
|
--button-text: var(--color-content-action-${i});
|
|
670
670
|
`;
|
|
671
|
-
return
|
|
671
|
+
return At(t);
|
|
672
672
|
}, ee = ["primary", "secondary"];
|
|
673
673
|
let f = class extends te {
|
|
674
674
|
constructor() {
|
|
675
|
-
super(...arguments), this.type = "submit", this.value = "", this.variant = "primary", this.customclass = "", this.disabled = !1, this.href = "", this.target = "";
|
|
675
|
+
super(...arguments), this.type = "submit", this.value = "", this.variant = "primary", this.customclass = "", this.text = "", this.textsecond = "", this.disabled = !1, this.href = "", this.target = "";
|
|
676
676
|
}
|
|
677
677
|
get name() {
|
|
678
678
|
return this.getAttribute("name") ?? "";
|
|
@@ -700,16 +700,20 @@ let f = class extends te {
|
|
|
700
700
|
}
|
|
701
701
|
render() {
|
|
702
702
|
const i = this.href ? this.renderLink() : this.renderButton();
|
|
703
|
-
return
|
|
703
|
+
return u`${i}`;
|
|
704
704
|
}
|
|
705
705
|
renderLink() {
|
|
706
|
-
return
|
|
706
|
+
return u`<a href=${this.href} target=${this.target || d} class="button" ?disabled=${this.disabled}>
|
|
707
707
|
<slot />
|
|
708
708
|
</a>`;
|
|
709
709
|
}
|
|
710
710
|
renderButton() {
|
|
711
|
-
|
|
712
|
-
|
|
711
|
+
const i = this.text || this.textsecond;
|
|
712
|
+
return u`<button class="button ${i ? "multipleText" : ""}" ?disabled=${this.disabled}>
|
|
713
|
+
${i ? u`<slot>
|
|
714
|
+
${this.text ? u`<span>${this.text}</span>` : d}
|
|
715
|
+
${this.textsecond ? u`<span>${this.textsecond}</span>` : d}
|
|
716
|
+
</slot>` : u`<slot></slot>`}
|
|
713
717
|
</button>`;
|
|
714
718
|
}
|
|
715
719
|
};
|
|
@@ -781,6 +785,10 @@ f.styles = O`
|
|
|
781
785
|
}
|
|
782
786
|
}
|
|
783
787
|
|
|
788
|
+
.button.multipleText {
|
|
789
|
+
gap: 0;
|
|
790
|
+
}
|
|
791
|
+
|
|
784
792
|
.button:disabled {
|
|
785
793
|
cursor: initial;
|
|
786
794
|
}
|
|
@@ -797,33 +805,48 @@ f.styles = O`
|
|
|
797
805
|
.button:focus-visible {
|
|
798
806
|
${Jt};
|
|
799
807
|
}
|
|
808
|
+
|
|
809
|
+
.button span + span {
|
|
810
|
+
padding-left: 0.8rem;
|
|
811
|
+
}
|
|
812
|
+
|
|
813
|
+
.button span + span::before {
|
|
814
|
+
content: "•";
|
|
815
|
+
margin: 0 0.8rem 0 0;
|
|
816
|
+
}
|
|
800
817
|
`;
|
|
801
|
-
|
|
818
|
+
b([
|
|
802
819
|
h()
|
|
803
820
|
], f.prototype, "type", 2);
|
|
804
|
-
|
|
821
|
+
b([
|
|
805
822
|
h({ reflect: !0 })
|
|
806
823
|
], f.prototype, "value", 2);
|
|
807
|
-
|
|
824
|
+
b([
|
|
808
825
|
h({ reflect: !0 })
|
|
809
826
|
], f.prototype, "variant", 2);
|
|
810
|
-
|
|
827
|
+
b([
|
|
811
828
|
h({ type: String })
|
|
812
829
|
], f.prototype, "customclass", 2);
|
|
813
|
-
|
|
830
|
+
b([
|
|
831
|
+
h({ type: String })
|
|
832
|
+
], f.prototype, "text", 2);
|
|
833
|
+
b([
|
|
834
|
+
h({ type: String })
|
|
835
|
+
], f.prototype, "textsecond", 2);
|
|
836
|
+
b([
|
|
814
837
|
h({
|
|
815
838
|
converter: {
|
|
816
839
|
fromAttribute: (i) => i === "" || i === "true"
|
|
817
840
|
}
|
|
818
841
|
})
|
|
819
842
|
], f.prototype, "disabled", 2);
|
|
820
|
-
|
|
843
|
+
b([
|
|
821
844
|
h()
|
|
822
845
|
], f.prototype, "href", 2);
|
|
823
|
-
|
|
846
|
+
b([
|
|
824
847
|
h()
|
|
825
848
|
], f.prototype, "target", 2);
|
|
826
|
-
f =
|
|
849
|
+
f = b([
|
|
827
850
|
V("o-button")
|
|
828
851
|
], f);
|
|
829
852
|
/**
|
|
@@ -919,7 +942,7 @@ var ge = Object.defineProperty, fe = Object.getOwnPropertyDescriptor, X = (i, t,
|
|
|
919
942
|
(o = i[n]) && (r = (s ? o(t, e, r) : o(r)) || r);
|
|
920
943
|
return s && r && ge(t, e, r), r;
|
|
921
944
|
};
|
|
922
|
-
let U = class extends
|
|
945
|
+
let U = class extends y {
|
|
923
946
|
constructor() {
|
|
924
947
|
super(...arguments), this.status = "empty", this.ariaDescribedBy = "a-product-name", this.label = "Add to wishlist";
|
|
925
948
|
}
|
|
@@ -928,20 +951,24 @@ let U = class extends $ {
|
|
|
928
951
|
"<svg",
|
|
929
952
|
'<svg aria-hidden="true" focusable="false" part="svg"'
|
|
930
953
|
);
|
|
931
|
-
return
|
|
954
|
+
return u`
|
|
932
955
|
<button
|
|
933
956
|
type="button"
|
|
934
|
-
aria-label="${this.label}"
|
|
935
957
|
aria-describedby="${this.ariaDescribedBy}"
|
|
936
|
-
aria-pressed="${this.status == "filled" ? "true" : "false"}"
|
|
937
958
|
class="wishlist-button"
|
|
938
|
-
@click="${this.
|
|
959
|
+
@click="${this.handleClick}"
|
|
939
960
|
>
|
|
940
961
|
<span class="sr-only">${this.label}</span>
|
|
941
962
|
${K(i)}
|
|
942
963
|
</button>
|
|
943
964
|
`;
|
|
944
965
|
}
|
|
966
|
+
handleClick(i) {
|
|
967
|
+
this.toggleStatus(), this.dispatchEvent(new MouseEvent("click", {
|
|
968
|
+
bubbles: !0,
|
|
969
|
+
composed: !0
|
|
970
|
+
}));
|
|
971
|
+
}
|
|
945
972
|
toggleStatus() {
|
|
946
973
|
this.status = this.status == "empty" ? "filled" : "empty";
|
|
947
974
|
}
|
|
@@ -1022,12 +1049,12 @@ X([
|
|
|
1022
1049
|
U = X([
|
|
1023
1050
|
V("o-wishlist-button")
|
|
1024
1051
|
], U);
|
|
1025
|
-
var ve = Object.defineProperty, be = Object.getOwnPropertyDescriptor,
|
|
1052
|
+
var ve = Object.defineProperty, be = Object.getOwnPropertyDescriptor, A = (i, t, e, s) => {
|
|
1026
1053
|
for (var r = s > 1 ? void 0 : s ? be(t, e) : t, n = i.length - 1, o; n >= 0; n--)
|
|
1027
1054
|
(o = i[n]) && (r = (s ? o(t, e, r) : o(r)) || r);
|
|
1028
1055
|
return s && r && ve(t, e, r), r;
|
|
1029
1056
|
};
|
|
1030
|
-
let v = class extends
|
|
1057
|
+
let v = class extends y {
|
|
1031
1058
|
constructor() {
|
|
1032
1059
|
super(...arguments), this.bgstyle = "background-light", this.size = "medium", this.status = "empty", this.type = "button", this.strokewidth = "1", this.icon = "wishlist", this.disabled = !1;
|
|
1033
1060
|
}
|
|
@@ -1039,12 +1066,12 @@ let v = class extends $ {
|
|
|
1039
1066
|
"<svg",
|
|
1040
1067
|
'<svg aria-hidden="true" focusable="false" part="svg"'
|
|
1041
1068
|
);
|
|
1042
|
-
return
|
|
1043
|
-
${this.type === "span" ?
|
|
1069
|
+
return u`
|
|
1070
|
+
${this.type === "span" ? u`
|
|
1044
1071
|
<span class="icon icon-button ${this.size} ${this.bgstyle} ${this.status} ${t}" ?disabled="${this.disabled}">
|
|
1045
1072
|
${K(e)}
|
|
1046
1073
|
</span>
|
|
1047
|
-
` :
|
|
1074
|
+
` : u`
|
|
1048
1075
|
<button
|
|
1049
1076
|
type="button"
|
|
1050
1077
|
aria-label="icon"
|
|
@@ -1215,28 +1242,28 @@ v.styles = O`
|
|
|
1215
1242
|
|
|
1216
1243
|
}
|
|
1217
1244
|
`;
|
|
1218
|
-
|
|
1245
|
+
A([
|
|
1219
1246
|
h({ type: String, reflect: !0 })
|
|
1220
1247
|
], v.prototype, "bgstyle", 2);
|
|
1221
|
-
|
|
1248
|
+
A([
|
|
1222
1249
|
h({ type: String, reflect: !0 })
|
|
1223
1250
|
], v.prototype, "size", 2);
|
|
1224
|
-
|
|
1251
|
+
A([
|
|
1225
1252
|
h({ type: String, reflect: !0 })
|
|
1226
1253
|
], v.prototype, "status", 2);
|
|
1227
|
-
|
|
1254
|
+
A([
|
|
1228
1255
|
h({ type: String, reflect: !0 })
|
|
1229
1256
|
], v.prototype, "type", 2);
|
|
1230
|
-
|
|
1257
|
+
A([
|
|
1231
1258
|
h({ type: String })
|
|
1232
1259
|
], v.prototype, "strokewidth", 2);
|
|
1233
|
-
|
|
1260
|
+
A([
|
|
1234
1261
|
h({ type: String })
|
|
1235
1262
|
], v.prototype, "icon", 2);
|
|
1236
|
-
|
|
1263
|
+
A([
|
|
1237
1264
|
h({ type: Boolean, reflect: !0 })
|
|
1238
1265
|
], v.prototype, "disabled", 2);
|
|
1239
|
-
v =
|
|
1266
|
+
v = A([
|
|
1240
1267
|
V("o-icon-button")
|
|
1241
1268
|
], v);
|
|
1242
1269
|
var $e = Object.defineProperty, ye = Object.getOwnPropertyDescriptor, H = (i, t, e, s) => {
|
|
@@ -1244,14 +1271,14 @@ var $e = Object.defineProperty, ye = Object.getOwnPropertyDescriptor, H = (i, t,
|
|
|
1244
1271
|
(o = i[n]) && (r = (s ? o(t, e, r) : o(r)) || r);
|
|
1245
1272
|
return s && r && $e(t, e, r), r;
|
|
1246
1273
|
};
|
|
1247
|
-
let
|
|
1274
|
+
let m = class extends y {
|
|
1248
1275
|
constructor() {
|
|
1249
1276
|
super(...arguments), this.href = "", this.target = "", this.template = "standard", this.inverse = !1, this.endIcon = !1, this.reverseEndIcon = !1;
|
|
1250
1277
|
}
|
|
1251
1278
|
render() {
|
|
1252
|
-
return
|
|
1279
|
+
return u`
|
|
1253
1280
|
<a href="${this.href}" target="${this.target}">
|
|
1254
|
-
${this.endIcon && this.reverseEndIcon ?
|
|
1281
|
+
${this.endIcon && this.reverseEndIcon ? u`
|
|
1255
1282
|
<o-icon-button
|
|
1256
1283
|
icon="chevronLeft"
|
|
1257
1284
|
bgstyle="${this.inverse ? "none-light" : "none-contrast"}"
|
|
@@ -1261,7 +1288,7 @@ let y = class extends $ {
|
|
|
1261
1288
|
></o-icon-button>
|
|
1262
1289
|
` : null}
|
|
1263
1290
|
<span class="link-text"><slot></slot></span>
|
|
1264
|
-
${this.endIcon && !this.reverseEndIcon ?
|
|
1291
|
+
${this.endIcon && !this.reverseEndIcon ? u`
|
|
1265
1292
|
<o-icon-button
|
|
1266
1293
|
icon="chevronRight"
|
|
1267
1294
|
bgstyle="${this.inverse ? "none-light" : "none-contrast"}"
|
|
@@ -1274,7 +1301,7 @@ let y = class extends $ {
|
|
|
1274
1301
|
`;
|
|
1275
1302
|
}
|
|
1276
1303
|
};
|
|
1277
|
-
|
|
1304
|
+
m.styles = O`
|
|
1278
1305
|
:host([template="standard"]) a {
|
|
1279
1306
|
color: var(--color-content-action-secondary);
|
|
1280
1307
|
font-size: var(--font-size-200);
|
|
@@ -1374,31 +1401,31 @@ y.styles = O`
|
|
|
1374
1401
|
`;
|
|
1375
1402
|
H([
|
|
1376
1403
|
h({ type: String })
|
|
1377
|
-
],
|
|
1404
|
+
], m.prototype, "href", 2);
|
|
1378
1405
|
H([
|
|
1379
1406
|
h({ type: String })
|
|
1380
|
-
],
|
|
1407
|
+
], m.prototype, "target", 2);
|
|
1381
1408
|
H([
|
|
1382
1409
|
h({ type: String, reflect: !0 })
|
|
1383
|
-
],
|
|
1410
|
+
], m.prototype, "template", 2);
|
|
1384
1411
|
H([
|
|
1385
1412
|
h({ type: Boolean, reflect: !0 })
|
|
1386
|
-
],
|
|
1413
|
+
], m.prototype, "inverse", 2);
|
|
1387
1414
|
H([
|
|
1388
1415
|
h({ type: Boolean, reflect: !0 })
|
|
1389
|
-
],
|
|
1416
|
+
], m.prototype, "endIcon", 2);
|
|
1390
1417
|
H([
|
|
1391
1418
|
h({ type: Boolean, reflect: !0 })
|
|
1392
|
-
],
|
|
1393
|
-
|
|
1419
|
+
], m.prototype, "reverseEndIcon", 2);
|
|
1420
|
+
m = H([
|
|
1394
1421
|
V("o-link")
|
|
1395
|
-
],
|
|
1422
|
+
], m);
|
|
1396
1423
|
var me = Object.defineProperty, _e = Object.getOwnPropertyDescriptor, G = (i, t, e, s) => {
|
|
1397
1424
|
for (var r = s > 1 ? void 0 : s ? _e(t, e) : t, n = i.length - 1, o; n >= 0; n--)
|
|
1398
1425
|
(o = i[n]) && (r = (s ? o(t, e, r) : o(r)) || r);
|
|
1399
1426
|
return s && r && me(t, e, r), r;
|
|
1400
1427
|
};
|
|
1401
|
-
let B = class extends
|
|
1428
|
+
let B = class extends y {
|
|
1402
1429
|
constructor() {
|
|
1403
1430
|
super(...arguments), this.rating = 0;
|
|
1404
1431
|
}
|
|
@@ -1413,14 +1440,14 @@ let B = class extends $ {
|
|
|
1413
1440
|
}
|
|
1414
1441
|
render() {
|
|
1415
1442
|
const i = this.getStarKeys();
|
|
1416
|
-
return
|
|
1443
|
+
return u`
|
|
1417
1444
|
<div class="rating">
|
|
1418
1445
|
<div class="stars">
|
|
1419
1446
|
${i.map(
|
|
1420
|
-
(t) =>
|
|
1447
|
+
(t) => u`<span class="star">${K(ct[t] ?? "")}</span>`
|
|
1421
1448
|
)}
|
|
1422
1449
|
</div>
|
|
1423
|
-
${this.reviewCount != null && this.href != null ?
|
|
1450
|
+
${this.reviewCount != null && this.href != null ? u`<o-link template="review" href="${this.href}">${this.reviewCount}</o-link>` : null}
|
|
1424
1451
|
</div>
|
|
1425
1452
|
`;
|
|
1426
1453
|
}
|