@florid-kit/components 0.7.5 → 0.7.6
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/index.js +24 -24
- package/index.mjs +34 -34
- package/package.json +1 -1
package/index.js
CHANGED
|
@@ -6,13 +6,13 @@
|
|
|
6
6
|
* @license
|
|
7
7
|
* Copyright 2017 Google LLC
|
|
8
8
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
9
|
-
*/const{is:Vt,defineProperty:Zt,getOwnPropertyDescriptor:qt,getOwnPropertyNames:Wt,getOwnPropertySymbols:Kt,getPrototypeOf:Gt}=Object,
|
|
9
|
+
*/const{is:Vt,defineProperty:Zt,getOwnPropertyDescriptor:qt,getOwnPropertyNames:Wt,getOwnPropertySymbols:Kt,getPrototypeOf:Gt}=Object,z=globalThis,Et=z.trustedTypes,Xt=Et?Et.emptyScript:"",dt=z.reactiveElementPolyfillSupport,X=(o,t)=>o,st={toAttribute(o,t){switch(t){case Boolean:o=o?Xt:null;break;case Object:case Array:o=o==null?o:JSON.stringify(o)}return o},fromAttribute(o,t){let e=o;switch(t){case Boolean:e=o!==null;break;case Number:e=o===null?null:Number(o);break;case Object:case Array:try{e=JSON.parse(o)}catch{e=null}}return e}},xt=(o,t)=>!Vt(o,t),Lt={attribute:!0,type:String,converter:st,reflect:!1,useDefault:!1,hasChanged:xt};Symbol.metadata??(Symbol.metadata=Symbol("metadata")),z.litPropertyMetadata??(z.litPropertyMetadata=new WeakMap);let V=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=Lt){if(e.state&&(e.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(t)&&((e=Object.create(e)).wrapped=!0),this.elementProperties.set(t,e),!e.noAccessor){const n=Symbol(),i=this.getPropertyDescriptor(t,n,e);i!==void 0&&Zt(this.prototype,t,i)}}static getPropertyDescriptor(t,e,n){const{get:i,set:s}=qt(this.prototype,t)??{get(){return this[e]},set(r){this[e]=r}};return{get:i,set(r){const h=i==null?void 0:i.call(this);s==null||s.call(this,r),this.requestUpdate(t,h,n)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??Lt}static _$Ei(){if(this.hasOwnProperty(X("elementProperties")))return;const t=Gt(this);t.finalize(),t.l!==void 0&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(X("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(X("properties"))){const e=this.properties,n=[...Wt(e),...Kt(e)];for(const i of n)this.createProperty(i,e[i])}const t=this[Symbol.metadata];if(t!==null){const e=litPropertyMetadata.get(t);if(e!==void 0)for(const[n,i]of e)this.elementProperties.set(n,i)}this._$Eh=new Map;for(const[e,n]of this.elementProperties){const i=this._$Eu(e,n);i!==void 0&&this._$Eh.set(i,e)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(t){const e=[];if(Array.isArray(t)){const n=new Set(t.flat(1/0).reverse());for(const i of n)e.unshift(St(i))}else t!==void 0&&e.push(St(t));return e}static _$Eu(t,e){const n=e.attribute;return n===!1?void 0:typeof n=="string"?n:typeof t=="string"?t.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){var t;this._$ES=new Promise(e=>this.enableUpdating=e),this._$AL=new Map,this._$E_(),this.requestUpdate(),(t=this.constructor.l)==null||t.forEach(e=>e(this))}addController(t){var e;(this._$EO??(this._$EO=new Set)).add(t),this.renderRoot!==void 0&&this.isConnected&&((e=t.hostConnected)==null||e.call(t))}removeController(t){var e;(e=this._$EO)==null||e.delete(t)}_$E_(){const t=new Map,e=this.constructor.elementProperties;for(const n of e.keys())this.hasOwnProperty(n)&&(t.set(n,this[n]),delete this[n]);t.size>0&&(this._$Ep=t)}createRenderRoot(){const t=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return Rt(t,this.constructor.elementStyles),t}connectedCallback(){var t;this.renderRoot??(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),(t=this._$EO)==null||t.forEach(e=>{var n;return(n=e.hostConnected)==null?void 0:n.call(e)})}enableUpdating(t){}disconnectedCallback(){var t;(t=this._$EO)==null||t.forEach(e=>{var n;return(n=e.hostDisconnected)==null?void 0:n.call(e)})}attributeChangedCallback(t,e,n){this._$AK(t,n)}_$ET(t,e){var s;const n=this.constructor.elementProperties.get(t),i=this.constructor._$Eu(t,n);if(i!==void 0&&n.reflect===!0){const r=(((s=n.converter)==null?void 0:s.toAttribute)!==void 0?n.converter:st).toAttribute(e,n.type);this._$Em=t,r==null?this.removeAttribute(i):this.setAttribute(i,r),this._$Em=null}}_$AK(t,e){var s,r;const n=this.constructor,i=n._$Eh.get(t);if(i!==void 0&&this._$Em!==i){const h=n.getPropertyOptions(i),c=typeof h.converter=="function"?{fromAttribute:h.converter}:((s=h.converter)==null?void 0:s.fromAttribute)!==void 0?h.converter:st;this._$Em=i,this[i]=c.fromAttribute(e,h.type)??((r=this._$Ej)==null?void 0:r.get(i))??null,this._$Em=null}}requestUpdate(t,e,n){var i;if(t!==void 0){const s=this.constructor,r=this[t];if(n??(n=s.getPropertyOptions(t)),!((n.hasChanged??xt)(r,e)||n.useDefault&&n.reflect&&r===((i=this._$Ej)==null?void 0:i.get(t))&&!this.hasAttribute(s._$Eu(t,n))))return;this.C(t,e,n)}this.isUpdatePending===!1&&(this._$ES=this._$EP())}C(t,e,{useDefault:n,reflect:i,wrapped:s},r){n&&!(this._$Ej??(this._$Ej=new Map)).has(t)&&(this._$Ej.set(t,r??e??this[t]),s!==!0||r!==void 0)||(this._$AL.has(t)||(this.hasUpdated||n||(e=void 0),this._$AL.set(t,e)),i===!0&&this._$Em!==t&&(this._$Eq??(this._$Eq=new Set)).add(t))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(e){Promise.reject(e)}const t=this.scheduleUpdate();return t!=null&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){var n;if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??(this.renderRoot=this.createRenderRoot()),this._$Ep){for(const[s,r]of this._$Ep)this[s]=r;this._$Ep=void 0}const i=this.constructor.elementProperties;if(i.size>0)for(const[s,r]of i){const{wrapped:h}=r,c=this[s];h!==!0||this._$AL.has(s)||c===void 0||this.C(s,void 0,r,c)}}let t=!1;const e=this._$AL;try{t=this.shouldUpdate(e),t?(this.willUpdate(e),(n=this._$EO)==null||n.forEach(i=>{var s;return(s=i.hostUpdate)==null?void 0:s.call(i)}),this.update(e)):this._$EM()}catch(i){throw t=!1,this._$EM(),i}t&&this._$AE(e)}willUpdate(t){}_$AE(t){var e;(e=this._$EO)==null||e.forEach(n=>{var i;return(i=n.hostUpdated)==null?void 0:i.call(n)}),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(t){return!0}update(t){this._$Eq&&(this._$Eq=this._$Eq.forEach(e=>this._$ET(e,this[e]))),this._$EM()}updated(t){}firstUpdated(t){}};V.elementStyles=[],V.shadowRootOptions={mode:"open"},V[X("elementProperties")]=new Map,V[X("finalized")]=new Map,dt==null||dt({ReactiveElement:V}),(z.reactiveElementVersions??(z.reactiveElementVersions=[])).push("2.1.0");/**
|
|
10
10
|
* @license
|
|
11
11
|
* Copyright 2017 Google LLC
|
|
12
12
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
13
|
-
*/const J=globalThis,at=J.trustedTypes,It=at?at.createPolicy("lit-html",{createHTML:o=>o}):void 0,Tt="$lit$",
|
|
14
|
-
\f\r]`,G=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,Pt=/-->/g,Ot=/>/g,
|
|
15
|
-
\f\r"'\`<>=]|("|')|))|$)`,"g"),Bt=/'/g,zt=/"/g,Ut=/^(?:script|style|textarea|title)$/i,Qt=o=>(t,...e)=>({_$litType$:o,strings:t,values:e}),l=Qt(1),U=Symbol.for("lit-noChange"),d=Symbol.for("lit-nothing"),Dt=new WeakMap,M=j.createTreeWalker(j,129);function Nt(o,t){if(!$t(o)||!o.hasOwnProperty("raw"))throw Error("invalid template strings array");return It!==void 0?It.createHTML(t):t}const te=(o,t)=>{const e=o.length-1,n=[];let i,s=t===2?"<svg>":t===3?"<math>":"",r=G;for(let h=0;h<e;h++){const c=o[h];let v,b,p=-1,S=0;for(;S<c.length&&(r.lastIndex=S,b=r.exec(c),b!==null);)S=r.lastIndex,r===G?b[1]==="!--"?r=Pt:b[1]!==void 0?r=Ot:b[2]!==void 0?(Ut.test(b[2])&&(i=RegExp("</"+b[2],"g")),r=
|
|
13
|
+
*/const J=globalThis,at=J.trustedTypes,It=at?at.createPolicy("lit-html",{createHTML:o=>o}):void 0,Tt="$lit$",B=`lit$${Math.random().toFixed(9).slice(2)}$`,jt="?"+B,Jt=`<${jt}>`,j=document,Y=()=>j.createComment(""),Q=o=>o===null||typeof o!="object"&&typeof o!="function",$t=Array.isArray,Yt=o=>$t(o)||typeof(o==null?void 0:o[Symbol.iterator])=="function",pt=`[
|
|
14
|
+
\f\r]`,G=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,Pt=/-->/g,Ot=/>/g,H=RegExp(`>|${pt}(?:([^\\s"'>=/]+)(${pt}*=${pt}*(?:[^
|
|
15
|
+
\f\r"'\`<>=]|("|')|))|$)`,"g"),Bt=/'/g,zt=/"/g,Ut=/^(?:script|style|textarea|title)$/i,Qt=o=>(t,...e)=>({_$litType$:o,strings:t,values:e}),l=Qt(1),U=Symbol.for("lit-noChange"),d=Symbol.for("lit-nothing"),Dt=new WeakMap,M=j.createTreeWalker(j,129);function Nt(o,t){if(!$t(o)||!o.hasOwnProperty("raw"))throw Error("invalid template strings array");return It!==void 0?It.createHTML(t):t}const te=(o,t)=>{const e=o.length-1,n=[];let i,s=t===2?"<svg>":t===3?"<math>":"",r=G;for(let h=0;h<e;h++){const c=o[h];let v,b,p=-1,S=0;for(;S<c.length&&(r.lastIndex=S,b=r.exec(c),b!==null);)S=r.lastIndex,r===G?b[1]==="!--"?r=Pt:b[1]!==void 0?r=Ot:b[2]!==void 0?(Ut.test(b[2])&&(i=RegExp("</"+b[2],"g")),r=H):b[3]!==void 0&&(r=H):r===H?b[0]===">"?(r=i??G,p=-1):b[1]===void 0?p=-2:(p=r.lastIndex-b[2].length,v=b[1],r=b[3]===void 0?H:b[3]==='"'?zt:Bt):r===zt||r===Bt?r=H:r===Pt||r===Ot?r=G:(r=H,i=void 0);const P=r===H&&o[h+1].startsWith("/>")?" ":"";s+=r===G?c+Jt:p>=0?(n.push(v),c.slice(0,p)+Tt+c.slice(p)+B+P):c+B+(p===-2?h:P)}return[Nt(o,s+(o[e]||"<?>")+(t===2?"</svg>":t===3?"</math>":"")),n]};class tt{constructor({strings:t,_$litType$:e},n){let i;this.parts=[];let s=0,r=0;const h=t.length-1,c=this.parts,[v,b]=te(t,e);if(this.el=tt.createElement(v,n),M.currentNode=this.el.content,e===2||e===3){const p=this.el.content.firstChild;p.replaceWith(...p.childNodes)}for(;(i=M.nextNode())!==null&&c.length<h;){if(i.nodeType===1){if(i.hasAttributes())for(const p of i.getAttributeNames())if(p.endsWith(Tt)){const S=b[r++],P=i.getAttribute(p).split(B),nt=/([.?@])?(.*)/.exec(S);c.push({type:1,index:s,name:nt[2],strings:P,ctor:nt[1]==="."?oe:nt[1]==="?"?ie:nt[1]==="@"?ne:lt}),i.removeAttribute(p)}else p.startsWith(B)&&(c.push({type:6,index:s}),i.removeAttribute(p));if(Ut.test(i.tagName)){const p=i.textContent.split(B),S=p.length-1;if(S>0){i.textContent=at?at.emptyScript:"";for(let P=0;P<S;P++)i.append(p[P],Y()),M.nextNode(),c.push({type:2,index:++s});i.append(p[S],Y())}}}else if(i.nodeType===8)if(i.data===jt)c.push({type:2,index:s});else{let p=-1;for(;(p=i.data.indexOf(B,p+1))!==-1;)c.push({type:7,index:s}),p+=B.length-1}s++}}static createElement(t,e){const n=j.createElement("template");return n.innerHTML=t,n}}function Z(o,t,e=o,n){var r,h;if(t===U)return t;let i=n!==void 0?(r=e._$Co)==null?void 0:r[n]:e._$Cl;const s=Q(t)?void 0:t._$litDirective$;return(i==null?void 0:i.constructor)!==s&&((h=i==null?void 0:i._$AO)==null||h.call(i,!1),s===void 0?i=void 0:(i=new s(o),i._$AT(o,e,n)),n!==void 0?(e._$Co??(e._$Co=[]))[n]=i:e._$Cl=i),i!==void 0&&(t=Z(o,i._$AS(o,t.values),i,n)),t}class ee{constructor(t,e){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=e}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){const{el:{content:e},parts:n}=this._$AD,i=((t==null?void 0:t.creationScope)??j).importNode(e,!0);M.currentNode=i;let s=M.nextNode(),r=0,h=0,c=n[0];for(;c!==void 0;){if(r===c.index){let v;c.type===2?v=new it(s,s.nextSibling,this,t):c.type===1?v=new c.ctor(s,c.name,c.strings,this,t):c.type===6&&(v=new re(s,this,t)),this._$AV.push(v),c=n[++h]}r!==(c==null?void 0:c.index)&&(s=M.nextNode(),r++)}return M.currentNode=j,i}p(t){let e=0;for(const n of this._$AV)n!==void 0&&(n.strings!==void 0?(n._$AI(t,n,e),e+=n.strings.length-2):n._$AI(t[e])),e++}}class it{get _$AU(){var t;return((t=this._$AM)==null?void 0:t._$AU)??this._$Cv}constructor(t,e,n,i){this.type=2,this._$AH=d,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=n,this.options=i,this._$Cv=(i==null?void 0:i.isConnected)??!0}get parentNode(){let t=this._$AA.parentNode;const e=this._$AM;return e!==void 0&&(t==null?void 0:t.nodeType)===11&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=Z(this,t,e),Q(t)?t===d||t==null||t===""?(this._$AH!==d&&this._$AR(),this._$AH=d):t!==this._$AH&&t!==U&&this._(t):t._$litType$!==void 0?this.$(t):t.nodeType!==void 0?this.T(t):Yt(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&&Q(this._$AH)?this._$AA.nextSibling.data=t:this.T(j.createTextNode(t)),this._$AH=t}$(t){var s;const{values:e,_$litType$:n}=t,i=typeof n=="number"?this._$AC(t):(n.el===void 0&&(n.el=tt.createElement(Nt(n.h,n.h[0]),this.options)),n);if(((s=this._$AH)==null?void 0:s._$AD)===i)this._$AH.p(e);else{const r=new ee(i,this),h=r.u(this.options);r.p(e),this.T(h),this._$AH=r}}_$AC(t){let e=Dt.get(t.strings);return e===void 0&&Dt.set(t.strings,e=new tt(t)),e}k(t){$t(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let n,i=0;for(const s of t)i===e.length?e.push(n=new it(this.O(Y()),this.O(Y()),this,this.options)):n=e[i],n._$AI(s),i++;i<e.length&&(this._$AR(n&&n._$AB.nextSibling,i),e.length=i)}_$AR(t=this._$AA.nextSibling,e){var n;for((n=this._$AP)==null?void 0:n.call(this,!1,!0,e);t&&t!==this._$AB;){const i=t.nextSibling;t.remove(),t=i}}setConnected(t){var e;this._$AM===void 0&&(this._$Cv=t,(e=this._$AP)==null||e.call(this,t))}}class lt{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,e,n,i,s){this.type=1,this._$AH=d,this._$AN=void 0,this.element=t,this.name=e,this._$AM=i,this.options=s,n.length>2||n[0]!==""||n[1]!==""?(this._$AH=Array(n.length-1).fill(new String),this.strings=n):this._$AH=d}_$AI(t,e=this,n,i){const s=this.strings;let r=!1;if(s===void 0)t=Z(this,t,e,0),r=!Q(t)||t!==this._$AH&&t!==U,r&&(this._$AH=t);else{const h=t;let c,v;for(t=s[0],c=0;c<s.length-1;c++)v=Z(this,h[n+c],e,c),v===U&&(v=this._$AH[c]),r||(r=!Q(v)||v!==this._$AH[c]),v===d?t=d:t!==d&&(t+=(v??"")+s[c+1]),this._$AH[c]=v}r&&!i&&this.j(t)}j(t){t===d?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}}class oe extends lt{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===d?void 0:t}}class ie extends lt{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==d)}}class ne extends lt{constructor(t,e,n,i,s){super(t,e,n,i,s),this.type=5}_$AI(t,e=this){if((t=Z(this,t,e,0)??d)===U)return;const n=this._$AH,i=t===d&&n!==d||t.capture!==n.capture||t.once!==n.once||t.passive!==n.passive,s=t!==d&&(n===d||i);i&&this.element.removeEventListener(this.name,this,n),s&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){var e;typeof this._$AH=="function"?this._$AH.call(((e=this.options)==null?void 0:e.host)??this.element,t):this._$AH.handleEvent(t)}}class re{constructor(t,e,n){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=n}get _$AU(){return this._$AM._$AU}_$AI(t){Z(this,t)}}const ut=J.litHtmlPolyfillSupport;ut==null||ut(tt,it),(J.litHtmlVersions??(J.litHtmlVersions=[])).push("3.3.0");const se=(o,t,e)=>{const n=(e==null?void 0:e.renderBefore)??t;let i=n._$litPart$;if(i===void 0){const s=(e==null?void 0:e.renderBefore)??null;n._$litPart$=i=new it(t.insertBefore(Y(),s),s,void 0,e??{})}return i._$AI(o),i};/**
|
|
16
16
|
* @license
|
|
17
17
|
* Copyright 2017 Google LLC
|
|
18
18
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
@@ -130,7 +130,7 @@
|
|
|
130
130
|
* @license
|
|
131
131
|
* Copyright 2017 Google LLC
|
|
132
132
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
133
|
-
*/class ft extends bt{}ft.directiveName="unsafeSVG",ft.resultType=2;const
|
|
133
|
+
*/class ft extends bt{}ft.directiveName="unsafeSVG",ft.resultType=2;const D=Be(ft);var De=Object.defineProperty,He=Object.getOwnPropertyDescriptor,m=(o,t,e,n)=>{for(var i=n>1?void 0:n?He(t,e):t,s=o.length-1,r;s>=0;s--)(r=o[s])&&(i=(n?r(t,e,i):r(i))||i);return n&&i&&De(t,e,i),i};const Me=he(f);let u=class extends Me{constructor(){super(...arguments),this.type="submit",this.value="",this.variant="primary",this.text="",this.textsecond="",this.fullwidth=!1,this.disabled=!1,this.startIconModel="search",this.endIconModel="chevronRight",this.startIcon=!1,this.endIcon=!1,this.panelTarget="",this.href="",this.target=""}get name(){return this.getAttribute("name")??""}set name(o){this.setAttribute("name",o)}get form(){return this[_t].form}handleClick(){if(this.panelTarget){const o=document.getElementById(this.panelTarget);o!=null&&o.openPanel&&typeof o.openPanel=="function"?o.openPanel():console.warn(`[o-button] No side panel with id="${this.panelTarget}" found or it does not have an openPanel method.`)}}render(){return this.href?this.renderLink():this.renderButton()}renderIcon(o){const t=o==="start"?this.startIconModel:this.endIconModel;if(!t)return d;const e=K[t].replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"');return l`<span class="${o==="start"?"icon-start":"icon-end"}">${D(e)}</span>`}renderButton(){const o=this.text||this.textsecond;return l`
|
|
134
134
|
<button type=${this.type} class="button" ?disabled=${this.disabled} @click=${this.handleClick}>
|
|
135
135
|
${this.startIcon?this.renderIcon("start"):d}
|
|
136
136
|
${o?l`
|
|
@@ -313,7 +313,7 @@
|
|
|
313
313
|
`;m([a()],u.prototype,"type",2);m([a({reflect:!0})],u.prototype,"value",2);m([a({type:String,reflect:!0})],u.prototype,"variant",2);m([a({type:String})],u.prototype,"text",2);m([a({type:String})],u.prototype,"textsecond",2);m([a({type:Boolean,reflect:!0})],u.prototype,"fullwidth",2);m([a({type:Boolean,reflect:!0})],u.prototype,"disabled",2);m([a({type:String,reflect:!0})],u.prototype,"startIconModel",2);m([a({type:String,reflect:!0})],u.prototype,"endIconModel",2);m([a({type:Boolean,reflect:!0,attribute:"starticon"})],u.prototype,"startIcon",2);m([a({type:Boolean,reflect:!0,attribute:"endicon"})],u.prototype,"endIcon",2);m([a({type:String,attribute:"paneltarget",reflect:!0})],u.prototype,"panelTarget",2);m([a({type:String})],u.prototype,"href",2);m([a({type:String})],u.prototype,"target",2);u=m([_("o-button")],u);var Te=Object.defineProperty,je=Object.getOwnPropertyDescriptor,ct=(o,t,e,n)=>{for(var i=n>1?void 0:n?je(t,e):t,s=o.length-1,r;s>=0;s--)(r=o[s])&&(i=(n?r(t,e,i):r(i))||i);return n&&i&&Te(t,e,i),i};let q=class extends f{constructor(){super(...arguments),this.status="empty",this.ariaDescribedBy="a-product-name",this.label="Add to wishlist",this.toggleStatus=()=>{this.status=this.status==="empty"?"filled":"empty",this.setAttribute("aria-pressed",String(this.status==="filled")),this.dispatchEvent(new CustomEvent("wishlist-toggle",{detail:{status:this.status},bubbles:!0,composed:!0}))}}connectedCallback(){super.connectedCallback(),this.setAttribute("tabindex","0"),this.setAttribute("role","button"),this.setAttribute("aria-pressed",String(this.status==="filled"))}firstUpdated(){this.addEventListener("click",this.toggleStatus),this.addEventListener("keydown",this.handleKeydown)}handleKeydown(o){(o.key==="Enter"||o.key===" ")&&(o.preventDefault(),this.toggleStatus())}render(){const o=K.wishlist.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"');return l`
|
|
314
314
|
<button type="button" aria-describedby="${this.ariaDescribedBy}" class="wishlist-button">
|
|
315
315
|
<span class="sr-only">${this.label}</span>
|
|
316
|
-
${
|
|
316
|
+
${D(o)}
|
|
317
317
|
</button>
|
|
318
318
|
`}setStatus(o){this.status=o,this.setAttribute("aria-pressed",String(this.status==="filled")),this.requestUpdate()}setAriaDescribedBy(o){this.ariaDescribedBy=o,this.requestUpdate()}setLabel(o){this.label=o,this.requestUpdate()}};q.styles=w`
|
|
319
319
|
:host {
|
|
@@ -379,19 +379,23 @@
|
|
|
379
379
|
width: 0.1rem !important;
|
|
380
380
|
white-space: nowrap !important;
|
|
381
381
|
}
|
|
382
|
-
`;ct([a({type:String,reflect:!0})],q.prototype,"status",2);ct([a({type:String,reflect:!0})],q.prototype,"ariaDescribedBy",2);ct([a({type:String,reflect:!0})],q.prototype,"label",2);q=ct([_("o-wishlist-button")],q)
|
|
382
|
+
`;ct([a({type:String,reflect:!0})],q.prototype,"status",2);ct([a({type:String,reflect:!0})],q.prototype,"ariaDescribedBy",2);ct([a({type:String,reflect:!0})],q.prototype,"label",2);q=ct([_("o-wishlist-button")],q);/**
|
|
383
|
+
* @license
|
|
384
|
+
* Copyright 2018 Google LLC
|
|
385
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
386
|
+
*/const O=o=>o??d;var Ue=Object.defineProperty,Ne=Object.getOwnPropertyDescriptor,k=(o,t,e,n)=>{for(var i=n>1?void 0:n?Ne(t,e):t,s=o.length-1,r;s>=0;s--)(r=o[s])&&(i=(n?r(t,e,i):r(i))||i);return n&&i&&Ue(t,e,i),i};let x=class extends f{constructor(){super(...arguments),this.bgstyle="background-light",this.size="medium",this.status="empty",this.type="button",this.strokewidth="1",this.icon="wishlist",this.disabled=!1,this.showSrLabel=!1,this.srLabel=""}updated(o){super.updated(o),this.style.setProperty("--icon-stroke-width",this.strokewidth)}render(){const o=K[this.icon]??"",t=`icon-${this.icon}`,e=o.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"'),n=this.showSrLabel?l`<span class="sr-only">${this.srLabel}</span>`:null,i=this.showSrLabel?null:"icon";return l`
|
|
383
387
|
${this.type==="span"?l`
|
|
384
388
|
<span class="icon icon-button ${this.size} ${this.bgstyle} ${this.status} ${t}" ?disabled="${this.disabled}">
|
|
385
|
-
${
|
|
389
|
+
${D(e)}
|
|
386
390
|
</span>
|
|
387
391
|
`:l`
|
|
388
392
|
<button
|
|
389
393
|
type="button"
|
|
390
|
-
aria-label
|
|
394
|
+
aria-label=${O(i)}
|
|
391
395
|
class="icon-button ${this.size} ${this.bgstyle} ${this.status} ${t}"
|
|
392
396
|
?disabled="${this.disabled}"
|
|
393
397
|
>
|
|
394
|
-
${
|
|
398
|
+
${D(e)}
|
|
395
399
|
${n}
|
|
396
400
|
</button>
|
|
397
401
|
`}
|
|
@@ -597,14 +601,10 @@
|
|
|
597
601
|
.sr-only {
|
|
598
602
|
display: none;
|
|
599
603
|
}
|
|
600
|
-
`;k([a({type:String,reflect:!0})],x.prototype,"bgstyle",2);k([a({type:String,reflect:!0})],x.prototype,"size",2);k([a({type:String,reflect:!0})],x.prototype,"status",2);k([a({type:String,reflect:!0})],x.prototype,"type",2);k([a({type:String})],x.prototype,"strokewidth",2);k([a({type:String})],x.prototype,"icon",2);k([a({type:Boolean,reflect:!0})],x.prototype,"disabled",2);k([a({type:Boolean})],x.prototype,"showSrLabel",2);k([a({type:String})],x.prototype,"srLabel",2);x=k([_("o-icon-button")],x)
|
|
601
|
-
* @license
|
|
602
|
-
* Copyright 2018 Google LLC
|
|
603
|
-
* SPDX-License-Identifier: BSD-3-Clause
|
|
604
|
-
*/const H=o=>o??d;var Fe=Object.defineProperty,Re=Object.getOwnPropertyDescriptor,F=(o,t,e,n)=>{for(var i=n>1?void 0:n?Re(t,e):t,s=o.length-1,r;s>=0;s--)(r=o[s])&&(i=(n?r(t,e,i):r(i))||i);return n&&i&&Fe(t,e,i),i};let E=class extends f{constructor(){super(...arguments),this.href="",this.target="",this.template="standard",this.inverse=!1,this.endIcon=!1,this.reverseEndIcon=!1}_handleClick(o){(!this.href||this.href==="#")&&o.preventDefault()}render(){const o=this.href||"#";return l`
|
|
604
|
+
`;k([a({type:String,reflect:!0})],x.prototype,"bgstyle",2);k([a({type:String,reflect:!0})],x.prototype,"size",2);k([a({type:String,reflect:!0})],x.prototype,"status",2);k([a({type:String,reflect:!0})],x.prototype,"type",2);k([a({type:String})],x.prototype,"strokewidth",2);k([a({type:String})],x.prototype,"icon",2);k([a({type:Boolean,reflect:!0})],x.prototype,"disabled",2);k([a({type:Boolean})],x.prototype,"showSrLabel",2);k([a({type:String})],x.prototype,"srLabel",2);x=k([_("o-icon-button")],x);var Fe=Object.defineProperty,Re=Object.getOwnPropertyDescriptor,F=(o,t,e,n)=>{for(var i=n>1?void 0:n?Re(t,e):t,s=o.length-1,r;s>=0;s--)(r=o[s])&&(i=(n?r(t,e,i):r(i))||i);return n&&i&&Fe(t,e,i),i};let E=class extends f{constructor(){super(...arguments),this.href="",this.target="",this.template="standard",this.inverse=!1,this.endIcon=!1,this.reverseEndIcon=!1}_handleClick(o){(!this.href||this.href==="#")&&o.preventDefault()}render(){const o=this.href||"#";return l`
|
|
605
605
|
<a
|
|
606
606
|
href="${o}"
|
|
607
|
-
target="${
|
|
607
|
+
target="${O(this.target||void 0)}"
|
|
608
608
|
@click="${this._handleClick}"
|
|
609
609
|
>
|
|
610
610
|
${this.endIcon&&this.reverseEndIcon?l`
|
|
@@ -717,7 +717,7 @@
|
|
|
717
717
|
`;F([a({type:String})],E.prototype,"href",2);F([a({type:String})],E.prototype,"target",2);F([a({type:String,reflect:!0})],E.prototype,"template",2);F([a({type:Boolean,reflect:!0})],E.prototype,"inverse",2);F([a({type:Boolean,reflect:!0})],E.prototype,"endIcon",2);F([a({type:Boolean,reflect:!0})],E.prototype,"reverseEndIcon",2);E=F([_("o-link")],E);var Ve=Object.defineProperty,Ze=Object.getOwnPropertyDescriptor,ht=(o,t,e,n)=>{for(var i=n>1?void 0:n?Ze(t,e):t,s=o.length-1,r;s>=0;s--)(r=o[s])&&(i=(n?r(t,e,i):r(i))||i);return n&&i&&Ve(t,e,i),i};let W=class extends f{constructor(){super(...arguments),this.rating=0}getStarKeys(){const o=[];for(let t=0;t<5;t++){const e=this.rating-t;let n;e>=1?n=100:e<=0?n=0:n=Math.round(e*100/25)*25,o.push(`star-${n}`)}return o}render(){const o=this.getStarKeys();return l`
|
|
718
718
|
<div class="rating">
|
|
719
719
|
<div class="stars">
|
|
720
|
-
${o.map(t=>l`<span class="star">${
|
|
720
|
+
${o.map(t=>l`<span class="star">${D(K[t]??"")}</span>`)}
|
|
721
721
|
</div>
|
|
722
722
|
${this.reviewCount!=null&&this.href!=null?l`<o-link template="review" href="${this.href}">${this.reviewCount}</o-link>`:null}
|
|
723
723
|
</div>
|
|
@@ -1265,10 +1265,10 @@
|
|
|
1265
1265
|
${e.url?l`
|
|
1266
1266
|
<a href="${e.url}">
|
|
1267
1267
|
<span>${e.label}</span>
|
|
1268
|
-
${e.value===this.value?l`<span class="check">${
|
|
1268
|
+
${e.value===this.value?l`<span class="check">${D(o)}</span>`:null}
|
|
1269
1269
|
</a>`:l`
|
|
1270
1270
|
<span>${e.label}</span>
|
|
1271
|
-
${e.value===this.value?l`<span class="check">${
|
|
1271
|
+
${e.value===this.value?l`<span class="check">${D(o)}</span>`:null}`}
|
|
1272
1272
|
</li>`)}
|
|
1273
1273
|
</ul>`:null}
|
|
1274
1274
|
|
|
@@ -1477,7 +1477,7 @@
|
|
|
1477
1477
|
?disabled=${this.disabled}
|
|
1478
1478
|
class="btn-dropdown"
|
|
1479
1479
|
>
|
|
1480
|
-
<img alt="${
|
|
1480
|
+
<img alt="${O(t==null?void 0:t.label)}" src="${O(t==null?void 0:t.imgurl)}" />
|
|
1481
1481
|
<span id="dropdown-label" class="label">
|
|
1482
1482
|
${t?t.label:"Select an option"}
|
|
1483
1483
|
</span>
|
|
@@ -1511,13 +1511,13 @@
|
|
|
1511
1511
|
class="${n===this.activeIndex?"active":""} ${e.disabled?"disabled":""}"
|
|
1512
1512
|
@click=${()=>this.selectOption(e)}
|
|
1513
1513
|
>
|
|
1514
|
-
<a href="${
|
|
1515
|
-
<img alt="${
|
|
1514
|
+
<a href="${O(e.url)}">
|
|
1515
|
+
<img alt="${O(e.label)}" src="${O(e.imgurl)}" />
|
|
1516
1516
|
<span class="label">${e.label}</span>
|
|
1517
1517
|
<div class="right">
|
|
1518
|
-
<span class="additional-text">${
|
|
1518
|
+
<span class="additional-text">${O(e.additionaltext)}</span>
|
|
1519
1519
|
${e.value===this.value&&!e.additionaltext?l`
|
|
1520
|
-
<span class="check">${
|
|
1520
|
+
<span class="check">${D(o)}</span>`:null}
|
|
1521
1521
|
</div>
|
|
1522
1522
|
</a>
|
|
1523
1523
|
</li>
|
package/index.mjs
CHANGED
|
@@ -45,7 +45,7 @@ const Ft = (o) => new Mt(typeof o == "string" ? o : o + "", void 0, wt), w = (o,
|
|
|
45
45
|
* Copyright 2017 Google LLC
|
|
46
46
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
47
47
|
*/
|
|
48
|
-
const { is: Vt, defineProperty: Zt, getOwnPropertyDescriptor: qt, getOwnPropertyNames: Wt, getOwnPropertySymbols: Kt, getPrototypeOf: Gt } = Object,
|
|
48
|
+
const { is: Vt, defineProperty: Zt, getOwnPropertyDescriptor: qt, getOwnPropertyNames: Wt, getOwnPropertySymbols: Kt, getPrototypeOf: Gt } = Object, z = globalThis, Et = z.trustedTypes, Xt = Et ? Et.emptyScript : "", dt = z.reactiveElementPolyfillSupport, X = (o, t) => o, st = { toAttribute(o, t) {
|
|
49
49
|
switch (t) {
|
|
50
50
|
case Boolean:
|
|
51
51
|
o = o ? Xt : null;
|
|
@@ -74,7 +74,7 @@ const { is: Vt, defineProperty: Zt, getOwnPropertyDescriptor: qt, getOwnProperty
|
|
|
74
74
|
}
|
|
75
75
|
return e;
|
|
76
76
|
} }, xt = (o, t) => !Vt(o, t), Lt = { attribute: !0, type: String, converter: st, reflect: !1, useDefault: !1, hasChanged: xt };
|
|
77
|
-
Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")),
|
|
77
|
+
Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), z.litPropertyMetadata ?? (z.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
|
|
78
78
|
let V = class extends HTMLElement {
|
|
79
79
|
static addInitializer(t) {
|
|
80
80
|
this._$Ei(), (this.l ?? (this.l = [])).push(t);
|
|
@@ -276,14 +276,14 @@ let V = class extends HTMLElement {
|
|
|
276
276
|
firstUpdated(t) {
|
|
277
277
|
}
|
|
278
278
|
};
|
|
279
|
-
V.elementStyles = [], V.shadowRootOptions = { mode: "open" }, V[X("elementProperties")] = /* @__PURE__ */ new Map(), V[X("finalized")] = /* @__PURE__ */ new Map(), dt == null || dt({ ReactiveElement: V }), (
|
|
279
|
+
V.elementStyles = [], V.shadowRootOptions = { mode: "open" }, V[X("elementProperties")] = /* @__PURE__ */ new Map(), V[X("finalized")] = /* @__PURE__ */ new Map(), dt == null || dt({ ReactiveElement: V }), (z.reactiveElementVersions ?? (z.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 J = globalThis, at = J.trustedTypes, It = at ? at.createPolicy("lit-html", { createHTML: (o) => o }) : void 0, Tt = "$lit$",
|
|
286
|
-
\f\r]`, G = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, Pt = /-->/g, Ot = />/g,
|
|
285
|
+
const J = globalThis, at = J.trustedTypes, It = at ? at.createPolicy("lit-html", { createHTML: (o) => o }) : void 0, Tt = "$lit$", B = `lit$${Math.random().toFixed(9).slice(2)}$`, jt = "?" + B, Jt = `<${jt}>`, j = document, Y = () => j.createComment(""), Q = (o) => o === null || typeof o != "object" && typeof o != "function", $t = Array.isArray, Yt = (o) => $t(o) || typeof (o == null ? void 0 : o[Symbol.iterator]) == "function", pt = `[
|
|
286
|
+
\f\r]`, G = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, Pt = /-->/g, Ot = />/g, H = RegExp(`>|${pt}(?:([^\\s"'>=/]+)(${pt}*=${pt}*(?:[^
|
|
287
287
|
\f\r"'\`<>=]|("|')|))|$)`, "g"), Bt = /'/g, zt = /"/g, Ut = /^(?:script|style|textarea|title)$/i, Qt = (o) => (t, ...e) => ({ _$litType$: o, strings: t, values: e }), l = Qt(1), U = Symbol.for("lit-noChange"), d = Symbol.for("lit-nothing"), Dt = /* @__PURE__ */ new WeakMap(), M = j.createTreeWalker(j, 129);
|
|
288
288
|
function Nt(o, t) {
|
|
289
289
|
if (!$t(o) || !o.hasOwnProperty("raw")) throw Error("invalid template strings array");
|
|
@@ -295,9 +295,9 @@ const te = (o, t) => {
|
|
|
295
295
|
for (let h = 0; h < e; h++) {
|
|
296
296
|
const c = o[h];
|
|
297
297
|
let v, b, p = -1, S = 0;
|
|
298
|
-
for (; S < c.length && (r.lastIndex = S, b = r.exec(c), b !== null); ) S = r.lastIndex, r === G ? b[1] === "!--" ? r = Pt : b[1] !== void 0 ? r = Ot : b[2] !== void 0 ? (Ut.test(b[2]) && (i = RegExp("</" + b[2], "g")), r =
|
|
299
|
-
const P = r ===
|
|
300
|
-
s += r === G ? c + Jt : p >= 0 ? (n.push(v), c.slice(0, p) + Tt + c.slice(p) +
|
|
298
|
+
for (; S < c.length && (r.lastIndex = S, b = r.exec(c), b !== null); ) S = r.lastIndex, r === G ? b[1] === "!--" ? r = Pt : b[1] !== void 0 ? r = Ot : b[2] !== void 0 ? (Ut.test(b[2]) && (i = RegExp("</" + b[2], "g")), r = H) : b[3] !== void 0 && (r = H) : r === H ? b[0] === ">" ? (r = i ?? G, p = -1) : b[1] === void 0 ? p = -2 : (p = r.lastIndex - b[2].length, v = b[1], r = b[3] === void 0 ? H : b[3] === '"' ? zt : Bt) : r === zt || r === Bt ? r = H : r === Pt || r === Ot ? r = G : (r = H, i = void 0);
|
|
299
|
+
const P = r === H && o[h + 1].startsWith("/>") ? " " : "";
|
|
300
|
+
s += r === G ? c + Jt : p >= 0 ? (n.push(v), c.slice(0, p) + Tt + c.slice(p) + B + P) : c + B + (p === -2 ? h : P);
|
|
301
301
|
}
|
|
302
302
|
return [Nt(o, s + (o[e] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), n];
|
|
303
303
|
};
|
|
@@ -314,11 +314,11 @@ class tt {
|
|
|
314
314
|
for (; (i = M.nextNode()) !== null && c.length < h; ) {
|
|
315
315
|
if (i.nodeType === 1) {
|
|
316
316
|
if (i.hasAttributes()) for (const p of i.getAttributeNames()) if (p.endsWith(Tt)) {
|
|
317
|
-
const S = b[r++], P = i.getAttribute(p).split(
|
|
317
|
+
const S = b[r++], P = i.getAttribute(p).split(B), nt = /([.?@])?(.*)/.exec(S);
|
|
318
318
|
c.push({ type: 1, index: s, name: nt[2], strings: P, ctor: nt[1] === "." ? oe : nt[1] === "?" ? ie : nt[1] === "@" ? ne : lt }), i.removeAttribute(p);
|
|
319
|
-
} else p.startsWith(
|
|
319
|
+
} else p.startsWith(B) && (c.push({ type: 6, index: s }), i.removeAttribute(p));
|
|
320
320
|
if (Ut.test(i.tagName)) {
|
|
321
|
-
const p = i.textContent.split(
|
|
321
|
+
const p = i.textContent.split(B), S = p.length - 1;
|
|
322
322
|
if (S > 0) {
|
|
323
323
|
i.textContent = at ? at.emptyScript : "";
|
|
324
324
|
for (let P = 0; P < S; P++) i.append(p[P], Y()), M.nextNode(), c.push({ type: 2, index: ++s });
|
|
@@ -328,7 +328,7 @@ class tt {
|
|
|
328
328
|
} else if (i.nodeType === 8) if (i.data === jt) c.push({ type: 2, index: s });
|
|
329
329
|
else {
|
|
330
330
|
let p = -1;
|
|
331
|
-
for (; (p = i.data.indexOf(
|
|
331
|
+
for (; (p = i.data.indexOf(B, p + 1)) !== -1; ) c.push({ type: 7, index: s }), p += B.length - 1;
|
|
332
332
|
}
|
|
333
333
|
s++;
|
|
334
334
|
}
|
|
@@ -802,7 +802,7 @@ bt.directiveName = "unsafeHTML", bt.resultType = 1;
|
|
|
802
802
|
class ft extends bt {
|
|
803
803
|
}
|
|
804
804
|
ft.directiveName = "unsafeSVG", ft.resultType = 2;
|
|
805
|
-
const
|
|
805
|
+
const D = Be(ft);
|
|
806
806
|
var De = Object.defineProperty, He = Object.getOwnPropertyDescriptor, m = (o, t, e, n) => {
|
|
807
807
|
for (var i = n > 1 ? void 0 : n ? He(t, e) : t, s = o.length - 1, r; s >= 0; s--)
|
|
808
808
|
(r = o[s]) && (i = (n ? r(t, e, i) : r(i)) || i);
|
|
@@ -838,7 +838,7 @@ let u = class extends Me {
|
|
|
838
838
|
"<svg",
|
|
839
839
|
'<svg aria-hidden="true" focusable="false" part="svg"'
|
|
840
840
|
);
|
|
841
|
-
return l`<span class="${o === "start" ? "icon-start" : "icon-end"}">${
|
|
841
|
+
return l`<span class="${o === "start" ? "icon-start" : "icon-end"}">${D(e)}</span>`;
|
|
842
842
|
}
|
|
843
843
|
renderButton() {
|
|
844
844
|
const o = this.text || this.textsecond;
|
|
@@ -1109,7 +1109,7 @@ let q = class extends f {
|
|
|
1109
1109
|
return l`
|
|
1110
1110
|
<button type="button" aria-describedby="${this.ariaDescribedBy}" class="wishlist-button">
|
|
1111
1111
|
<span class="sr-only">${this.label}</span>
|
|
1112
|
-
${
|
|
1112
|
+
${D(o)}
|
|
1113
1113
|
</button>
|
|
1114
1114
|
`;
|
|
1115
1115
|
}
|
|
@@ -1200,6 +1200,12 @@ ct([
|
|
|
1200
1200
|
q = ct([
|
|
1201
1201
|
_("o-wishlist-button")
|
|
1202
1202
|
], q);
|
|
1203
|
+
/**
|
|
1204
|
+
* @license
|
|
1205
|
+
* Copyright 2018 Google LLC
|
|
1206
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
1207
|
+
*/
|
|
1208
|
+
const O = (o) => o ?? d;
|
|
1203
1209
|
var Ue = Object.defineProperty, Ne = Object.getOwnPropertyDescriptor, k = (o, t, e, n) => {
|
|
1204
1210
|
for (var i = n > 1 ? void 0 : n ? Ne(t, e) : t, s = o.length - 1, r; s >= 0; s--)
|
|
1205
1211
|
(r = o[s]) && (i = (n ? r(t, e, i) : r(i)) || i);
|
|
@@ -1216,20 +1222,20 @@ let x = class extends f {
|
|
|
1216
1222
|
const o = K[this.icon] ?? "", t = `icon-${this.icon}`, e = o.replace(
|
|
1217
1223
|
"<svg",
|
|
1218
1224
|
'<svg aria-hidden="true" focusable="false" part="svg"'
|
|
1219
|
-
), n = this.showSrLabel ? l`<span class="sr-only">${this.srLabel}</span>` : null;
|
|
1225
|
+
), n = this.showSrLabel ? l`<span class="sr-only">${this.srLabel}</span>` : null, i = this.showSrLabel ? null : "icon";
|
|
1220
1226
|
return l`
|
|
1221
1227
|
${this.type === "span" ? l`
|
|
1222
1228
|
<span class="icon icon-button ${this.size} ${this.bgstyle} ${this.status} ${t}" ?disabled="${this.disabled}">
|
|
1223
|
-
${
|
|
1229
|
+
${D(e)}
|
|
1224
1230
|
</span>
|
|
1225
1231
|
` : l`
|
|
1226
1232
|
<button
|
|
1227
1233
|
type="button"
|
|
1228
|
-
aria-label
|
|
1234
|
+
aria-label=${O(i)}
|
|
1229
1235
|
class="icon-button ${this.size} ${this.bgstyle} ${this.status} ${t}"
|
|
1230
1236
|
?disabled="${this.disabled}"
|
|
1231
1237
|
>
|
|
1232
|
-
${
|
|
1238
|
+
${D(e)}
|
|
1233
1239
|
${n}
|
|
1234
1240
|
</button>
|
|
1235
1241
|
`}
|
|
@@ -1469,12 +1475,6 @@ k([
|
|
|
1469
1475
|
x = k([
|
|
1470
1476
|
_("o-icon-button")
|
|
1471
1477
|
], x);
|
|
1472
|
-
/**
|
|
1473
|
-
* @license
|
|
1474
|
-
* Copyright 2018 Google LLC
|
|
1475
|
-
* SPDX-License-Identifier: BSD-3-Clause
|
|
1476
|
-
*/
|
|
1477
|
-
const H = (o) => o ?? d;
|
|
1478
1478
|
var Fe = Object.defineProperty, Re = Object.getOwnPropertyDescriptor, F = (o, t, e, n) => {
|
|
1479
1479
|
for (var i = n > 1 ? void 0 : n ? Re(t, e) : t, s = o.length - 1, r; s >= 0; s--)
|
|
1480
1480
|
(r = o[s]) && (i = (n ? r(t, e, i) : r(i)) || i);
|
|
@@ -1492,7 +1492,7 @@ let E = class extends f {
|
|
|
1492
1492
|
return l`
|
|
1493
1493
|
<a
|
|
1494
1494
|
href="${o}"
|
|
1495
|
-
target="${
|
|
1495
|
+
target="${O(this.target || void 0)}"
|
|
1496
1496
|
@click="${this._handleClick}"
|
|
1497
1497
|
>
|
|
1498
1498
|
${this.endIcon && this.reverseEndIcon ? l`
|
|
@@ -1651,7 +1651,7 @@ let W = class extends f {
|
|
|
1651
1651
|
<div class="rating">
|
|
1652
1652
|
<div class="stars">
|
|
1653
1653
|
${o.map(
|
|
1654
|
-
(t) => l`<span class="star">${
|
|
1654
|
+
(t) => l`<span class="star">${D(K[t] ?? "")}</span>`
|
|
1655
1655
|
)}
|
|
1656
1656
|
</div>
|
|
1657
1657
|
${this.reviewCount != null && this.href != null ? l`<o-link template="review" href="${this.href}">${this.reviewCount}</o-link>` : null}
|
|
@@ -2505,10 +2505,10 @@ let C = class extends f {
|
|
|
2505
2505
|
${e.url ? l`
|
|
2506
2506
|
<a href="${e.url}">
|
|
2507
2507
|
<span>${e.label}</span>
|
|
2508
|
-
${e.value === this.value ? l`<span class="check">${
|
|
2508
|
+
${e.value === this.value ? l`<span class="check">${D(o)}</span>` : null}
|
|
2509
2509
|
</a>` : l`
|
|
2510
2510
|
<span>${e.label}</span>
|
|
2511
|
-
${e.value === this.value ? l`<span class="check">${
|
|
2511
|
+
${e.value === this.value ? l`<span class="check">${D(o)}</span>` : null}`}
|
|
2512
2512
|
</li>`
|
|
2513
2513
|
)}
|
|
2514
2514
|
</ul>` : null}
|
|
@@ -2838,7 +2838,7 @@ let $ = class extends f {
|
|
|
2838
2838
|
?disabled=${this.disabled}
|
|
2839
2839
|
class="btn-dropdown"
|
|
2840
2840
|
>
|
|
2841
|
-
<img alt="${
|
|
2841
|
+
<img alt="${O(t == null ? void 0 : t.label)}" src="${O(t == null ? void 0 : t.imgurl)}" />
|
|
2842
2842
|
<span id="dropdown-label" class="label">
|
|
2843
2843
|
${t ? t.label : "Select an option"}
|
|
2844
2844
|
</span>
|
|
@@ -2873,13 +2873,13 @@ let $ = class extends f {
|
|
|
2873
2873
|
class="${n === this.activeIndex ? "active" : ""} ${e.disabled ? "disabled" : ""}"
|
|
2874
2874
|
@click=${() => this.selectOption(e)}
|
|
2875
2875
|
>
|
|
2876
|
-
<a href="${
|
|
2877
|
-
<img alt="${
|
|
2876
|
+
<a href="${O(e.url)}">
|
|
2877
|
+
<img alt="${O(e.label)}" src="${O(e.imgurl)}" />
|
|
2878
2878
|
<span class="label">${e.label}</span>
|
|
2879
2879
|
<div class="right">
|
|
2880
|
-
<span class="additional-text">${
|
|
2880
|
+
<span class="additional-text">${O(e.additionaltext)}</span>
|
|
2881
2881
|
${e.value === this.value && !e.additionaltext ? l`
|
|
2882
|
-
<span class="check">${
|
|
2882
|
+
<span class="check">${D(o)}</span>` : null}
|
|
2883
2883
|
</div>
|
|
2884
2884
|
</a>
|
|
2885
2885
|
</li>
|