@florid-kit/components 0.3.30 → 0.3.33
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/side-panel.d.ts +1 -0
- package/index.js +36 -34
- package/index.mjs +318 -313
- package/package.json +2 -2
|
@@ -12,6 +12,7 @@ export declare class OccitaneSidePanel extends LitElement {
|
|
|
12
12
|
secondaryButtonLabel: string;
|
|
13
13
|
secondaryButtonVariant: string;
|
|
14
14
|
onSecondaryButtonClick?: () => void;
|
|
15
|
+
disablePortal: boolean;
|
|
15
16
|
private previousFocusedElement;
|
|
16
17
|
static styles: import('lit').CSSResult;
|
|
17
18
|
connectedCallback(): void;
|
package/index.js
CHANGED
|
@@ -2,29 +2,29 @@
|
|
|
2
2
|
* @license
|
|
3
3
|
* Copyright 2019 Google LLC
|
|
4
4
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
5
|
-
*/const W=globalThis,at=W.ShadowRoot&&(W.ShadyCSS===void 0||W.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,lt=Symbol(),ut=new WeakMap;let At=class{constructor(t,e,s){if(this._$cssResult$=!0,s!==lt)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=e}get styleSheet(){let t=this.o;const e=this.t;if(at&&t===void 0){const s=e!==void 0&&e.length===1;s&&(t=ut.get(e)),t===void 0&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),s&&ut.set(e,t))}return t}toString(){return this.cssText}};const Pt=
|
|
5
|
+
*/const W=globalThis,at=W.ShadowRoot&&(W.ShadyCSS===void 0||W.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,lt=Symbol(),ut=new WeakMap;let At=class{constructor(t,e,s){if(this._$cssResult$=!0,s!==lt)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=e}get styleSheet(){let t=this.o;const e=this.t;if(at&&t===void 0){const s=e!==void 0&&e.length===1;s&&(t=ut.get(e)),t===void 0&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),s&&ut.set(e,t))}return t}toString(){return this.cssText}};const Pt=n=>new At(typeof n=="string"?n:n+"",void 0,lt),E=(n,...t)=>{const e=n.length===1?n[0]:t.reduce((s,o,i)=>s+(r=>{if(r._$cssResult$===!0)return r.cssText;if(typeof r=="number")return r;throw Error("Value passed to 'css' function must be a 'css' function result: "+r+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(o)+n[i+1],n[0]);return new At(e,n,lt)},kt=(n,t)=>{if(at)n.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(const e of t){const s=document.createElement("style"),o=W.litNonce;o!==void 0&&s.setAttribute("nonce",o),s.textContent=e.cssText,n.appendChild(s)}},ft=at?n=>n:n=>n instanceof CSSStyleSheet?(t=>{let e="";for(const s of t.cssRules)e+=s.cssText;return Pt(e)})(n):n;/**
|
|
6
6
|
* @license
|
|
7
7
|
* Copyright 2017 Google LLC
|
|
8
8
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
9
|
-
*/const{is:Bt,defineProperty:Ot,getOwnPropertyDescriptor:Ht,getOwnPropertyNames:Mt,getOwnPropertySymbols:It,getPrototypeOf:Tt}=Object,S=globalThis,gt=S.trustedTypes,zt=gt?gt.emptyScript:"",tt=S.reactiveElementPolyfillSupport,N=(
|
|
9
|
+
*/const{is:Bt,defineProperty:Ot,getOwnPropertyDescriptor:Ht,getOwnPropertyNames:Mt,getOwnPropertySymbols:It,getPrototypeOf:Tt}=Object,S=globalThis,gt=S.trustedTypes,zt=gt?gt.emptyScript:"",tt=S.reactiveElementPolyfillSupport,N=(n,t)=>n,K={toAttribute(n,t){switch(t){case Boolean:n=n?zt:null;break;case Object:case Array:n=n==null?n:JSON.stringify(n)}return n},fromAttribute(n,t){let e=n;switch(t){case Boolean:e=n!==null;break;case Number:e=n===null?null:Number(n);break;case Object:case Array:try{e=JSON.parse(n)}catch{e=null}}return e}},ct=(n,t)=>!Bt(n,t),vt={attribute:!0,type:String,converter:K,reflect:!1,useDefault:!1,hasChanged:ct};Symbol.metadata??(Symbol.metadata=Symbol("metadata")),S.litPropertyMetadata??(S.litPropertyMetadata=new WeakMap);let M=class extends HTMLElement{static addInitializer(t){this._$Ei(),(this.l??(this.l=[])).push(t)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(t,e=vt){if(e.state&&(e.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(t)&&((e=Object.create(e)).wrapped=!0),this.elementProperties.set(t,e),!e.noAccessor){const s=Symbol(),o=this.getPropertyDescriptor(t,s,e);o!==void 0&&Ot(this.prototype,t,o)}}static getPropertyDescriptor(t,e,s){const{get:o,set:i}=Ht(this.prototype,t)??{get(){return this[e]},set(r){this[e]=r}};return{get:o,set(r){const c=o==null?void 0:o.call(this);i==null||i.call(this,r),this.requestUpdate(t,c,s)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??vt}static _$Ei(){if(this.hasOwnProperty(N("elementProperties")))return;const t=Tt(this);t.finalize(),t.l!==void 0&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(N("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(N("properties"))){const e=this.properties,s=[...Mt(e),...It(e)];for(const o of s)this.createProperty(o,e[o])}const t=this[Symbol.metadata];if(t!==null){const e=litPropertyMetadata.get(t);if(e!==void 0)for(const[s,o]of e)this.elementProperties.set(s,o)}this._$Eh=new Map;for(const[e,s]of this.elementProperties){const o=this._$Eu(e,s);o!==void 0&&this._$Eh.set(o,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 o of s)e.unshift(ft(o))}else t!==void 0&&e.push(ft(t));return e}static _$Eu(t,e){const s=e.attribute;return s===!1?void 0:typeof s=="string"?s:typeof t=="string"?t.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){var t;this._$ES=new Promise(e=>this.enableUpdating=e),this._$AL=new Map,this._$E_(),this.requestUpdate(),(t=this.constructor.l)==null||t.forEach(e=>e(this))}addController(t){var e;(this._$EO??(this._$EO=new Set)).add(t),this.renderRoot!==void 0&&this.isConnected&&((e=t.hostConnected)==null||e.call(t))}removeController(t){var e;(e=this._$EO)==null||e.delete(t)}_$E_(){const t=new Map,e=this.constructor.elementProperties;for(const s of e.keys())this.hasOwnProperty(s)&&(t.set(s,this[s]),delete this[s]);t.size>0&&(this._$Ep=t)}createRenderRoot(){const t=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return kt(t,this.constructor.elementStyles),t}connectedCallback(){var t;this.renderRoot??(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),(t=this._$EO)==null||t.forEach(e=>{var s;return(s=e.hostConnected)==null?void 0:s.call(e)})}enableUpdating(t){}disconnectedCallback(){var t;(t=this._$EO)==null||t.forEach(e=>{var s;return(s=e.hostDisconnected)==null?void 0:s.call(e)})}attributeChangedCallback(t,e,s){this._$AK(t,s)}_$ET(t,e){var i;const s=this.constructor.elementProperties.get(t),o=this.constructor._$Eu(t,s);if(o!==void 0&&s.reflect===!0){const r=(((i=s.converter)==null?void 0:i.toAttribute)!==void 0?s.converter:K).toAttribute(e,s.type);this._$Em=t,r==null?this.removeAttribute(o):this.setAttribute(o,r),this._$Em=null}}_$AK(t,e){var i,r;const s=this.constructor,o=s._$Eh.get(t);if(o!==void 0&&this._$Em!==o){const c=s.getPropertyOptions(o),l=typeof c.converter=="function"?{fromAttribute:c.converter}:((i=c.converter)==null?void 0:i.fromAttribute)!==void 0?c.converter:K;this._$Em=o,this[o]=l.fromAttribute(e,c.type)??((r=this._$Ej)==null?void 0:r.get(o))??null,this._$Em=null}}requestUpdate(t,e,s){var o;if(t!==void 0){const i=this.constructor,r=this[t];if(s??(s=i.getPropertyOptions(t)),!((s.hasChanged??ct)(r,e)||s.useDefault&&s.reflect&&r===((o=this._$Ej)==null?void 0:o.get(t))&&!this.hasAttribute(i._$Eu(t,s))))return;this.C(t,e,s)}this.isUpdatePending===!1&&(this._$ES=this._$EP())}C(t,e,{useDefault:s,reflect:o,wrapped:i},r){s&&!(this._$Ej??(this._$Ej=new Map)).has(t)&&(this._$Ej.set(t,r??e??this[t]),i!==!0||r!==void 0)||(this._$AL.has(t)||(this.hasUpdated||s||(e=void 0),this._$AL.set(t,e)),o===!0&&this._$Em!==t&&(this._$Eq??(this._$Eq=new Set)).add(t))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(e){Promise.reject(e)}const t=this.scheduleUpdate();return t!=null&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){var s;if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??(this.renderRoot=this.createRenderRoot()),this._$Ep){for(const[i,r]of this._$Ep)this[i]=r;this._$Ep=void 0}const o=this.constructor.elementProperties;if(o.size>0)for(const[i,r]of o){const{wrapped:c}=r,l=this[i];c!==!0||this._$AL.has(i)||l===void 0||this.C(i,void 0,r,l)}}let t=!1;const e=this._$AL;try{t=this.shouldUpdate(e),t?(this.willUpdate(e),(s=this._$EO)==null||s.forEach(o=>{var i;return(i=o.hostUpdate)==null?void 0:i.call(o)}),this.update(e)):this._$EM()}catch(o){throw t=!1,this._$EM(),o}t&&this._$AE(e)}willUpdate(t){}_$AE(t){var e;(e=this._$EO)==null||e.forEach(s=>{var o;return(o=s.hostUpdated)==null?void 0:o.call(s)}),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(t){return!0}update(t){this._$Eq&&(this._$Eq=this._$Eq.forEach(e=>this._$ET(e,this[e]))),this._$EM()}updated(t){}firstUpdated(t){}};M.elementStyles=[],M.shadowRootOptions={mode:"open"},M[N("elementProperties")]=new Map,M[N("finalized")]=new Map,tt==null||tt({ReactiveElement:M}),(S.reactiveElementVersions??(S.reactiveElementVersions=[])).push("2.1.0");/**
|
|
10
10
|
* @license
|
|
11
11
|
* Copyright 2017 Google LLC
|
|
12
12
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
13
|
-
*/const j=globalThis,G=j.trustedTypes,bt=G?G.createPolicy("lit-html",{createHTML:
|
|
14
|
-
\f\r]`,D=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,yt=/-->/g
|
|
15
|
-
\f\r"'\`<>=]|("|')|))|$)`,"g")
|
|
13
|
+
*/const j=globalThis,G=j.trustedTypes,bt=G?G.createPolicy("lit-html",{createHTML:n=>n}):void 0,St="$lit$",A=`lit$${Math.random().toFixed(9).slice(2)}$`,Et="?"+A,Ut=`<${Et}>`,B=document,R=()=>B.createComment(""),F=n=>n===null||typeof n!="object"&&typeof n!="function",ht=Array.isArray,Dt=n=>ht(n)||typeof(n==null?void 0:n[Symbol.iterator])=="function",et=`[
|
|
14
|
+
\f\r]`,D=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,yt=/-->/g,mt=/>/g,L=RegExp(`>|${et}(?:([^\\s"'>=/]+)(${et}*=${et}*(?:[^
|
|
15
|
+
\f\r"'\`<>=]|("|')|))|$)`,"g"),$t=/'/g,wt=/"/g,Ct=/^(?:script|style|textarea|title)$/i,Nt=n=>(t,...e)=>({_$litType$:n,strings:t,values:e}),d=Nt(1),O=Symbol.for("lit-noChange"),h=Symbol.for("lit-nothing"),_t=new WeakMap,P=B.createTreeWalker(B,129);function Lt(n,t){if(!ht(n)||!n.hasOwnProperty("raw"))throw Error("invalid template strings array");return bt!==void 0?bt.createHTML(t):t}const jt=(n,t)=>{const e=n.length-1,s=[];let o,i=t===2?"<svg>":t===3?"<math>":"",r=D;for(let c=0;c<e;c++){const l=n[c];let f,g,p=-1,w=0;for(;w<l.length&&(r.lastIndex=w,g=r.exec(l),g!==null);)w=r.lastIndex,r===D?g[1]==="!--"?r=yt:g[1]!==void 0?r=mt:g[2]!==void 0?(Ct.test(g[2])&&(o=RegExp("</"+g[2],"g")),r=L):g[3]!==void 0&&(r=L):r===L?g[0]===">"?(r=o??D,p=-1):g[1]===void 0?p=-2:(p=r.lastIndex-g[2].length,f=g[1],r=g[3]===void 0?L:g[3]==='"'?wt:$t):r===wt||r===$t?r=L:r===yt||r===mt?r=D:(r=L,o=void 0);const x=r===L&&n[c+1].startsWith("/>")?" ":"";i+=r===D?l+Ut:p>=0?(s.push(f),l.slice(0,p)+St+l.slice(p)+A+x):l+A+(p===-2?c:x)}return[Lt(n,i+(n[e]||"<?>")+(t===2?"</svg>":t===3?"</math>":"")),s]};class V{constructor({strings:t,_$litType$:e},s){let o;this.parts=[];let i=0,r=0;const c=t.length-1,l=this.parts,[f,g]=jt(t,e);if(this.el=V.createElement(f,s),P.currentNode=this.el.content,e===2||e===3){const p=this.el.content.firstChild;p.replaceWith(...p.childNodes)}for(;(o=P.nextNode())!==null&&l.length<c;){if(o.nodeType===1){if(o.hasAttributes())for(const p of o.getAttributeNames())if(p.endsWith(St)){const w=g[r++],x=o.getAttribute(p).split(A),q=/([.?@])?(.*)/.exec(w);l.push({type:1,index:i,name:q[2],strings:x,ctor:q[1]==="."?Ft:q[1]==="?"?Vt:q[1]==="@"?Zt:J}),o.removeAttribute(p)}else p.startsWith(A)&&(l.push({type:6,index:i}),o.removeAttribute(p));if(Ct.test(o.tagName)){const p=o.textContent.split(A),w=p.length-1;if(w>0){o.textContent=G?G.emptyScript:"";for(let x=0;x<w;x++)o.append(p[x],R()),P.nextNode(),l.push({type:2,index:++i});o.append(p[w],R())}}}else if(o.nodeType===8)if(o.data===Et)l.push({type:2,index:i});else{let p=-1;for(;(p=o.data.indexOf(A,p+1))!==-1;)l.push({type:7,index:i}),p+=A.length-1}i++}}static createElement(t,e){const s=B.createElement("template");return s.innerHTML=t,s}}function I(n,t,e=n,s){var r,c;if(t===O)return t;let o=s!==void 0?(r=e._$Co)==null?void 0:r[s]:e._$Cl;const i=F(t)?void 0:t._$litDirective$;return(o==null?void 0:o.constructor)!==i&&((c=o==null?void 0:o._$AO)==null||c.call(o,!1),i===void 0?o=void 0:(o=new i(n),o._$AT(n,e,s)),s!==void 0?(e._$Co??(e._$Co=[]))[s]=o:e._$Cl=o),o!==void 0&&(t=I(n,o._$AS(n,t.values),o,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,o=((t==null?void 0:t.creationScope)??B).importNode(e,!0);P.currentNode=o;let i=P.nextNode(),r=0,c=0,l=s[0];for(;l!==void 0;){if(r===l.index){let f;l.type===2?f=new Z(i,i.nextSibling,this,t):l.type===1?f=new l.ctor(i,l.name,l.strings,this,t):l.type===6&&(f=new qt(i,this,t)),this._$AV.push(f),l=s[++c]}r!==(l==null?void 0:l.index)&&(i=P.nextNode(),r++)}return P.currentNode=B,o}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,o){this.type=2,this._$AH=h,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=s,this.options=o,this._$Cv=(o==null?void 0:o.isConnected)??!0}get parentNode(){let t=this._$AA.parentNode;const e=this._$AM;return e!==void 0&&(t==null?void 0:t.nodeType)===11&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=I(this,t,e),F(t)?t===h||t==null||t===""?(this._$AH!==h&&this._$AR(),this._$AH=h):t!==this._$AH&&t!==O&&this._(t):t._$litType$!==void 0?this.$(t):t.nodeType!==void 0?this.T(t):Dt(t)?this.k(t):this._(t)}O(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.O(t))}_(t){this._$AH!==h&&F(this._$AH)?this._$AA.nextSibling.data=t:this.T(B.createTextNode(t)),this._$AH=t}$(t){var i;const{values:e,_$litType$:s}=t,o=typeof s=="number"?this._$AC(t):(s.el===void 0&&(s.el=V.createElement(Lt(s.h,s.h[0]),this.options)),s);if(((i=this._$AH)==null?void 0:i._$AD)===o)this._$AH.p(e);else{const r=new Rt(o,this),c=r.u(this.options);r.p(e),this.T(c),this._$AH=r}}_$AC(t){let e=_t.get(t.strings);return e===void 0&&_t.set(t.strings,e=new V(t)),e}k(t){ht(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let s,o=0;for(const i of t)o===e.length?e.push(s=new Z(this.O(R()),this.O(R()),this,this.options)):s=e[o],s._$AI(i),o++;o<e.length&&(this._$AR(s&&s._$AB.nextSibling,o),e.length=o)}_$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 o=t.nextSibling;t.remove(),t=o}}setConnected(t){var e;this._$AM===void 0&&(this._$Cv=t,(e=this._$AP)==null||e.call(this,t))}}class J{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,e,s,o,i){this.type=1,this._$AH=h,this._$AN=void 0,this.element=t,this.name=e,this._$AM=o,this.options=i,s.length>2||s[0]!==""||s[1]!==""?(this._$AH=Array(s.length-1).fill(new String),this.strings=s):this._$AH=h}_$AI(t,e=this,s,o){const i=this.strings;let r=!1;if(i===void 0)t=I(this,t,e,0),r=!F(t)||t!==this._$AH&&t!==O,r&&(this._$AH=t);else{const c=t;let l,f;for(t=i[0],l=0;l<i.length-1;l++)f=I(this,c[s+l],e,l),f===O&&(f=this._$AH[l]),r||(r=!F(f)||f!==this._$AH[l]),f===h?t=h:t!==h&&(t+=(f??"")+i[l+1]),this._$AH[l]=f}r&&!o&&this.j(t)}j(t){t===h?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}}class Ft extends J{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===h?void 0:t}}class Vt extends J{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==h)}}class Zt extends J{constructor(t,e,s,o,i){super(t,e,s,o,i),this.type=5}_$AI(t,e=this){if((t=I(this,t,e,0)??h)===O)return;const s=this._$AH,o=t===h&&s!==h||t.capture!==s.capture||t.once!==s.once||t.passive!==s.passive,i=t!==h&&(s===h||o);o&&this.element.removeEventListener(this.name,this,s),i&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){var e;typeof this._$AH=="function"?this._$AH.call(((e=this.options)==null?void 0:e.host)??this.element,t):this._$AH.handleEvent(t)}}class qt{constructor(t,e,s){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=s}get _$AU(){return this._$AM._$AU}_$AI(t){I(this,t)}}const st=j.litHtmlPolyfillSupport;st==null||st(V,Z),(j.litHtmlVersions??(j.litHtmlVersions=[])).push("3.3.0");const Wt=(n,t,e)=>{const s=(e==null?void 0:e.renderBefore)??t;let o=s._$litPart$;if(o===void 0){const i=(e==null?void 0:e.renderBefore)??null;s._$litPart$=o=new Z(t.insertBefore(R(),i),i,void 0,e??{})}return o._$AI(n),o};/**
|
|
16
16
|
* @license
|
|
17
17
|
* Copyright 2017 Google LLC
|
|
18
18
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
19
|
-
*/const k=globalThis;let
|
|
19
|
+
*/const k=globalThis;let m=class extends M{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){var e;const t=super.createRenderRoot();return(e=this.renderOptions).renderBefore??(e.renderBefore=t.firstChild),t}update(t){const e=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=Wt(e,this.renderRoot,this.renderOptions)}connectedCallback(){var t;super.connectedCallback(),(t=this._$Do)==null||t.setConnected(!0)}disconnectedCallback(){var t;super.disconnectedCallback(),(t=this._$Do)==null||t.setConnected(!1)}render(){return O}};var xt;m._$litElement$=!0,m.finalized=!0,(xt=k.litElementHydrateSupport)==null||xt.call(k,{LitElement:m});const ot=k.litElementPolyfillSupport;ot==null||ot({LitElement:m});(k.litElementVersions??(k.litElementVersions=[])).push("4.2.0");/**
|
|
20
20
|
* @license
|
|
21
21
|
* Copyright 2017 Google LLC
|
|
22
22
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
23
|
-
*/const U=
|
|
23
|
+
*/const U=n=>(t,e)=>{e!==void 0?e.addInitializer(()=>{customElements.define(n,t)}):customElements.define(n,t)};/**
|
|
24
24
|
* @license
|
|
25
25
|
* Copyright 2017 Google LLC
|
|
26
26
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
27
|
-
*/const Kt={attribute:!0,type:String,converter:K,reflect:!1,hasChanged:ct},Gt=(
|
|
27
|
+
*/const Kt={attribute:!0,type:String,converter:K,reflect:!1,hasChanged:ct},Gt=(n=Kt,t,e)=>{const{kind:s,metadata:o}=e;let i=globalThis.litPropertyMetadata.get(o);if(i===void 0&&globalThis.litPropertyMetadata.set(o,i=new Map),s==="setter"&&((n=Object.create(n)).wrapped=!0),i.set(e.name,n),s==="accessor"){const{name:r}=e;return{set(c){const l=t.get.call(this);t.set.call(this,c),this.requestUpdate(r,l,n)},init(c){return c!==void 0&&this.C(r,void 0,n,c),c}}}if(s==="setter"){const{name:r}=e;return function(c){const l=this[r];t.call(this,c),this.requestUpdate(r,l,n)}}throw Error("Unsupported decorator location: "+s)};function a(n){return(t,e)=>typeof e=="object"?Gt(n,t,e):((s,o,i)=>{const r=o.hasOwnProperty(i);return o.constructor.createProperty(i,s),r?Object.getOwnPropertyDescriptor(o,i):void 0})(n,t,e)}const Xt=E`
|
|
28
28
|
outline: 1px dashed var(--button-border-color);
|
|
29
29
|
outline-offset: 2px;
|
|
30
30
|
outline: dashed black;
|
|
@@ -36,35 +36,35 @@
|
|
|
36
36
|
* @license
|
|
37
37
|
* Copyright 2023 Google LLC
|
|
38
38
|
* SPDX-License-Identifier: Apache-2.0
|
|
39
|
-
*/const dt=Symbol("internals"),
|
|
39
|
+
*/const dt=Symbol("internals"),nt=Symbol("privateInternals");function Jt(n){var t;class e extends n{get[(t=dt,t)](){return this[nt]||(this[nt]=this.attachInternals()),this[nt]}}return e}/**
|
|
40
40
|
* @license
|
|
41
41
|
* Copyright 2023 Google LLC
|
|
42
42
|
* SPDX-License-Identifier: Apache-2.0
|
|
43
|
-
*/function Qt(
|
|
43
|
+
*/function Qt(n){n.addInitializer(t=>{const e=t;e.addEventListener("click",async s=>{const{type:o,[dt]:i}=e,{form:r}=i;if(!(!r||o==="button")&&(await new Promise(c=>{setTimeout(c)}),!s.defaultPrevented)){if(o==="reset"){r.reset();return}r.addEventListener("submit",c=>{Object.defineProperty(c,"submitter",{configurable:!0,enumerable:!0,get:()=>e})},{capture:!0,once:!0}),i.setFormValue(e.value),r.requestSubmit()}})})}/**
|
|
44
44
|
* @license
|
|
45
45
|
* Copyright 2017 Google LLC
|
|
46
46
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
47
|
-
*/const Yt={CHILD:2},te=
|
|
47
|
+
*/const Yt={CHILD:2},te=n=>(...t)=>({_$litDirective$:n,values:t});class ee{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,s){this._$Ct=t,this._$AM=e,this._$Ci=s}_$AS(t,e){return this.update(t,e)}update(t,e){return this.render(...e)}}/**
|
|
48
48
|
* @license
|
|
49
49
|
* Copyright 2017 Google LLC
|
|
50
50
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
51
|
-
*/class
|
|
51
|
+
*/class rt extends ee{constructor(t){if(super(t),this.it=h,t.type!==Yt.CHILD)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(t){if(t===h||t==null)return this._t=void 0,this.it=t;if(t===O)return t;if(typeof t!="string")throw Error(this.constructor.directiveName+"() called with a non-string value");if(t===this.it)return this._t;this.it=t;const e=[t];return e.raw=e,this._t={_$litType$:this.constructor.resultType,strings:e,values:[]}}}rt.directiveName="unsafeHTML",rt.resultType=1;/**
|
|
52
52
|
* @license
|
|
53
53
|
* Copyright 2017 Google LLC
|
|
54
54
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
55
|
-
*/class
|
|
55
|
+
*/class it extends rt{}it.directiveName="unsafeSVG",it.resultType=2;const X=te(it),se=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
56
56
|
<path d="M8 3.6275C7.06799 0.971489 3.25399 -0.0226278 1.67414 2.30983C0.0877404 4.65197 1.67414 6.99412 2.62598 8.33249C3.0147 8.87905 8 14 8 14C8 14 12.9853 8.87905 13.374 8.33249C14.3259 6.99412 15.9123 4.65197 14.3259 2.30983C12.746 -0.0226277 8.97167 0.971489 8 3.6275Z" stroke="#3F2B2E" stroke-linecap="round"/>
|
|
57
57
|
</svg>
|
|
58
|
-
`,
|
|
58
|
+
`,oe=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
59
59
|
<path d="M16 8L4 0V16L16 8Z" fill="#3F2B2E"/>
|
|
60
60
|
</svg>
|
|
61
|
-
`,
|
|
61
|
+
`,ne=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
62
62
|
<path d="M12.2266 8.16162C11.0953 9.26599 8.72489 11.8788 5.11546 16L4.63062 15.7172C5.78886 13.4007 7.17607 10.8283 8.79223 8C7.17607 5.17172 5.78886 2.59933 4.63062 0.282827L5.11546 0C8.72489 4.12121 11.0953 6.73401 12.2266 7.83838V8.16162Z" fill="#3F2B2E"/>
|
|
63
63
|
</svg>
|
|
64
|
-
`,
|
|
64
|
+
`,re=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
65
65
|
<path d="M5 7.83838C6.02128 6.73401 8.16109 4.12121 11.4195 0L11.8571 0.282829C10.8116 2.59933 9.55927 5.17172 8.1003 8C9.55927 10.8283 10.8115 13.4007 11.8571 15.7172L11.4195 16C8.16109 11.8788 6.02128 9.266 5 8.16162L5 7.83838Z" fill="#3F2B2E"/>
|
|
66
66
|
</svg>
|
|
67
|
-
`,
|
|
67
|
+
`,ie=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
68
68
|
<path d="M12.2834 14.4585L7.98873 11.3928L3.69404 14.4585L5.33977 9.4972L1 6.39639H6.36554L8 1.4585L9.63446 6.39639H15L10.6602 9.4972L12.306 14.4585H12.2834ZM7.98873 10.328L10.6602 12.2353L9.64573 9.15787L12.2721 7.28568H9.02576L8 4.17317L6.97424 7.28568H3.72786L6.35427 9.15787L5.33977 12.2353L8.01127 10.328H7.98873Z" fill="#3F2B2E"/>
|
|
69
69
|
</svg>
|
|
70
70
|
`,ae=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
@@ -105,7 +105,7 @@
|
|
|
105
105
|
</style>
|
|
106
106
|
<path class="st0" d="M27.3,20.7H12.7c-0.4,0-0.7-0.3-0.7-0.7s0.3-0.7,0.7-0.7h14.7c0.4,0,0.7,0.3,0.7,0.7S27.7,20.7,27.3,20.7z"/>
|
|
107
107
|
</svg>
|
|
108
|
-
`,pt={wishlist:se,playerv:
|
|
108
|
+
`,pt={wishlist:se,playerv:oe,chevronRight:ne,chevronLeft:re,icoPlus:ue,icoMinus:fe,"star-0":ie,"star-25":ae,"star-50":le,"star-75":ce,"star-100":he,cross:de,search:pe};var ge=Object.defineProperty,ve=Object.getOwnPropertyDescriptor,C=(n,t,e,s)=>{for(var o=s>1?void 0:s?ve(t,e):t,i=n.length-1,r;i>=0;i--)(r=n[i])&&(o=(s?r(t,e,o):r(o))||o);return s&&o&&ge(t,e,o),o};let $=class extends m{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(n){super.updated(n),this.style.setProperty("--icon-stroke-width",this.strokewidth)}render(){const n=pt[this.icon]??"",t=`icon-${this.icon}`,e=n.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"');return d`
|
|
109
109
|
${this.type==="span"?d`
|
|
110
110
|
<span class="icon icon-button ${this.size} ${this.bgstyle} ${this.status} ${t}" ?disabled="${this.disabled}">
|
|
111
111
|
${X(e)}
|
|
@@ -120,7 +120,7 @@
|
|
|
120
120
|
${X(e)}
|
|
121
121
|
</button>
|
|
122
122
|
`}
|
|
123
|
-
`}}
|
|
123
|
+
`}};$.styles=E`
|
|
124
124
|
:host {
|
|
125
125
|
display: inline-flex;
|
|
126
126
|
justify-content: center;
|
|
@@ -277,8 +277,8 @@
|
|
|
277
277
|
}
|
|
278
278
|
|
|
279
279
|
}
|
|
280
|
-
`;C([
|
|
281
|
-
class=${
|
|
280
|
+
`;C([a({type:String,reflect:!0})],$.prototype,"bgstyle",2);C([a({type:String,reflect:!0})],$.prototype,"size",2);C([a({type:String,reflect:!0})],$.prototype,"status",2);C([a({type:String,reflect:!0})],$.prototype,"type",2);C([a({type:String})],$.prototype,"strokewidth",2);C([a({type:String})],$.prototype,"icon",2);C([a({type:Boolean,reflect:!0})],$.prototype,"disabled",2);$=C([U("o-icon-button")],$);var be=Object.defineProperty,ye=Object.getOwnPropertyDescriptor,v=(n,t,e,s)=>{for(var o=s>1?void 0:s?ye(t,e):t,i=n.length-1,r;i>=0;i--)(r=n[i])&&(o=(s?r(t,e,o):r(o))||o);return s&&o&&be(t,e,o),o};const me=Jt(m);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.iconstrokewidth="1",this.icon="",this.startIcon=!1,this.endIcon=!1,this.iconSize="small",this.panelTarget="",this.href="",this.target=""}get name(){return this.getAttribute("name")??""}set name(n){this.setAttribute("name",n)}get form(){return this[dt].form}handleClick(){if(this.panelTarget){const n=document.getElementById(this.panelTarget);n!=null&&n.openPanel&&typeof n.openPanel=="function"?n.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(n){return this.icon?d`<o-icon-button
|
|
281
|
+
class=${n==="start"?"icon-start":"icon-end"}
|
|
282
282
|
icon=${this.icon}
|
|
283
283
|
bgstyle="${this.variant==="primary"?"none-light":"none-contrast"}"
|
|
284
284
|
size="${this.iconSize}"
|
|
@@ -286,16 +286,16 @@
|
|
|
286
286
|
type="span"
|
|
287
287
|
aria-hidden="true"
|
|
288
288
|
?disabled=${this.disabled}
|
|
289
|
-
></o-icon-button>`:h}renderButton(){const
|
|
289
|
+
></o-icon-button>`:h}renderButton(){const n=this.text||this.textsecond;return d`
|
|
290
290
|
<button type=${this.type} class="button" ?disabled=${this.disabled} @click=${this.handleClick}>
|
|
291
291
|
${this.startIcon?this.renderIcon("start"):h}
|
|
292
|
-
${
|
|
292
|
+
${n?d`
|
|
293
293
|
${this.text?d`<span>${this.text}</span>`:h}
|
|
294
294
|
${this.textsecond?d`<span>${this.textsecond}</span>`:h}
|
|
295
295
|
`:d`<slot></slot>`}
|
|
296
296
|
${this.endIcon?this.renderIcon("end"):h}
|
|
297
297
|
</button>
|
|
298
|
-
`}renderLink(){const
|
|
298
|
+
`}renderLink(){const n=this.text||this.textsecond;return d`
|
|
299
299
|
<a
|
|
300
300
|
href=${this.href}
|
|
301
301
|
target=${this.target||h}
|
|
@@ -303,7 +303,7 @@
|
|
|
303
303
|
?disabled=${this.disabled}
|
|
304
304
|
>
|
|
305
305
|
${this.startIcon?this.renderIcon("start"):h}
|
|
306
|
-
${
|
|
306
|
+
${n?d`
|
|
307
307
|
${this.text?d`<span>${this.text}</span>`:h}
|
|
308
308
|
${this.textsecond?d`<span>${this.textsecond}</span>`:h}
|
|
309
309
|
`:d`<slot></slot>`}
|
|
@@ -327,6 +327,7 @@
|
|
|
327
327
|
--button-text: var(--color-content-action-primary);
|
|
328
328
|
--button-text-hover: var(--color-content-action-primary);
|
|
329
329
|
--button-border: transparent;
|
|
330
|
+
--button-border-width: var(--border-m);
|
|
330
331
|
}
|
|
331
332
|
|
|
332
333
|
:host([variant="secondary"]) {
|
|
@@ -336,6 +337,7 @@
|
|
|
336
337
|
--button-text: var(--color-content-action-secondary);
|
|
337
338
|
--button-text-hover: var(--color-content-action-secondary);
|
|
338
339
|
--button-border: var(--color-border-secondary);
|
|
340
|
+
--button-border-width: var(--border-m);
|
|
339
341
|
}
|
|
340
342
|
|
|
341
343
|
:host([variant="ghost"]) {
|
|
@@ -438,12 +440,12 @@
|
|
|
438
440
|
display: inline-flex;
|
|
439
441
|
align-items: center;
|
|
440
442
|
}
|
|
441
|
-
`;v([
|
|
443
|
+
`;v([a()],u.prototype,"type",2);v([a({reflect:!0})],u.prototype,"value",2);v([a({type:String,reflect:!0})],u.prototype,"variant",2);v([a({type:String})],u.prototype,"text",2);v([a({type:String})],u.prototype,"textsecond",2);v([a({type:Boolean,reflect:!0})],u.prototype,"fullwidth",2);v([a({type:Boolean,reflect:!0})],u.prototype,"disabled",2);v([a({type:String,attribute:"iconstrokewidth"})],u.prototype,"iconstrokewidth",2);v([a({type:String})],u.prototype,"icon",2);v([a({type:Boolean,reflect:!0,attribute:"starticon"})],u.prototype,"startIcon",2);v([a({type:Boolean,reflect:!0,attribute:"endicon"})],u.prototype,"endIcon",2);v([a({type:String,reflect:!0,attribute:"iconsize"})],u.prototype,"iconSize",2);v([a({type:String,attribute:"paneltarget",reflect:!0})],u.prototype,"panelTarget",2);v([a({type:String})],u.prototype,"href",2);v([a({type:String})],u.prototype,"target",2);u=v([U("o-button")],u);var $e=Object.defineProperty,we=Object.getOwnPropertyDescriptor,Q=(n,t,e,s)=>{for(var o=s>1?void 0:s?we(t,e):t,i=n.length-1,r;i>=0;i--)(r=n[i])&&(o=(s?r(t,e,o):r(o))||o);return s&&o&&$e(t,e,o),o};let T=class extends m{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(n){(n.key==="Enter"||n.key===" ")&&(n.preventDefault(),this.toggleStatus())}render(){const n=pt.wishlist.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"');return d`
|
|
442
444
|
<button type="button" aria-describedby="${this.ariaDescribedBy}" class="wishlist-button">
|
|
443
445
|
<span class="sr-only">${this.label}</span>
|
|
444
|
-
${X(
|
|
446
|
+
${X(n)}
|
|
445
447
|
</button>
|
|
446
|
-
`}setStatus(
|
|
448
|
+
`}setStatus(n){this.status=n,this.setAttribute("aria-pressed",String(this.status==="filled")),this.requestUpdate()}setAriaDescribedBy(n){this.ariaDescribedBy=n,this.requestUpdate()}setLabel(n){this.label=n,this.requestUpdate()}};T.styles=E`
|
|
447
449
|
:host {
|
|
448
450
|
display: inline-flex;
|
|
449
451
|
justify-content: center;
|
|
@@ -502,7 +504,7 @@
|
|
|
502
504
|
width: 0.1rem !important;
|
|
503
505
|
white-space: nowrap !important;
|
|
504
506
|
}
|
|
505
|
-
`;Q([
|
|
507
|
+
`;Q([a({type:String,reflect:!0})],T.prototype,"status",2);Q([a({type:String,reflect:!0})],T.prototype,"ariaDescribedBy",2);Q([a({type:String,reflect:!0})],T.prototype,"label",2);T=Q([U("o-wishlist-button")],T);var _e=Object.defineProperty,xe=Object.getOwnPropertyDescriptor,H=(n,t,e,s)=>{for(var o=s>1?void 0:s?xe(t,e):t,i=n.length-1,r;i>=0;i--)(r=n[i])&&(o=(s?r(t,e,o):r(o))||o);return s&&o&&_e(t,e,o),o};let _=class extends m{constructor(){super(...arguments),this.href="",this.target="",this.template="standard",this.inverse=!1,this.endIcon=!1,this.reverseEndIcon=!1}render(){return d`
|
|
506
508
|
<a href="${this.href}" target="${this.target}">
|
|
507
509
|
${this.endIcon&&this.reverseEndIcon?d`
|
|
508
510
|
<o-icon-button
|
|
@@ -611,10 +613,10 @@
|
|
|
611
613
|
height: 1px;
|
|
612
614
|
}
|
|
613
615
|
/* End of underline effect */
|
|
614
|
-
`;H([
|
|
616
|
+
`;H([a({type:String})],_.prototype,"href",2);H([a({type:String})],_.prototype,"target",2);H([a({type:String,reflect:!0})],_.prototype,"template",2);H([a({type:Boolean,reflect:!0})],_.prototype,"inverse",2);H([a({type:Boolean,reflect:!0})],_.prototype,"endIcon",2);H([a({type:Boolean,reflect:!0})],_.prototype,"reverseEndIcon",2);_=H([U("o-link")],_);var Ae=Object.defineProperty,Se=Object.getOwnPropertyDescriptor,Y=(n,t,e,s)=>{for(var o=s>1?void 0:s?Se(t,e):t,i=n.length-1,r;i>=0;i--)(r=n[i])&&(o=(s?r(t,e,o):r(o))||o);return s&&o&&Ae(t,e,o),o};let z=class extends m{constructor(){super(...arguments),this.rating=0}getStarKeys(){const n=[];for(let t=0;t<5;t++){const e=this.rating-t;let s;e>=1?s=100:e<=0?s=0:s=Math.round(e*100/25)*25,n.push(`star-${s}`)}return n}render(){const n=this.getStarKeys();return d`
|
|
615
617
|
<div class="rating">
|
|
616
618
|
<div class="stars">
|
|
617
|
-
${
|
|
619
|
+
${n.map(t=>d`<span class="star">${X(pt[t]??"")}</span>`)}
|
|
618
620
|
</div>
|
|
619
621
|
${this.reviewCount!=null&&this.href!=null?d`<o-link template="review" href="${this.href}">${this.reviewCount}</o-link>`:null}
|
|
620
622
|
</div>
|
|
@@ -651,7 +653,7 @@
|
|
|
651
653
|
text-decoration: underline;
|
|
652
654
|
cursor: pointer;
|
|
653
655
|
}
|
|
654
|
-
`;Y([
|
|
656
|
+
`;Y([a({type:Number})],z.prototype,"rating",2);Y([a({type:String})],z.prototype,"reviewCount",2);Y([a({type:String})],z.prototype,"href",2);z=Y([U("o-rating")],z);var Ee=Object.defineProperty,Ce=Object.getOwnPropertyDescriptor,y=(n,t,e,s)=>{for(var o=s>1?void 0:s?Ce(t,e):t,i=n.length-1,r;i>=0;i--)(r=n[i])&&(o=(s?r(t,e,o):r(o))||o);return s&&o&&Ee(t,e,o),o};let b=class extends m{constructor(){super(...arguments),this.open=!1,this.showHeader=!0,this.showFooter=!1,this.headerTitle="",this.closeButtonLabel="Close the modal",this.firstButtonLabel="Close",this.firstButtonVariant="primary",this.secondaryButtonLabel="",this.secondaryButtonVariant="secondary",this.disablePortal=!1,this.previousFocusedElement=null,this.handleKeyDown=n=>{this.open&&(n.key==="Escape"?this.closePanel():n.key==="Tab"&&this.trapFocus(n))}}connectedCallback(){super.connectedCallback(),!this.disablePortal&&this.parentElement!==document.body&&document.body.appendChild(this),window.addEventListener("keydown",this.handleKeyDown)}disconnectedCallback(){document.body.style.overflow="",document.body.removeAttribute("data-side-panel"),window.removeEventListener("keydown",this.handleKeyDown),super.disconnectedCallback()}trapFocus(n){const t=this.getFocusableElements();if(t.length===0)return;const e=t[0],s=t[t.length-1];n.shiftKey&&document.activeElement===e?(n.preventDefault(),s.focus()):!n.shiftKey&&document.activeElement===s&&(n.preventDefault(),e.focus())}getFocusableElements(){const n=this.renderRoot.querySelector(".panel");return n?Array.from(n.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])')).filter(t=>!t.hasAttribute("disabled")):[]}openPanel(){this.previousFocusedElement=document.activeElement,this.open=!0,document.body.style.overflow="hidden",document.body.setAttribute("data-side-panel","open"),this.updateComplete.then(()=>{const n=this.getFocusableElements()[0];n==null||n.focus()})}closePanel(){var n;this.open=!1,document.body.style.overflow="",document.body.removeAttribute("data-side-panel"),(n=this.previousFocusedElement)==null||n.focus(),this.dispatchEvent(new CustomEvent("close",{bubbles:!0,composed:!0}))}handleFirstClick(){typeof this.onFirstButtonClick=="function"&&this.onFirstButtonClick(),this.closePanel()}handleSecondaryClick(){typeof this.onSecondaryButtonClick=="function"&&this.onSecondaryButtonClick(),this.closePanel()}render(){return d`
|
|
655
657
|
<div class="overlay" @click=${this.closePanel}></div>
|
|
656
658
|
<div
|
|
657
659
|
class="panel"
|
|
@@ -700,7 +702,7 @@
|
|
|
700
702
|
right: 0;
|
|
701
703
|
height: 100%;
|
|
702
704
|
width: 100%;
|
|
703
|
-
z-index:
|
|
705
|
+
z-index: 2147483647;
|
|
704
706
|
pointer-events: none;
|
|
705
707
|
}
|
|
706
708
|
|
|
@@ -791,4 +793,4 @@
|
|
|
791
793
|
max-width: none;
|
|
792
794
|
}
|
|
793
795
|
}
|
|
794
|
-
`;y([
|
|
796
|
+
`;y([a({type:Boolean,reflect:!0})],b.prototype,"open",2);y([a({type:Boolean,reflect:!0})],b.prototype,"showHeader",2);y([a({type:Boolean,reflect:!0})],b.prototype,"showFooter",2);y([a({type:String,reflect:!0})],b.prototype,"headerTitle",2);y([a({type:String,reflect:!0})],b.prototype,"closeButtonLabel",2);y([a({type:String,reflect:!0})],b.prototype,"firstButtonLabel",2);y([a({type:String,reflect:!0})],b.prototype,"firstButtonVariant",2);y([a({type:Function})],b.prototype,"onFirstButtonClick",2);y([a({type:String,reflect:!0})],b.prototype,"secondaryButtonLabel",2);y([a({type:String,reflect:!0})],b.prototype,"secondaryButtonVariant",2);y([a({type:Function})],b.prototype,"onSecondaryButtonClick",2);y([a({type:Boolean,reflect:!0})],b.prototype,"disablePortal",2);b=y([U("o-side-panel")],b);
|