@florid-kit/components 0.8.54 → 0.8.56
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 +27 -26
- package/index.mjs +43 -42
- package/package.json +1 -1
package/index.js
CHANGED
|
@@ -2,17 +2,17 @@
|
|
|
2
2
|
* @license
|
|
3
3
|
* Copyright 2019 Google LLC
|
|
4
4
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
5
|
-
*/const bt=globalThis,It=bt.ShadowRoot&&(bt.ShadyCSS===void 0||bt.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,Ot=Symbol(),Zt=new WeakMap;let ne=class{constructor(t,e,n){if(this._$cssResult$=!0,n!==Ot)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(It&&t===void 0){const n=e!==void 0&&e.length===1;n&&(t=Zt.get(e)),t===void 0&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),n&&Zt.set(e,t))}return t}toString(){return this.cssText}};const de=o=>new ne(typeof o=="string"?o:o+"",void 0,Ot),y=(o,...t)=>{const e=o.length===1?o[0]:t.reduce((n,i,r)=>n+(s=>{if(s._$cssResult$===!0)return s.cssText;if(typeof s=="number")return s;throw Error("Value passed to 'css' function must be a 'css' function result: "+s+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(i)+o[r+1],o[0]);return new ne(e,o,Ot)},pe=(o,t)=>{if(It)o.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(const e of t){const n=document.createElement("style"),i=bt.litNonce;i!==void 0&&n.setAttribute("nonce",i),n.textContent=e.cssText,o.appendChild(n)}},
|
|
5
|
+
*/const bt=globalThis,It=bt.ShadowRoot&&(bt.ShadyCSS===void 0||bt.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,Ot=Symbol(),Zt=new WeakMap;let ne=class{constructor(t,e,n){if(this._$cssResult$=!0,n!==Ot)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(It&&t===void 0){const n=e!==void 0&&e.length===1;n&&(t=Zt.get(e)),t===void 0&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),n&&Zt.set(e,t))}return t}toString(){return this.cssText}};const de=o=>new ne(typeof o=="string"?o:o+"",void 0,Ot),y=(o,...t)=>{const e=o.length===1?o[0]:t.reduce((n,i,r)=>n+(s=>{if(s._$cssResult$===!0)return s.cssText;if(typeof s=="number")return s;throw Error("Value passed to 'css' function must be a 'css' function result: "+s+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(i)+o[r+1],o[0]);return new ne(e,o,Ot)},pe=(o,t)=>{if(It)o.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(const e of t){const n=document.createElement("style"),i=bt.litNonce;i!==void 0&&n.setAttribute("nonce",i),n.textContent=e.cssText,o.appendChild(n)}},Kt=It?o=>o:o=>o instanceof CSSStyleSheet?(t=>{let e="";for(const n of t.cssRules)e+=n.cssText;return de(e)})(o):o;/**
|
|
6
6
|
* @license
|
|
7
7
|
* Copyright 2017 Google LLC
|
|
8
8
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
9
|
-
*/const{is:ue,defineProperty:ve,getOwnPropertyDescriptor:fe,getOwnPropertyNames:be,getOwnPropertySymbols:ge,getPrototypeOf:ye}=Object,R=globalThis,
|
|
9
|
+
*/const{is:ue,defineProperty:ve,getOwnPropertyDescriptor:fe,getOwnPropertyNames:be,getOwnPropertySymbols:ge,getPrototypeOf:ye}=Object,R=globalThis,Wt=R.trustedTypes,me=Wt?Wt.emptyScript:"",_t=R.reactiveElementPolyfillSupport,ot=(o,t)=>o,gt={toAttribute(o,t){switch(t){case Boolean:o=o?me: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}},Bt=(o,t)=>!ue(o,t),Gt={attribute:!0,type:String,converter:gt,reflect:!1,useDefault:!1,hasChanged:Bt};Symbol.metadata??(Symbol.metadata=Symbol("metadata")),R.litPropertyMetadata??(R.litPropertyMetadata=new WeakMap);let J=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 n=Symbol(),i=this.getPropertyDescriptor(t,n,e);i!==void 0&&ve(this.prototype,t,i)}}static getPropertyDescriptor(t,e,n){const{get:i,set:r}=fe(this.prototype,t)??{get(){return this[e]},set(s){this[e]=s}};return{get:i,set(s){const h=i==null?void 0:i.call(this);r==null||r.call(this,s),this.requestUpdate(t,h,n)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??Gt}static _$Ei(){if(this.hasOwnProperty(ot("elementProperties")))return;const t=ye(this);t.finalize(),t.l!==void 0&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(ot("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(ot("properties"))){const e=this.properties,n=[...be(e),...ge(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(Kt(i))}else t!==void 0&&e.push(Kt(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 pe(t,this.constructor.elementStyles),t}connectedCallback(){var t;this.renderRoot??(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),(t=this._$EO)==null||t.forEach(e=>{var n;return(n=e.hostConnected)==null?void 0:n.call(e)})}enableUpdating(t){}disconnectedCallback(){var t;(t=this._$EO)==null||t.forEach(e=>{var n;return(n=e.hostDisconnected)==null?void 0:n.call(e)})}attributeChangedCallback(t,e,n){this._$AK(t,n)}_$ET(t,e){var r;const n=this.constructor.elementProperties.get(t),i=this.constructor._$Eu(t,n);if(i!==void 0&&n.reflect===!0){const s=(((r=n.converter)==null?void 0:r.toAttribute)!==void 0?n.converter:gt).toAttribute(e,n.type);this._$Em=t,s==null?this.removeAttribute(i):this.setAttribute(i,s),this._$Em=null}}_$AK(t,e){var r,s;const n=this.constructor,i=n._$Eh.get(t);if(i!==void 0&&this._$Em!==i){const h=n.getPropertyOptions(i),c=typeof h.converter=="function"?{fromAttribute:h.converter}:((r=h.converter)==null?void 0:r.fromAttribute)!==void 0?h.converter:gt;this._$Em=i,this[i]=c.fromAttribute(e,h.type)??((s=this._$Ej)==null?void 0:s.get(i))??null,this._$Em=null}}requestUpdate(t,e,n){var i;if(t!==void 0){const r=this.constructor,s=this[t];if(n??(n=r.getPropertyOptions(t)),!((n.hasChanged??Bt)(s,e)||n.useDefault&&n.reflect&&s===((i=this._$Ej)==null?void 0:i.get(t))&&!this.hasAttribute(r._$Eu(t,n))))return;this.C(t,e,n)}this.isUpdatePending===!1&&(this._$ES=this._$EP())}C(t,e,{useDefault:n,reflect:i,wrapped:r},s){n&&!(this._$Ej??(this._$Ej=new Map)).has(t)&&(this._$Ej.set(t,s??e??this[t]),r!==!0||s!==void 0)||(this._$AL.has(t)||(this.hasUpdated||n||(e=void 0),this._$AL.set(t,e)),i===!0&&this._$Em!==t&&(this._$Eq??(this._$Eq=new Set)).add(t))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(e){Promise.reject(e)}const t=this.scheduleUpdate();return t!=null&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){var n;if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??(this.renderRoot=this.createRenderRoot()),this._$Ep){for(const[r,s]of this._$Ep)this[r]=s;this._$Ep=void 0}const i=this.constructor.elementProperties;if(i.size>0)for(const[r,s]of i){const{wrapped:h}=s,c=this[r];h!==!0||this._$AL.has(r)||c===void 0||this.C(r,void 0,s,c)}}let t=!1;const e=this._$AL;try{t=this.shouldUpdate(e),t?(this.willUpdate(e),(n=this._$EO)==null||n.forEach(i=>{var r;return(r=i.hostUpdate)==null?void 0:r.call(i)}),this.update(e)):this._$EM()}catch(i){throw t=!1,this._$EM(),i}t&&this._$AE(e)}willUpdate(t){}_$AE(t){var e;(e=this._$EO)==null||e.forEach(n=>{var i;return(i=n.hostUpdated)==null?void 0:i.call(n)}),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(t){return!0}update(t){this._$Eq&&(this._$Eq=this._$Eq.forEach(e=>this._$ET(e,this[e]))),this._$EM()}updated(t){}firstUpdated(t){}};J.elementStyles=[],J.shadowRootOptions={mode:"open"},J[ot("elementProperties")]=new Map,J[ot("finalized")]=new Map,_t==null||_t({ReactiveElement:J}),(R.reactiveElementVersions??(R.reactiveElementVersions=[])).push("2.1.0");/**
|
|
10
10
|
* @license
|
|
11
11
|
* Copyright 2017 Google LLC
|
|
12
12
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
13
|
-
*/const it=globalThis,yt=it.trustedTypes,Xt=yt?yt.createPolicy("lit-html",{createHTML:o=>o}):void 0,re="$lit$",F=`lit$${Math.random().toFixed(9).slice(2)}$`,se="?"+F,we=`<${se}>`,
|
|
13
|
+
*/const it=globalThis,yt=it.trustedTypes,Xt=yt?yt.createPolicy("lit-html",{createHTML:o=>o}):void 0,re="$lit$",F=`lit$${Math.random().toFixed(9).slice(2)}$`,se="?"+F,we=`<${se}>`,K=document,rt=()=>K.createComment(""),st=o=>o===null||typeof o!="object"&&typeof o!="function",zt=Array.isArray,xe=o=>zt(o)||typeof(o==null?void 0:o[Symbol.iterator])=="function",Ct=`[
|
|
14
14
|
\f\r]`,et=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,Jt=/-->/g,Qt=/>/g,V=RegExp(`>|${Ct}(?:([^\\s"'>=/]+)(${Ct}*=${Ct}*(?:[^
|
|
15
|
-
\f\r"'\`<>=]|("|')|))|$)`,"g"),Yt=/'/g,te=/"/g,ae=/^(?:script|style|textarea|title)$/i,$e=o=>(t,...e)=>({_$litType$:o,strings:t,values:e}),l=$e(1),U=Symbol.for("lit-noChange"),d=Symbol.for("lit-nothing"),ee=new WeakMap,q=
|
|
15
|
+
\f\r"'\`<>=]|("|')|))|$)`,"g"),Yt=/'/g,te=/"/g,ae=/^(?:script|style|textarea|title)$/i,$e=o=>(t,...e)=>({_$litType$:o,strings:t,values:e}),l=$e(1),U=Symbol.for("lit-noChange"),d=Symbol.for("lit-nothing"),ee=new WeakMap,q=K.createTreeWalker(K,129);function le(o,t){if(!zt(o)||!o.hasOwnProperty("raw"))throw Error("invalid template strings array");return Xt!==void 0?Xt.createHTML(t):t}const _e=(o,t)=>{const e=o.length-1,n=[];let i,r=t===2?"<svg>":t===3?"<math>":"",s=et;for(let h=0;h<e;h++){const c=o[h];let f,m,p=-1,$=0;for(;$<c.length&&(s.lastIndex=$,m=s.exec(c),m!==null);)$=s.lastIndex,s===et?m[1]==="!--"?s=Jt:m[1]!==void 0?s=Qt:m[2]!==void 0?(ae.test(m[2])&&(i=RegExp("</"+m[2],"g")),s=V):m[3]!==void 0&&(s=V):s===V?m[0]===">"?(s=i??et,p=-1):m[1]===void 0?p=-2:(p=s.lastIndex-m[2].length,f=m[1],s=m[3]===void 0?V:m[3]==='"'?te:Yt):s===te||s===Yt?s=V:s===Jt||s===Qt?s=et:(s=V,i=void 0);const S=s===V&&o[h+1].startsWith("/>")?" ":"";r+=s===et?c+we:p>=0?(n.push(f),c.slice(0,p)+re+c.slice(p)+F+S):c+F+(p===-2?h:S)}return[le(o,r+(o[e]||"<?>")+(t===2?"</svg>":t===3?"</math>":"")),n]};class at{constructor({strings:t,_$litType$:e},n){let i;this.parts=[];let r=0,s=0;const h=t.length-1,c=this.parts,[f,m]=_e(t,e);if(this.el=at.createElement(f,n),q.currentNode=this.el.content,e===2||e===3){const p=this.el.content.firstChild;p.replaceWith(...p.childNodes)}for(;(i=q.nextNode())!==null&&c.length<h;){if(i.nodeType===1){if(i.hasAttributes())for(const p of i.getAttributeNames())if(p.endsWith(re)){const $=m[s++],S=i.getAttribute(p).split(F),ft=/([.?@])?(.*)/.exec($);c.push({type:1,index:r,name:ft[2],strings:S,ctor:ft[1]==="."?ke:ft[1]==="?"?Ae:ft[1]==="@"?Ee:wt}),i.removeAttribute(p)}else p.startsWith(F)&&(c.push({type:6,index:r}),i.removeAttribute(p));if(ae.test(i.tagName)){const p=i.textContent.split(F),$=p.length-1;if($>0){i.textContent=yt?yt.emptyScript:"";for(let S=0;S<$;S++)i.append(p[S],rt()),q.nextNode(),c.push({type:2,index:++r});i.append(p[$],rt())}}}else if(i.nodeType===8)if(i.data===se)c.push({type:2,index:r});else{let p=-1;for(;(p=i.data.indexOf(F,p+1))!==-1;)c.push({type:7,index:r}),p+=F.length-1}r++}}static createElement(t,e){const n=K.createElement("template");return n.innerHTML=t,n}}function Q(o,t,e=o,n){var s,h;if(t===U)return t;let i=n!==void 0?(s=e._$Co)==null?void 0:s[n]:e._$Cl;const r=st(t)?void 0:t._$litDirective$;return(i==null?void 0:i.constructor)!==r&&((h=i==null?void 0:i._$AO)==null||h.call(i,!1),r===void 0?i=void 0:(i=new r(o),i._$AT(o,e,n)),n!==void 0?(e._$Co??(e._$Co=[]))[n]=i:e._$Cl=i),i!==void 0&&(t=Q(o,i._$AS(o,t.values),i,n)),t}class Ce{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)??K).importNode(e,!0);q.currentNode=i;let r=q.nextNode(),s=0,h=0,c=n[0];for(;c!==void 0;){if(s===c.index){let f;c.type===2?f=new ut(r,r.nextSibling,this,t):c.type===1?f=new c.ctor(r,c.name,c.strings,this,t):c.type===6&&(f=new Se(r,this,t)),this._$AV.push(f),c=n[++h]}s!==(c==null?void 0:c.index)&&(r=q.nextNode(),s++)}return q.currentNode=K,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 ut{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=Q(this,t,e),st(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):xe(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&&st(this._$AH)?this._$AA.nextSibling.data=t:this.T(K.createTextNode(t)),this._$AH=t}$(t){var r;const{values:e,_$litType$:n}=t,i=typeof n=="number"?this._$AC(t):(n.el===void 0&&(n.el=at.createElement(le(n.h,n.h[0]),this.options)),n);if(((r=this._$AH)==null?void 0:r._$AD)===i)this._$AH.p(e);else{const s=new Ce(i,this),h=s.u(this.options);s.p(e),this.T(h),this._$AH=s}}_$AC(t){let e=ee.get(t.strings);return e===void 0&&ee.set(t.strings,e=new at(t)),e}k(t){zt(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let n,i=0;for(const r of t)i===e.length?e.push(n=new ut(this.O(rt()),this.O(rt()),this,this.options)):n=e[i],n._$AI(r),i++;i<e.length&&(this._$AR(n&&n._$AB.nextSibling,i),e.length=i)}_$AR(t=this._$AA.nextSibling,e){var n;for((n=this._$AP)==null?void 0:n.call(this,!1,!0,e);t&&t!==this._$AB;){const i=t.nextSibling;t.remove(),t=i}}setConnected(t){var e;this._$AM===void 0&&(this._$Cv=t,(e=this._$AP)==null||e.call(this,t))}}class wt{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,e,n,i,r){this.type=1,this._$AH=d,this._$AN=void 0,this.element=t,this.name=e,this._$AM=i,this.options=r,n.length>2||n[0]!==""||n[1]!==""?(this._$AH=Array(n.length-1).fill(new String),this.strings=n):this._$AH=d}_$AI(t,e=this,n,i){const r=this.strings;let s=!1;if(r===void 0)t=Q(this,t,e,0),s=!st(t)||t!==this._$AH&&t!==U,s&&(this._$AH=t);else{const h=t;let c,f;for(t=r[0],c=0;c<r.length-1;c++)f=Q(this,h[n+c],e,c),f===U&&(f=this._$AH[c]),s||(s=!st(f)||f!==this._$AH[c]),f===d?t=d:t!==d&&(t+=(f??"")+r[c+1]),this._$AH[c]=f}s&&!i&&this.j(t)}j(t){t===d?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}}class ke extends wt{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===d?void 0:t}}class Ae extends wt{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==d)}}class Ee extends wt{constructor(t,e,n,i,r){super(t,e,n,i,r),this.type=5}_$AI(t,e=this){if((t=Q(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,r=t!==d&&(n===d||i);i&&this.element.removeEventListener(this.name,this,n),r&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){var e;typeof this._$AH=="function"?this._$AH.call(((e=this.options)==null?void 0:e.host)??this.element,t):this._$AH.handleEvent(t)}}class Se{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){Q(this,t)}}const kt=it.litHtmlPolyfillSupport;kt==null||kt(at,ut),(it.litHtmlVersions??(it.litHtmlVersions=[])).push("3.3.0");const Le=(o,t,e)=>{const n=(e==null?void 0:e.renderBefore)??t;let i=n._$litPart$;if(i===void 0){const r=(e==null?void 0:e.renderBefore)??null;n._$litPart$=i=new ut(t.insertBefore(rt(),r),r,void 0,e??{})}return i._$AI(o),i};/**
|
|
16
16
|
* @license
|
|
17
17
|
* Copyright 2017 Google LLC
|
|
18
18
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
@@ -28,7 +28,7 @@
|
|
|
28
28
|
* @license
|
|
29
29
|
* Copyright 2017 Google LLC
|
|
30
30
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
31
|
-
*/function
|
|
31
|
+
*/function W(o){return a({...o,state:!0,attribute:!1})}const vt=y`
|
|
32
32
|
outline: 1px dashed var(--color-border-primary);
|
|
33
33
|
outline-offset: 2px;
|
|
34
34
|
`;y`
|
|
@@ -99,10 +99,10 @@
|
|
|
99
99
|
`,Ze=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
100
100
|
<path d="M15.0009 8.12175C15.0009 8.36347 14.805 8.55943 14.5634 8.55943H2.49495L7.43502 13.5017C7.60609 13.6726 7.60628 13.9499 7.43546 14.1211C7.26464 14.2922 6.98749 14.2924 6.81642 14.1215L1.13 8.43163C1.04685 8.34998 1 8.23831 1 8.12175C1 8.00518 1.04685 7.89351 1.13 7.81187L6.81642 2.12286C6.98808 1.95699 7.26094 1.95937 7.4297 2.12819C7.59845 2.29702 7.60082 2.57001 7.43502 2.74175L2.49495 7.68406H14.5634C14.805 7.68406 15.0009 7.88002 15.0009 8.12175Z" fill="#3F2B2E"/>
|
|
101
101
|
</svg>
|
|
102
|
-
`,
|
|
102
|
+
`,Ke=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
103
103
|
<path d="M14.1218 7.43502C13.9504 7.60543 13.6735 7.60543 13.5021 7.43502L8.55961 2.49408V14.5625C8.55961 14.8041 8.36365 15 8.12192 15C7.88018 15 7.68422 14.8041 7.68422 14.5625V2.49408L2.74177 7.43502C2.57002 7.60082 2.29703 7.59845 2.1282 7.4297C1.95936 7.26094 1.95699 6.98808 2.12287 6.81642L7.81203 1.13C7.89368 1.04685 8.00535 1 8.12192 1C8.23848 1 8.35015 1.04685 8.4318 1.13L14.121 6.81642C14.2921 6.98702 14.2925 7.26395 14.1218 7.43502Z" fill="#3F2B2E"/>
|
|
104
104
|
</svg>
|
|
105
|
-
`,
|
|
105
|
+
`,We=`<svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
106
106
|
<path d="M6.33317 8.00033C6.33317 3.95024 7.52708 0.666992 8.99984 0.666992C10.4726 0.666992 11.6665 3.95024 11.6665 8.00033M5.33317 15.3337H12.6665L16.3332 6.20033C14.9582 5.76699 12.2998 5.33366 8.99984 5.33366C5.69984 5.33366 3.49984 5.76699 1.6665 6.20033L5.33317 15.3337Z" stroke="#3F2B2E"/>
|
|
107
107
|
</svg>
|
|
108
108
|
`,Ge=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
@@ -130,7 +130,7 @@
|
|
|
130
130
|
<path d="M2.31202e-08 7.85218C0.974855 6.83983 3.01741 4.44477 6.12766 0.666992L6.54545 0.926252C5.54739 3.04971 4.35203 5.40773 2.95938 8.00033C4.35203 10.5929 5.54739 12.9509 6.54545 15.0744L6.12766 15.3337C3.01741 11.5559 0.974855 9.16082 0 8.14847L2.31202e-08 7.85218Z" fill="#3F2B2E"/>
|
|
131
131
|
<path d="M16 8.14847C15.0251 9.16082 12.9826 11.5559 9.87234 15.3337L9.45455 15.0744C10.4526 12.9509 11.648 10.5929 13.0406 8.00033C11.648 5.40773 10.4526 3.04971 9.45455 0.92625L9.87234 0.666992C12.9826 4.44477 15.0251 6.83983 16 7.85218V8.14847Z" fill="#3F2B2E"/>
|
|
132
132
|
</svg>
|
|
133
|
-
`,G={wishlist:Be,playerv:ze,chevronRight:De,chevronLeft:He,icoPlus:Ve,icoMinus:qe,"star-0":Me,"star-25":Te,"star-50":je,"star-75":Fe,"star-100":Re,cross:Ue,search:Ne,arrowLeft:Ze,arrowTop:
|
|
133
|
+
`,G={wishlist:Be,playerv:ze,chevronRight:De,chevronLeft:He,icoPlus:Ve,icoMinus:qe,"star-0":Me,"star-25":Te,"star-50":je,"star-75":Fe,"star-100":Re,cross:Ue,search:Ne,arrowLeft:Ze,arrowTop:Ke,cart:We,notifyme:Ge,triangledown:Xe,triangleup:Je,checkstroke:Qe,pause:Ye,mapDualArrow:to,swipeDualArrow:oo},io={strikeDiagonal:eo};/**
|
|
134
134
|
* @license
|
|
135
135
|
* Copyright 2017 Google LLC
|
|
136
136
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
@@ -142,12 +142,13 @@
|
|
|
142
142
|
* @license
|
|
143
143
|
* Copyright 2017 Google LLC
|
|
144
144
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
145
|
-
*/class Lt extends St{}Lt.directiveName="unsafeSVG",Lt.resultType=2;const I=Tt(Lt);var no=Object.defineProperty,ro=Object.getOwnPropertyDescriptor,x=(o,t,e,n)=>{for(var i=n>1?void 0:n?ro(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&no(t,e,i),i};const so=Ht(v);let b=class extends so{constructor(){super(...arguments),this.type="submit",this.value="",this.variant="primary",this.text="",this.textsecond="",this.fullwidth=!1,this.disabled=!1,this.startIconModel="",this.endIconModel="",this.startIcon=!1,this.endIcon=!1,this.panelTarget="",this.href="",this.target="",this.underlined=!1,this.withbadge=!1}get name(){return this.getAttribute("name")??""}set name(o){this.setAttribute("name",o)}get form(){return this[Dt].form}handleClick(){if(this.panelTarget){const
|
|
146
|
-
<button type=${this.type} class="button" ?disabled=${this.disabled} @click=${this.handleClick}>
|
|
145
|
+
*/class Lt extends St{}Lt.directiveName="unsafeSVG",Lt.resultType=2;const I=Tt(Lt);var no=Object.defineProperty,ro=Object.getOwnPropertyDescriptor,x=(o,t,e,n)=>{for(var i=n>1?void 0:n?ro(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&no(t,e,i),i};const so=Ht(v);let b=class extends so{constructor(){super(...arguments),this.type="submit",this.value="",this.variant="primary",this.text="",this.textsecond="",this.fullwidth=!1,this.disabled=!1,this.startIconModel="",this.endIconModel="",this.startIcon=!1,this.endIcon=!1,this.panelTarget="",this.href="",this.target="",this.underlined=!1,this.withbadge=!1}get name(){return this.getAttribute("name")??""}set name(o){this.setAttribute("name",o)}get form(){return this[Dt].form}handleClick(o){if(!(o instanceof KeyboardEvent&&!["Enter"," "].includes(o.key))&&this.panelTarget){const t=document.getElementById(this.panelTarget);t!=null&&t.openPanel&&typeof t.openPanel=="function"?t.openPanel():console.warn(`[o-button] No side panel with id="${this.panelTarget}" found or it does not have an openPanel method.`)}}render(){return this.href?this.renderLink():this.renderButton()}renderIcon(o){const t=o==="start"?this.startIconModel:this.endIconModel;if(!t)return d;const e=G[t].replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"');return l`<span class="${o==="start"?"icon-start":"icon-end"}">${I(e)}</span>`}renderButton(){const o=this.text||this.textsecond;return l`
|
|
146
|
+
<button type=${this.type} class="button" ?disabled=${this.disabled} @click=${this.handleClick} @keydown=${this.handleClick}>
|
|
147
147
|
${this.startIcon?this.renderIcon("start"):d}
|
|
148
148
|
${o?l`
|
|
149
|
-
${this.text?l`<span class="text">${this.text}
|
|
149
|
+
${this.text?l`<span class="text">${this.text}</span>`:d}
|
|
150
150
|
${this.textsecond?l`<span class="text">${this.textsecond}</span>`:d}
|
|
151
|
+
${this.withbadge?l`<slot></slot>`:d}
|
|
151
152
|
`:l`<slot></slot>`}
|
|
152
153
|
${this.endIcon?this.renderIcon("end"):d}
|
|
153
154
|
</button>
|
|
@@ -168,6 +169,7 @@
|
|
|
168
169
|
`}};Oe(b);b.formAssociated=!0;b.styles=y`
|
|
169
170
|
:host {
|
|
170
171
|
--button-border: transparent;
|
|
172
|
+
--badge-outer-width: 19px;
|
|
171
173
|
cursor: pointer;
|
|
172
174
|
display: inline-flex;
|
|
173
175
|
}
|
|
@@ -329,8 +331,9 @@
|
|
|
329
331
|
|
|
330
332
|
:host([underlined]) span:not([class*="icon-"]),
|
|
331
333
|
:host([underlined]) .text,
|
|
332
|
-
:host([underlined]) .button slot {
|
|
334
|
+
:host([underlined]:not([text])) .button slot {
|
|
333
335
|
position: relative;
|
|
336
|
+
|
|
334
337
|
&::after {
|
|
335
338
|
content: "";
|
|
336
339
|
display: block;
|
|
@@ -342,12 +345,15 @@
|
|
|
342
345
|
}
|
|
343
346
|
}
|
|
344
347
|
|
|
345
|
-
:host([
|
|
346
|
-
|
|
347
|
-
|
|
348
|
+
:host([underlined]:not([text])) .button slot {
|
|
349
|
+
display: inline-flex;
|
|
350
|
+
gap: 8px;
|
|
348
351
|
}
|
|
349
|
-
|
|
350
|
-
|
|
352
|
+
|
|
353
|
+
:host([underlined][withbadge]:not([text])) .button slot {
|
|
354
|
+
&::after {
|
|
355
|
+
width: calc(100% - var(--badge-outer-width, 19px) - var(--spacing-s, 8px))
|
|
356
|
+
}
|
|
351
357
|
}
|
|
352
358
|
|
|
353
359
|
//Icon movement on hover
|
|
@@ -1226,7 +1232,7 @@
|
|
|
1226
1232
|
height: 0;
|
|
1227
1233
|
width: 0;
|
|
1228
1234
|
}
|
|
1229
|
-
`;N([a({type:Array})],O.prototype,"thumbnails",2);N([a({type:Number})],O.prototype,"activeIndex",2);N([a({type:Array})],O.prototype,"disabledIndexes",2);N([a({type:String})],O.prototype,"maxWidth",2);N([a({type:String})],O.prototype,"altressource",2);N([a({type:Object})],O.prototype,"swiperInstance",2);N([
|
|
1235
|
+
`;N([a({type:Array})],O.prototype,"thumbnails",2);N([a({type:Number})],O.prototype,"activeIndex",2);N([a({type:Array})],O.prototype,"disabledIndexes",2);N([a({type:String})],O.prototype,"maxWidth",2);N([a({type:String})],O.prototype,"altressource",2);N([a({type:Object})],O.prototype,"swiperInstance",2);N([W()],O.prototype,"focusedIndex",2);O=N([w("thumbnail-navigation")],O);var So=Object.defineProperty,Lo=Object.getOwnPropertyDescriptor,Ft=(o,t,e,n)=>{for(var i=n>1?void 0:n?Lo(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&So(t,e,i),i};let lt=class extends v{constructor(){super(...arguments),this.type="",this.bgstyle="background-white"}render(){return l`
|
|
1230
1236
|
<span class="tag ${this.bgstyle}"><slot></slot></span>
|
|
1231
1237
|
`}};lt.styles=y`
|
|
1232
1238
|
.tag {
|
|
@@ -1569,7 +1575,7 @@
|
|
|
1569
1575
|
input[type="hidden"] {
|
|
1570
1576
|
display: none;
|
|
1571
1577
|
}
|
|
1572
|
-
`;H([a({type:Array,reflect:!0})],L.prototype,"options",2);H([a({type:String,reflect:!0})],L.prototype,"value",2);H([a({type:String,reflect:!0})],L.prototype,"name",2);H([a({type:Boolean,reflect:!0})],L.prototype,"disabled",2);H([a({type:String,reflect:!0})],L.prototype,"width",2);H([
|
|
1578
|
+
`;H([a({type:Array,reflect:!0})],L.prototype,"options",2);H([a({type:String,reflect:!0})],L.prototype,"value",2);H([a({type:String,reflect:!0})],L.prototype,"name",2);H([a({type:Boolean,reflect:!0})],L.prototype,"disabled",2);H([a({type:String,reflect:!0})],L.prototype,"width",2);H([W()],L.prototype,"open",2);H([W()],L.prototype,"activeIndex",2);H([W()],L.prototype,"menuWidth",2);L=H([w("o-dropdown")],L);var zo=Object.getOwnPropertyDescriptor,Do=(o,t,e,n)=>{for(var i=n>1?void 0:n?zo(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=s(i)||i);return i};let Pt=class extends v{render(){return l` <span class="dots"></span> `}};Pt.styles=y`
|
|
1573
1579
|
:host {
|
|
1574
1580
|
display: flex;
|
|
1575
1581
|
align-items: center;
|
|
@@ -1857,7 +1863,7 @@
|
|
|
1857
1863
|
input[type="hidden"] {
|
|
1858
1864
|
display: none;
|
|
1859
1865
|
}
|
|
1860
|
-
`;z([a({type:Array,reflect:!0})],k.prototype,"options",2);z([a({type:String,reflect:!0})],k.prototype,"value",2);z([a({type:String,reflect:!0})],k.prototype,"name",2);z([a({type:String,reflect:!0})],k.prototype,"additionaltext",2);z([a({type:Boolean,reflect:!0})],k.prototype,"disabled",2);z([a({type:String,reflect:!0})],k.prototype,"width",2);z([
|
|
1866
|
+
`;z([a({type:Array,reflect:!0})],k.prototype,"options",2);z([a({type:String,reflect:!0})],k.prototype,"value",2);z([a({type:String,reflect:!0})],k.prototype,"name",2);z([a({type:String,reflect:!0})],k.prototype,"additionaltext",2);z([a({type:Boolean,reflect:!0})],k.prototype,"disabled",2);z([a({type:String,reflect:!0})],k.prototype,"width",2);z([W()],k.prototype,"open",2);z([W()],k.prototype,"activeIndex",2);z([W()],k.prototype,"menuWidth",2);k=z([w("o-dropdown-variant")],k);/**
|
|
1861
1867
|
* @license
|
|
1862
1868
|
* Copyright 2018 Google LLC
|
|
1863
1869
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
@@ -2055,7 +2061,7 @@
|
|
|
2055
2061
|
flex-wrap: wrap;
|
|
2056
2062
|
gap: var(--spacing-s);
|
|
2057
2063
|
}
|
|
2058
|
-
`;Nt([a({reflect:!0})],dt.prototype,"name",2);Nt([a({reflect:!0})],dt.prototype,"value",2);dt=Nt([w("o-chipset")],dt);var
|
|
2064
|
+
`;Nt([a({reflect:!0})],dt.prototype,"name",2);Nt([a({reflect:!0})],dt.prototype,"value",2);dt=Nt([w("o-chipset")],dt);var Ko=Object.defineProperty,Wo=Object.getOwnPropertyDescriptor,T=(o,t,e,n)=>{for(var i=n>1?void 0:n?Wo(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&Ko(t,e,i),i};const Go=Ht(v);let P=class extends Go{constructor(){super(...arguments),this.name="",this.value="",this.type="",this.dataHref="",this.text="",this.selected=!1,this.disabled=!1,this.fullwidth=!1,this.crossIconName="cross",this.strikethroughImgName="strikeDiagonal"}handleClick(o){if(o instanceof KeyboardEvent&&o.key!=="Enter"&&o.key!==" ")return;this.selected=!this.selected;const t={selected:this.selected},e=new CustomEvent("selected",{detail:t,bubbles:!0,composed:!0,cancelable:!0});this.dispatchEvent(e),e.defaultPrevented&&o.preventDefault(),this.selected=t.selected}crossIcon(){const o=G[this.crossIconName].replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"').replace(/stroke=[#"'a-z1-9]*/gi,"");return l`<span class="cross-icon">${I(o)}</span>`}strikeThroughImg(){const o=io[this.strikethroughImgName].replace("<svg",'<svg aria-hidden="true" focusable="false" part="strikethrough"').replace(/stroke=[#"'a-z1-9]*/gi,"");return I(o)}render(){const o=this.text;return l`${this.type==="link"?l`
|
|
2059
2065
|
<a role="button" tabindex="0" class="button" href=${this.dataHref} ?disabled=${this.disabled} @click=${this.handleClick} @keydown=${this.handleClick}
|
|
2060
2066
|
aria-label=${this.ariaLabel} aria-pressed=${this.selected}>
|
|
2061
2067
|
${o?l`
|
|
@@ -2334,11 +2340,6 @@
|
|
|
2334
2340
|
--text-color: var(--color-content-filter, #f6f0e7);
|
|
2335
2341
|
}
|
|
2336
2342
|
|
|
2337
|
-
:host([withinbutton]) {
|
|
2338
|
-
position: absolute;
|
|
2339
|
-
right: calc(-1 * (var(--badge-width) + var(--spacing-s, 8px)));
|
|
2340
|
-
}
|
|
2341
|
-
|
|
2342
2343
|
.badge {
|
|
2343
2344
|
display: block;
|
|
2344
2345
|
padding: 1px var(--spacing-4-xs, 0) var(--spacing-4-xs, 0) 1px;
|
package/index.mjs
CHANGED
|
@@ -35,7 +35,7 @@ const de = (o) => new ne(typeof o == "string" ? o : o + "", void 0, Ot), y = (o,
|
|
|
35
35
|
const n = document.createElement("style"), i = bt.litNonce;
|
|
36
36
|
i !== void 0 && n.setAttribute("nonce", i), n.textContent = e.cssText, o.appendChild(n);
|
|
37
37
|
}
|
|
38
|
-
},
|
|
38
|
+
}, Kt = It ? (o) => o : (o) => o instanceof CSSStyleSheet ? ((t) => {
|
|
39
39
|
let e = "";
|
|
40
40
|
for (const n of t.cssRules) e += n.cssText;
|
|
41
41
|
return de(e);
|
|
@@ -45,7 +45,7 @@ const de = (o) => new ne(typeof o == "string" ? o : o + "", void 0, Ot), y = (o,
|
|
|
45
45
|
* Copyright 2017 Google LLC
|
|
46
46
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
47
47
|
*/
|
|
48
|
-
const { is: ue, defineProperty: ve, getOwnPropertyDescriptor: fe, getOwnPropertyNames: be, getOwnPropertySymbols: ge, getPrototypeOf: ye } = Object, R = globalThis,
|
|
48
|
+
const { is: ue, defineProperty: ve, getOwnPropertyDescriptor: fe, getOwnPropertyNames: be, getOwnPropertySymbols: ge, getPrototypeOf: ye } = Object, R = globalThis, Wt = R.trustedTypes, me = Wt ? Wt.emptyScript : "", _t = R.reactiveElementPolyfillSupport, ot = (o, t) => o, gt = { toAttribute(o, t) {
|
|
49
49
|
switch (t) {
|
|
50
50
|
case Boolean:
|
|
51
51
|
o = o ? me : null;
|
|
@@ -129,8 +129,8 @@ let J = class extends HTMLElement {
|
|
|
129
129
|
const e = [];
|
|
130
130
|
if (Array.isArray(t)) {
|
|
131
131
|
const n = new Set(t.flat(1 / 0).reverse());
|
|
132
|
-
for (const i of n) e.unshift(
|
|
133
|
-
} else t !== void 0 && e.push(
|
|
132
|
+
for (const i of n) e.unshift(Kt(i));
|
|
133
|
+
} else t !== void 0 && e.push(Kt(t));
|
|
134
134
|
return e;
|
|
135
135
|
}
|
|
136
136
|
static _$Eu(t, e) {
|
|
@@ -282,9 +282,9 @@ J.elementStyles = [], J.shadowRootOptions = { mode: "open" }, J[ot("elementPrope
|
|
|
282
282
|
* Copyright 2017 Google LLC
|
|
283
283
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
284
284
|
*/
|
|
285
|
-
const it = globalThis, yt = it.trustedTypes, Xt = yt ? yt.createPolicy("lit-html", { createHTML: (o) => o }) : void 0, re = "$lit$", F = `lit$${Math.random().toFixed(9).slice(2)}$`, se = "?" + F, we = `<${se}>`,
|
|
285
|
+
const it = globalThis, yt = it.trustedTypes, Xt = yt ? yt.createPolicy("lit-html", { createHTML: (o) => o }) : void 0, re = "$lit$", F = `lit$${Math.random().toFixed(9).slice(2)}$`, se = "?" + F, we = `<${se}>`, K = document, rt = () => K.createComment(""), st = (o) => o === null || typeof o != "object" && typeof o != "function", zt = Array.isArray, xe = (o) => zt(o) || typeof (o == null ? void 0 : o[Symbol.iterator]) == "function", Ct = `[
|
|
286
286
|
\f\r]`, et = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, Jt = /-->/g, Qt = />/g, V = RegExp(`>|${Ct}(?:([^\\s"'>=/]+)(${Ct}*=${Ct}*(?:[^
|
|
287
|
-
\f\r"'\`<>=]|("|')|))|$)`, "g"), Yt = /'/g, te = /"/g, ae = /^(?:script|style|textarea|title)$/i, $e = (o) => (t, ...e) => ({ _$litType$: o, strings: t, values: e }), l = $e(1), U = Symbol.for("lit-noChange"), d = Symbol.for("lit-nothing"), ee = /* @__PURE__ */ new WeakMap(), q =
|
|
287
|
+
\f\r"'\`<>=]|("|')|))|$)`, "g"), Yt = /'/g, te = /"/g, ae = /^(?:script|style|textarea|title)$/i, $e = (o) => (t, ...e) => ({ _$litType$: o, strings: t, values: e }), l = $e(1), U = Symbol.for("lit-noChange"), d = Symbol.for("lit-nothing"), ee = /* @__PURE__ */ new WeakMap(), q = K.createTreeWalker(K, 129);
|
|
288
288
|
function le(o, t) {
|
|
289
289
|
if (!zt(o) || !o.hasOwnProperty("raw")) throw Error("invalid template strings array");
|
|
290
290
|
return Xt !== void 0 ? Xt.createHTML(t) : t;
|
|
@@ -334,7 +334,7 @@ class at {
|
|
|
334
334
|
}
|
|
335
335
|
}
|
|
336
336
|
static createElement(t, e) {
|
|
337
|
-
const n =
|
|
337
|
+
const n = K.createElement("template");
|
|
338
338
|
return n.innerHTML = t, n;
|
|
339
339
|
}
|
|
340
340
|
}
|
|
@@ -356,7 +356,7 @@ class Ce {
|
|
|
356
356
|
return this._$AM._$AU;
|
|
357
357
|
}
|
|
358
358
|
u(t) {
|
|
359
|
-
const { el: { content: e }, parts: n } = this._$AD, i = ((t == null ? void 0 : t.creationScope) ??
|
|
359
|
+
const { el: { content: e }, parts: n } = this._$AD, i = ((t == null ? void 0 : t.creationScope) ?? K).importNode(e, !0);
|
|
360
360
|
q.currentNode = i;
|
|
361
361
|
let r = q.nextNode(), s = 0, h = 0, c = n[0];
|
|
362
362
|
for (; c !== void 0; ) {
|
|
@@ -366,7 +366,7 @@ class Ce {
|
|
|
366
366
|
}
|
|
367
367
|
s !== (c == null ? void 0 : c.index) && (r = q.nextNode(), s++);
|
|
368
368
|
}
|
|
369
|
-
return q.currentNode =
|
|
369
|
+
return q.currentNode = K, i;
|
|
370
370
|
}
|
|
371
371
|
p(t) {
|
|
372
372
|
let e = 0;
|
|
@@ -402,7 +402,7 @@ class ut {
|
|
|
402
402
|
this._$AH !== t && (this._$AR(), this._$AH = this.O(t));
|
|
403
403
|
}
|
|
404
404
|
_(t) {
|
|
405
|
-
this._$AH !== d && st(this._$AH) ? this._$AA.nextSibling.data = t : this.T(
|
|
405
|
+
this._$AH !== d && st(this._$AH) ? this._$AA.nextSibling.data = t : this.T(K.createTextNode(t)), this._$AH = t;
|
|
406
406
|
}
|
|
407
407
|
$(t) {
|
|
408
408
|
var r;
|
|
@@ -596,7 +596,7 @@ function a(o) {
|
|
|
596
596
|
* Copyright 2017 Google LLC
|
|
597
597
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
598
598
|
*/
|
|
599
|
-
function
|
|
599
|
+
function W(o) {
|
|
600
600
|
return a({ ...o, state: !0, attribute: !1 });
|
|
601
601
|
}
|
|
602
602
|
const vt = y`
|
|
@@ -711,10 +711,10 @@ const Be = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="h
|
|
|
711
711
|
`, Ze = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
712
712
|
<path d="M15.0009 8.12175C15.0009 8.36347 14.805 8.55943 14.5634 8.55943H2.49495L7.43502 13.5017C7.60609 13.6726 7.60628 13.9499 7.43546 14.1211C7.26464 14.2922 6.98749 14.2924 6.81642 14.1215L1.13 8.43163C1.04685 8.34998 1 8.23831 1 8.12175C1 8.00518 1.04685 7.89351 1.13 7.81187L6.81642 2.12286C6.98808 1.95699 7.26094 1.95937 7.4297 2.12819C7.59845 2.29702 7.60082 2.57001 7.43502 2.74175L2.49495 7.68406H14.5634C14.805 7.68406 15.0009 7.88002 15.0009 8.12175Z" fill="#3F2B2E"/>
|
|
713
713
|
</svg>
|
|
714
|
-
`,
|
|
714
|
+
`, Ke = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
715
715
|
<path d="M14.1218 7.43502C13.9504 7.60543 13.6735 7.60543 13.5021 7.43502L8.55961 2.49408V14.5625C8.55961 14.8041 8.36365 15 8.12192 15C7.88018 15 7.68422 14.8041 7.68422 14.5625V2.49408L2.74177 7.43502C2.57002 7.60082 2.29703 7.59845 2.1282 7.4297C1.95936 7.26094 1.95699 6.98808 2.12287 6.81642L7.81203 1.13C7.89368 1.04685 8.00535 1 8.12192 1C8.23848 1 8.35015 1.04685 8.4318 1.13L14.121 6.81642C14.2921 6.98702 14.2925 7.26395 14.1218 7.43502Z" fill="#3F2B2E"/>
|
|
716
716
|
</svg>
|
|
717
|
-
`,
|
|
717
|
+
`, We = `<svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
718
718
|
<path d="M6.33317 8.00033C6.33317 3.95024 7.52708 0.666992 8.99984 0.666992C10.4726 0.666992 11.6665 3.95024 11.6665 8.00033M5.33317 15.3337H12.6665L16.3332 6.20033C14.9582 5.76699 12.2998 5.33366 8.99984 5.33366C5.69984 5.33366 3.49984 5.76699 1.6665 6.20033L5.33317 15.3337Z" stroke="#3F2B2E"/>
|
|
719
719
|
</svg>
|
|
720
720
|
`, Ge = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
@@ -757,8 +757,8 @@ const Be = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="h
|
|
|
757
757
|
cross: Ue,
|
|
758
758
|
search: Ne,
|
|
759
759
|
arrowLeft: Ze,
|
|
760
|
-
arrowTop:
|
|
761
|
-
cart:
|
|
760
|
+
arrowTop: Ke,
|
|
761
|
+
cart: We,
|
|
762
762
|
notifyme: Ge,
|
|
763
763
|
triangledown: Xe,
|
|
764
764
|
triangleup: Je,
|
|
@@ -839,10 +839,10 @@ let b = class extends so {
|
|
|
839
839
|
get form() {
|
|
840
840
|
return this[Dt].form;
|
|
841
841
|
}
|
|
842
|
-
handleClick() {
|
|
843
|
-
if (this.panelTarget) {
|
|
844
|
-
const
|
|
845
|
-
|
|
842
|
+
handleClick(o) {
|
|
843
|
+
if (!(o instanceof KeyboardEvent && !["Enter", " "].includes(o.key)) && this.panelTarget) {
|
|
844
|
+
const t = document.getElementById(this.panelTarget);
|
|
845
|
+
t != null && t.openPanel && typeof t.openPanel == "function" ? t.openPanel() : console.warn(`[o-button] No side panel with id="${this.panelTarget}" found or it does not have an openPanel method.`);
|
|
846
846
|
}
|
|
847
847
|
}
|
|
848
848
|
render() {
|
|
@@ -860,11 +860,12 @@ let b = class extends so {
|
|
|
860
860
|
renderButton() {
|
|
861
861
|
const o = this.text || this.textsecond;
|
|
862
862
|
return l`
|
|
863
|
-
<button type=${this.type} class="button" ?disabled=${this.disabled} @click=${this.handleClick}>
|
|
863
|
+
<button type=${this.type} class="button" ?disabled=${this.disabled} @click=${this.handleClick} @keydown=${this.handleClick}>
|
|
864
864
|
${this.startIcon ? this.renderIcon("start") : d}
|
|
865
865
|
${o ? l`
|
|
866
|
-
${this.text ? l`<span class="text">${this.text}
|
|
866
|
+
${this.text ? l`<span class="text">${this.text}</span>` : d}
|
|
867
867
|
${this.textsecond ? l`<span class="text">${this.textsecond}</span>` : d}
|
|
868
|
+
${this.withbadge ? l`<slot></slot>` : d}
|
|
868
869
|
` : l`<slot></slot>`}
|
|
869
870
|
${this.endIcon ? this.renderIcon("end") : d}
|
|
870
871
|
</button>
|
|
@@ -894,6 +895,7 @@ b.formAssociated = !0;
|
|
|
894
895
|
b.styles = y`
|
|
895
896
|
:host {
|
|
896
897
|
--button-border: transparent;
|
|
898
|
+
--badge-outer-width: 19px;
|
|
897
899
|
cursor: pointer;
|
|
898
900
|
display: inline-flex;
|
|
899
901
|
}
|
|
@@ -1055,8 +1057,9 @@ b.styles = y`
|
|
|
1055
1057
|
|
|
1056
1058
|
:host([underlined]) span:not([class*="icon-"]),
|
|
1057
1059
|
:host([underlined]) .text,
|
|
1058
|
-
:host([underlined]) .button slot {
|
|
1060
|
+
:host([underlined]:not([text])) .button slot {
|
|
1059
1061
|
position: relative;
|
|
1062
|
+
|
|
1060
1063
|
&::after {
|
|
1061
1064
|
content: "";
|
|
1062
1065
|
display: block;
|
|
@@ -1068,12 +1071,15 @@ b.styles = y`
|
|
|
1068
1071
|
}
|
|
1069
1072
|
}
|
|
1070
1073
|
|
|
1071
|
-
:host([
|
|
1072
|
-
|
|
1073
|
-
|
|
1074
|
+
:host([underlined]:not([text])) .button slot {
|
|
1075
|
+
display: inline-flex;
|
|
1076
|
+
gap: 8px;
|
|
1074
1077
|
}
|
|
1075
|
-
|
|
1076
|
-
|
|
1078
|
+
|
|
1079
|
+
:host([underlined][withbadge]:not([text])) .button slot {
|
|
1080
|
+
&::after {
|
|
1081
|
+
width: calc(100% - var(--badge-outer-width, 19px) - var(--spacing-s, 8px))
|
|
1082
|
+
}
|
|
1077
1083
|
}
|
|
1078
1084
|
|
|
1079
1085
|
//Icon movement on hover
|
|
@@ -2626,7 +2632,7 @@ N([
|
|
|
2626
2632
|
a({ type: Object })
|
|
2627
2633
|
], O.prototype, "swiperInstance", 2);
|
|
2628
2634
|
N([
|
|
2629
|
-
|
|
2635
|
+
W()
|
|
2630
2636
|
], O.prototype, "focusedIndex", 2);
|
|
2631
2637
|
O = N([
|
|
2632
2638
|
w("thumbnail-navigation")
|
|
@@ -3117,13 +3123,13 @@ H([
|
|
|
3117
3123
|
a({ type: String, reflect: !0 })
|
|
3118
3124
|
], L.prototype, "width", 2);
|
|
3119
3125
|
H([
|
|
3120
|
-
|
|
3126
|
+
W()
|
|
3121
3127
|
], L.prototype, "open", 2);
|
|
3122
3128
|
H([
|
|
3123
|
-
|
|
3129
|
+
W()
|
|
3124
3130
|
], L.prototype, "activeIndex", 2);
|
|
3125
3131
|
H([
|
|
3126
|
-
|
|
3132
|
+
W()
|
|
3127
3133
|
], L.prototype, "menuWidth", 2);
|
|
3128
3134
|
L = H([
|
|
3129
3135
|
w("o-dropdown")
|
|
@@ -3530,13 +3536,13 @@ z([
|
|
|
3530
3536
|
a({ type: String, reflect: !0 })
|
|
3531
3537
|
], k.prototype, "width", 2);
|
|
3532
3538
|
z([
|
|
3533
|
-
|
|
3539
|
+
W()
|
|
3534
3540
|
], k.prototype, "open", 2);
|
|
3535
3541
|
z([
|
|
3536
|
-
|
|
3542
|
+
W()
|
|
3537
3543
|
], k.prototype, "activeIndex", 2);
|
|
3538
3544
|
z([
|
|
3539
|
-
|
|
3545
|
+
W()
|
|
3540
3546
|
], k.prototype, "menuWidth", 2);
|
|
3541
3547
|
k = z([
|
|
3542
3548
|
w("o-dropdown-variant")
|
|
@@ -3870,10 +3876,10 @@ Nt([
|
|
|
3870
3876
|
dt = Nt([
|
|
3871
3877
|
w("o-chipset")
|
|
3872
3878
|
], dt);
|
|
3873
|
-
var
|
|
3874
|
-
for (var i = n > 1 ? void 0 : n ?
|
|
3879
|
+
var Ko = Object.defineProperty, Wo = Object.getOwnPropertyDescriptor, T = (o, t, e, n) => {
|
|
3880
|
+
for (var i = n > 1 ? void 0 : n ? Wo(t, e) : t, r = o.length - 1, s; r >= 0; r--)
|
|
3875
3881
|
(s = o[r]) && (i = (n ? s(t, e, i) : s(i)) || i);
|
|
3876
|
-
return n && i &&
|
|
3882
|
+
return n && i && Ko(t, e, i), i;
|
|
3877
3883
|
};
|
|
3878
3884
|
const Go = Ht(v);
|
|
3879
3885
|
let P = class extends Go {
|
|
@@ -4275,11 +4281,6 @@ pt.styles = y`
|
|
|
4275
4281
|
--text-color: var(--color-content-filter, #f6f0e7);
|
|
4276
4282
|
}
|
|
4277
4283
|
|
|
4278
|
-
:host([withinbutton]) {
|
|
4279
|
-
position: absolute;
|
|
4280
|
-
right: calc(-1 * (var(--badge-width) + var(--spacing-s, 8px)));
|
|
4281
|
-
}
|
|
4282
|
-
|
|
4283
4284
|
.badge {
|
|
4284
4285
|
display: block;
|
|
4285
4286
|
padding: 1px var(--spacing-4-xs, 0) var(--spacing-4-xs, 0) 1px;
|