@florid-kit/components 0.9.34 → 0.9.35
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 +7 -1
- package/index.js +23 -24
- package/index.mjs +106 -96
- package/package.json +1 -1
|
@@ -35,6 +35,13 @@ export declare class OccitaneSidePanel extends LitElement {
|
|
|
35
35
|
static styles: import('lit').CSSResult;
|
|
36
36
|
static focusablesSelector: string;
|
|
37
37
|
static focusablesCustomElementsSelector: string;
|
|
38
|
+
static shadowRootOptions: {
|
|
39
|
+
delegatesFocus: boolean;
|
|
40
|
+
mode: ShadowRootMode;
|
|
41
|
+
slotAssignment?: SlotAssignmentMode | undefined;
|
|
42
|
+
};
|
|
43
|
+
private focusFirstInPanel;
|
|
44
|
+
private resolveFocusable;
|
|
38
45
|
connectedCallback(): void;
|
|
39
46
|
disconnectedCallback(): void;
|
|
40
47
|
private focusDetailReturnBtn;
|
|
@@ -52,7 +59,6 @@ export declare class OccitaneSidePanel extends LitElement {
|
|
|
52
59
|
private handleFirstClick;
|
|
53
60
|
private handleSecondClick;
|
|
54
61
|
protected updated(): void;
|
|
55
|
-
private _onDetailSlotChange;
|
|
56
62
|
protected render(): import('lit').TemplateResult<1>;
|
|
57
63
|
}
|
|
58
64
|
declare global {
|
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:Ae,defineProperty:Le,getOwnPropertyDescriptor:Be,getOwnPropertyNames:Pe,getOwnPropertySymbols:
|
|
9
|
+
*/const{is:Ae,defineProperty:Le,getOwnPropertyDescriptor:Be,getOwnPropertyNames:Pe,getOwnPropertySymbols:Oe,getPrototypeOf:ze}=Object,X=globalThis,le=X.trustedTypes,Ie=le?le.emptyScript:"",It=X.reactiveElementPolyfillSupport,pt=(o,t)=>o,At={toAttribute(o,t){switch(t){case Boolean:o=o?Ie: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}},qt=(o,t)=>!Ae(o,t),ce={attribute:!0,type:String,converter:At,reflect:!1,useDefault:!1,hasChanged:qt};Symbol.metadata??(Symbol.metadata=Symbol("metadata")),X.litPropertyMetadata??(X.litPropertyMetadata=new WeakMap);let at=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=ce){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&&Le(this.prototype,t,i)}}static getPropertyDescriptor(t,e,n){const{get:i,set:r}=Be(this.prototype,t)??{get(){return this[e]},set(s){this[e]=s}};return{get:i,set(s){const c=i==null?void 0:i.call(this);r==null||r.call(this,s),this.requestUpdate(t,c,n)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??ce}static _$Ei(){if(this.hasOwnProperty(pt("elementProperties")))return;const t=ze(this);t.finalize(),t.l!==void 0&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(pt("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(pt("properties"))){const e=this.properties,n=[...Pe(e),...Oe(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(ae(i))}else t!==void 0&&e.push(ae(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 Se(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:At).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 c=n.getPropertyOptions(i),h=typeof c.converter=="function"?{fromAttribute:c.converter}:((r=c.converter)==null?void 0:r.fromAttribute)!==void 0?c.converter:At;this._$Em=i,this[i]=h.fromAttribute(e,c.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??qt)(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:c}=s,h=this[r];c!==!0||this._$AL.has(r)||h===void 0||this.C(r,void 0,s,h)}}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){}};at.elementStyles=[],at.shadowRootOptions={mode:"open"},at[pt("elementProperties")]=new Map,at[pt("finalized")]=new Map,It==null||It({ReactiveElement:at}),(X.reactiveElementVersions??(X.reactiveElementVersions=[])).push("2.1.0");/**
|
|
10
10
|
* @license
|
|
11
11
|
* Copyright 2017 Google LLC
|
|
12
12
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
13
13
|
*/const ut=globalThis,Lt=ut.trustedTypes,he=Lt?Lt.createPolicy("lit-html",{createHTML:o=>o}):void 0,me="$lit$",G=`lit$${Math.random().toFixed(9).slice(2)}$`,xe="?"+G,De=`<${xe}>`,it=document,ft=()=>it.createComment(""),gt=o=>o===null||typeof o!="object"&&typeof o!="function",Zt=Array.isArray,He=o=>Zt(o)||typeof(o==null?void 0:o[Symbol.iterator])=="function",Dt=`[
|
|
14
14
|
\f\r]`,dt=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,de=/-->/g,pe=/>/g,tt=RegExp(`>|${Dt}(?:([^\\s"'>=/]+)(${Dt}*=${Dt}*(?:[^
|
|
15
|
-
\f\r"'\`<>=]|("|')|))|$)`,"g"),ue=/'/g,ve=/"/g,we=/^(?:script|style|textarea|title)$/i,Me=o=>(t,...e)=>({_$litType$:o,strings:t,values:e}),l=Me(1),Y=Symbol.for("lit-noChange"),d=Symbol.for("lit-nothing"),fe=new WeakMap,et=it.createTreeWalker(it,129);function $e(o,t){if(!Zt(o)||!o.hasOwnProperty("raw"))throw Error("invalid template strings array");return he!==void 0?he.createHTML(t):t}const Te=(o,t)=>{const e=o.length-1,n=[];let i,r=t===2?"<svg>":t===3?"<math>":"",s=dt;for(let c=0;c<e;c++){const h=o[c];let m,w,f=-1,N=0;for(;N<h.length&&(s.lastIndex=N,w=s.exec(h),w!==null);)N=s.lastIndex,s===dt?w[1]==="!--"?s=de:w[1]!==void 0?s=pe:w[2]!==void 0?(we.test(w[2])&&(i=RegExp("</"+w[2],"g")),s=tt):w[3]!==void 0&&(s=tt):s===tt?w[0]===">"?(s=i??dt,f=-1):w[1]===void 0?f=-2:(f=s.lastIndex-w[2].length,m=w[1],s=w[3]===void 0?tt:w[3]==='"'?ve:ue):s===ve||s===ue?s=tt:s===de||s===pe?s=dt:(s=tt,i=void 0);const W=s===tt&&o[c+1].startsWith("/>")?" ":"";r+=s===dt?h+De:f>=0?(n.push(m),h.slice(0,f)+me+h.slice(f)+G+W):h+G+(f===-2?c:W)}return[$e(o,r+(o[e]||"<?>")+(t===2?"</svg>":t===3?"</math>":"")),n]};class bt{constructor({strings:t,_$litType$:e},n){let i;this.parts=[];let r=0,s=0;const c=t.length-1,h=this.parts,[m,w]=Te(t,e);if(this.el=bt.createElement(m,n),et.currentNode=this.el.content,e===2||e===3){const f=this.el.content.firstChild;f.replaceWith(...f.childNodes)}for(;(i=et.nextNode())!==null&&h.length<c;){if(i.nodeType===1){if(i.hasAttributes())for(const f of i.getAttributeNames())if(f.endsWith(me)){const N=w[s++],W=i.getAttribute(f).split(G),Et=/([.?@])?(.*)/.exec(N);h.push({type:1,index:r,name:Et[2],strings:W,ctor:Et[1]==="."?
|
|
15
|
+
\f\r"'\`<>=]|("|')|))|$)`,"g"),ue=/'/g,ve=/"/g,we=/^(?:script|style|textarea|title)$/i,Me=o=>(t,...e)=>({_$litType$:o,strings:t,values:e}),l=Me(1),Y=Symbol.for("lit-noChange"),d=Symbol.for("lit-nothing"),fe=new WeakMap,et=it.createTreeWalker(it,129);function $e(o,t){if(!Zt(o)||!o.hasOwnProperty("raw"))throw Error("invalid template strings array");return he!==void 0?he.createHTML(t):t}const Te=(o,t)=>{const e=o.length-1,n=[];let i,r=t===2?"<svg>":t===3?"<math>":"",s=dt;for(let c=0;c<e;c++){const h=o[c];let m,w,f=-1,N=0;for(;N<h.length&&(s.lastIndex=N,w=s.exec(h),w!==null);)N=s.lastIndex,s===dt?w[1]==="!--"?s=de:w[1]!==void 0?s=pe:w[2]!==void 0?(we.test(w[2])&&(i=RegExp("</"+w[2],"g")),s=tt):w[3]!==void 0&&(s=tt):s===tt?w[0]===">"?(s=i??dt,f=-1):w[1]===void 0?f=-2:(f=s.lastIndex-w[2].length,m=w[1],s=w[3]===void 0?tt:w[3]==='"'?ve:ue):s===ve||s===ue?s=tt:s===de||s===pe?s=dt:(s=tt,i=void 0);const W=s===tt&&o[c+1].startsWith("/>")?" ":"";r+=s===dt?h+De:f>=0?(n.push(m),h.slice(0,f)+me+h.slice(f)+G+W):h+G+(f===-2?c:W)}return[$e(o,r+(o[e]||"<?>")+(t===2?"</svg>":t===3?"</math>":"")),n]};class bt{constructor({strings:t,_$litType$:e},n){let i;this.parts=[];let r=0,s=0;const c=t.length-1,h=this.parts,[m,w]=Te(t,e);if(this.el=bt.createElement(m,n),et.currentNode=this.el.content,e===2||e===3){const f=this.el.content.firstChild;f.replaceWith(...f.childNodes)}for(;(i=et.nextNode())!==null&&h.length<c;){if(i.nodeType===1){if(i.hasAttributes())for(const f of i.getAttributeNames())if(f.endsWith(me)){const N=w[s++],W=i.getAttribute(f).split(G),Et=/([.?@])?(.*)/.exec(N);h.push({type:1,index:r,name:Et[2],strings:W,ctor:Et[1]==="."?je:Et[1]==="?"?Re:Et[1]==="@"?Ue:Pt}),i.removeAttribute(f)}else f.startsWith(G)&&(h.push({type:6,index:r}),i.removeAttribute(f));if(we.test(i.tagName)){const f=i.textContent.split(G),N=f.length-1;if(N>0){i.textContent=Lt?Lt.emptyScript:"";for(let W=0;W<N;W++)i.append(f[W],ft()),et.nextNode(),h.push({type:2,index:++r});i.append(f[N],ft())}}}else if(i.nodeType===8)if(i.data===xe)h.push({type:2,index:r});else{let f=-1;for(;(f=i.data.indexOf(G,f+1))!==-1;)h.push({type:7,index:r}),f+=G.length-1}r++}}static createElement(t,e){const n=it.createElement("template");return n.innerHTML=t,n}}function lt(o,t,e=o,n){var s,c;if(t===Y)return t;let i=n!==void 0?(s=e._$Co)==null?void 0:s[n]:e._$Cl;const r=gt(t)?void 0:t._$litDirective$;return(i==null?void 0:i.constructor)!==r&&((c=i==null?void 0:i._$AO)==null||c.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=lt(o,i._$AS(o,t.values),i,n)),t}class Fe{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)??it).importNode(e,!0);et.currentNode=i;let r=et.nextNode(),s=0,c=0,h=n[0];for(;h!==void 0;){if(s===h.index){let m;h.type===2?m=new _t(r,r.nextSibling,this,t):h.type===1?m=new h.ctor(r,h.name,h.strings,this,t):h.type===6&&(m=new Ne(r,this,t)),this._$AV.push(m),h=n[++c]}s!==(h==null?void 0:h.index)&&(r=et.nextNode(),s++)}return et.currentNode=it,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 _t{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=lt(this,t,e),gt(t)?t===d||t==null||t===""?(this._$AH!==d&&this._$AR(),this._$AH=d):t!==this._$AH&&t!==Y&&this._(t):t._$litType$!==void 0?this.$(t):t.nodeType!==void 0?this.T(t):He(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&>(this._$AH)?this._$AA.nextSibling.data=t:this.T(it.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=bt.createElement($e(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 Fe(i,this),c=s.u(this.options);s.p(e),this.T(c),this._$AH=s}}_$AC(t){let e=fe.get(t.strings);return e===void 0&&fe.set(t.strings,e=new bt(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 _t(this.O(ft()),this.O(ft()),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 Pt{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=lt(this,t,e,0),s=!gt(t)||t!==this._$AH&&t!==Y,s&&(this._$AH=t);else{const c=t;let h,m;for(t=r[0],h=0;h<r.length-1;h++)m=lt(this,c[n+h],e,h),m===Y&&(m=this._$AH[h]),s||(s=!gt(m)||m!==this._$AH[h]),m===d?t=d:t!==d&&(t+=(m??"")+r[h+1]),this._$AH[h]=m}s&&!i&&this.j(t)}j(t){t===d?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}}class je extends Pt{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===d?void 0:t}}class Re extends Pt{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==d)}}class Ue extends Pt{constructor(t,e,n,i,r){super(t,e,n,i,r),this.type=5}_$AI(t,e=this){if((t=lt(this,t,e,0)??d)===Y)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 Ne{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){lt(this,t)}}const Ht=ut.litHtmlPolyfillSupport;Ht==null||Ht(bt,_t),(ut.litHtmlVersions??(ut.litHtmlVersions=[])).push("3.3.0");const Ve=(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 _t(t.insertBefore(ft(),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
|
|
@@ -160,11 +160,11 @@
|
|
|
160
160
|
* @license
|
|
161
161
|
* Copyright 2017 Google LLC
|
|
162
162
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
163
|
-
*/class
|
|
163
|
+
*/class Ft extends Yt{constructor(t){if(super(t),this.it=d,t.type!==Gt.CHILD)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(t){if(t===d||t==null)return this._t=void 0,this.it=t;if(t===Y)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:[]}}}Ft.directiveName="unsafeHTML",Ft.resultType=1;/**
|
|
164
164
|
* @license
|
|
165
165
|
* Copyright 2017 Google LLC
|
|
166
166
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
167
|
-
*/class
|
|
167
|
+
*/class jt extends Ft{}jt.directiveName="unsafeSVG",jt.resultType=2;const k=Xt(jt);/**
|
|
168
168
|
* @license
|
|
169
169
|
* Copyright 2020 Google LLC
|
|
170
170
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
@@ -172,7 +172,7 @@
|
|
|
172
172
|
* @license
|
|
173
173
|
* Copyright 2017 Google LLC
|
|
174
174
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
175
|
-
*/const vt=(o,t)=>{var n;const e=o._$AN;if(e===void 0)return!1;for(const i of e)(n=i._$AO)==null||n.call(i,t,!1),vt(i,t);return!0},Bt=o=>{let t,e;do{if((t=o._$AM)===void 0)break;e=t._$AN,e.delete(o),o=t}while((e==null?void 0:e.size)===0)},_e=o=>{for(let t;t=o._$AM;o=t){let e=t._$AN;if(e===void 0)t._$AN=e=new Set;else if(e.has(o))break;e.add(o),
|
|
175
|
+
*/const vt=(o,t)=>{var n;const e=o._$AN;if(e===void 0)return!1;for(const i of e)(n=i._$AO)==null||n.call(i,t,!1),vt(i,t);return!0},Bt=o=>{let t,e;do{if((t=o._$AM)===void 0)break;e=t._$AN,e.delete(o),o=t}while((e==null?void 0:e.size)===0)},_e=o=>{for(let t;t=o._$AM;o=t){let e=t._$AN;if(e===void 0)t._$AN=e=new Set;else if(e.has(o))break;e.add(o),Oo(t)}};function Bo(o){this._$AN!==void 0?(Bt(this),this._$AM=o,_e(this)):this._$AM=o}function Po(o,t=!1,e=0){const n=this._$AH,i=this._$AN;if(i!==void 0&&i.size!==0)if(t)if(Array.isArray(n))for(let r=e;r<n.length;r++)vt(n[r],!1),Bt(n[r]);else n!=null&&(vt(n,!1),Bt(n));else vt(this,o)}const Oo=o=>{o.type==Gt.CHILD&&(o._$AP??(o._$AP=Po),o._$AQ??(o._$AQ=Bo))};class zo extends Yt{constructor(){super(...arguments),this._$AN=void 0}_$AT(t,e,n){super._$AT(t,e,n),_e(this),this.isConnected=t._$AU}_$AO(t,e=!0){var n,i;t!==this.isConnected&&(this.isConnected=t,t?(n=this.reconnected)==null||n.call(this):(i=this.disconnected)==null||i.call(this)),e&&(vt(this,t),Bt(this))}setValue(t){if(Lo(this._$Ct))this._$Ct._$AI(t,this);else{const e=[...this._$Ct._$AH];e[this._$Ci]=t,this._$Ct._$AI(e,this,0)}}disconnected(){}reconnected(){}}class Io extends zo{constructor(){super(...arguments),this.prevData={}}render(t){return d}update(t,[e]){var n;this.element!==t.element&&(this.element=t.element),this.host=((n=t.options)===null||n===void 0?void 0:n.host)||this.element,this.apply(e),this.groom(e),this.prevData={...e}}apply(t){if(!t)return;const{prevData:e,element:n}=this;for(const i in t){const r=t[i];r!==e[i]&&(n[i]=r)}}groom(t){const{prevData:e,element:n}=this;if(e)for(const i in e)(!t||!(i in t)&&n[i]===e[i])&&(n[i]=void 0)}}class Do extends Io{constructor(){super(...arguments),this.eventData={}}apply(t){if(t)for(const e in t){const n=t[e];n!==this.eventData[e]&&this.applyEvent(e,n)}}applyEvent(t,e){const{prevData:n,element:i}=this;this.eventData[t]=e,n[t]&&i.removeEventListener(t,this,e),i.addEventListener(t,this,e)}groom(t){const{prevData:e,element:n}=this;if(e)for(const i in e)(!t||!(i in t)&&n[i]===e[i])&&this.groomEvent(i,e[i])}groomEvent(t,e){const{element:n}=this;delete this.eventData[t],n.removeEventListener(t,this,e)}handleEvent(t){const e=this.eventData[t.type];typeof e=="function"?e.call(this.host,t):e.handleEvent(t)}disconnected(){const{eventData:t,element:e}=this;for(const n in t){const i=n.slice(1),r=t[n];e.removeEventListener(i,this,r)}}reconnected(){const{eventData:t,element:e}=this;for(const n in t){const i=n.slice(1),r=t[n];e.addEventListener(i,this,r)}}}class Ho extends Do{apply(t){if(!t)return;const{prevData:e,element:n}=this;for(const i in t){const r=t[i];if(r===e[i])continue;const s=i.slice(1);switch(i[0]){case"@":this.eventData[s]=r,this.applyEvent(s,r);break;case".":n[s]=r;break;case"?":r?n.setAttribute(s,""):n.removeAttribute(s);break;default:r!=null?n.setAttribute(i,String(r)):n.removeAttribute(i);break}}}groom(t){const{prevData:e,element:n}=this;if(e)for(const i in e){const r=i.slice(1);if(!t||!(i in t)&&n[r]===e[i])switch(i[0]){case"@":this.groomEvent(r,e[i]);break;case".":n[r]=void 0;break;case"?":n.removeAttribute(r);break;default:n.removeAttribute(i);break}}}}const ge=Xt(Ho);/**
|
|
176
176
|
* @license
|
|
177
177
|
* Copyright 2018 Google LLC
|
|
178
178
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
@@ -403,7 +403,7 @@
|
|
|
403
403
|
.sr-only {
|
|
404
404
|
display: none;
|
|
405
405
|
}
|
|
406
|
-
`;T([a({type:String,reflect:!0})],L.prototype,"bgstyle",2);T([a({type:String,reflect:!0})],L.prototype,"size",2);T([a({type:String,reflect:!0})],L.prototype,"status",2);T([a({type:String,reflect:!0})],L.prototype,"type",2);T([a({type:String})],L.prototype,"strokewidth",2);T([a({type:String})],L.prototype,"icon",2);T([a({type:Boolean,reflect:!0})],L.prototype,"disabled",2);T([a({type:Boolean})],L.prototype,"showSrLabel",2);T([a({type:String})],L.prototype,"srLabel",2);L=T([g("o-icon-button")],L);var
|
|
406
|
+
`;T([a({type:String,reflect:!0})],L.prototype,"bgstyle",2);T([a({type:String,reflect:!0})],L.prototype,"size",2);T([a({type:String,reflect:!0})],L.prototype,"status",2);T([a({type:String,reflect:!0})],L.prototype,"type",2);T([a({type:String})],L.prototype,"strokewidth",2);T([a({type:String})],L.prototype,"icon",2);T([a({type:Boolean,reflect:!0})],L.prototype,"disabled",2);T([a({type:Boolean})],L.prototype,"showSrLabel",2);T([a({type:String})],L.prototype,"srLabel",2);L=T([g("o-icon-button")],L);var Fo=Object.defineProperty,jo=Object.getOwnPropertyDescriptor,b=(o,t,e,n)=>{for(var i=n>1?void 0:n?jo(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&&Fo(t,e,i),i};let u=class extends p{constructor(){super(...arguments),this.open=!1,this.showHeader=!0,this.showFooter=!1,this.showHeaderStartIcon=!1,this.headerTitle="",this.headerTitleClassName="panel-title",this.labelDialog="",this.closeButtonLabel="Close the modal",this.goBackButtonLabel="Go back to",this.firstButtonLabel="Close",this.firstButtonVariant="primary",this.firstButtonProps={},this.onFirstButtonClickClose=!1,this.secondButtonLabel="",this.secondButtonVariant="secondary",this.secondButtonProps={},this.onSecondButtonClickClose=!1,this.disablePortal=!1,this.zIndex=99,this.initialized=!1,this.showDetail=!1,this.isHidingDetail=!1,this.previousFocusedElement=null,this._onOpenDetail=async o=>{var e,n;const t=((e=o.detail)==null?void 0:e.origin)??document.activeElement;if(this._detailOriginEl=t,this._detailOriginClass=(t==null?void 0:t.className)??"",this.showDetail=!0,this.showHeaderStartIcon=!0,await this.updateComplete,this._detailOriginClass){const i=(n=this.shadowRoot)==null?void 0:n.querySelector(".detail-view");i&&i.setAttribute("fromelement",this._detailOriginClass)}await this.focusDetailReturnBtn()},this._detailOriginEl=null,this._detailOriginClass="",this.handleKeyDown=o=>{this.open&&(o.key==="Escape"?this.closePanel():o.key==="Tab"&&this.trapFocus(o))},this.handleClosePanel=o=>{if(o instanceof KeyboardEvent&&o.key!=="Enter"&&o.key!==" ")return;o.preventDefault(),o.stopPropagation();const t=o.currentTarget,e=(t==null?void 0:t.getAttribute("data-role"))==="back";if(this.showDetail&&e){this.isHidingDetail=!0;const n=this.renderRoot.querySelector(".content"),i=async()=>{this.showDetail=!1,this.isHidingDetail=!1,this.showHeaderStartIcon=!1,await this.updateComplete,this._restoreFocusToOrigin()};if(n){this.showHeaderStartIcon=!1;const r=()=>{this.showDetail=!1,this.isHidingDetail=!1,n.removeEventListener("animationend",r),i()};n.addEventListener("animationend",r)}else this.showDetail=!1,this.isHidingDetail=!1,this.showHeaderStartIcon=!1;return}this.closePanel()}}focusFirstInPanel(){var t,e,n;(n=this.getFocusableElements().map(i=>this.resolveFocusable(i)).filter(i=>!!i&&!i.hasAttribute("disabled"))[0]??((t=this.shadowRoot)==null?void 0:t.querySelector(".close-btn"))??((e=this.shadowRoot)==null?void 0:e.querySelector(".panel")))==null||n.focus({preventScroll:!0})}resolveFocusable(o){var e;const t=o.tagName.toLowerCase();return t==="o-icon-button"||t==="o-button"?((e=o.shadowRoot)==null?void 0:e.querySelector("button, .button"))??o:o}connectedCallback(){super.connectedCallback(),!this.disablePortal&&this.parentElement!==document.body&&document.body.appendChild(this),this.addEventListener("keydown",this.handleKeyDown),this.updateComplete.then(()=>{this.initialized=!0}),this.addEventListener("open-detail",this._onOpenDetail),this.addEventListener("focusin",o=>{o.composedPath()[0]===this&&this.focusFirstInPanel()})}disconnectedCallback(){document.body.style.overflow="",document.body.removeAttribute("data-side-panel"),this.removeEventListener("keydown",this.handleKeyDown),super.disconnectedCallback(),this.removeEventListener("open-detail",this._onOpenDetail)}async focusDetailReturnBtn(){var i,r,s,c,h;await this.updateComplete;const o=this.getDeepActiveElement(document);if(o&&o!==document.body)try{o.blur()}catch{}await new Promise(requestAnimationFrame);const t=(i=this.shadowRoot)==null?void 0:i.querySelector(".detail-view .return-btn");if(!t)return;t.updateComplete&&await t.updateComplete,(c=(s=((r=t.shadowRoot)==null?void 0:r.querySelector("button"))??t)==null?void 0:s.focus)==null||c.call(s,{preventScroll:!0});const n=(h=this.shadowRoot)==null?void 0:h.querySelector('.panel[role="dialog"]');n&&n.setAttribute("aria-label",this.headerTitle)}_restoreFocusToOrigin(){var t,e;const o=this._detailOriginEl;!o||!document.contains(o)||((e=(t=document.activeElement)==null?void 0:t.blur)==null||e.call(t),requestAnimationFrame(()=>{var i;o.classList.add("a--tabfocus"),(((i=o.shadowRoot)==null?void 0:i.querySelector('button, .button, [tabindex]:not([tabindex="-1"])'))??null??o).focus({preventScroll:!0})}))}getDeepActiveElement(o=this.shadowRoot){let t=o.activeElement;for(;t&&t.shadowRoot&&t.shadowRoot.activeElement;)t=t.shadowRoot.activeElement;return t}trapFocus(o){if(o.key!=="Tab")return;const t=this.getDeepActiveElement(),e=this.renderRoot.querySelector(".close-btn");if(!o.shiftKey&&e&&e.contains(t)){o.preventDefault();const n=this.renderRoot.querySelector(".o-whats-inside--content p");n==null||n.focus()}}getFocusableElements(){const o=this.renderRoot.querySelector(".panel");if(!o)return[];function t(i){return!(i.disabled||i.hasAttribute("disabled")||i.hasAttribute("tabindex")&&i.getAttribute("tabindex")==="-1")}function e(i){var s;const r=[i.matches(u.focusablesSelector)?i:[]];if(!["o-icon-button","o-button"].includes(i.tagName.toLowerCase())){const c=Array.from(i instanceof HTMLSlotElement?i.assignedElements({flatten:!0}):[]).filter(t).flatMap(e),h=Array.from(((s=i.shadowRoot)==null?void 0:s.querySelectorAll("*"))||[]).filter(t).flatMap(e);r.push(...c,...h)}return r.flat()}return Array.from(o.querySelectorAll("*")).filter(t).flatMap(e)}openPanel(){this.removeAttribute("hidden"),this.getBoundingClientRect(),this.previousFocusedElement=document.activeElement,this.open=!0,document.body.style.overflow="hidden",document.body.setAttribute("data-side-panel","open");const o=this.renderRoot.querySelector(".panel");o&&o.setAttribute("aria-modal","true"),this.updateComplete.then(()=>{var t,e;if(this.showHeader){const n=(t=this.shadowRoot)==null?void 0:t.querySelector(".panel .close-btn"),i=this.resolveFocusable(n);(e=i==null?void 0:i.focus)==null||e.call(i,{preventScroll:!0})}else this.focusFirstInPanel()}),this.dispatchEvent(new CustomEvent("open",{bubbles:!0,composed:!0}))}closePanel(){var t,e,n,i,r;this.open=!1,this.showDetail=!1,document.body.style.overflow="",document.body.removeAttribute("data-side-panel"),((t=this.previousFocusedElement)==null?void 0:t.tagName.toLowerCase())==="o-button"?(i=(n=(e=this.previousFocusedElement.shadowRoot)==null?void 0:e.querySelector(".button"))==null?void 0:n.focus)==null||i.call(n):(r=this.previousFocusedElement)==null||r.focus();const o=this.renderRoot.querySelector(".panel");o&&o.removeAttribute("aria-modal"),this.dispatchEvent(new CustomEvent("close",{bubbles:!0,composed:!0}))}handleFirstClick(o){o instanceof KeyboardEvent&&o.key!=="Enter"&&o.key!==" "||(o.preventDefault(),o.stopPropagation(),this.onFirstButtonClickClose&&this.closePanel(),this.dispatchEvent(new CustomEvent("firstbuttonclick",{bubbles:!0,composed:!0,cancelable:!0,detail:{button:"first",target:o.target}})))}handleSecondClick(o){o instanceof KeyboardEvent&&o.key!=="Enter"&&o.key!==" "||(o.preventDefault(),o.stopPropagation(),this.onSecondButtonClickClose&&this.closePanel(),this.dispatchEvent(new CustomEvent("secondbuttonclick",{bubbles:!0,composed:!0,cancelable:!0,detail:{button:"second",target:o.target}})))}updated(){this.style.setProperty("--z-overlay",`${this.zIndex||99}`),this.style.setProperty("--z-panel",`${this.zIndex?this.zIndex+1:99}`),this.open||setTimeout(()=>{this.setAttribute("hidden","hidden")},500)}render(){const o=this.showHeader?l`
|
|
407
407
|
<div tabindex="-1" class="header ${this.showDetail?"detail-view-header":""}">
|
|
408
408
|
${this.showHeaderStartIcon?l`
|
|
409
409
|
<o-icon-button
|
|
@@ -416,7 +416,6 @@
|
|
|
416
416
|
@keydown=${this.handleClosePanel}
|
|
417
417
|
srlabel="${this.goBackButtonLabel} ${this.labelDialog}"
|
|
418
418
|
showsrlabel="true"
|
|
419
|
-
tabindex="-1"
|
|
420
419
|
></o-icon-button>
|
|
421
420
|
`:null}
|
|
422
421
|
<p role="heading" aria-level="1" id="panel-title" class="${this.headerTitleClassName}">
|
|
@@ -439,7 +438,7 @@
|
|
|
439
438
|
class="panel"
|
|
440
439
|
role="dialog"
|
|
441
440
|
aria-modal="true"
|
|
442
|
-
aria-labelledby="
|
|
441
|
+
aria-labelledby="panel-title"
|
|
443
442
|
style="z-index: ${this.zIndex+1}"
|
|
444
443
|
tabindex="-1"
|
|
445
444
|
>
|
|
@@ -453,7 +452,7 @@
|
|
|
453
452
|
${o}
|
|
454
453
|
<div class="detail-content">
|
|
455
454
|
<div class="detail-scroller">
|
|
456
|
-
<slot name="detail"
|
|
455
|
+
<slot name="detail"></slot>
|
|
457
456
|
</div>
|
|
458
457
|
</div>
|
|
459
458
|
</div>
|
|
@@ -694,7 +693,7 @@
|
|
|
694
693
|
overflow: auto;
|
|
695
694
|
box-sizing: border-box;
|
|
696
695
|
}
|
|
697
|
-
`;u.focusablesSelector='button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"]), o-icon-button, o-button';u.focusablesCustomElementsSelector="o-icon-button, o-button";b([a({type:Boolean,reflect:!0})],u.prototype,"open",2);b([a({type:Boolean,reflect:!0})],u.prototype,"showHeader",2);b([a({type:Boolean,reflect:!0})],u.prototype,"showFooter",2);b([a({type:Boolean,reflect:!0})],u.prototype,"showHeaderStartIcon",2);b([a({type:String,reflect:!0})],u.prototype,"headerTitle",2);b([a({type:String,reflect:!0})],u.prototype,"headerTitleClassName",2);b([a({type:String,reflect:!0})],u.prototype,"labelDialog",2);b([a({type:String,reflect:!0})],u.prototype,"closeButtonLabel",2);b([a({type:String,reflect:!0})],u.prototype,"goBackButtonLabel",2);b([a({type:String,reflect:!0})],u.prototype,"firstButtonLabel",2);b([a({type:String,reflect:!0})],u.prototype,"firstButtonVariant",2);b([a({type:Object,reflect:!0})],u.prototype,"firstButtonProps",2);b([a({type:Boolean,reflect:!0})],u.prototype,"onFirstButtonClickClose",2);b([a({type:String,reflect:!0})],u.prototype,"secondButtonLabel",2);b([a({type:String,reflect:!0})],u.prototype,"secondButtonVariant",2);b([a({type:Object,reflect:!0})],u.prototype,"secondButtonProps",2);b([a({type:Boolean,reflect:!0})],u.prototype,"onSecondButtonClickClose",2);b([a({type:Boolean,reflect:!0})],u.prototype,"disablePortal",2);b([a({type:Number,reflect:!0})],u.prototype,"zIndex",2);b([a({type:Boolean,reflect:!0})],u.prototype,"initialized",2);b([a({type:Boolean})],u.prototype,"showDetail",2);b([a({type:Boolean})],u.prototype,"isHidingDetail",2);u=b([g("o-side-panel")],u);var Ro=Object.defineProperty,Uo=Object.getOwnPropertyDescriptor,x=(o,t,e,n)=>{for(var i=n>1?void 0:n?Uo(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&&Ro(t,e,i),i};const No=Wt(p);let y=class extends No{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[Kt].form}handleClick(o){if(!(o instanceof KeyboardEvent&&!["Enter"," "].includes(o.key))&&this.panelTarget){const t=document.getElementById(this.panelTarget);t instanceof u&&(t!=null&&t.openPanel)&&typeof t.openPanel=="function"?(o.preventDefault(),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=V[t].replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"');return l`<span class="${o==="start"?"icon-start":"icon-end"}">${k(e)}</span>`}renderButton(){const o=this.text||this.textsecond;return l`
|
|
696
|
+
`;u.focusablesSelector='button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"]), o-icon-button, o-button';u.focusablesCustomElementsSelector="o-icon-button, o-button";u.shadowRootOptions={...p.shadowRootOptions,delegatesFocus:!0};b([a({type:Boolean,reflect:!0})],u.prototype,"open",2);b([a({type:Boolean,reflect:!0})],u.prototype,"showHeader",2);b([a({type:Boolean,reflect:!0})],u.prototype,"showFooter",2);b([a({type:Boolean,reflect:!0})],u.prototype,"showHeaderStartIcon",2);b([a({type:String,reflect:!0})],u.prototype,"headerTitle",2);b([a({type:String,reflect:!0})],u.prototype,"headerTitleClassName",2);b([a({type:String,reflect:!0})],u.prototype,"labelDialog",2);b([a({type:String,reflect:!0})],u.prototype,"closeButtonLabel",2);b([a({type:String,reflect:!0})],u.prototype,"goBackButtonLabel",2);b([a({type:String,reflect:!0})],u.prototype,"firstButtonLabel",2);b([a({type:String,reflect:!0})],u.prototype,"firstButtonVariant",2);b([a({type:Object,reflect:!0})],u.prototype,"firstButtonProps",2);b([a({type:Boolean,reflect:!0})],u.prototype,"onFirstButtonClickClose",2);b([a({type:String,reflect:!0})],u.prototype,"secondButtonLabel",2);b([a({type:String,reflect:!0})],u.prototype,"secondButtonVariant",2);b([a({type:Object,reflect:!0})],u.prototype,"secondButtonProps",2);b([a({type:Boolean,reflect:!0})],u.prototype,"onSecondButtonClickClose",2);b([a({type:Boolean,reflect:!0})],u.prototype,"disablePortal",2);b([a({type:Number,reflect:!0})],u.prototype,"zIndex",2);b([a({type:Boolean,reflect:!0})],u.prototype,"initialized",2);b([a({type:Boolean})],u.prototype,"showDetail",2);b([a({type:Boolean})],u.prototype,"isHidingDetail",2);u=b([g("o-side-panel")],u);var Ro=Object.defineProperty,Uo=Object.getOwnPropertyDescriptor,x=(o,t,e,n)=>{for(var i=n>1?void 0:n?Uo(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&&Ro(t,e,i),i};const No=Wt(p);let y=class extends No{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[Kt].form}handleClick(o){if(!(o instanceof KeyboardEvent&&!["Enter"," "].includes(o.key))&&this.panelTarget){const t=document.getElementById(this.panelTarget);t instanceof u&&(t!=null&&t.openPanel)&&typeof t.openPanel=="function"?(o.preventDefault(),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=V[t].replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"');return l`<span class="${o==="start"?"icon-start":"icon-end"}">${k(e)}</span>`}renderButton(){const o=this.text||this.textsecond;return l`
|
|
698
697
|
<button type=${this.type} class="button" ?disabled=${this.disabled} @click=${this.handleClick} @keydown=${this.handleClick}>
|
|
699
698
|
${this.startIcon?this.renderIcon("start"):d}
|
|
700
699
|
${o?l`
|
|
@@ -923,7 +922,7 @@
|
|
|
923
922
|
transform: translateX(4px);
|
|
924
923
|
}
|
|
925
924
|
//End icon movment on hover
|
|
926
|
-
`;x([a()],y.prototype,"type",2);x([a()],y.prototype,"value",2);x([a({type:String,reflect:!0})],y.prototype,"variant",2);x([a({type:String})],y.prototype,"text",2);x([a({type:String})],y.prototype,"textsecond",2);x([a({type:Boolean,reflect:!0})],y.prototype,"fullwidth",2);x([a({type:Boolean,reflect:!0})],y.prototype,"disabled",2);x([a({type:String})],y.prototype,"startIconModel",2);x([a({type:String})],y.prototype,"endIconModel",2);x([a({type:Boolean,reflect:!0,attribute:"starticon"})],y.prototype,"startIcon",2);x([a({type:Boolean,reflect:!0,attribute:"endicon"})],y.prototype,"endIcon",2);x([a({type:String,attribute:"paneltarget"})],y.prototype,"panelTarget",2);x([a({type:String})],y.prototype,"href",2);x([a({type:String})],y.prototype,"target",2);x([a({type:Boolean,reflect:!0})],y.prototype,"underlined",2);x([a({type:Boolean,reflect:!0})],y.prototype,"withbadge",2);y=x([g("o-button")],y);var Vo=Object.defineProperty,qo=Object.getOwnPropertyDescriptor,
|
|
925
|
+
`;x([a()],y.prototype,"type",2);x([a()],y.prototype,"value",2);x([a({type:String,reflect:!0})],y.prototype,"variant",2);x([a({type:String})],y.prototype,"text",2);x([a({type:String})],y.prototype,"textsecond",2);x([a({type:Boolean,reflect:!0})],y.prototype,"fullwidth",2);x([a({type:Boolean,reflect:!0})],y.prototype,"disabled",2);x([a({type:String})],y.prototype,"startIconModel",2);x([a({type:String})],y.prototype,"endIconModel",2);x([a({type:Boolean,reflect:!0,attribute:"starticon"})],y.prototype,"startIcon",2);x([a({type:Boolean,reflect:!0,attribute:"endicon"})],y.prototype,"endIcon",2);x([a({type:String,attribute:"paneltarget"})],y.prototype,"panelTarget",2);x([a({type:String})],y.prototype,"href",2);x([a({type:String})],y.prototype,"target",2);x([a({type:Boolean,reflect:!0})],y.prototype,"underlined",2);x([a({type:Boolean,reflect:!0})],y.prototype,"withbadge",2);y=x([g("o-button")],y);var Vo=Object.defineProperty,qo=Object.getOwnPropertyDescriptor,Ot=(o,t,e,n)=>{for(var i=n>1?void 0:n?qo(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&&Vo(t,e,i),i};let ct=class extends p{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("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=V.wishlist.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"');return l`
|
|
927
926
|
<button type="button" aria-describedby="${this.ariaDescribedBy}" class="wishlist-button">
|
|
928
927
|
<span class="sr-only">${this.label}</span>
|
|
929
928
|
${k(o)}
|
|
@@ -992,7 +991,7 @@
|
|
|
992
991
|
width: 0.1rem !important;
|
|
993
992
|
white-space: nowrap !important;
|
|
994
993
|
}
|
|
995
|
-
`;
|
|
994
|
+
`;Ot([a({type:String,reflect:!0})],ct.prototype,"status",2);Ot([a({type:String,reflect:!0})],ct.prototype,"ariaDescribedBy",2);Ot([a({type:String,reflect:!0})],ct.prototype,"label",2);ct=Ot([g("o-wishlist-button")],ct);var Zo=Object.defineProperty,Ko=Object.getOwnPropertyDescriptor,st=(o,t,e,n)=>{for(var i=n>1?void 0:n?Ko(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&&Zo(t,e,i),i};let q=class extends p{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(),this.dispatchEvent(new CustomEvent("click",{detail:{href:this.href},bubbles:!0,composed:!0}))}render(){const o=this.href||"#";return l`
|
|
996
995
|
<a
|
|
997
996
|
href="${o}"
|
|
998
997
|
target="${A(this.target||void 0)}"
|
|
@@ -1105,7 +1104,7 @@
|
|
|
1105
1104
|
height: 1px;
|
|
1106
1105
|
}
|
|
1107
1106
|
/* End of underline effect */
|
|
1108
|
-
`;st([a({type:String})],q.prototype,"href",2);st([a({type:String})],q.prototype,"target",2);st([a({type:String,reflect:!0})],q.prototype,"template",2);st([a({type:Boolean,reflect:!0})],q.prototype,"inverse",2);st([a({type:Boolean,reflect:!0})],q.prototype,"endIcon",2);st([a({type:Boolean,reflect:!0})],q.prototype,"reverseEndIcon",2);q=st([g("o-link")],q);var Wo=Object.defineProperty,Go=Object.getOwnPropertyDescriptor,
|
|
1107
|
+
`;st([a({type:String})],q.prototype,"href",2);st([a({type:String})],q.prototype,"target",2);st([a({type:String,reflect:!0})],q.prototype,"template",2);st([a({type:Boolean,reflect:!0})],q.prototype,"inverse",2);st([a({type:Boolean,reflect:!0})],q.prototype,"endIcon",2);st([a({type:Boolean,reflect:!0})],q.prototype,"reverseEndIcon",2);q=st([g("o-link")],q);var Wo=Object.defineProperty,Go=Object.getOwnPropertyDescriptor,zt=(o,t,e,n)=>{for(var i=n>1?void 0:n?Go(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&&Wo(t,e,i),i};let ht=class extends p{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`
|
|
1109
1108
|
<div class="rating">
|
|
1110
1109
|
<div class="stars">
|
|
1111
1110
|
${o.map(t=>l`<span class="star">${k(V[t]??"")}</span>`)}
|
|
@@ -1145,7 +1144,7 @@
|
|
|
1145
1144
|
text-decoration: underline;
|
|
1146
1145
|
cursor: pointer;
|
|
1147
1146
|
}
|
|
1148
|
-
`;
|
|
1147
|
+
`;zt([a({type:Number})],ht.prototype,"rating",2);zt([a({type:String})],ht.prototype,"reviewCount",2);zt([a({type:String})],ht.prototype,"href",2);ht=zt([g("o-rating")],ht);var Xo=Object.defineProperty,Yo=Object.getOwnPropertyDescriptor,Q=(o,t,e,n)=>{for(var i=n>1?void 0:n?Yo(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&&Xo(t,e,i),i};let M=class extends p{constructor(){super(...arguments),this.thumbnails=[],this.activeIndex=0,this.disabledIndexes=[],this.maxWidth="100%",this.altressource="visual",this.focusedIndex=0,this.playerIconTemplate=l`
|
|
1149
1148
|
<o-icon-button
|
|
1150
1149
|
icon="playerv"
|
|
1151
1150
|
size="xsmall"
|
|
@@ -1673,7 +1672,7 @@
|
|
|
1673
1672
|
background-color: var(--color-container-action-primary-pressed);
|
|
1674
1673
|
}
|
|
1675
1674
|
}
|
|
1676
|
-
`;Rt=ri([g("o-dots")],Rt);var si=Object.defineProperty,ai=Object.getOwnPropertyDescriptor,
|
|
1675
|
+
`;Rt=ri([g("o-dots")],Rt);var si=Object.defineProperty,ai=Object.getOwnPropertyDescriptor,F=(o,t,e,n)=>{for(var i=n>1?void 0:n?ai(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&&si(t,e,i),i};let B=class extends p{constructor(){super(...arguments),this.options=[],this.value="",this.name="",this.additionaltext="+X variant(s)",this.disabled=!1,this.width="100%",this.open=!1,this.activeIndex=-1,this.menuWidth="",this._handleOutsideClick=o=>{this.contains(o.target)||(this.open=!1,this.activeIndex=-1)}}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this._handleOutsideClick)}disconnectedCallback(){document.removeEventListener("click",this._handleOutsideClick),super.disconnectedCallback()}toggle(){var o;if(!this.disabled){if(this.open=!this.open,this.activeIndex=this.open?this.options.findIndex(t=>t.value===this.value):-1,this.open&&this.width==="auto"){const t=(o=this.renderRoot)==null?void 0:o.querySelector("button");t&&(this.menuWidth=`${t.getBoundingClientRect().width}px`)}this.open&&this.updateComplete.then(()=>this._focusActiveOption())}}_focusActiveOption(){var t;const o=(t=this.renderRoot)==null?void 0:t.querySelector(`#option-${this.activeIndex}`);o==null||o.focus()}selectOption(o){this.value=o.value,this.dispatchEvent(new CustomEvent("change",{detail:{value:this.value,url:o.url}})),this.open=!1,this.activeIndex=-1}handleKeydown(o){if(this.disabled){o.preventDefault();return}if(!this.open){(o.key==="ArrowDown"||o.key==="ArrowUp")&&(o.preventDefault(),this.open=!0,this.activeIndex=this.options.findIndex(t=>t.value===this.value),this.updateComplete.then(()=>this._focusActiveOption()));return}switch(o.key){case"ArrowDown":o.preventDefault(),this.activeIndex=(this.activeIndex+1)%this.options.length,this.updateComplete.then(()=>this._focusActiveOption());break;case"ArrowUp":o.preventDefault(),this.activeIndex=(this.activeIndex-1+this.options.length)%this.options.length,this.updateComplete.then(()=>this._focusActiveOption());break;case"Home":o.preventDefault(),this.activeIndex=0,this.updateComplete.then(()=>this._focusActiveOption());break;case"End":o.preventDefault(),this.activeIndex=this.options.length-1,this.updateComplete.then(()=>this._focusActiveOption());break;case"Enter":o.preventDefault(),this.activeIndex>=0&&this.selectOption(this.options[this.activeIndex]);break;case"Escape":o.preventDefault(),this.open=!1,this.activeIndex=-1;break}}updated(){this.options.length>0&&(this.options.some(t=>t.value===this.value)||(this.value=this.options[0].value))}render(){const o=V.checkstroke.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"'),t=this.options.find(e=>e.value===this.value);return l`
|
|
1677
1676
|
<button
|
|
1678
1677
|
role="combobox"
|
|
1679
1678
|
aria-haspopup="listbox"
|
|
@@ -1910,7 +1909,7 @@
|
|
|
1910
1909
|
input[type="hidden"] {
|
|
1911
1910
|
display: none;
|
|
1912
1911
|
}
|
|
1913
|
-
`;
|
|
1912
|
+
`;F([a({type:Array,reflect:!0})],B.prototype,"options",2);F([a({type:String,reflect:!0})],B.prototype,"value",2);F([a({type:String,reflect:!0})],B.prototype,"name",2);F([a({type:String,reflect:!0})],B.prototype,"additionaltext",2);F([a({type:Boolean,reflect:!0})],B.prototype,"disabled",2);F([a({type:String,reflect:!0})],B.prototype,"width",2);F([J()],B.prototype,"open",2);F([J()],B.prototype,"activeIndex",2);F([J()],B.prototype,"menuWidth",2);B=F([g("o-dropdown-variant")],B);/**
|
|
1914
1913
|
* @license
|
|
1915
1914
|
* Copyright 2018 Google LLC
|
|
1916
1915
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
@@ -2108,7 +2107,7 @@
|
|
|
2108
2107
|
flex-wrap: wrap;
|
|
2109
2108
|
gap: var(--spacing-s);
|
|
2110
2109
|
}
|
|
2111
|
-
`;ee([a({reflect:!0})],wt.prototype,"name",2);ee([a({reflect:!0})],wt.prototype,"value",2);wt=ee([g("o-chipset")],wt);var bi=Object.defineProperty,yi=Object.getOwnPropertyDescriptor,
|
|
2110
|
+
`;ee([a({reflect:!0})],wt.prototype,"name",2);ee([a({reflect:!0})],wt.prototype,"value",2);wt=ee([g("o-chipset")],wt);var bi=Object.defineProperty,yi=Object.getOwnPropertyDescriptor,j=(o,t,e,n)=>{for(var i=n>1?void 0:n?yi(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&&bi(t,e,i),i};const mi=Wt(p);let O=class extends mi{constructor(){super(...arguments),this.name="",this.value="",this.type="",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=V[this.crossIconName].replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"').replace(/stroke=[#"'a-z1-9]*/gi,"");return l`<span class="cross-icon">${k(o)}</span>`}strikeThroughImg(){const o=So[this.strikethroughImgName].replace("<svg",'<svg aria-hidden="true" focusable="false" part="strikethrough"').replace(/stroke=[#"'a-z1-9]*/gi,"");return k(o)}render(){const o=this.text;return l`${this.type==="link"?l`
|
|
2112
2111
|
<a role="button" tabindex="0" class="button" href=${this.href} ?disabled=${this.disabled} @click=${this.handleClick} @keydown=${this.handleClick}
|
|
2113
2112
|
aria-label=${this.ariaLabel} aria-pressed=${this.selected}>
|
|
2114
2113
|
${o?l`
|
|
@@ -2128,7 +2127,7 @@
|
|
|
2128
2127
|
</button>
|
|
2129
2128
|
`}
|
|
2130
2129
|
${this.disabled?this.strikeThroughImg():d}
|
|
2131
|
-
`}};
|
|
2130
|
+
`}};O.styles=v`
|
|
2132
2131
|
:host {
|
|
2133
2132
|
cursor: pointer;
|
|
2134
2133
|
display: inline-flex;
|
|
@@ -2253,7 +2252,7 @@
|
|
|
2253
2252
|
stroke-linecap: round;
|
|
2254
2253
|
}
|
|
2255
2254
|
}
|
|
2256
|
-
`;
|
|
2255
|
+
`;j([a({reflect:!0})],O.prototype,"name",2);j([a({reflect:!0})],O.prototype,"value",2);j([a({type:String,reflect:!0})],O.prototype,"type",2);j([a({type:String,reflect:!0})],O.prototype,"href",2);j([a({type:String,reflect:!0,attribute:"data-href"})],O.prototype,"dataHref",2);j([a({type:String})],O.prototype,"text",2);j([a({type:Boolean,reflect:!0})],O.prototype,"selected",2);j([a({type:Boolean,reflect:!0})],O.prototype,"disabled",2);j([a({type:Boolean,reflect:!0})],O.prototype,"fullwidth",2);O=j([g("o-filter-chip")],O);var xi=Object.defineProperty,R=(o,t,e,n)=>{for(var i=void 0,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=s(t,e,i)||i);return i&&xi(t,e,i),i};const ne=class ne extends p{constructor(){super(...arguments),this.type="cart | chevron",this.titleProduct="",this.volume="",this.perLiter="",this.mainPrice="",this.imageUrl="https://placehold.co/56x70",this.altImage="",this.fullwidth=!1,this.tagText=""}onClick(){typeof this.onClickTile=="function"&&this.onClickTile()}get icons(){return this.type==="chevron"?l`
|
|
2257
2256
|
<o-icon-button
|
|
2258
2257
|
@click=${this.onClick}
|
|
2259
2258
|
icon="chevronRight"
|
|
@@ -2635,7 +2634,7 @@
|
|
|
2635
2634
|
svg path {
|
|
2636
2635
|
stroke: var(--color-border-white);
|
|
2637
2636
|
}
|
|
2638
|
-
`;H([a({type:Boolean,reflect:!0})],E.prototype,"checked",2);H([a({type:Boolean,reflect:!0})],E.prototype,"indeterminate",2);H([a({type:Boolean,reflect:!0})],E.prototype,"disabled",2);H([a({type:String,reflect:!0})],E.prototype,"size",2);H([a({type:Boolean})],E.prototype,"showLabel",2);H([a({type:String})],E.prototype,"label",2);H([a({type:String})],E.prototype,"name",2);H([a({type:String})],E.prototype,"value",2);H([a({type:String,reflect:!0})],E.prototype,"inputId",2);H([ke("input")],E.prototype,"inputEl",2);E=H([g("o-checkbox")],E);var Ai=Object.defineProperty,Li=Object.getOwnPropertyDescriptor,U=(o,t,e,n)=>{for(var i=n>1?void 0:n?Li(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&&Ai(t,e,i),i};let Bi=0,
|
|
2637
|
+
`;H([a({type:Boolean,reflect:!0})],E.prototype,"checked",2);H([a({type:Boolean,reflect:!0})],E.prototype,"indeterminate",2);H([a({type:Boolean,reflect:!0})],E.prototype,"disabled",2);H([a({type:String,reflect:!0})],E.prototype,"size",2);H([a({type:Boolean})],E.prototype,"showLabel",2);H([a({type:String})],E.prototype,"label",2);H([a({type:String})],E.prototype,"name",2);H([a({type:String})],E.prototype,"value",2);H([a({type:String,reflect:!0})],E.prototype,"inputId",2);H([ke("input")],E.prototype,"inputEl",2);E=H([g("o-checkbox")],E);var Ai=Object.defineProperty,Li=Object.getOwnPropertyDescriptor,U=(o,t,e,n)=>{for(var i=n>1?void 0:n?Li(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&&Ai(t,e,i),i};let Bi=0,z=class extends p{constructor(){super(),this.checked=!1,this.disabled=!1,this.size="S",this.showLabel=!0,this.label="Radio button",this.name="",this.value="on",this.inputId="",this.inputId||(this.inputId=`o-radio-${++Bi}`)}handleClick(){this.disabled||this.checked||(this.checked=!0,this.syncInput(),this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0})))}syncInput(){this.inputEl&&(this.inputEl.checked=this.checked)}updated(o){if(o.has("checked")&&this.checked){const t=this.parentElement;t&&Array.from(t.querySelectorAll(`o-radio[name="${this.name}"]`)).forEach(n=>{n!==this&&(n.checked=!1)})}this.syncInput()}handleKeyDown(o){this.disabled||(o.key===" "||o.key==="Enter")&&(o.preventDefault(),this.handleClick())}render(){return l`
|
|
2639
2638
|
<input type="radio" id=${this.inputId} ?checked=${this.checked} ?disabled=${this.disabled} name=${this.name} value=${this.value} />
|
|
2640
2639
|
|
|
2641
2640
|
<div class="box" role="radio" tabindex=${this.disabled?-1:0} aria-checked=${String(this.checked)} aria-disabled=${String(this.disabled)} @click=${this.handleClick} @keydown=${this.handleKeyDown}>
|
|
@@ -2643,7 +2642,7 @@
|
|
|
2643
2642
|
</div>
|
|
2644
2643
|
|
|
2645
2644
|
${this.showLabel?l`<label class="label" for=${this.inputId}>${this.label}</label>`:""}
|
|
2646
|
-
`}};
|
|
2645
|
+
`}};z.styles=v`
|
|
2647
2646
|
:host {
|
|
2648
2647
|
display: inline-flex;
|
|
2649
2648
|
align-items: center;
|
|
@@ -2732,7 +2731,7 @@
|
|
|
2732
2731
|
width: 0;
|
|
2733
2732
|
height: 0;
|
|
2734
2733
|
}
|
|
2735
|
-
`;U([a({type:Boolean,reflect:!0})],
|
|
2734
|
+
`;U([a({type:Boolean,reflect:!0})],z.prototype,"checked",2);U([a({type:Boolean,reflect:!0})],z.prototype,"disabled",2);U([a({type:String,reflect:!0})],z.prototype,"size",2);U([a({type:Boolean})],z.prototype,"showLabel",2);U([a({type:String})],z.prototype,"label",2);U([a({type:String})],z.prototype,"name",2);U([a({type:String})],z.prototype,"value",2);U([a({type:String,reflect:!0})],z.prototype,"inputId",2);U([ke("input")],z.prototype,"inputEl",2);z=U([g("o-radio")],z);var Pi=Object.getOwnPropertyDescriptor,Oi=(o,t,e,n)=>{for(var i=n>1?void 0:n?Pi(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=s(i)||i);return i};let Ut=class extends p{render(){return l`
|
|
2736
2735
|
<nav aria-label="Breadcrumbs">
|
|
2737
2736
|
<ul>
|
|
2738
2737
|
<slot></slot>
|
|
@@ -2749,7 +2748,7 @@
|
|
|
2749
2748
|
margin: var(--spacing-4-xs);
|
|
2750
2749
|
padding: var(--spacing-4-xs);
|
|
2751
2750
|
}
|
|
2752
|
-
`;Ut=
|
|
2751
|
+
`;Ut=Oi([g("o-breadcrumbs")],Ut);var zi=Object.defineProperty,Ii=Object.getOwnPropertyDescriptor,ie=(o,t,e,n)=>{for(var i=n>1?void 0:n?Ii(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&&zi(t,e,i),i};let kt=class extends p{constructor(){super(...arguments),this.href="",this.active=!1}_handleClick(o){(!this.href||this.href==="#")&&o.preventDefault()}render(){return this.active?l`<span aria-current="page"><slot></slot></span>`:l`
|
|
2753
2752
|
<li>
|
|
2754
2753
|
<a
|
|
2755
2754
|
href="${this.href}"
|
|
@@ -2925,7 +2924,7 @@
|
|
|
2925
2924
|
d="m 1237.15,72.3984 c -3.61,1.5625 -7.64,0.6211 -10.76,-1.5898 -3.47,-2.4688 -6.01,-6.207 -8.42,-9.6484 l -2.61,-3.7305 c -3.58,-5.1094 -9.55,-13.6992 -12.29,-16.1094 -5.74,-5.1289 -9.34,-6.6094 -53,-6.6094 -33.15,0 -37.81,0.9883 -43.8,4.1602 -5.52,2.7891 -7.77,10.7773 -7.77,13.6484 0,3.3594 -0.2,14.711 -0.45,28.7422 -0.39,22.6093 -0.93,52.2383 -0.93,66.5083 v 2.082 c 61.53,-0.032 57.15,-0.524 65,-2.762 2.14,-0.75 4.31,-3.918 6.04,-9.07 0,0 1.62,-4.02 1.63,-4.032 1.32,-3.277 2.66,-6.867 5.45,-9.207 3.1,-2.609 8.34,-2.961 11.82,-0.832 2.53,1.551 4.41,4.86 5.34,7.641 1.18,3.469 1.06,7.031 0.47,10.601 -0.42,2.528 -1.65,14.649 -0.88,22.661 0.36,3.359 0.91,7.339 1.4,11.039 0.81,5.937 1.45,11.25 1.45,13.039 0,10.769 -6.83,13.64 -10.87,13.64 -7.45,0 -10.98,-7.148 -12.29,-9.8 -5.17,-10.34 -7.99,-12.258 -8.92,-12.77 -1.75,-1.09 -4.81,-1.93 -26.44,-1.93 h -39.2 v 107.52 c 0,4.422 0.17,7.101 0.34,8.738 15.96,0.774 76.93,0.524 87.71,-1.476 3.62,-0.602 9.08,-1.5 17.68,-21.911 1.36,-3.211 3.03,-6.711 5.7,-9.043 3,-2.609 7.9,-3.558 11.48,-1.648 3.15,1.672 4.77,5.262 5.42,8.621 0.48,2.52 0.57,5.379 0.02,7.899 -1.68,7.71 -2.32,17.339 -2.74,23.718 l -0.42,5.41 c -1.6,9.993 -5.84,15.063 -12.6,15.063 -1.95,0 -3.97,-0.121 -6.59,-0.27 -4.29,-0.261 -10.36,-0.652 -21.14,-0.652 -8.99,0 -29.44,-0.219 -50.5,-0.437 -22.25,-0.231 -45.19,-0.493 -55.89,-0.493 -7.8,0 -14.28,0.411 -20.23,0.77 -5.38,0.32 -10.33,0.621 -15.39,0.621 -8.85,0 -15.02,-4.461 -15.02,-10.859 0,-3.692 1.73,-10.231 13.17,-12.532 11.25,-2.488 15.05,-3.339 15.05,-28.168 0,-97.863 -0.47,-142.242 -2.32,-215.7808 -0.34,-15.5196 -5.21,-19.0821 -18.87,-21.3594 C 1027,30.8984 1016.62,29 1016.62,19.6719 c 0,-1.9727 0.81,-11.80081 16.89,-11.80081 1.95,0 6.58,0.3086 12.45,0.71875 9.5,0.67969 22.45,1.60156 31.94,1.60156 17.71,0 38.65,-0.41015 60.92,-0.83984 25.46,-0.49218 52.62,-1.01172 78.73,-1.01172 4,0 9.62,1.69926 13.67,9.76956 2.26,4.4687 4.54,12.8906 7.15,22.6094 1.18,4.4218 2.39,8.9531 3.55,12.8203 0.89,2.9804 1.73,5.9726 1.57,9.1211 -0.2,3.9804 -2.49,7.9804 -6.34,9.7382" /><path
|
|
2926
2925
|
id="path52"
|
|
2927
2926
|
style="fill:#3F2B2E;fill-opacity:1;fill-rule:nonzero;stroke:none"
|
|
2928
|
-
d="m 1647.15,320.5 c -2.07,0 -4.94,-0.199 -8.49,-0.469 -8.68,-0.64 -23.5,-1.062 -37.41,-0.172 -20.4,1.282 -32.01,-0.589 -32.01,-10.687 0,-8.66 8.46,-10.781 15.19,-12.461 11.42,-2.949 17.17,-4.422 17.17,-27.402 l 0.93,-77.731 c 0.5,-38.668 1.03,-80.199 1.26,-103.4296 -51.33,57.4726 -160.86,181.7736 -188.51,217.5116 -6.78,8.68 -10.53,13.449 -17.38,13.449 -9.28,0 -20.13,0.743 -29.55,1.379 -7.55,0.5 -14.21,0.934 -18.55,0.934 -12.43,0 -18.72,-3.953 -18.72,-11.781 0,-10.34 10.9,-11.911 15.93,-12.621 10.36,-1.731 14.33,-3.668 18.82,-7.11 2.1,-1.629 5.01,-3.879 5.01,-26.988 0,-29.461 -3.75,-186.1837 -5.06,-201.8126 -2.12,-24.4688 -4.58,-25.168 -18.72,-29.1485 -6.17,-1.6718 -14.6,-3.9609 -14.6,-12.7421 0,-5.1797 2.84,-11.34771 16.4,-11.34771 1.21,0 3.75,0.23829 7.15,0.61719 11.38,1.22266 33.32,1.64062 46.82,0.3125 25.84,-2.53125 30.46,3.93752 30.46,10.41802 0,9.3593 -9.18,11.8515 -14.53,13.3203 -8.73,2.4922 -15.61,6.5195 -17.27,10.1992 -3.05,6.5234 -4.31,16.8515 -4.31,35.6719 0,10.1093 0.37,54.9488 0.74,98.9808 0.25,28.839 0.47,57.359 0.59,75.558 25.28,-29.508 56.38,-65.5 86.72,-100.609 49.5,-57.2697 96.26,-111.3712 113.23,-132.09 l 1.93,-2.3516 c 3.93,-4.8203 7.75,-9.97652 12.34,-14.19918 3.35,-3.089845 8.47,-4.83985 12.86,-2.871095 3.52,1.570315 5.52,5.300785 6.26,8.941405 0.88,4.26177 0.44,8.69927 0.28,13.01177 -0.59,15.3281 -0.42,31.5898 -0.25,52.0703 0.12,12.1172 0.25,25.7184 0.25,41.4684 0,49.141 1.03,147.141 2.98,161.66 1.58,10.52 2.25,14.879 14.31,18.891 l 2.09,0.75 c 4.07,1.41 11.6,4.027 11.6,12.02 0,4.949 -2.76,10.859 -15.96,10.859" /></g></g></svg>`;var Ti=Object.defineProperty,
|
|
2927
|
+
d="m 1647.15,320.5 c -2.07,0 -4.94,-0.199 -8.49,-0.469 -8.68,-0.64 -23.5,-1.062 -37.41,-0.172 -20.4,1.282 -32.01,-0.589 -32.01,-10.687 0,-8.66 8.46,-10.781 15.19,-12.461 11.42,-2.949 17.17,-4.422 17.17,-27.402 l 0.93,-77.731 c 0.5,-38.668 1.03,-80.199 1.26,-103.4296 -51.33,57.4726 -160.86,181.7736 -188.51,217.5116 -6.78,8.68 -10.53,13.449 -17.38,13.449 -9.28,0 -20.13,0.743 -29.55,1.379 -7.55,0.5 -14.21,0.934 -18.55,0.934 -12.43,0 -18.72,-3.953 -18.72,-11.781 0,-10.34 10.9,-11.911 15.93,-12.621 10.36,-1.731 14.33,-3.668 18.82,-7.11 2.1,-1.629 5.01,-3.879 5.01,-26.988 0,-29.461 -3.75,-186.1837 -5.06,-201.8126 -2.12,-24.4688 -4.58,-25.168 -18.72,-29.1485 -6.17,-1.6718 -14.6,-3.9609 -14.6,-12.7421 0,-5.1797 2.84,-11.34771 16.4,-11.34771 1.21,0 3.75,0.23829 7.15,0.61719 11.38,1.22266 33.32,1.64062 46.82,0.3125 25.84,-2.53125 30.46,3.93752 30.46,10.41802 0,9.3593 -9.18,11.8515 -14.53,13.3203 -8.73,2.4922 -15.61,6.5195 -17.27,10.1992 -3.05,6.5234 -4.31,16.8515 -4.31,35.6719 0,10.1093 0.37,54.9488 0.74,98.9808 0.25,28.839 0.47,57.359 0.59,75.558 25.28,-29.508 56.38,-65.5 86.72,-100.609 49.5,-57.2697 96.26,-111.3712 113.23,-132.09 l 1.93,-2.3516 c 3.93,-4.8203 7.75,-9.97652 12.34,-14.19918 3.35,-3.089845 8.47,-4.83985 12.86,-2.871095 3.52,1.570315 5.52,5.300785 6.26,8.941405 0.88,4.26177 0.44,8.69927 0.28,13.01177 -0.59,15.3281 -0.42,31.5898 -0.25,52.0703 0.12,12.1172 0.25,25.7184 0.25,41.4684 0,49.141 1.03,147.141 2.98,161.66 1.58,10.52 2.25,14.879 14.31,18.891 l 2.09,0.75 c 4.07,1.41 11.6,4.027 11.6,12.02 0,4.949 -2.76,10.859 -15.96,10.859" /></g></g></svg>`;var Ti=Object.defineProperty,Fi=Object.getOwnPropertyDescriptor,S=(o,t,e,n)=>{for(var i=n>1?void 0:n?Fi(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&&Ti(t,e,i),i};const re=class re extends p{constructor(){super(...arguments),this.ispagedesigner=!1,this._classPopin="",this.open=!1,this.background="",this.backgroundUrl="",this.closeOnEsc=!0,this.closeOnBackdrop=!0,this.lockScroll=!0,this.variant="fullscreen",this.maxWidth="640px",this.showBackButton=!1,this.contrast=!1,this._labelId=`title-${Math.random().toString(36).slice(2)}`,this._onBackdropClick=t=>{var n;if(!this.open||!this.closeOnBackdrop)return;const e=t.composedPath()[0];(n=e==null?void 0:e.classList)!=null&&n.contains("backdrop")&&this._requestClose("backdrop")}}get classPopin(){return this.ispagedesigner?"pagedesigner-popin "+this._classPopin:this._classPopin}set classPopin(t){this._classPopin=t}connectedCallback(){super.connectedCallback(),this._onKeydown=this._onKeydown.bind(this),document.addEventListener("keydown",this._onKeydown)}disconnectedCallback(){document.removeEventListener("keydown",this._onKeydown),super.disconnectedCallback()}updated(t){if(t.has("background")||t.has("backgroundUrl")){let e="";this.background&&this.background.trim()?e=this.background.trim():this.backgroundUrl&&this.backgroundUrl.trim()&&(e=`url('${this.backgroundUrl.trim()}') center/cover no-repeat`),this.style.setProperty("--_bg",e)}if(t.has("open")&&this.lockScroll){const e=document==null?void 0:document.body;e&&(e.style.overflow=this.open?"hidden":""),this.open?this.updateComplete.then(()=>{var i;(i=this.renderRoot.querySelector("[data-close-btn]")??this.renderRoot.querySelector('[role="dialog"]'))==null||i.focus(),this.dispatchEvent(new CustomEvent("open",{bubbles:!0,composed:!0}))}):this.dispatchEvent(new CustomEvent("close",{bubbles:!0,composed:!0}))}}_onKeydown(t){this.open&&this.closeOnEsc&&t.key==="Escape"&&(t.preventDefault(),this._requestClose("esc"))}_onBackClick(){this.dispatchEvent(new CustomEvent("back",{bubbles:!0,composed:!0}))}_requestClose(t){const e=new CustomEvent("request-close",{bubbles:!0,composed:!0,detail:{reason:t}});this.dispatchEvent(e),e.defaultPrevented||(this.open=!1)}_renderCloseButton(){return customElements.get("o-icon-button")?l`
|
|
2929
2928
|
<o-icon-button
|
|
2930
2929
|
data-close-btn
|
|
2931
2930
|
icon="cross"
|
package/index.mjs
CHANGED
|
@@ -45,7 +45,7 @@ const Ee = (o) => new ye(typeof o == "string" ? o : o + "", void 0, Vt), v = (o,
|
|
|
45
45
|
* Copyright 2017 Google LLC
|
|
46
46
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
47
47
|
*/
|
|
48
|
-
const { is: Ae, defineProperty: Le, getOwnPropertyDescriptor: Be, getOwnPropertyNames: Pe, getOwnPropertySymbols:
|
|
48
|
+
const { is: Ae, defineProperty: Le, getOwnPropertyDescriptor: Be, getOwnPropertyNames: Pe, getOwnPropertySymbols: Oe, getPrototypeOf: ze } = Object, X = globalThis, le = X.trustedTypes, Ie = le ? le.emptyScript : "", It = X.reactiveElementPolyfillSupport, pt = (o, t) => o, At = { toAttribute(o, t) {
|
|
49
49
|
switch (t) {
|
|
50
50
|
case Boolean:
|
|
51
51
|
o = o ? Ie : null;
|
|
@@ -104,13 +104,13 @@ let at = class extends HTMLElement {
|
|
|
104
104
|
}
|
|
105
105
|
static _$Ei() {
|
|
106
106
|
if (this.hasOwnProperty(pt("elementProperties"))) return;
|
|
107
|
-
const t =
|
|
107
|
+
const t = ze(this);
|
|
108
108
|
t.finalize(), t.l !== void 0 && (this.l = [...t.l]), this.elementProperties = new Map(t.elementProperties);
|
|
109
109
|
}
|
|
110
110
|
static finalize() {
|
|
111
111
|
if (this.hasOwnProperty(pt("finalized"))) return;
|
|
112
112
|
if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(pt("properties"))) {
|
|
113
|
-
const e = this.properties, n = [...Pe(e), ...
|
|
113
|
+
const e = this.properties, n = [...Pe(e), ...Oe(e)];
|
|
114
114
|
for (const i of n) this.createProperty(i, e[i]);
|
|
115
115
|
}
|
|
116
116
|
const t = this[Symbol.metadata];
|
|
@@ -315,7 +315,7 @@ class bt {
|
|
|
315
315
|
if (i.nodeType === 1) {
|
|
316
316
|
if (i.hasAttributes()) for (const f of i.getAttributeNames()) if (f.endsWith(me)) {
|
|
317
317
|
const N = w[s++], W = i.getAttribute(f).split(G), Et = /([.?@])?(.*)/.exec(N);
|
|
318
|
-
h.push({ type: 1, index: r, name: Et[2], strings: W, ctor: Et[1] === "." ?
|
|
318
|
+
h.push({ type: 1, index: r, name: Et[2], strings: W, ctor: Et[1] === "." ? je : Et[1] === "?" ? Re : Et[1] === "@" ? Ue : Pt }), i.removeAttribute(f);
|
|
319
319
|
} else f.startsWith(G) && (h.push({ type: 6, index: r }), i.removeAttribute(f));
|
|
320
320
|
if (we.test(i.tagName)) {
|
|
321
321
|
const f = i.textContent.split(G), N = f.length - 1;
|
|
@@ -345,7 +345,7 @@ function lt(o, t, e = o, n) {
|
|
|
345
345
|
const r = gt(t) ? void 0 : t._$litDirective$;
|
|
346
346
|
return (i == null ? void 0 : i.constructor) !== r && ((c = i == null ? void 0 : i._$AO) == null || c.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 = lt(o, i._$AS(o, t.values), i, n)), t;
|
|
347
347
|
}
|
|
348
|
-
class
|
|
348
|
+
class Fe {
|
|
349
349
|
constructor(t, e) {
|
|
350
350
|
this._$AV = [], this._$AN = void 0, this._$AD = t, this._$AM = e;
|
|
351
351
|
}
|
|
@@ -409,7 +409,7 @@ class _t {
|
|
|
409
409
|
const { values: e, _$litType$: n } = t, i = typeof n == "number" ? this._$AC(t) : (n.el === void 0 && (n.el = bt.createElement($e(n.h, n.h[0]), this.options)), n);
|
|
410
410
|
if (((r = this._$AH) == null ? void 0 : r._$AD) === i) this._$AH.p(e);
|
|
411
411
|
else {
|
|
412
|
-
const s = new
|
|
412
|
+
const s = new Fe(i, this), c = s.u(this.options);
|
|
413
413
|
s.p(e), this.T(c), this._$AH = s;
|
|
414
414
|
}
|
|
415
415
|
}
|
|
@@ -461,7 +461,7 @@ class Pt {
|
|
|
461
461
|
t === d ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? "");
|
|
462
462
|
}
|
|
463
463
|
}
|
|
464
|
-
class
|
|
464
|
+
class je extends Pt {
|
|
465
465
|
constructor() {
|
|
466
466
|
super(...arguments), this.type = 3;
|
|
467
467
|
}
|
|
@@ -840,7 +840,7 @@ let Yt = class {
|
|
|
840
840
|
* Copyright 2017 Google LLC
|
|
841
841
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
842
842
|
*/
|
|
843
|
-
class
|
|
843
|
+
class Ft extends Yt {
|
|
844
844
|
constructor(t) {
|
|
845
845
|
if (super(t), this.it = d, t.type !== Gt.CHILD) throw Error(this.constructor.directiveName + "() can only be used in child bindings");
|
|
846
846
|
}
|
|
@@ -854,16 +854,16 @@ class jt extends Yt {
|
|
|
854
854
|
return e.raw = e, this._t = { _$litType$: this.constructor.resultType, strings: e, values: [] };
|
|
855
855
|
}
|
|
856
856
|
}
|
|
857
|
-
|
|
857
|
+
Ft.directiveName = "unsafeHTML", Ft.resultType = 1;
|
|
858
858
|
/**
|
|
859
859
|
* @license
|
|
860
860
|
* Copyright 2017 Google LLC
|
|
861
861
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
862
862
|
*/
|
|
863
|
-
class
|
|
863
|
+
class jt extends Ft {
|
|
864
864
|
}
|
|
865
|
-
|
|
866
|
-
const k = Xt(
|
|
865
|
+
jt.directiveName = "unsafeSVG", jt.resultType = 2;
|
|
866
|
+
const k = Xt(jt);
|
|
867
867
|
/**
|
|
868
868
|
* @license
|
|
869
869
|
* Copyright 2020 Google LLC
|
|
@@ -892,7 +892,7 @@ const vt = (o, t) => {
|
|
|
892
892
|
let e = t._$AN;
|
|
893
893
|
if (e === void 0) t._$AN = e = /* @__PURE__ */ new Set();
|
|
894
894
|
else if (e.has(o)) break;
|
|
895
|
-
e.add(o),
|
|
895
|
+
e.add(o), Oo(t);
|
|
896
896
|
}
|
|
897
897
|
};
|
|
898
898
|
function Bo(o) {
|
|
@@ -904,10 +904,10 @@ function Po(o, t = !1, e = 0) {
|
|
|
904
904
|
else n != null && (vt(n, !1), Bt(n));
|
|
905
905
|
else vt(this, o);
|
|
906
906
|
}
|
|
907
|
-
const
|
|
907
|
+
const Oo = (o) => {
|
|
908
908
|
o.type == Gt.CHILD && (o._$AP ?? (o._$AP = Po), o._$AQ ?? (o._$AQ = Bo));
|
|
909
909
|
};
|
|
910
|
-
class
|
|
910
|
+
class zo extends Yt {
|
|
911
911
|
constructor() {
|
|
912
912
|
super(...arguments), this._$AN = void 0;
|
|
913
913
|
}
|
|
@@ -930,7 +930,7 @@ class Oo extends Yt {
|
|
|
930
930
|
reconnected() {
|
|
931
931
|
}
|
|
932
932
|
}
|
|
933
|
-
class Io extends
|
|
933
|
+
class Io extends zo {
|
|
934
934
|
constructor() {
|
|
935
935
|
super(...arguments), this.prevData = {};
|
|
936
936
|
}
|
|
@@ -1332,10 +1332,10 @@ T([
|
|
|
1332
1332
|
L = T([
|
|
1333
1333
|
g("o-icon-button")
|
|
1334
1334
|
], L);
|
|
1335
|
-
var
|
|
1336
|
-
for (var i = n > 1 ? void 0 : n ?
|
|
1335
|
+
var Fo = Object.defineProperty, jo = Object.getOwnPropertyDescriptor, b = (o, t, e, n) => {
|
|
1336
|
+
for (var i = n > 1 ? void 0 : n ? jo(t, e) : t, r = o.length - 1, s; r >= 0; r--)
|
|
1337
1337
|
(s = o[r]) && (i = (n ? s(t, e, i) : s(i)) || i);
|
|
1338
|
-
return n && i &&
|
|
1338
|
+
return n && i && Fo(t, e, i), i;
|
|
1339
1339
|
};
|
|
1340
1340
|
let u = class extends p {
|
|
1341
1341
|
constructor() {
|
|
@@ -1370,15 +1370,23 @@ let u = class extends p {
|
|
|
1370
1370
|
return;
|
|
1371
1371
|
}
|
|
1372
1372
|
this.closePanel();
|
|
1373
|
-
}, this._onDetailSlotChange = (o) => {
|
|
1374
|
-
const n = o.target.assignedElements({ flatten: !0 }).flatMap((i) => Array.from(i.querySelectorAll("img")))[0];
|
|
1375
|
-
n && (n.setAttribute("role", "img"), n.hasAttribute("tabindex") || n.setAttribute("tabindex", "-1"));
|
|
1376
1373
|
};
|
|
1377
1374
|
}
|
|
1375
|
+
focusFirstInPanel() {
|
|
1376
|
+
var t, e, n;
|
|
1377
|
+
(n = this.getFocusableElements().map((i) => this.resolveFocusable(i)).filter((i) => !!i && !i.hasAttribute("disabled"))[0] ?? ((t = this.shadowRoot) == null ? void 0 : t.querySelector(".close-btn")) ?? ((e = this.shadowRoot) == null ? void 0 : e.querySelector(".panel"))) == null || n.focus({ preventScroll: !0 });
|
|
1378
|
+
}
|
|
1379
|
+
resolveFocusable(o) {
|
|
1380
|
+
var e;
|
|
1381
|
+
const t = o.tagName.toLowerCase();
|
|
1382
|
+
return t === "o-icon-button" || t === "o-button" ? ((e = o.shadowRoot) == null ? void 0 : e.querySelector("button, .button")) ?? o : o;
|
|
1383
|
+
}
|
|
1378
1384
|
connectedCallback() {
|
|
1379
1385
|
super.connectedCallback(), !this.disablePortal && this.parentElement !== document.body && document.body.appendChild(this), this.addEventListener("keydown", this.handleKeyDown), this.updateComplete.then(() => {
|
|
1380
1386
|
this.initialized = !0;
|
|
1381
|
-
}), this.addEventListener("open-detail", this._onOpenDetail)
|
|
1387
|
+
}), this.addEventListener("open-detail", this._onOpenDetail), this.addEventListener("focusin", (o) => {
|
|
1388
|
+
o.composedPath()[0] === this && this.focusFirstInPanel();
|
|
1389
|
+
});
|
|
1382
1390
|
}
|
|
1383
1391
|
disconnectedCallback() {
|
|
1384
1392
|
document.body.style.overflow = "", document.body.removeAttribute("data-side-panel"), this.removeEventListener("keydown", this.handleKeyDown), super.disconnectedCallback(), this.removeEventListener("open-detail", this._onOpenDetail);
|
|
@@ -1449,14 +1457,12 @@ let u = class extends p {
|
|
|
1449
1457
|
this.removeAttribute("hidden"), this.getBoundingClientRect(), this.previousFocusedElement = document.activeElement, this.open = !0, document.body.style.overflow = "hidden", document.body.setAttribute("data-side-panel", "open");
|
|
1450
1458
|
const o = this.renderRoot.querySelector(".panel");
|
|
1451
1459
|
o && o.setAttribute("aria-modal", "true"), this.updateComplete.then(() => {
|
|
1452
|
-
var t, e
|
|
1460
|
+
var t, e;
|
|
1453
1461
|
if (this.showHeader) {
|
|
1454
|
-
const
|
|
1455
|
-
|
|
1456
|
-
} else
|
|
1457
|
-
|
|
1458
|
-
(i = r == null ? void 0 : r.focus) == null || i.call(r);
|
|
1459
|
-
}
|
|
1462
|
+
const n = (t = this.shadowRoot) == null ? void 0 : t.querySelector(".panel .close-btn"), i = this.resolveFocusable(n);
|
|
1463
|
+
(e = i == null ? void 0 : i.focus) == null || e.call(i, { preventScroll: !0 });
|
|
1464
|
+
} else
|
|
1465
|
+
this.focusFirstInPanel();
|
|
1460
1466
|
}), this.dispatchEvent(
|
|
1461
1467
|
new CustomEvent("open", { bubbles: !0, composed: !0 })
|
|
1462
1468
|
);
|
|
@@ -1514,7 +1520,6 @@ let u = class extends p {
|
|
|
1514
1520
|
@keydown=${this.handleClosePanel}
|
|
1515
1521
|
srlabel="${this.goBackButtonLabel} ${this.labelDialog}"
|
|
1516
1522
|
showsrlabel="true"
|
|
1517
|
-
tabindex="-1"
|
|
1518
1523
|
></o-icon-button>
|
|
1519
1524
|
` : null}
|
|
1520
1525
|
<p role="heading" aria-level="1" id="panel-title" class="${this.headerTitleClassName}">
|
|
@@ -1538,7 +1543,7 @@ let u = class extends p {
|
|
|
1538
1543
|
class="panel"
|
|
1539
1544
|
role="dialog"
|
|
1540
1545
|
aria-modal="true"
|
|
1541
|
-
aria-labelledby="
|
|
1546
|
+
aria-labelledby="panel-title"
|
|
1542
1547
|
style="z-index: ${this.zIndex + 1}"
|
|
1543
1548
|
tabindex="-1"
|
|
1544
1549
|
>
|
|
@@ -1552,7 +1557,7 @@ let u = class extends p {
|
|
|
1552
1557
|
${o}
|
|
1553
1558
|
<div class="detail-content">
|
|
1554
1559
|
<div class="detail-scroller">
|
|
1555
|
-
<slot name="detail"
|
|
1560
|
+
<slot name="detail"></slot>
|
|
1556
1561
|
</div>
|
|
1557
1562
|
</div>
|
|
1558
1563
|
</div>
|
|
@@ -1799,6 +1804,11 @@ u.styles = v`
|
|
|
1799
1804
|
`;
|
|
1800
1805
|
u.focusablesSelector = 'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"]), o-icon-button, o-button';
|
|
1801
1806
|
u.focusablesCustomElementsSelector = "o-icon-button, o-button";
|
|
1807
|
+
u.shadowRootOptions = {
|
|
1808
|
+
...p.shadowRootOptions,
|
|
1809
|
+
// This helps send focus into the first focusable in shadow when host is focused
|
|
1810
|
+
delegatesFocus: !0
|
|
1811
|
+
};
|
|
1802
1812
|
b([
|
|
1803
1813
|
a({ type: Boolean, reflect: !0 })
|
|
1804
1814
|
], u.prototype, "open", 2);
|
|
@@ -2197,7 +2207,7 @@ x([
|
|
|
2197
2207
|
y = x([
|
|
2198
2208
|
g("o-button")
|
|
2199
2209
|
], y);
|
|
2200
|
-
var Vo = Object.defineProperty, qo = Object.getOwnPropertyDescriptor,
|
|
2210
|
+
var Vo = Object.defineProperty, qo = Object.getOwnPropertyDescriptor, Ot = (o, t, e, n) => {
|
|
2201
2211
|
for (var i = n > 1 ? void 0 : n ? qo(t, e) : t, r = o.length - 1, s; r >= 0; r--)
|
|
2202
2212
|
(s = o[r]) && (i = (n ? s(t, e, i) : s(i)) || i);
|
|
2203
2213
|
return n && i && Vo(t, e, i), i;
|
|
@@ -2308,16 +2318,16 @@ ct.styles = v`
|
|
|
2308
2318
|
white-space: nowrap !important;
|
|
2309
2319
|
}
|
|
2310
2320
|
`;
|
|
2311
|
-
|
|
2321
|
+
Ot([
|
|
2312
2322
|
a({ type: String, reflect: !0 })
|
|
2313
2323
|
], ct.prototype, "status", 2);
|
|
2314
|
-
|
|
2324
|
+
Ot([
|
|
2315
2325
|
a({ type: String, reflect: !0 })
|
|
2316
2326
|
], ct.prototype, "ariaDescribedBy", 2);
|
|
2317
|
-
|
|
2327
|
+
Ot([
|
|
2318
2328
|
a({ type: String, reflect: !0 })
|
|
2319
2329
|
], ct.prototype, "label", 2);
|
|
2320
|
-
ct =
|
|
2330
|
+
ct = Ot([
|
|
2321
2331
|
g("o-wishlist-button")
|
|
2322
2332
|
], ct);
|
|
2323
2333
|
var Zo = Object.defineProperty, Ko = Object.getOwnPropertyDescriptor, st = (o, t, e, n) => {
|
|
@@ -2476,7 +2486,7 @@ st([
|
|
|
2476
2486
|
q = st([
|
|
2477
2487
|
g("o-link")
|
|
2478
2488
|
], q);
|
|
2479
|
-
var Wo = Object.defineProperty, Go = Object.getOwnPropertyDescriptor,
|
|
2489
|
+
var Wo = Object.defineProperty, Go = Object.getOwnPropertyDescriptor, zt = (o, t, e, n) => {
|
|
2480
2490
|
for (var i = n > 1 ? void 0 : n ? Go(t, e) : t, r = o.length - 1, s; r >= 0; r--)
|
|
2481
2491
|
(s = o[r]) && (i = (n ? s(t, e, i) : s(i)) || i);
|
|
2482
2492
|
return n && i && Wo(t, e, i), i;
|
|
@@ -2542,16 +2552,16 @@ ht.styles = v`
|
|
|
2542
2552
|
cursor: pointer;
|
|
2543
2553
|
}
|
|
2544
2554
|
`;
|
|
2545
|
-
|
|
2555
|
+
zt([
|
|
2546
2556
|
a({ type: Number })
|
|
2547
2557
|
], ht.prototype, "rating", 2);
|
|
2548
|
-
|
|
2558
|
+
zt([
|
|
2549
2559
|
a({ type: String })
|
|
2550
2560
|
], ht.prototype, "reviewCount", 2);
|
|
2551
|
-
|
|
2561
|
+
zt([
|
|
2552
2562
|
a({ type: String })
|
|
2553
2563
|
], ht.prototype, "href", 2);
|
|
2554
|
-
ht =
|
|
2564
|
+
ht = zt([
|
|
2555
2565
|
g("o-rating")
|
|
2556
2566
|
], ht);
|
|
2557
2567
|
var Xo = Object.defineProperty, Yo = Object.getOwnPropertyDescriptor, Q = (o, t, e, n) => {
|
|
@@ -3342,7 +3352,7 @@ Rt.styles = v`
|
|
|
3342
3352
|
Rt = ri([
|
|
3343
3353
|
g("o-dots")
|
|
3344
3354
|
], Rt);
|
|
3345
|
-
var si = Object.defineProperty, ai = Object.getOwnPropertyDescriptor,
|
|
3355
|
+
var si = Object.defineProperty, ai = Object.getOwnPropertyDescriptor, F = (o, t, e, n) => {
|
|
3346
3356
|
for (var i = n > 1 ? void 0 : n ? ai(t, e) : t, r = o.length - 1, s; r >= 0; r--)
|
|
3347
3357
|
(s = o[r]) && (i = (n ? s(t, e, i) : s(i)) || i);
|
|
3348
3358
|
return n && i && si(t, e, i), i;
|
|
@@ -3660,34 +3670,34 @@ B.styles = v`
|
|
|
3660
3670
|
display: none;
|
|
3661
3671
|
}
|
|
3662
3672
|
`;
|
|
3663
|
-
|
|
3673
|
+
F([
|
|
3664
3674
|
a({ type: Array, reflect: !0 })
|
|
3665
3675
|
], B.prototype, "options", 2);
|
|
3666
|
-
|
|
3676
|
+
F([
|
|
3667
3677
|
a({ type: String, reflect: !0 })
|
|
3668
3678
|
], B.prototype, "value", 2);
|
|
3669
|
-
|
|
3679
|
+
F([
|
|
3670
3680
|
a({ type: String, reflect: !0 })
|
|
3671
3681
|
], B.prototype, "name", 2);
|
|
3672
|
-
|
|
3682
|
+
F([
|
|
3673
3683
|
a({ type: String, reflect: !0 })
|
|
3674
3684
|
], B.prototype, "additionaltext", 2);
|
|
3675
|
-
|
|
3685
|
+
F([
|
|
3676
3686
|
a({ type: Boolean, reflect: !0 })
|
|
3677
3687
|
], B.prototype, "disabled", 2);
|
|
3678
|
-
|
|
3688
|
+
F([
|
|
3679
3689
|
a({ type: String, reflect: !0 })
|
|
3680
3690
|
], B.prototype, "width", 2);
|
|
3681
|
-
|
|
3691
|
+
F([
|
|
3682
3692
|
J()
|
|
3683
3693
|
], B.prototype, "open", 2);
|
|
3684
|
-
|
|
3694
|
+
F([
|
|
3685
3695
|
J()
|
|
3686
3696
|
], B.prototype, "activeIndex", 2);
|
|
3687
|
-
|
|
3697
|
+
F([
|
|
3688
3698
|
J()
|
|
3689
3699
|
], B.prototype, "menuWidth", 2);
|
|
3690
|
-
B =
|
|
3700
|
+
B = F([
|
|
3691
3701
|
g("o-dropdown-variant")
|
|
3692
3702
|
], B);
|
|
3693
3703
|
/**
|
|
@@ -4022,13 +4032,13 @@ ee([
|
|
|
4022
4032
|
wt = ee([
|
|
4023
4033
|
g("o-chipset")
|
|
4024
4034
|
], wt);
|
|
4025
|
-
var bi = Object.defineProperty, yi = Object.getOwnPropertyDescriptor,
|
|
4035
|
+
var bi = Object.defineProperty, yi = Object.getOwnPropertyDescriptor, j = (o, t, e, n) => {
|
|
4026
4036
|
for (var i = n > 1 ? void 0 : n ? yi(t, e) : t, r = o.length - 1, s; r >= 0; r--)
|
|
4027
4037
|
(s = o[r]) && (i = (n ? s(t, e, i) : s(i)) || i);
|
|
4028
4038
|
return n && i && bi(t, e, i), i;
|
|
4029
4039
|
};
|
|
4030
4040
|
const mi = Wt(p);
|
|
4031
|
-
let
|
|
4041
|
+
let O = class extends mi {
|
|
4032
4042
|
constructor() {
|
|
4033
4043
|
super(...arguments), this.name = "", this.value = "", this.type = "", this.text = "", this.selected = !1, this.disabled = !1, this.fullwidth = !1, this.crossIconName = "cross", this.strikethroughImgName = "strikeDiagonal";
|
|
4034
4044
|
}
|
|
@@ -4078,7 +4088,7 @@ let z = class extends mi {
|
|
|
4078
4088
|
`;
|
|
4079
4089
|
}
|
|
4080
4090
|
};
|
|
4081
|
-
|
|
4091
|
+
O.styles = v`
|
|
4082
4092
|
:host {
|
|
4083
4093
|
cursor: pointer;
|
|
4084
4094
|
display: inline-flex;
|
|
@@ -4204,36 +4214,36 @@ z.styles = v`
|
|
|
4204
4214
|
}
|
|
4205
4215
|
}
|
|
4206
4216
|
`;
|
|
4207
|
-
|
|
4217
|
+
j([
|
|
4208
4218
|
a({ reflect: !0 })
|
|
4209
|
-
],
|
|
4210
|
-
|
|
4219
|
+
], O.prototype, "name", 2);
|
|
4220
|
+
j([
|
|
4211
4221
|
a({ reflect: !0 })
|
|
4212
|
-
],
|
|
4213
|
-
|
|
4222
|
+
], O.prototype, "value", 2);
|
|
4223
|
+
j([
|
|
4214
4224
|
a({ type: String, reflect: !0 })
|
|
4215
|
-
],
|
|
4216
|
-
|
|
4225
|
+
], O.prototype, "type", 2);
|
|
4226
|
+
j([
|
|
4217
4227
|
a({ type: String, reflect: !0 })
|
|
4218
|
-
],
|
|
4219
|
-
|
|
4228
|
+
], O.prototype, "href", 2);
|
|
4229
|
+
j([
|
|
4220
4230
|
a({ type: String, reflect: !0, attribute: "data-href" })
|
|
4221
|
-
],
|
|
4222
|
-
|
|
4231
|
+
], O.prototype, "dataHref", 2);
|
|
4232
|
+
j([
|
|
4223
4233
|
a({ type: String })
|
|
4224
|
-
],
|
|
4225
|
-
|
|
4234
|
+
], O.prototype, "text", 2);
|
|
4235
|
+
j([
|
|
4226
4236
|
a({ type: Boolean, reflect: !0 })
|
|
4227
|
-
],
|
|
4228
|
-
|
|
4237
|
+
], O.prototype, "selected", 2);
|
|
4238
|
+
j([
|
|
4229
4239
|
a({ type: Boolean, reflect: !0 })
|
|
4230
|
-
],
|
|
4231
|
-
|
|
4240
|
+
], O.prototype, "disabled", 2);
|
|
4241
|
+
j([
|
|
4232
4242
|
a({ type: Boolean, reflect: !0 })
|
|
4233
|
-
],
|
|
4234
|
-
|
|
4243
|
+
], O.prototype, "fullwidth", 2);
|
|
4244
|
+
O = j([
|
|
4235
4245
|
g("o-filter-chip")
|
|
4236
|
-
],
|
|
4246
|
+
], O);
|
|
4237
4247
|
var xi = Object.defineProperty, R = (o, t, e, n) => {
|
|
4238
4248
|
for (var i = void 0, r = o.length - 1, s; r >= 0; r--)
|
|
4239
4249
|
(s = o[r]) && (i = s(t, e, i) || i);
|
|
@@ -4849,7 +4859,7 @@ var Ai = Object.defineProperty, Li = Object.getOwnPropertyDescriptor, U = (o, t,
|
|
|
4849
4859
|
(s = o[r]) && (i = (n ? s(t, e, i) : s(i)) || i);
|
|
4850
4860
|
return n && i && Ai(t, e, i), i;
|
|
4851
4861
|
};
|
|
4852
|
-
let Bi = 0,
|
|
4862
|
+
let Bi = 0, z = class extends p {
|
|
4853
4863
|
constructor() {
|
|
4854
4864
|
super(), this.checked = !1, this.disabled = !1, this.size = "S", this.showLabel = !0, this.label = "Radio button", this.name = "", this.value = "on", this.inputId = "", this.inputId || (this.inputId = `o-radio-${++Bi}`);
|
|
4855
4865
|
}
|
|
@@ -4883,7 +4893,7 @@ let Bi = 0, O = class extends p {
|
|
|
4883
4893
|
`;
|
|
4884
4894
|
}
|
|
4885
4895
|
};
|
|
4886
|
-
|
|
4896
|
+
z.styles = v`
|
|
4887
4897
|
:host {
|
|
4888
4898
|
display: inline-flex;
|
|
4889
4899
|
align-items: center;
|
|
@@ -4975,35 +4985,35 @@ O.styles = v`
|
|
|
4975
4985
|
`;
|
|
4976
4986
|
U([
|
|
4977
4987
|
a({ type: Boolean, reflect: !0 })
|
|
4978
|
-
],
|
|
4988
|
+
], z.prototype, "checked", 2);
|
|
4979
4989
|
U([
|
|
4980
4990
|
a({ type: Boolean, reflect: !0 })
|
|
4981
|
-
],
|
|
4991
|
+
], z.prototype, "disabled", 2);
|
|
4982
4992
|
U([
|
|
4983
4993
|
a({ type: String, reflect: !0 })
|
|
4984
|
-
],
|
|
4994
|
+
], z.prototype, "size", 2);
|
|
4985
4995
|
U([
|
|
4986
4996
|
a({ type: Boolean })
|
|
4987
|
-
],
|
|
4997
|
+
], z.prototype, "showLabel", 2);
|
|
4988
4998
|
U([
|
|
4989
4999
|
a({ type: String })
|
|
4990
|
-
],
|
|
5000
|
+
], z.prototype, "label", 2);
|
|
4991
5001
|
U([
|
|
4992
5002
|
a({ type: String })
|
|
4993
|
-
],
|
|
5003
|
+
], z.prototype, "name", 2);
|
|
4994
5004
|
U([
|
|
4995
5005
|
a({ type: String })
|
|
4996
|
-
],
|
|
5006
|
+
], z.prototype, "value", 2);
|
|
4997
5007
|
U([
|
|
4998
5008
|
a({ type: String, reflect: !0 })
|
|
4999
|
-
],
|
|
5009
|
+
], z.prototype, "inputId", 2);
|
|
5000
5010
|
U([
|
|
5001
5011
|
ke("input")
|
|
5002
|
-
],
|
|
5003
|
-
|
|
5012
|
+
], z.prototype, "inputEl", 2);
|
|
5013
|
+
z = U([
|
|
5004
5014
|
g("o-radio")
|
|
5005
|
-
],
|
|
5006
|
-
var Pi = Object.getOwnPropertyDescriptor,
|
|
5015
|
+
], z);
|
|
5016
|
+
var Pi = Object.getOwnPropertyDescriptor, Oi = (o, t, e, n) => {
|
|
5007
5017
|
for (var i = n > 1 ? void 0 : n ? Pi(t, e) : t, r = o.length - 1, s; r >= 0; r--)
|
|
5008
5018
|
(s = o[r]) && (i = s(i) || i);
|
|
5009
5019
|
return i;
|
|
@@ -5031,13 +5041,13 @@ Ut.styles = v`
|
|
|
5031
5041
|
padding: var(--spacing-4-xs);
|
|
5032
5042
|
}
|
|
5033
5043
|
`;
|
|
5034
|
-
Ut =
|
|
5044
|
+
Ut = Oi([
|
|
5035
5045
|
g("o-breadcrumbs")
|
|
5036
5046
|
], Ut);
|
|
5037
|
-
var
|
|
5047
|
+
var zi = Object.defineProperty, Ii = Object.getOwnPropertyDescriptor, ie = (o, t, e, n) => {
|
|
5038
5048
|
for (var i = n > 1 ? void 0 : n ? Ii(t, e) : t, r = o.length - 1, s; r >= 0; r--)
|
|
5039
5049
|
(s = o[r]) && (i = (n ? s(t, e, i) : s(i)) || i);
|
|
5040
|
-
return n && i &&
|
|
5050
|
+
return n && i && zi(t, e, i), i;
|
|
5041
5051
|
};
|
|
5042
5052
|
let kt = class extends p {
|
|
5043
5053
|
constructor() {
|
|
@@ -5266,8 +5276,8 @@ const Mi = `<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
|
|
5266
5276
|
id="path52"
|
|
5267
5277
|
style="fill:#3F2B2E;fill-opacity:1;fill-rule:nonzero;stroke:none"
|
|
5268
5278
|
d="m 1647.15,320.5 c -2.07,0 -4.94,-0.199 -8.49,-0.469 -8.68,-0.64 -23.5,-1.062 -37.41,-0.172 -20.4,1.282 -32.01,-0.589 -32.01,-10.687 0,-8.66 8.46,-10.781 15.19,-12.461 11.42,-2.949 17.17,-4.422 17.17,-27.402 l 0.93,-77.731 c 0.5,-38.668 1.03,-80.199 1.26,-103.4296 -51.33,57.4726 -160.86,181.7736 -188.51,217.5116 -6.78,8.68 -10.53,13.449 -17.38,13.449 -9.28,0 -20.13,0.743 -29.55,1.379 -7.55,0.5 -14.21,0.934 -18.55,0.934 -12.43,0 -18.72,-3.953 -18.72,-11.781 0,-10.34 10.9,-11.911 15.93,-12.621 10.36,-1.731 14.33,-3.668 18.82,-7.11 2.1,-1.629 5.01,-3.879 5.01,-26.988 0,-29.461 -3.75,-186.1837 -5.06,-201.8126 -2.12,-24.4688 -4.58,-25.168 -18.72,-29.1485 -6.17,-1.6718 -14.6,-3.9609 -14.6,-12.7421 0,-5.1797 2.84,-11.34771 16.4,-11.34771 1.21,0 3.75,0.23829 7.15,0.61719 11.38,1.22266 33.32,1.64062 46.82,0.3125 25.84,-2.53125 30.46,3.93752 30.46,10.41802 0,9.3593 -9.18,11.8515 -14.53,13.3203 -8.73,2.4922 -15.61,6.5195 -17.27,10.1992 -3.05,6.5234 -4.31,16.8515 -4.31,35.6719 0,10.1093 0.37,54.9488 0.74,98.9808 0.25,28.839 0.47,57.359 0.59,75.558 25.28,-29.508 56.38,-65.5 86.72,-100.609 49.5,-57.2697 96.26,-111.3712 113.23,-132.09 l 1.93,-2.3516 c 3.93,-4.8203 7.75,-9.97652 12.34,-14.19918 3.35,-3.089845 8.47,-4.83985 12.86,-2.871095 3.52,1.570315 5.52,5.300785 6.26,8.941405 0.88,4.26177 0.44,8.69927 0.28,13.01177 -0.59,15.3281 -0.42,31.5898 -0.25,52.0703 0.12,12.1172 0.25,25.7184 0.25,41.4684 0,49.141 1.03,147.141 2.98,161.66 1.58,10.52 2.25,14.879 14.31,18.891 l 2.09,0.75 c 4.07,1.41 11.6,4.027 11.6,12.02 0,4.949 -2.76,10.859 -15.96,10.859" /></g></g></svg>`;
|
|
5269
|
-
var Ti = Object.defineProperty,
|
|
5270
|
-
for (var i = n > 1 ? void 0 : n ?
|
|
5279
|
+
var Ti = Object.defineProperty, Fi = Object.getOwnPropertyDescriptor, S = (o, t, e, n) => {
|
|
5280
|
+
for (var i = n > 1 ? void 0 : n ? Fi(t, e) : t, r = o.length - 1, s; r >= 0; r--)
|
|
5271
5281
|
(s = o[r]) && (i = (n ? s(t, e, i) : s(i)) || i);
|
|
5272
5282
|
return n && i && Ti(t, e, i), i;
|
|
5273
5283
|
};
|