@florid-kit/components 0.3.1 → 0.3.2
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/icon-button.d.ts +3 -1
- package/index.js +17 -21
- package/index.mjs +82 -80
- package/package.json +1 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { LitElement } from 'lit';
|
|
2
2
|
|
|
3
|
-
type bgstyle = "background-light" | "background-contrast" | "ghost-light" | "ghost-contrast" | "none";
|
|
3
|
+
type bgstyle = "background-light" | "background-contrast" | "ghost-light" | "ghost-contrast" | "none-light" | "none-contrast";
|
|
4
4
|
type size = "small" | "medium" | "large";
|
|
5
5
|
type status = "empty" | "filled";
|
|
6
6
|
type type = "button" | "span";
|
|
@@ -10,8 +10,10 @@ export declare class OccitaneIconButton extends LitElement {
|
|
|
10
10
|
size: size;
|
|
11
11
|
status: status;
|
|
12
12
|
type: type;
|
|
13
|
+
strokewidth: string;
|
|
13
14
|
icon: string;
|
|
14
15
|
disabled: boolean;
|
|
16
|
+
protected updated(changedProperties: Map<string, unknown>): void;
|
|
15
17
|
protected render(): import('lit').TemplateResult<1>;
|
|
16
18
|
}
|
|
17
19
|
declare global {
|
package/index.js
CHANGED
|
@@ -6,17 +6,17 @@
|
|
|
6
6
|
* @license
|
|
7
7
|
* Copyright 2017 Google LLC
|
|
8
8
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
9
|
-
*/const{is:xt,defineProperty:Et,getOwnPropertyDescriptor:Pt,getOwnPropertyNames:Ct,getOwnPropertySymbols:Ot,getPrototypeOf:Ut}=Object,y=globalThis,nt=y.trustedTypes,
|
|
9
|
+
*/const{is:xt,defineProperty:Et,getOwnPropertyDescriptor:Pt,getOwnPropertyNames:Ct,getOwnPropertySymbols:Ot,getPrototypeOf:Ut}=Object,y=globalThis,nt=y.trustedTypes,kt=nt?nt.emptyScript:"",W=y.reactiveElementPolyfillSupport,k=(i,t)=>i,L={toAttribute(i,t){switch(t){case Boolean:i=i?kt: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}},tt=(i,t)=>!xt(i,t),at={attribute:!0,type:String,converter:L,reflect:!1,hasChanged:tt};Symbol.metadata??(Symbol.metadata=Symbol("metadata")),y.litPropertyMetadata??(y.litPropertyMetadata=new WeakMap);class C 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=at){if(e.state&&(e.attribute=!1),this._$Ei(),this.elementProperties.set(t,e),!e.noAccessor){const s=Symbol(),r=this.getPropertyDescriptor(t,s,e);r!==void 0&&Et(this.prototype,t,r)}}static getPropertyDescriptor(t,e,s){const{get:r,set:n}=Pt(this.prototype,t)??{get(){return this[e]},set(o){this[e]=o}};return{get(){return r==null?void 0:r.call(this)},set(o){const l=r==null?void 0:r.call(this);n.call(this,o),this.requestUpdate(t,l,s)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??at}static _$Ei(){if(this.hasOwnProperty(k("elementProperties")))return;const t=Ut(this);t.finalize(),t.l!==void 0&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(k("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(k("properties"))){const e=this.properties,s=[...Ct(e),...Ot(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(ot(r))}else t!==void 0&&e.push(ot(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 St(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)}_$EC(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:L).toAttribute(e,s.type);this._$Em=t,o==null?this.removeAttribute(r):this.setAttribute(r,o),this._$Em=null}}_$AK(t,e){var n;const s=this.constructor,r=s._$Eh.get(t);if(r!==void 0&&this._$Em!==r){const o=s.getPropertyOptions(r),l=typeof o.converter=="function"?{fromAttribute:o.converter}:((n=o.converter)==null?void 0:n.fromAttribute)!==void 0?o.converter:L;this._$Em=r,this[r]=l.fromAttribute(e,o.type),this._$Em=null}}requestUpdate(t,e,s){if(t!==void 0){if(s??(s=this.constructor.getPropertyOptions(t)),!(s.hasChanged??tt)(this[t],e))return;this.P(t,e,s)}this.isUpdatePending===!1&&(this._$ES=this._$ET())}P(t,e,s){this._$AL.has(t)||this._$AL.set(t,e),s.reflect===!0&&this._$Em!==t&&(this._$Ej??(this._$Ej=new Set)).add(t)}async _$ET(){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)o.wrapped!==!0||this._$AL.has(n)||this[n]===void 0||this.P(n,this[n],o)}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._$EU()}catch(r){throw t=!1,this._$EU(),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)}_$EU(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(t){return!0}update(t){this._$Ej&&(this._$Ej=this._$Ej.forEach(e=>this._$EC(e,this[e]))),this._$EU()}updated(t){}firstUpdated(t){}}C.elementStyles=[],C.shadowRootOptions={mode:"open"},C[k("elementProperties")]=new Map,C[k("finalized")]=new Map,W==null||W({ReactiveElement:C}),(y.reactiveElementVersions??(y.reactiveElementVersions=[])).push("2.0.4");/**
|
|
10
10
|
* @license
|
|
11
11
|
* Copyright 2017 Google LLC
|
|
12
12
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
13
|
-
*/const
|
|
14
|
-
\f\r]`,U=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,ht=/-->/g,ct=/>/g,
|
|
15
|
-
\f\r"'\`<>=]|("|')|))|$)`,"g"),dt=/'/g,ut=/"/g,_t=/^(?:script|style|textarea|title)$/i,Mt=i=>(t,...e)=>({_$litType$:i,strings:t,values:e}),
|
|
13
|
+
*/const T=globalThis,D=T.trustedTypes,lt=D?D.createPolicy("lit-html",{createHTML:i=>i}):void 0,vt="$lit$",v=`lit$${Math.random().toFixed(9).slice(2)}$`,yt="?"+v,Tt=`<${yt}>`,x=document,H=()=>x.createComment(""),M=i=>i===null||typeof i!="object"&&typeof i!="function",et=Array.isArray,Ht=i=>et(i)||typeof(i==null?void 0:i[Symbol.iterator])=="function",q=`[
|
|
14
|
+
\f\r]`,U=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,ht=/-->/g,ct=/>/g,m=RegExp(`>|${q}(?:([^\\s"'>=/]+)(${q}*=${q}*(?:[^
|
|
15
|
+
\f\r"'\`<>=]|("|')|))|$)`,"g"),dt=/'/g,ut=/"/g,_t=/^(?:script|style|textarea|title)$/i,Mt=i=>(t,...e)=>({_$litType$:i,strings:t,values:e}),w=Mt(1),E=Symbol.for("lit-noChange"),c=Symbol.for("lit-nothing"),pt=new WeakMap,A=x.createTreeWalker(x,129);function mt(i,t){if(!et(i)||!i.hasOwnProperty("raw"))throw Error("invalid template strings array");return lt!==void 0?lt.createHTML(t):t}const Nt=(i,t)=>{const e=i.length-1,s=[];let r,n=t===2?"<svg>":t===3?"<math>":"",o=U;for(let l=0;l<e;l++){const a=i[l];let d,u,h=-1,$=0;for(;$<a.length&&(o.lastIndex=$,u=o.exec(a),u!==null);)$=o.lastIndex,o===U?u[1]==="!--"?o=ht:u[1]!==void 0?o=ct:u[2]!==void 0?(_t.test(u[2])&&(r=RegExp("</"+u[2],"g")),o=m):u[3]!==void 0&&(o=m):o===m?u[0]===">"?(o=r??U,h=-1):u[1]===void 0?h=-2:(h=o.lastIndex-u[2].length,d=u[1],o=u[3]===void 0?m:u[3]==='"'?ut:dt):o===ut||o===dt?o=m:o===ht||o===ct?o=U:(o=m,r=void 0);const f=o===m&&i[l+1].startsWith("/>")?" ":"";n+=o===U?a+Tt:h>=0?(s.push(d),a.slice(0,h)+vt+a.slice(h)+v+f):a+v+(h===-2?l:f)}return[mt(i,n+(i[e]||"<?>")+(t===2?"</svg>":t===3?"</math>":"")),s]};class N{constructor({strings:t,_$litType$:e},s){let r;this.parts=[];let n=0,o=0;const l=t.length-1,a=this.parts,[d,u]=Nt(t,e);if(this.el=N.createElement(d,s),A.currentNode=this.el.content,e===2||e===3){const h=this.el.content.firstChild;h.replaceWith(...h.childNodes)}for(;(r=A.nextNode())!==null&&a.length<l;){if(r.nodeType===1){if(r.hasAttributes())for(const h of r.getAttributeNames())if(h.endsWith(vt)){const $=u[o++],f=r.getAttribute(h).split(v),j=/([.?@])?(.*)/.exec($);a.push({type:1,index:n,name:j[2],strings:f,ctor:j[1]==="."?zt:j[1]==="?"?jt:j[1]==="@"?It:V}),r.removeAttribute(h)}else h.startsWith(v)&&(a.push({type:6,index:n}),r.removeAttribute(h));if(_t.test(r.tagName)){const h=r.textContent.split(v),$=h.length-1;if($>0){r.textContent=D?D.emptyScript:"";for(let f=0;f<$;f++)r.append(h[f],H()),A.nextNode(),a.push({type:2,index:++n});r.append(h[$],H())}}}else if(r.nodeType===8)if(r.data===yt)a.push({type:2,index:n});else{let h=-1;for(;(h=r.data.indexOf(v,h+1))!==-1;)a.push({type:7,index:n}),h+=v.length-1}n++}}static createElement(t,e){const s=x.createElement("template");return s.innerHTML=t,s}}function O(i,t,e=i,s){var o,l;if(t===E)return t;let r=s!==void 0?(o=e._$Co)==null?void 0:o[s]:e._$Cl;const n=M(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=O(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)??x).importNode(e,!0);A.currentNode=r;let n=A.nextNode(),o=0,l=0,a=s[0];for(;a!==void 0;){if(o===a.index){let d;a.type===2?d=new z(n,n.nextSibling,this,t):a.type===1?d=new a.ctor(n,a.name,a.strings,this,t):a.type===6&&(d=new Lt(n,this,t)),this._$AV.push(d),a=s[++l]}o!==(a==null?void 0:a.index)&&(n=A.nextNode(),o++)}return A.currentNode=x,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 z{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=c,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=O(this,t,e),M(t)?t===c||t==null||t===""?(this._$AH!==c&&this._$AR(),this._$AH=c):t!==this._$AH&&t!==E&&this._(t):t._$litType$!==void 0?this.$(t):t.nodeType!==void 0?this.T(t):Ht(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!==c&&M(this._$AH)?this._$AA.nextSibling.data=t:this.T(x.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=N.createElement(mt(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=pt.get(t.strings);return e===void 0&&pt.set(t.strings,e=new N(t)),e}k(t){et(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 z(this.O(H()),this.O(H()),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 V{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,e,s,r,n){this.type=1,this._$AH=c,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=c}_$AI(t,e=this,s,r){const n=this.strings;let o=!1;if(n===void 0)t=O(this,t,e,0),o=!M(t)||t!==this._$AH&&t!==E,o&&(this._$AH=t);else{const l=t;let a,d;for(t=n[0],a=0;a<n.length-1;a++)d=O(this,l[s+a],e,a),d===E&&(d=this._$AH[a]),o||(o=!M(d)||d!==this._$AH[a]),d===c?t=c:t!==c&&(t+=(d??"")+n[a+1]),this._$AH[a]=d}o&&!r&&this.j(t)}j(t){t===c?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}}class zt extends V{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===c?void 0:t}}class jt extends V{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==c)}}class It extends V{constructor(t,e,s,r,n){super(t,e,s,r,n),this.type=5}_$AI(t,e=this){if((t=O(this,t,e,0)??c)===E)return;const s=this._$AH,r=t===c&&s!==c||t.capture!==s.capture||t.once!==s.once||t.passive!==s.passive,n=t!==c&&(s===c||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 Lt{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){O(this,t)}}const F=T.litHtmlPolyfillSupport;F==null||F(N,z),(T.litHtmlVersions??(T.litHtmlVersions=[])).push("3.2.1");const Dt=(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 z(t.insertBefore(H(),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
|
-
*/let
|
|
19
|
+
*/let S=class extends C{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=Dt(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 E}};var gt;S._$litElement$=!0,S.finalized=!0,(gt=globalThis.litElementHydrateSupport)==null||gt.call(globalThis,{LitElement:S});const Z=globalThis.litElementPolyfillSupport;Z==null||Z({LitElement:S});(globalThis.litElementVersions??(globalThis.litElementVersions=[])).push("4.1.1");/**
|
|
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 Ft(i){i.addInitializer(t=>{const e=t;e.addEventListener("click",async s=>{const{type:r,[rt]: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 Zt=Object.defineProperty,Jt=Object.getOwnPropertyDescriptor,
|
|
43
|
+
*/function Ft(i){i.addInitializer(t=>{const e=t;e.addEventListener("click",async s=>{const{type:r,[rt]: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 Zt=Object.defineProperty,Jt=Object.getOwnPropertyDescriptor,P=(i,t,e,s)=>{for(var r=s>1?void 0:s?Jt(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&&Zt(t,e,r),r};const Kt=qt(S),bt=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,9 +53,9 @@
|
|
|
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 ft(t)},Gt=["primary","secondary"];let b=class extends Kt{constructor(){super(...arguments),this.type="submit",this.value="",this.variant="primary",this.disabled=!1,this.href="",this.target=""}get name(){return this.getAttribute("name")??""}set name(i){this.setAttribute("name",i)}get form(){return this[rt].form}willUpdate(){const i=getComputedStyle(this).getPropertyValue("--button-variant");i&&Gt.some(t=>t===i)&&(this.variant=i)}render(){const i=this.href?this.renderLink():this.renderButton();return
|
|
56
|
+
`;return ft(t)},Gt=["primary","secondary"];let b=class extends Kt{constructor(){super(...arguments),this.type="submit",this.value="",this.variant="primary",this.disabled=!1,this.href="",this.target=""}get name(){return this.getAttribute("name")??""}set name(i){this.setAttribute("name",i)}get form(){return this[rt].form}willUpdate(){const i=getComputedStyle(this).getPropertyValue("--button-variant");i&&Gt.some(t=>t===i)&&(this.variant=i)}render(){const i=this.href?this.renderLink():this.renderButton();return w`${i}`}renderLink(){return w`<a href=${this.href} target=${this.target||c} class="button" ?disabled=${this.disabled}>
|
|
57
57
|
<slot />
|
|
58
|
-
</a>`}renderButton(){return
|
|
58
|
+
</a>`}renderButton(){return w`<button class="button" ?disabled=${this.disabled}>
|
|
59
59
|
<slot />
|
|
60
60
|
</button>`}};Ft(b);b.formAssociated=!0;b.styles=R`
|
|
61
61
|
:host {
|
|
@@ -129,7 +129,7 @@
|
|
|
129
129
|
.button:focus-visible {
|
|
130
130
|
${Wt};
|
|
131
131
|
}
|
|
132
|
-
`;
|
|
132
|
+
`;P([p()],b.prototype,"type",2);P([p({reflect:!0})],b.prototype,"value",2);P([p({reflect:!0})],b.prototype,"variant",2);P([p({converter:{fromAttribute:i=>i===""||i==="true"}})],b.prototype,"disabled",2);P([p()],b.prototype,"href",2);P([p()],b.prototype,"target",2);b=P([st("o-button")],b);/**
|
|
133
133
|
* @license
|
|
134
134
|
* Copyright 2017 Google LLC
|
|
135
135
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
@@ -137,14 +137,14 @@
|
|
|
137
137
|
* @license
|
|
138
138
|
* Copyright 2017 Google LLC
|
|
139
139
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
140
|
-
*/class K extends Yt{constructor(t){if(super(t),this.it=c,t.type!==Qt.CHILD)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(t){if(t===c||t==null)return this._t=void 0,this.it=t;if(t===
|
|
140
|
+
*/class K extends Yt{constructor(t){if(super(t),this.it=c,t.type!==Qt.CHILD)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(t){if(t===c||t==null)return this._t=void 0,this.it=t;if(t===E)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:[]}}}K.directiveName="unsafeHTML",K.resultType=1;/**
|
|
141
141
|
* @license
|
|
142
142
|
* Copyright 2017 Google LLC
|
|
143
143
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
144
144
|
*/class G extends K{}G.directiveName="unsafeSVG",G.resultType=2;const Q=Xt(G),te=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
145
145
|
<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"/>
|
|
146
146
|
</svg>
|
|
147
|
-
`,At={wishlist:te};var ee=Object.defineProperty,se=Object.getOwnPropertyDescriptor,wt=(i,t,e,s)=>{for(var r=s>1?void 0:s?se(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&&ee(t,e,r),r};let B=class extends
|
|
147
|
+
`,At={wishlist:te};var ee=Object.defineProperty,se=Object.getOwnPropertyDescriptor,wt=(i,t,e,s)=>{for(var r=s>1?void 0:s?se(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&&ee(t,e,r),r};let B=class extends S{constructor(){super(...arguments),this.status="empty"}render(){const i=At.wishlist.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"');return w`
|
|
148
148
|
<button
|
|
149
149
|
type="button"
|
|
150
150
|
aria-label="Add to wishlist"
|
|
@@ -193,12 +193,12 @@
|
|
|
193
193
|
:host([status="filled"]) .wishlist-button:hover svg path {
|
|
194
194
|
fill: var(--color-alpha-light-strong);
|
|
195
195
|
}
|
|
196
|
-
`;wt([p({type:String,reflect:!0})],B.prototype,"status",2);B=wt([st("o-wishlist-button")],B);var re=Object.defineProperty,ie=Object.getOwnPropertyDescriptor,
|
|
197
|
-
${this.type==="span"?
|
|
196
|
+
`;wt([p({type:String,reflect:!0})],B.prototype,"status",2);B=wt([st("o-wishlist-button")],B);var re=Object.defineProperty,ie=Object.getOwnPropertyDescriptor,_=(i,t,e,s)=>{for(var r=s>1?void 0:s?ie(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&&re(t,e,r),r};let g=class extends S{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 t=(At[this.icon]??"").replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg" style="--icon-stroke-width: '+this.strokewidth+';"');return w`
|
|
197
|
+
${this.type==="span"?w`
|
|
198
198
|
<span class="icon icon-button ${this.size} ${this.bgstyle} ${this.status}" ?disabled="${this.disabled}">
|
|
199
199
|
${Q(t)}
|
|
200
200
|
</span>
|
|
201
|
-
`:
|
|
201
|
+
`:w`
|
|
202
202
|
<button
|
|
203
203
|
type="button"
|
|
204
204
|
aria-label="icon"
|
|
@@ -208,7 +208,7 @@
|
|
|
208
208
|
${Q(t)}
|
|
209
209
|
</button>
|
|
210
210
|
`}
|
|
211
|
-
`}}
|
|
211
|
+
`}};g.styles=R`
|
|
212
212
|
:host {
|
|
213
213
|
display: inline-flex;
|
|
214
214
|
justify-content: center;
|
|
@@ -229,6 +229,7 @@
|
|
|
229
229
|
svg {
|
|
230
230
|
path {
|
|
231
231
|
stroke: var(--color-content-action-secondary);
|
|
232
|
+
stroke-width: var(--icon-stroke-width, 1);
|
|
232
233
|
}
|
|
233
234
|
}
|
|
234
235
|
}
|
|
@@ -317,11 +318,6 @@
|
|
|
317
318
|
|
|
318
319
|
.icon-button.ghost-light {
|
|
319
320
|
background-color: transparent;
|
|
320
|
-
/* &.filled {
|
|
321
|
-
svg {
|
|
322
|
-
fill: var(--color-content-action-primary);
|
|
323
|
-
}
|
|
324
|
-
} */
|
|
325
321
|
|
|
326
322
|
svg {
|
|
327
323
|
path {
|
|
@@ -362,4 +358,4 @@
|
|
|
362
358
|
}
|
|
363
359
|
|
|
364
360
|
}
|
|
365
|
-
`;
|
|
361
|
+
`;_([p({type:String,reflect:!0})],g.prototype,"bgstyle",2);_([p({type:String,reflect:!0})],g.prototype,"size",2);_([p({type:String,reflect:!0})],g.prototype,"status",2);_([p({type:String,reflect:!0})],g.prototype,"type",2);_([p({type:String})],g.prototype,"strokewidth",2);_([p({type:String})],g.prototype,"icon",2);_([p({type:Boolean,reflect:!0})],g.prototype,"disabled",2);g=_([st("o-icon-button")],g);
|
package/index.mjs
CHANGED
|
@@ -45,10 +45,10 @@ const ft = (i) => new $t(typeof i == "string" ? i : i + "", void 0, Y), R = (i,
|
|
|
45
45
|
* Copyright 2017 Google LLC
|
|
46
46
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
47
47
|
*/
|
|
48
|
-
const { is: xt, defineProperty: Et, getOwnPropertyDescriptor: Pt, getOwnPropertyNames: Ct, getOwnPropertySymbols: Ot, getPrototypeOf: Ut } = Object, y = globalThis, nt = y.trustedTypes,
|
|
48
|
+
const { is: xt, defineProperty: Et, getOwnPropertyDescriptor: Pt, getOwnPropertyNames: Ct, getOwnPropertySymbols: Ot, getPrototypeOf: Ut } = Object, y = globalThis, nt = y.trustedTypes, kt = nt ? nt.emptyScript : "", W = y.reactiveElementPolyfillSupport, k = (i, t) => i, L = { toAttribute(i, t) {
|
|
49
49
|
switch (t) {
|
|
50
50
|
case Boolean:
|
|
51
|
-
i = i ?
|
|
51
|
+
i = i ? kt : null;
|
|
52
52
|
break;
|
|
53
53
|
case Object:
|
|
54
54
|
case Array:
|
|
@@ -105,13 +105,13 @@ class C extends HTMLElement {
|
|
|
105
105
|
return this.elementProperties.get(t) ?? at;
|
|
106
106
|
}
|
|
107
107
|
static _$Ei() {
|
|
108
|
-
if (this.hasOwnProperty(
|
|
108
|
+
if (this.hasOwnProperty(k("elementProperties"))) return;
|
|
109
109
|
const t = Ut(this);
|
|
110
110
|
t.finalize(), t.l !== void 0 && (this.l = [...t.l]), this.elementProperties = new Map(t.elementProperties);
|
|
111
111
|
}
|
|
112
112
|
static finalize() {
|
|
113
|
-
if (this.hasOwnProperty(
|
|
114
|
-
if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(
|
|
113
|
+
if (this.hasOwnProperty(k("finalized"))) return;
|
|
114
|
+
if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(k("properties"))) {
|
|
115
115
|
const e = this.properties, s = [...Ct(e), ...Ot(e)];
|
|
116
116
|
for (const r of s) this.createProperty(r, e[r]);
|
|
117
117
|
}
|
|
@@ -273,15 +273,15 @@ class C extends HTMLElement {
|
|
|
273
273
|
firstUpdated(t) {
|
|
274
274
|
}
|
|
275
275
|
}
|
|
276
|
-
C.elementStyles = [], C.shadowRootOptions = { mode: "open" }, C[
|
|
276
|
+
C.elementStyles = [], C.shadowRootOptions = { mode: "open" }, C[k("elementProperties")] = /* @__PURE__ */ new Map(), C[k("finalized")] = /* @__PURE__ */ new Map(), W == null || W({ ReactiveElement: C }), (y.reactiveElementVersions ?? (y.reactiveElementVersions = [])).push("2.0.4");
|
|
277
277
|
/**
|
|
278
278
|
* @license
|
|
279
279
|
* Copyright 2017 Google LLC
|
|
280
280
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
281
281
|
*/
|
|
282
|
-
const
|
|
283
|
-
\f\r]`, U = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, ht = /-->/g, ct = />/g,
|
|
284
|
-
\f\r"'\`<>=]|("|')|))|$)`, "g"), dt = /'/g, ut = /"/g, _t = /^(?:script|style|textarea|title)$/i, Mt = (i) => (t, ...e) => ({ _$litType$: i, strings: t, values: e }),
|
|
282
|
+
const T = globalThis, D = T.trustedTypes, lt = D ? D.createPolicy("lit-html", { createHTML: (i) => i }) : void 0, vt = "$lit$", v = `lit$${Math.random().toFixed(9).slice(2)}$`, yt = "?" + v, Tt = `<${yt}>`, x = document, H = () => x.createComment(""), M = (i) => i === null || typeof i != "object" && typeof i != "function", et = Array.isArray, Ht = (i) => et(i) || typeof (i == null ? void 0 : i[Symbol.iterator]) == "function", q = `[
|
|
283
|
+
\f\r]`, U = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, ht = /-->/g, ct = />/g, m = RegExp(`>|${q}(?:([^\\s"'>=/]+)(${q}*=${q}*(?:[^
|
|
284
|
+
\f\r"'\`<>=]|("|')|))|$)`, "g"), dt = /'/g, ut = /"/g, _t = /^(?:script|style|textarea|title)$/i, Mt = (i) => (t, ...e) => ({ _$litType$: i, strings: t, values: e }), w = Mt(1), E = Symbol.for("lit-noChange"), c = Symbol.for("lit-nothing"), pt = /* @__PURE__ */ new WeakMap(), A = x.createTreeWalker(x, 129);
|
|
285
285
|
function mt(i, t) {
|
|
286
286
|
if (!et(i) || !i.hasOwnProperty("raw")) throw Error("invalid template strings array");
|
|
287
287
|
return lt !== void 0 ? lt.createHTML(t) : t;
|
|
@@ -291,10 +291,10 @@ const Nt = (i, t) => {
|
|
|
291
291
|
let r, n = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", o = U;
|
|
292
292
|
for (let l = 0; l < e; l++) {
|
|
293
293
|
const a = i[l];
|
|
294
|
-
let d, u, h = -1,
|
|
295
|
-
for (;
|
|
296
|
-
const f = o ===
|
|
297
|
-
n += o === U ? a +
|
|
294
|
+
let d, u, h = -1, $ = 0;
|
|
295
|
+
for (; $ < a.length && (o.lastIndex = $, u = o.exec(a), u !== null); ) $ = o.lastIndex, o === U ? u[1] === "!--" ? o = ht : u[1] !== void 0 ? o = ct : u[2] !== void 0 ? (_t.test(u[2]) && (r = RegExp("</" + u[2], "g")), o = m) : u[3] !== void 0 && (o = m) : o === m ? u[0] === ">" ? (o = r ?? U, h = -1) : u[1] === void 0 ? h = -2 : (h = o.lastIndex - u[2].length, d = u[1], o = u[3] === void 0 ? m : u[3] === '"' ? ut : dt) : o === ut || o === dt ? o = m : o === ht || o === ct ? o = U : (o = m, r = void 0);
|
|
296
|
+
const f = o === m && i[l + 1].startsWith("/>") ? " " : "";
|
|
297
|
+
n += o === U ? a + Tt : h >= 0 ? (s.push(d), a.slice(0, h) + vt + a.slice(h) + v + f) : a + v + (h === -2 ? l : f);
|
|
298
298
|
}
|
|
299
299
|
return [mt(i, n + (i[e] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), s];
|
|
300
300
|
};
|
|
@@ -304,22 +304,22 @@ class N {
|
|
|
304
304
|
this.parts = [];
|
|
305
305
|
let n = 0, o = 0;
|
|
306
306
|
const l = t.length - 1, a = this.parts, [d, u] = Nt(t, e);
|
|
307
|
-
if (this.el = N.createElement(d, s),
|
|
307
|
+
if (this.el = N.createElement(d, s), A.currentNode = this.el.content, e === 2 || e === 3) {
|
|
308
308
|
const h = this.el.content.firstChild;
|
|
309
309
|
h.replaceWith(...h.childNodes);
|
|
310
310
|
}
|
|
311
|
-
for (; (r =
|
|
311
|
+
for (; (r = A.nextNode()) !== null && a.length < l; ) {
|
|
312
312
|
if (r.nodeType === 1) {
|
|
313
313
|
if (r.hasAttributes()) for (const h of r.getAttributeNames()) if (h.endsWith(vt)) {
|
|
314
|
-
const
|
|
314
|
+
const $ = u[o++], f = r.getAttribute(h).split(v), j = /([.?@])?(.*)/.exec($);
|
|
315
315
|
a.push({ type: 1, index: n, name: j[2], strings: f, ctor: j[1] === "." ? zt : j[1] === "?" ? jt : j[1] === "@" ? It : V }), r.removeAttribute(h);
|
|
316
316
|
} else h.startsWith(v) && (a.push({ type: 6, index: n }), r.removeAttribute(h));
|
|
317
317
|
if (_t.test(r.tagName)) {
|
|
318
|
-
const h = r.textContent.split(v),
|
|
319
|
-
if (
|
|
318
|
+
const h = r.textContent.split(v), $ = h.length - 1;
|
|
319
|
+
if ($ > 0) {
|
|
320
320
|
r.textContent = D ? D.emptyScript : "";
|
|
321
|
-
for (let f = 0; f <
|
|
322
|
-
r.append(h[
|
|
321
|
+
for (let f = 0; f < $; f++) r.append(h[f], H()), A.nextNode(), a.push({ type: 2, index: ++n });
|
|
322
|
+
r.append(h[$], H());
|
|
323
323
|
}
|
|
324
324
|
}
|
|
325
325
|
} else if (r.nodeType === 8) if (r.data === yt) a.push({ type: 2, index: n });
|
|
@@ -331,13 +331,13 @@ class N {
|
|
|
331
331
|
}
|
|
332
332
|
}
|
|
333
333
|
static createElement(t, e) {
|
|
334
|
-
const s =
|
|
334
|
+
const s = x.createElement("template");
|
|
335
335
|
return s.innerHTML = t, s;
|
|
336
336
|
}
|
|
337
337
|
}
|
|
338
338
|
function O(i, t, e = i, s) {
|
|
339
339
|
var o, l;
|
|
340
|
-
if (t ===
|
|
340
|
+
if (t === E) return t;
|
|
341
341
|
let r = s !== void 0 ? (o = e._$Co) == null ? void 0 : o[s] : e._$Cl;
|
|
342
342
|
const n = M(t) ? void 0 : t._$litDirective$;
|
|
343
343
|
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 = O(i, r._$AS(i, t.values), r, s)), t;
|
|
@@ -353,17 +353,17 @@ class Rt {
|
|
|
353
353
|
return this._$AM._$AU;
|
|
354
354
|
}
|
|
355
355
|
u(t) {
|
|
356
|
-
const { el: { content: e }, parts: s } = this._$AD, r = ((t == null ? void 0 : t.creationScope) ??
|
|
357
|
-
|
|
358
|
-
let n =
|
|
356
|
+
const { el: { content: e }, parts: s } = this._$AD, r = ((t == null ? void 0 : t.creationScope) ?? x).importNode(e, !0);
|
|
357
|
+
A.currentNode = r;
|
|
358
|
+
let n = A.nextNode(), o = 0, l = 0, a = s[0];
|
|
359
359
|
for (; a !== void 0; ) {
|
|
360
360
|
if (o === a.index) {
|
|
361
361
|
let d;
|
|
362
362
|
a.type === 2 ? d = new z(n, n.nextSibling, this, t) : a.type === 1 ? d = new a.ctor(n, a.name, a.strings, this, t) : a.type === 6 && (d = new Lt(n, this, t)), this._$AV.push(d), a = s[++l];
|
|
363
363
|
}
|
|
364
|
-
o !== (a == null ? void 0 : a.index) && (n =
|
|
364
|
+
o !== (a == null ? void 0 : a.index) && (n = A.nextNode(), o++);
|
|
365
365
|
}
|
|
366
|
-
return
|
|
366
|
+
return A.currentNode = x, r;
|
|
367
367
|
}
|
|
368
368
|
p(t) {
|
|
369
369
|
let e = 0;
|
|
@@ -390,7 +390,7 @@ class z {
|
|
|
390
390
|
return this._$AB;
|
|
391
391
|
}
|
|
392
392
|
_$AI(t, e = this) {
|
|
393
|
-
t = O(this, t, e), M(t) ? t === c || t == null || t === "" ? (this._$AH !== c && this._$AR(), this._$AH = c) : t !== this._$AH && t !==
|
|
393
|
+
t = O(this, t, e), M(t) ? t === c || t == null || t === "" ? (this._$AH !== c && this._$AR(), this._$AH = c) : t !== this._$AH && t !== E && this._(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : Ht(t) ? this.k(t) : this._(t);
|
|
394
394
|
}
|
|
395
395
|
O(t) {
|
|
396
396
|
return this._$AA.parentNode.insertBefore(t, this._$AB);
|
|
@@ -399,7 +399,7 @@ class z {
|
|
|
399
399
|
this._$AH !== t && (this._$AR(), this._$AH = this.O(t));
|
|
400
400
|
}
|
|
401
401
|
_(t) {
|
|
402
|
-
this._$AH !== c && M(this._$AH) ? this._$AA.nextSibling.data = t : this.T(
|
|
402
|
+
this._$AH !== c && M(this._$AH) ? this._$AA.nextSibling.data = t : this.T(x.createTextNode(t)), this._$AH = t;
|
|
403
403
|
}
|
|
404
404
|
$(t) {
|
|
405
405
|
var n;
|
|
@@ -446,11 +446,11 @@ class V {
|
|
|
446
446
|
_$AI(t, e = this, s, r) {
|
|
447
447
|
const n = this.strings;
|
|
448
448
|
let o = !1;
|
|
449
|
-
if (n === void 0) t = O(this, t, e, 0), o = !M(t) || t !== this._$AH && t !==
|
|
449
|
+
if (n === void 0) t = O(this, t, e, 0), o = !M(t) || t !== this._$AH && t !== E, o && (this._$AH = t);
|
|
450
450
|
else {
|
|
451
451
|
const l = t;
|
|
452
452
|
let a, d;
|
|
453
|
-
for (t = n[0], a = 0; a < n.length - 1; a++) d = O(this, l[s + a], e, a), d ===
|
|
453
|
+
for (t = n[0], a = 0; a < n.length - 1; a++) d = O(this, l[s + a], e, a), d === E && (d = this._$AH[a]), o || (o = !M(d) || d !== this._$AH[a]), d === c ? t = c : t !== c && (t += (d ?? "") + n[a + 1]), this._$AH[a] = d;
|
|
454
454
|
}
|
|
455
455
|
o && !r && this.j(t);
|
|
456
456
|
}
|
|
@@ -479,7 +479,7 @@ class It extends V {
|
|
|
479
479
|
super(t, e, s, r, n), this.type = 5;
|
|
480
480
|
}
|
|
481
481
|
_$AI(t, e = this) {
|
|
482
|
-
if ((t = O(this, t, e, 0) ?? c) ===
|
|
482
|
+
if ((t = O(this, t, e, 0) ?? c) === E) return;
|
|
483
483
|
const s = this._$AH, r = t === c && s !== c || t.capture !== s.capture || t.once !== s.once || t.passive !== s.passive, n = t !== c && (s === c || r);
|
|
484
484
|
r && this.element.removeEventListener(this.name, this, s), n && this.element.addEventListener(this.name, this, t), this._$AH = t;
|
|
485
485
|
}
|
|
@@ -499,8 +499,8 @@ class Lt {
|
|
|
499
499
|
O(this, t);
|
|
500
500
|
}
|
|
501
501
|
}
|
|
502
|
-
const F =
|
|
503
|
-
F == null || F(N, z), (
|
|
502
|
+
const F = T.litHtmlPolyfillSupport;
|
|
503
|
+
F == null || F(N, z), (T.litHtmlVersions ?? (T.litHtmlVersions = [])).push("3.2.1");
|
|
504
504
|
const Dt = (i, t, e) => {
|
|
505
505
|
const s = (e == null ? void 0 : e.renderBefore) ?? t;
|
|
506
506
|
let r = s._$litPart$;
|
|
@@ -515,7 +515,7 @@ const Dt = (i, t, e) => {
|
|
|
515
515
|
* Copyright 2017 Google LLC
|
|
516
516
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
517
517
|
*/
|
|
518
|
-
let
|
|
518
|
+
let S = class extends C {
|
|
519
519
|
constructor() {
|
|
520
520
|
super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
|
|
521
521
|
}
|
|
@@ -537,13 +537,13 @@ let w = class extends C {
|
|
|
537
537
|
super.disconnectedCallback(), (t = this._$Do) == null || t.setConnected(!1);
|
|
538
538
|
}
|
|
539
539
|
render() {
|
|
540
|
-
return
|
|
540
|
+
return E;
|
|
541
541
|
}
|
|
542
542
|
};
|
|
543
543
|
var gt;
|
|
544
|
-
|
|
544
|
+
S._$litElement$ = !0, S.finalized = !0, (gt = globalThis.litElementHydrateSupport) == null || gt.call(globalThis, { LitElement: S });
|
|
545
545
|
const Z = globalThis.litElementPolyfillSupport;
|
|
546
|
-
Z == null || Z({ LitElement:
|
|
546
|
+
Z == null || Z({ LitElement: S });
|
|
547
547
|
(globalThis.litElementVersions ?? (globalThis.litElementVersions = [])).push("4.1.1");
|
|
548
548
|
/**
|
|
549
549
|
* @license
|
|
@@ -644,12 +644,12 @@ function Ft(i) {
|
|
|
644
644
|
});
|
|
645
645
|
});
|
|
646
646
|
}
|
|
647
|
-
var Zt = Object.defineProperty, Jt = Object.getOwnPropertyDescriptor,
|
|
647
|
+
var Zt = Object.defineProperty, Jt = Object.getOwnPropertyDescriptor, P = (i, t, e, s) => {
|
|
648
648
|
for (var r = s > 1 ? void 0 : s ? Jt(t, e) : t, n = i.length - 1, o; n >= 0; n--)
|
|
649
649
|
(o = i[n]) && (r = (s ? o(t, e, r) : o(r)) || r);
|
|
650
650
|
return s && r && Zt(t, e, r), r;
|
|
651
651
|
};
|
|
652
|
-
const Kt = qt(
|
|
652
|
+
const Kt = qt(S), bt = (i) => {
|
|
653
653
|
const t = `
|
|
654
654
|
--button-bg-disabled: var(--color-container-disabled);
|
|
655
655
|
--button-bg-pressed: var(--color-container-action-${i}-pressed);
|
|
@@ -690,15 +690,15 @@ let b = class extends Kt {
|
|
|
690
690
|
}
|
|
691
691
|
render() {
|
|
692
692
|
const i = this.href ? this.renderLink() : this.renderButton();
|
|
693
|
-
return
|
|
693
|
+
return w`${i}`;
|
|
694
694
|
}
|
|
695
695
|
renderLink() {
|
|
696
|
-
return
|
|
696
|
+
return w`<a href=${this.href} target=${this.target || c} class="button" ?disabled=${this.disabled}>
|
|
697
697
|
<slot />
|
|
698
698
|
</a>`;
|
|
699
699
|
}
|
|
700
700
|
renderButton() {
|
|
701
|
-
return
|
|
701
|
+
return w`<button class="button" ?disabled=${this.disabled}>
|
|
702
702
|
<slot />
|
|
703
703
|
</button>`;
|
|
704
704
|
}
|
|
@@ -778,29 +778,29 @@ b.styles = R`
|
|
|
778
778
|
${Wt};
|
|
779
779
|
}
|
|
780
780
|
`;
|
|
781
|
-
|
|
781
|
+
P([
|
|
782
782
|
p()
|
|
783
783
|
], b.prototype, "type", 2);
|
|
784
|
-
|
|
784
|
+
P([
|
|
785
785
|
p({ reflect: !0 })
|
|
786
786
|
], b.prototype, "value", 2);
|
|
787
|
-
|
|
787
|
+
P([
|
|
788
788
|
p({ reflect: !0 })
|
|
789
789
|
], b.prototype, "variant", 2);
|
|
790
|
-
|
|
790
|
+
P([
|
|
791
791
|
p({
|
|
792
792
|
converter: {
|
|
793
793
|
fromAttribute: (i) => i === "" || i === "true"
|
|
794
794
|
}
|
|
795
795
|
})
|
|
796
796
|
], b.prototype, "disabled", 2);
|
|
797
|
-
|
|
797
|
+
P([
|
|
798
798
|
p()
|
|
799
799
|
], b.prototype, "href", 2);
|
|
800
|
-
|
|
800
|
+
P([
|
|
801
801
|
p()
|
|
802
802
|
], b.prototype, "target", 2);
|
|
803
|
-
b =
|
|
803
|
+
b = P([
|
|
804
804
|
st("o-button")
|
|
805
805
|
], b);
|
|
806
806
|
/**
|
|
@@ -836,7 +836,7 @@ class K extends Yt {
|
|
|
836
836
|
}
|
|
837
837
|
render(t) {
|
|
838
838
|
if (t === c || t == null) return this._t = void 0, this.it = t;
|
|
839
|
-
if (t ===
|
|
839
|
+
if (t === E) return t;
|
|
840
840
|
if (typeof t != "string") throw Error(this.constructor.directiveName + "() called with a non-string value");
|
|
841
841
|
if (t === this.it) return this._t;
|
|
842
842
|
this.it = t;
|
|
@@ -864,7 +864,7 @@ var ee = Object.defineProperty, se = Object.getOwnPropertyDescriptor, wt = (i, t
|
|
|
864
864
|
(o = i[n]) && (r = (s ? o(t, e, r) : o(r)) || r);
|
|
865
865
|
return s && r && ee(t, e, r), r;
|
|
866
866
|
};
|
|
867
|
-
let B = class extends
|
|
867
|
+
let B = class extends S {
|
|
868
868
|
constructor() {
|
|
869
869
|
super(...arguments), this.status = "empty";
|
|
870
870
|
}
|
|
@@ -873,7 +873,7 @@ let B = class extends w {
|
|
|
873
873
|
"<svg",
|
|
874
874
|
'<svg aria-hidden="true" focusable="false" part="svg"'
|
|
875
875
|
);
|
|
876
|
-
return
|
|
876
|
+
return w`
|
|
877
877
|
<button
|
|
878
878
|
type="button"
|
|
879
879
|
aria-label="Add to wishlist"
|
|
@@ -938,26 +938,29 @@ wt([
|
|
|
938
938
|
B = wt([
|
|
939
939
|
st("o-wishlist-button")
|
|
940
940
|
], B);
|
|
941
|
-
var re = Object.defineProperty, ie = Object.getOwnPropertyDescriptor,
|
|
941
|
+
var re = Object.defineProperty, ie = Object.getOwnPropertyDescriptor, _ = (i, t, e, s) => {
|
|
942
942
|
for (var r = s > 1 ? void 0 : s ? ie(t, e) : t, n = i.length - 1, o; n >= 0; n--)
|
|
943
943
|
(o = i[n]) && (r = (s ? o(t, e, r) : o(r)) || r);
|
|
944
944
|
return s && r && re(t, e, r), r;
|
|
945
945
|
};
|
|
946
|
-
let
|
|
946
|
+
let g = class extends S {
|
|
947
947
|
constructor() {
|
|
948
|
-
super(...arguments), this.bgstyle = "background-light", this.size = "medium", this.status = "empty", this.type = "button", this.icon = "wishlist", this.disabled = !1;
|
|
948
|
+
super(...arguments), this.bgstyle = "background-light", this.size = "medium", this.status = "empty", this.type = "button", this.strokewidth = "1", this.icon = "wishlist", this.disabled = !1;
|
|
949
|
+
}
|
|
950
|
+
updated(i) {
|
|
951
|
+
super.updated(i), this.style.setProperty("--icon-stroke-width", this.strokewidth);
|
|
949
952
|
}
|
|
950
953
|
render() {
|
|
951
954
|
const t = (At[this.icon] ?? "").replace(
|
|
952
955
|
"<svg",
|
|
953
|
-
'<svg aria-hidden="true" focusable="false" part="svg"'
|
|
956
|
+
'<svg aria-hidden="true" focusable="false" part="svg" style="--icon-stroke-width: ' + this.strokewidth + ';"'
|
|
954
957
|
);
|
|
955
|
-
return
|
|
956
|
-
${this.type === "span" ?
|
|
958
|
+
return w`
|
|
959
|
+
${this.type === "span" ? w`
|
|
957
960
|
<span class="icon icon-button ${this.size} ${this.bgstyle} ${this.status}" ?disabled="${this.disabled}">
|
|
958
961
|
${Q(t)}
|
|
959
962
|
</span>
|
|
960
|
-
` :
|
|
963
|
+
` : w`
|
|
961
964
|
<button
|
|
962
965
|
type="button"
|
|
963
966
|
aria-label="icon"
|
|
@@ -970,7 +973,7 @@ let $ = class extends w {
|
|
|
970
973
|
`;
|
|
971
974
|
}
|
|
972
975
|
};
|
|
973
|
-
|
|
976
|
+
g.styles = R`
|
|
974
977
|
:host {
|
|
975
978
|
display: inline-flex;
|
|
976
979
|
justify-content: center;
|
|
@@ -991,6 +994,7 @@ $.styles = R`
|
|
|
991
994
|
svg {
|
|
992
995
|
path {
|
|
993
996
|
stroke: var(--color-content-action-secondary);
|
|
997
|
+
stroke-width: var(--icon-stroke-width, 1);
|
|
994
998
|
}
|
|
995
999
|
}
|
|
996
1000
|
}
|
|
@@ -1079,11 +1083,6 @@ $.styles = R`
|
|
|
1079
1083
|
|
|
1080
1084
|
.icon-button.ghost-light {
|
|
1081
1085
|
background-color: transparent;
|
|
1082
|
-
/* &.filled {
|
|
1083
|
-
svg {
|
|
1084
|
-
fill: var(--color-content-action-primary);
|
|
1085
|
-
}
|
|
1086
|
-
} */
|
|
1087
1086
|
|
|
1088
1087
|
svg {
|
|
1089
1088
|
path {
|
|
@@ -1125,24 +1124,27 @@ $.styles = R`
|
|
|
1125
1124
|
|
|
1126
1125
|
}
|
|
1127
1126
|
`;
|
|
1128
|
-
|
|
1127
|
+
_([
|
|
1129
1128
|
p({ type: String, reflect: !0 })
|
|
1130
|
-
],
|
|
1131
|
-
|
|
1129
|
+
], g.prototype, "bgstyle", 2);
|
|
1130
|
+
_([
|
|
1132
1131
|
p({ type: String, reflect: !0 })
|
|
1133
|
-
],
|
|
1134
|
-
|
|
1132
|
+
], g.prototype, "size", 2);
|
|
1133
|
+
_([
|
|
1135
1134
|
p({ type: String, reflect: !0 })
|
|
1136
|
-
],
|
|
1137
|
-
|
|
1135
|
+
], g.prototype, "status", 2);
|
|
1136
|
+
_([
|
|
1138
1137
|
p({ type: String, reflect: !0 })
|
|
1139
|
-
],
|
|
1140
|
-
|
|
1138
|
+
], g.prototype, "type", 2);
|
|
1139
|
+
_([
|
|
1141
1140
|
p({ type: String })
|
|
1142
|
-
],
|
|
1143
|
-
|
|
1141
|
+
], g.prototype, "strokewidth", 2);
|
|
1142
|
+
_([
|
|
1143
|
+
p({ type: String })
|
|
1144
|
+
], g.prototype, "icon", 2);
|
|
1145
|
+
_([
|
|
1144
1146
|
p({ type: Boolean, reflect: !0 })
|
|
1145
|
-
],
|
|
1146
|
-
|
|
1147
|
+
], g.prototype, "disabled", 2);
|
|
1148
|
+
g = _([
|
|
1147
1149
|
st("o-icon-button")
|
|
1148
|
-
],
|
|
1150
|
+
], g);
|