@randstad-uca/design-system 1.0.38 → 1.0.40
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/dist/components/Select.d.ts +2 -2
- package/dist/index.js +100 -125
- package/dist/index.js.map +1 -1
- package/dist/package.json +1 -2
- package/package.json +1 -2
package/dist/index.js
CHANGED
|
@@ -9,23 +9,23 @@ const l=t=>(e,i)=>{void 0!==i?i.addInitializer((()=>{customElements.define(t,e)}
|
|
|
9
9
|
* @license
|
|
10
10
|
* Copyright 2019 Google LLC
|
|
11
11
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
12
|
-
*/let u=class{constructor(t,e,i){if(this._$cssResult$=!0,i!==p)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(c&&void 0===t){const i=void 0!==e&&1===e.length;i&&(t=h.get(e)),void 0===t&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),i&&h.set(e,t))}return t}toString(){return this.cssText}};const
|
|
12
|
+
*/let u=class{constructor(t,e,i){if(this._$cssResult$=!0,i!==p)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(c&&void 0===t){const i=void 0!==e&&1===e.length;i&&(t=h.get(e)),void 0===t&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),i&&h.set(e,t))}return t}toString(){return this.cssText}};const b=(t,e)=>{if(c)t.adoptedStyleSheets=e.map((t=>t instanceof CSSStyleSheet?t:t.styleSheet));else for(const i of e){const e=document.createElement("style"),o=d.litNonce;void 0!==o&&e.setAttribute("nonce",o),e.textContent=i.cssText,t.appendChild(e)}},g=c?t=>t:t=>t instanceof CSSStyleSheet?(t=>{let e="";for(const i of t.cssRules)e+=i.cssText;return(t=>new u("string"==typeof t?t:t+"",void 0,p))(e)})(t):t,{is:y,defineProperty:v,getOwnPropertyDescriptor:m,getOwnPropertyNames:f,getOwnPropertySymbols:x,getPrototypeOf:w}=Object,k=globalThis,$=k.trustedTypes,S=$?$.emptyScript:"",C=k.reactiveElementPolyfillSupport,E=(t,e)=>t,O={toAttribute(t,e){switch(e){case Boolean:t=t?S:null;break;case Object:case Array:t=null==t?t:JSON.stringify(t)}return t},fromAttribute(t,e){let i=t;switch(e){case Boolean:i=null!==t;break;case Number:i=null===t?null:Number(t);break;case Object:case Array:try{i=JSON.parse(t)}catch(t){i=null}}return i}},j=(t,e)=>!y(t,e),A={attribute:!0,type:String,converter:O,reflect:!1,useDefault:!1,hasChanged:j};
|
|
13
13
|
/**
|
|
14
14
|
* @license
|
|
15
15
|
* Copyright 2017 Google LLC
|
|
16
16
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
17
|
-
*/Symbol.metadata??=Symbol("metadata"),
|
|
17
|
+
*/Symbol.metadata??=Symbol("metadata"),k.litPropertyMetadata??=new WeakMap;class z extends HTMLElement{static addInitializer(t){this._$Ei(),(this.l??=[]).push(t)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(t,e=A){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 i=Symbol(),o=this.getPropertyDescriptor(t,i,e);void 0!==o&&v(this.prototype,t,o)}}static getPropertyDescriptor(t,e,i){const{get:o,set:r}=m(this.prototype,t)??{get(){return this[e]},set(t){this[e]=t}};return{get:o,set(e){const s=o?.call(this);r?.call(this,e),this.requestUpdate(t,s,i)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??A}static _$Ei(){if(this.hasOwnProperty(E("elementProperties")))return;const t=w(this);t.finalize(),void 0!==t.l&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(E("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(E("properties"))){const t=this.properties,e=[...f(t),...x(t)];for(const i of e)this.createProperty(i,t[i])}const t=this[Symbol.metadata];if(null!==t){const e=litPropertyMetadata.get(t);if(void 0!==e)for(const[t,i]of e)this.elementProperties.set(t,i)}this._$Eh=new Map;for(const[t,e]of this.elementProperties){const i=this._$Eu(t,e);void 0!==i&&this._$Eh.set(i,t)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(t){const e=[];if(Array.isArray(t)){const i=new Set(t.flat(1/0).reverse());for(const t of i)e.unshift(g(t))}else void 0!==t&&e.push(g(t));return e}static _$Eu(t,e){const i=e.attribute;return!1===i?void 0:"string"==typeof i?i:"string"==typeof t?t.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){this._$ES=new Promise((t=>this.enableUpdating=t)),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach((t=>t(this)))}addController(t){(this._$EO??=new Set).add(t),void 0!==this.renderRoot&&this.isConnected&&t.hostConnected?.()}removeController(t){this._$EO?.delete(t)}_$E_(){const t=new Map,e=this.constructor.elementProperties;for(const i of e.keys())this.hasOwnProperty(i)&&(t.set(i,this[i]),delete this[i]);t.size>0&&(this._$Ep=t)}createRenderRoot(){const t=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return b(t,this.constructor.elementStyles),t}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$EO?.forEach((t=>t.hostConnected?.()))}enableUpdating(t){}disconnectedCallback(){this._$EO?.forEach((t=>t.hostDisconnected?.()))}attributeChangedCallback(t,e,i){this._$AK(t,i)}_$ET(t,e){const i=this.constructor.elementProperties.get(t),o=this.constructor._$Eu(t,i);if(void 0!==o&&!0===i.reflect){const r=(void 0!==i.converter?.toAttribute?i.converter:O).toAttribute(e,i.type);this._$Em=t,null==r?this.removeAttribute(o):this.setAttribute(o,r),this._$Em=null}}_$AK(t,e){const i=this.constructor,o=i._$Eh.get(t);if(void 0!==o&&this._$Em!==o){const t=i.getPropertyOptions(o),r="function"==typeof t.converter?{fromAttribute:t.converter}:void 0!==t.converter?.fromAttribute?t.converter:O;this._$Em=o,this[o]=r.fromAttribute(e,t.type)??this._$Ej?.get(o)??null,this._$Em=null}}requestUpdate(t,e,i){if(void 0!==t){const o=this.constructor,r=this[t];if(i??=o.getPropertyOptions(t),!((i.hasChanged??j)(r,e)||i.useDefault&&i.reflect&&r===this._$Ej?.get(t)&&!this.hasAttribute(o._$Eu(t,i))))return;this.C(t,e,i)}!1===this.isUpdatePending&&(this._$ES=this._$EP())}C(t,e,{useDefault:i,reflect:o,wrapped:r},s){i&&!(this._$Ej??=new Map).has(t)&&(this._$Ej.set(t,s??e??this[t]),!0!==r||void 0!==s)||(this._$AL.has(t)||(this.hasUpdated||i||(e=void 0),this._$AL.set(t,e)),!0===o&&this._$Em!==t&&(this._$Eq??=new Set).add(t))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(t){Promise.reject(t)}const t=this.scheduleUpdate();return null!=t&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(const[t,e]of this._$Ep)this[t]=e;this._$Ep=void 0}const t=this.constructor.elementProperties;if(t.size>0)for(const[e,i]of t){const{wrapped:t}=i,o=this[e];!0!==t||this._$AL.has(e)||void 0===o||this.C(e,void 0,i,o)}}let t=!1;const e=this._$AL;try{t=this.shouldUpdate(e),t?(this.willUpdate(e),this._$EO?.forEach((t=>t.hostUpdate?.())),this.update(e)):this._$EM()}catch(e){throw t=!1,this._$EM(),e}t&&this._$AE(e)}willUpdate(t){}_$AE(t){this._$EO?.forEach((t=>t.hostUpdated?.())),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.forEach((t=>this._$ET(t,this[t]))),this._$EM()}updated(t){}firstUpdated(t){}}z.elementStyles=[],z.shadowRootOptions={mode:"open"},z[E("elementProperties")]=new Map,z[E("finalized")]=new Map,C?.({ReactiveElement:z}),(k.reactiveElementVersions??=[]).push("2.1.0");
|
|
18
18
|
/**
|
|
19
19
|
* @license
|
|
20
20
|
* Copyright 2017 Google LLC
|
|
21
21
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
22
22
|
*/
|
|
23
|
-
const
|
|
23
|
+
const I={attribute:!0,type:String,converter:O,reflect:!1,hasChanged:j},P=(t=I,e,i)=>{const{kind:o,metadata:r}=i;let s=globalThis.litPropertyMetadata.get(r);if(void 0===s&&globalThis.litPropertyMetadata.set(r,s=new Map),"setter"===o&&((t=Object.create(t)).wrapped=!0),s.set(i.name,t),"accessor"===o){const{name:o}=i;return{set(i){const r=e.get.call(this);e.set.call(this,i),this.requestUpdate(o,r,t)},init(e){return void 0!==e&&this.C(o,void 0,t,e),e}}}if("setter"===o){const{name:o}=i;return function(i){const r=this[o];e.call(this,i),this.requestUpdate(o,r,t)}}throw Error("Unsupported decorator location: "+o)};function T(t){return(e,i)=>"object"==typeof i?P(t,e,i):((t,e,i)=>{const o=e.hasOwnProperty(i);return e.constructor.createProperty(i,t),o?Object.getOwnPropertyDescriptor(e,i):void 0})(t,e,i)}
|
|
24
24
|
/**
|
|
25
25
|
* @license
|
|
26
26
|
* Copyright 2017 Google LLC
|
|
27
27
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
28
|
-
*/function L(t){return
|
|
28
|
+
*/function L(t){return T({...t,state:!0,attribute:!1})}
|
|
29
29
|
/**
|
|
30
30
|
* @license
|
|
31
31
|
* Copyright 2017 Google LLC
|
|
@@ -36,52 +36,52 @@ const O={attribute:!0,type:String,converter:A,reflect:!1,hasChanged:C},N=(t=O,e,
|
|
|
36
36
|
* Copyright 2017 Google LLC
|
|
37
37
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
38
38
|
*/
|
|
39
|
-
function
|
|
39
|
+
function _(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Reflect.decorate&&"object"!=typeof e&&Object.defineProperty(t,e,i),i))(e,i,{get(){return(e=>e.renderRoot?.querySelector(t)??null)(this)}})}const F=t`
|
|
40
40
|
font-family: 'Graphik', sans-serif;
|
|
41
41
|
font-weight: 400;
|
|
42
42
|
font-size: 12px;
|
|
43
43
|
line-height: 15px;
|
|
44
44
|
letter-spacing: 0%;
|
|
45
|
-
`,
|
|
45
|
+
`,M=t`
|
|
46
46
|
font-family: 'Graphik', sans-serif;
|
|
47
47
|
font-weight: 400;
|
|
48
48
|
font-size: 14px;
|
|
49
49
|
line-height: 25px;
|
|
50
50
|
letter-spacing: 0%;
|
|
51
|
-
`,
|
|
51
|
+
`,R=t`
|
|
52
52
|
font-family: 'Graphik', sans-serif;
|
|
53
53
|
font-weight: 400;
|
|
54
54
|
font-size: 16px;
|
|
55
55
|
line-height: 25px;
|
|
56
56
|
letter-spacing: 0%;
|
|
57
|
-
`,
|
|
57
|
+
`,B=t`
|
|
58
58
|
font-family: 'Graphik', sans-serif;
|
|
59
59
|
font-weight: 400;
|
|
60
60
|
font-size: 18px;
|
|
61
61
|
line-height: 30px;
|
|
62
62
|
letter-spacing: 0%;
|
|
63
|
-
`,
|
|
63
|
+
`,D=t`
|
|
64
64
|
font-family: 'Graphik', sans-serif;
|
|
65
65
|
font-weight: 400;
|
|
66
66
|
font-size: 18px;
|
|
67
67
|
line-height: 30px;
|
|
68
68
|
letter-spacing: 0%;
|
|
69
69
|
vertical-align: middle;
|
|
70
|
-
`,
|
|
70
|
+
`,U=t`
|
|
71
71
|
font-family: 'Graphik', sans-serif;
|
|
72
72
|
font-weight: 400;
|
|
73
73
|
font-size: 20px;
|
|
74
74
|
line-height: 30px;
|
|
75
75
|
letter-spacing: -1%;
|
|
76
76
|
vertical-align: middle;
|
|
77
|
-
`,
|
|
77
|
+
`,q=t`
|
|
78
78
|
font-family: 'Graphik', sans-serif;
|
|
79
79
|
font-weight: 400;
|
|
80
80
|
font-size: 26px;
|
|
81
81
|
line-height: 30px;
|
|
82
82
|
letter-spacing: -1%;
|
|
83
83
|
vertical-align: middle;
|
|
84
|
-
`;let
|
|
84
|
+
`;let V=class extends e{constructor(){super(...arguments),this.title="",this.isOpen=!1,this.isDesktop=window.innerWidth>940,this.handleResize=()=>{this.isDesktop=window.innerWidth>940}}static{this.styles=t`
|
|
85
85
|
:host {
|
|
86
86
|
display: flex;
|
|
87
87
|
flex-direction: column;
|
|
@@ -100,7 +100,7 @@ function R(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
|
|
|
100
100
|
}
|
|
101
101
|
|
|
102
102
|
.title {
|
|
103
|
-
${
|
|
103
|
+
${R}
|
|
104
104
|
color: var(--secondary-color);
|
|
105
105
|
}
|
|
106
106
|
|
|
@@ -159,13 +159,13 @@ function R(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
|
|
|
159
159
|
<div class="content ${this.isOpen?"open":""}">
|
|
160
160
|
<slot></slot>
|
|
161
161
|
</div>
|
|
162
|
-
`}};n([
|
|
162
|
+
`}};n([T({type:String}),a("design:type",Object)],V.prototype,"title",void 0),n([L(),a("design:type",Object)],V.prototype,"isOpen",void 0),n([L(),a("design:type",Object)],V.prototype,"isDesktop",void 0),V=n([l("accordion-panel")],V);let N=class extends e{static{this.styles=t`
|
|
163
163
|
:host {
|
|
164
164
|
display: flex;
|
|
165
165
|
flex-direction: column;
|
|
166
166
|
gap: 16px;
|
|
167
167
|
}
|
|
168
|
-
`}render(){return i`<slot></slot>`}};
|
|
168
|
+
`}render(){return i`<slot></slot>`}};N=n([l("accordion-list")],N);let G=class extends e{constructor(){super(...arguments),this.variant="button-primary",this.size="md",this.label="",this.loader=!1,this.iconPosition="left",this.disabled=!1,this.iconName=null,this.type="button",this.idevent=""}static{this.styles=t`
|
|
169
169
|
:host {
|
|
170
170
|
display: inline-block;
|
|
171
171
|
}
|
|
@@ -185,12 +185,12 @@ function R(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
|
|
|
185
185
|
}
|
|
186
186
|
|
|
187
187
|
.button-lg {
|
|
188
|
-
${
|
|
188
|
+
${B}
|
|
189
189
|
min-height: 62px;
|
|
190
190
|
}
|
|
191
191
|
|
|
192
192
|
.button-md {
|
|
193
|
-
${
|
|
193
|
+
${R}
|
|
194
194
|
min-height: 57px;
|
|
195
195
|
}
|
|
196
196
|
|
|
@@ -410,7 +410,7 @@ function R(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
|
|
|
410
410
|
${this.iconName&&"button-round"!==this.variant&&"right"===this.iconPosition?i`<randstad-icon name=${this.iconName} size="24px"></randstad-icon>`:""}
|
|
411
411
|
`}
|
|
412
412
|
</button>
|
|
413
|
-
`}};n([
|
|
413
|
+
`}};n([T({type:String}),a("design:type",String)],G.prototype,"variant",void 0),n([T({type:String}),a("design:type",String)],G.prototype,"size",void 0),n([T({type:String}),a("design:type",Object)],G.prototype,"label",void 0),n([T({type:Boolean}),a("design:type",Object)],G.prototype,"loader",void 0),n([T({type:String,attribute:"icon-src"}),a("design:type",String)],G.prototype,"iconSrc",void 0),n([T({type:String}),a("design:type",String)],G.prototype,"iconPosition",void 0),n([T({type:Boolean,reflect:!0}),a("design:type",Boolean)],G.prototype,"disabled",void 0),n([T({type:String}),a("design:type",Object)],G.prototype,"iconName",void 0),n([T({type:String}),a("design:type",String)],G.prototype,"type",void 0),n([T({type:String}),a("design:type",Object)],G.prototype,"idevent",void 0),G=n([l("randstad-button")],G);let H=class extends e{constructor(){super(...arguments),this.img="",this.name="",this.title="",this.description="",this.buttonLabel="Contactanos",this.cardId=""}static{this.styles=t`
|
|
414
414
|
:host {
|
|
415
415
|
display: inline-block;
|
|
416
416
|
font-family: "Graphik", sans-serif;
|
|
@@ -469,7 +469,7 @@ function R(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
|
|
|
469
469
|
}
|
|
470
470
|
|
|
471
471
|
.title {
|
|
472
|
-
${
|
|
472
|
+
${B}
|
|
473
473
|
margin: 0;
|
|
474
474
|
}
|
|
475
475
|
|
|
@@ -489,7 +489,7 @@ function R(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
|
|
|
489
489
|
}
|
|
490
490
|
|
|
491
491
|
.description {
|
|
492
|
-
${
|
|
492
|
+
${M}
|
|
493
493
|
}
|
|
494
494
|
|
|
495
495
|
::part(button) {
|
|
@@ -527,14 +527,14 @@ function R(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
|
|
|
527
527
|
</div>
|
|
528
528
|
</div>
|
|
529
529
|
</div>
|
|
530
|
-
`}};n([
|
|
530
|
+
`}};n([T({type:String}),a("design:type",Object)],H.prototype,"img",void 0),n([T({type:String}),a("design:type",Object)],H.prototype,"name",void 0),n([T({type:String}),a("design:type",Object)],H.prototype,"title",void 0),n([T({type:String}),a("design:type",Object)],H.prototype,"description",void 0),n([T({type:String}),a("design:type",Object)],H.prototype,"buttonLabel",void 0),n([T({type:String}),a("design:type",Object)],H.prototype,"cardId",void 0),H=n([l("carousel-card")],H);let K=class extends e{constructor(){super(...arguments),this.checked=!1,this.error=!1,this.disabled=!1}static{this.styles=t`
|
|
531
531
|
:host {
|
|
532
532
|
display: block;
|
|
533
533
|
max-width: 100%;
|
|
534
534
|
}
|
|
535
535
|
|
|
536
536
|
label {
|
|
537
|
-
${
|
|
537
|
+
${M}
|
|
538
538
|
display: flex;
|
|
539
539
|
align-items: center;
|
|
540
540
|
gap: 8px;
|
|
@@ -642,7 +642,7 @@ function R(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
|
|
|
642
642
|
<slot></slot>
|
|
643
643
|
</span>
|
|
644
644
|
</label>
|
|
645
|
-
`}};n([
|
|
645
|
+
`}};n([T({type:Boolean,reflect:!0}),a("design:type",Object)],K.prototype,"checked",void 0),n([T({type:Boolean}),a("design:type",Object)],K.prototype,"error",void 0),n([T({type:Boolean}),a("design:type",Object)],K.prototype,"disabled",void 0),K=n([l("randstad-checkbox")],K);let Y=class extends e{constructor(){super(...arguments),this.value="",this.size="md",this.icon=null,this.helper=null,this.error=!1,this.errorMessage="",this.disabled=!1,this.typing=!1,this.type="text",this.isPasswordVisible=!1,this.cleanButton=!1,this.required=!1,this.optional=!1}static{this.styles=t`
|
|
646
646
|
:host {
|
|
647
647
|
display: block;
|
|
648
648
|
font-family: 'Graphik', sans-serif;
|
|
@@ -664,7 +664,7 @@ function R(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
|
|
|
664
664
|
}
|
|
665
665
|
|
|
666
666
|
.form-label {
|
|
667
|
-
${
|
|
667
|
+
${R}
|
|
668
668
|
display: flex;
|
|
669
669
|
align-items: baseline;
|
|
670
670
|
flex-direction: row;
|
|
@@ -680,7 +680,7 @@ function R(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
|
|
|
680
680
|
}
|
|
681
681
|
|
|
682
682
|
.form-input {
|
|
683
|
-
${
|
|
683
|
+
${B}
|
|
684
684
|
padding: 16px;
|
|
685
685
|
border: 1px solid var(--secondary-color-10);
|
|
686
686
|
border-radius: 4px;
|
|
@@ -715,7 +715,7 @@ function R(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
|
|
|
715
715
|
}
|
|
716
716
|
|
|
717
717
|
input::placeholder {
|
|
718
|
-
${
|
|
718
|
+
${B}
|
|
719
719
|
color: var(--secondary-color-40);
|
|
720
720
|
}
|
|
721
721
|
|
|
@@ -756,7 +756,7 @@ function R(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
|
|
|
756
756
|
}
|
|
757
757
|
|
|
758
758
|
textarea {
|
|
759
|
-
${
|
|
759
|
+
${B}
|
|
760
760
|
resize: none;
|
|
761
761
|
}
|
|
762
762
|
|
|
@@ -771,19 +771,19 @@ function R(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
|
|
|
771
771
|
}
|
|
772
772
|
|
|
773
773
|
.helper-description {
|
|
774
|
-
${
|
|
774
|
+
${R}
|
|
775
775
|
color: var(--secondary-color-40);
|
|
776
776
|
margin: 0px;
|
|
777
777
|
}
|
|
778
778
|
|
|
779
779
|
.error-message {
|
|
780
|
-
${
|
|
780
|
+
${R}
|
|
781
781
|
color: var(--ui-negative);
|
|
782
782
|
margin: 0px;
|
|
783
783
|
}
|
|
784
784
|
|
|
785
785
|
.link-text {
|
|
786
|
-
${
|
|
786
|
+
${R}
|
|
787
787
|
color: var(--primary-color);
|
|
788
788
|
cursor: pointer;
|
|
789
789
|
text-align: end;
|
|
@@ -873,7 +873,7 @@ function R(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
|
|
|
873
873
|
|
|
874
874
|
.optional {
|
|
875
875
|
color: var(--secondary-color-60);
|
|
876
|
-
${
|
|
876
|
+
${F}
|
|
877
877
|
}
|
|
878
878
|
`}togglePassword(t){this.isPasswordVisible=!this.isPasswordVisible;const e=t.currentTarget.parentElement?.querySelector("input");e&&(e.type=this.isPasswordVisible?"text":"password"),this.requestUpdate()}handleInput(t){const e=t.target.value;void 0!==this.maxLength&&"textarea"!==this.type?this.value=e.slice(0,this.maxLength):this.value=e,this.dispatchEvent(new CustomEvent("valueChanged",{detail:this.value})),this.dispatchEvent(new Event("input",{bubbles:!0})),this.requestUpdate()}handleClear(){this.value="",this.dispatchEvent(new CustomEvent("valueChanged",{detail:this.value})),this.dispatchEvent(new Event("input",{bubbles:!0})),this.requestUpdate()}handleLinkClick(t){t.preventDefault(),this.linkRoute&&this.dispatchEvent(new CustomEvent("linkClicked",{detail:this.linkRoute,bubbles:!0,composed:!0}))}handleKeyDown(t){if("Enter"===t.key){const t=new Event("submit",{bubbles:!0,composed:!0,cancelable:!0}),e=this.closest("form");e&&e.dispatchEvent(t)}}render(){const t=this.cleanButton&&this.value&&"password"!==this.type&&"textarea"!==this.type;return i`
|
|
879
879
|
<div
|
|
@@ -946,7 +946,7 @@ function R(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
|
|
|
946
946
|
|
|
947
947
|
${this.helper?i`<p class="helper-description">${this.helper}</p>`:o}
|
|
948
948
|
</div>
|
|
949
|
-
`}};n([
|
|
949
|
+
`}};n([T({type:String}),a("design:type",String)],Y.prototype,"placeholder",void 0),n([T({type:String}),a("design:type",String)],Y.prototype,"label",void 0),n([T({type:String}),a("design:type",String)],Y.prototype,"labelColor",void 0),n([T({type:String}),a("design:type",String)],Y.prototype,"value",void 0),n([T({type:String}),a("design:type",String)],Y.prototype,"size",void 0),n([T({type:String}),a("design:type",Object)],Y.prototype,"icon",void 0),n([T({type:String}),a("design:type",Object)],Y.prototype,"helper",void 0),n([T({type:Boolean}),a("design:type",Boolean)],Y.prototype,"error",void 0),n([T({type:String}),a("design:type",String)],Y.prototype,"errorMessage",void 0),n([T({type:Boolean}),a("design:type",Boolean)],Y.prototype,"disabled",void 0),n([T({type:Boolean}),a("design:type",Boolean)],Y.prototype,"typing",void 0),n([T({type:String}),a("design:type",String)],Y.prototype,"type",void 0),n([T({type:String}),a("design:type",String)],Y.prototype,"tooltipMessage",void 0),n([T({type:String}),a("design:type",String)],Y.prototype,"linkText",void 0),n([T({type:String}),a("design:type",String)],Y.prototype,"linkRoute",void 0),n([T({type:Boolean,reflect:!0}),a("design:type",Object)],Y.prototype,"isPasswordVisible",void 0),n([T({type:Boolean}),a("design:type",Boolean)],Y.prototype,"cleanButton",void 0),n([T({type:Number}),a("design:type",Number)],Y.prototype,"maxLength",void 0),n([T({type:Boolean}),a("design:type",Object)],Y.prototype,"required",void 0),n([T({type:Boolean}),a("design:type",Object)],Y.prototype,"optional",void 0),n([T({type:String}),a("design:type",String)],Y.prototype,"helpLink",void 0),Y=n([l("randstad-form")],Y);let W=class extends e{constructor(){super(...arguments),this.label="",this.error=!1,this.errorMessage="",this.required=!1,this.optional=!1}static{this.styles=t`
|
|
950
950
|
:host {
|
|
951
951
|
display: flex;
|
|
952
952
|
flex-direction: column;
|
|
@@ -956,7 +956,7 @@ function R(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
|
|
|
956
956
|
}
|
|
957
957
|
|
|
958
958
|
.form-label {
|
|
959
|
-
${
|
|
959
|
+
${R}
|
|
960
960
|
display: flex;
|
|
961
961
|
align-items: baseline;
|
|
962
962
|
flex-direction: row;
|
|
@@ -971,12 +971,12 @@ function R(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
|
|
|
971
971
|
}
|
|
972
972
|
|
|
973
973
|
.helper {
|
|
974
|
-
${
|
|
974
|
+
${R}
|
|
975
975
|
color: var(--secondary-color-40);
|
|
976
976
|
}
|
|
977
977
|
|
|
978
978
|
.error {
|
|
979
|
-
${
|
|
979
|
+
${R}
|
|
980
980
|
color: var(--ui-negative);
|
|
981
981
|
}
|
|
982
982
|
|
|
@@ -986,7 +986,7 @@ function R(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
|
|
|
986
986
|
|
|
987
987
|
.optional {
|
|
988
988
|
color: var(--secondary-color-60);
|
|
989
|
-
${
|
|
989
|
+
${F}
|
|
990
990
|
}
|
|
991
991
|
`}render(){return i`
|
|
992
992
|
<label class="form-label">
|
|
@@ -999,7 +999,7 @@ function R(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
|
|
|
999
999
|
</div>
|
|
1000
1000
|
|
|
1001
1001
|
${this.error?i`<span class="error">${this.errorMessage}</span>`:this.helper?i`<span class="helper">${this.helper}</span>`:null}
|
|
1002
|
-
`}};n([
|
|
1002
|
+
`}};n([T({type:String}),a("design:type",Object)],W.prototype,"label",void 0),n([T({type:String}),a("design:type",String)],W.prototype,"helper",void 0),n([T({type:Boolean}),a("design:type",Object)],W.prototype,"error",void 0),n([T({type:String}),a("design:type",Object)],W.prototype,"errorMessage",void 0),n([T({type:Boolean}),a("design:type",Object)],W.prototype,"required",void 0),n([T({type:Boolean}),a("design:type",Object)],W.prototype,"optional",void 0),W=n([l("randstad-form-group")],W);class X extends e{constructor(){super(...arguments),this.name="",this.size="24px"}static{this.styles=t`
|
|
1003
1003
|
:host {
|
|
1004
1004
|
display: inline-flex;
|
|
1005
1005
|
width: var(--icon-size, 24px);
|
|
@@ -1013,14 +1013,14 @@ function R(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
|
|
|
1013
1013
|
height: var(--icon-size, 24px);
|
|
1014
1014
|
fill: var(--icon-color, currentColor);
|
|
1015
1015
|
}
|
|
1016
|
-
`}connectedCallback(){super.connectedCallback(),this.style.setProperty("--icon-size",this.size)}updated(t){t.has("size")&&this.style.setProperty("--icon-size",this.size)}async loadIcon(){try{const t=await fetch(`/assets/icons/${this.name}.svg`);if(!t.ok)throw new Error("Icon not found");const e=await t.text(),i=new DOMParser,o=i.parseFromString(e,"image/svg+xml").querySelector("svg");if(!o)throw new Error("No se encontró un elemento SVG válido");o.removeAttribute("fill"),o.setAttribute("width",this.size),o.setAttribute("height",this.size),o.querySelectorAll("[fill]").forEach((t=>t.removeAttribute("fill"))),o.setAttribute("fill","currentColor"),"innerHTML"in this.renderRoot&&(this.renderRoot.innerHTML=""),this.renderRoot.appendChild(o)}catch(t){console.error(`❌ Error cargando icono ${this.name}:`,t),"innerHTML"in this.renderRoot&&(this.renderRoot.innerHTML="<span>⚠️</span>")}}render(){return this.loadIcon(),null}}n([
|
|
1016
|
+
`}connectedCallback(){super.connectedCallback(),this.style.setProperty("--icon-size",this.size)}updated(t){t.has("size")&&this.style.setProperty("--icon-size",this.size)}async loadIcon(){try{const t=await fetch(`/assets/icons/${this.name}.svg`);if(!t.ok)throw new Error("Icon not found");const e=await t.text(),i=new DOMParser,o=i.parseFromString(e,"image/svg+xml").querySelector("svg");if(!o)throw new Error("No se encontró un elemento SVG válido");o.removeAttribute("fill"),o.setAttribute("width",this.size),o.setAttribute("height",this.size),o.querySelectorAll("[fill]").forEach((t=>t.removeAttribute("fill"))),o.setAttribute("fill","currentColor"),"innerHTML"in this.renderRoot&&(this.renderRoot.innerHTML=""),this.renderRoot.appendChild(o)}catch(t){console.error(`❌ Error cargando icono ${this.name}:`,t),"innerHTML"in this.renderRoot&&(this.renderRoot.innerHTML="<span>⚠️</span>")}}render(){return this.loadIcon(),null}}n([T({type:String}),a("design:type",Object)],X.prototype,"name",void 0),n([T({type:String}),a("design:type",Object)],X.prototype,"size",void 0),customElements.define("randstad-icon",X);let J=class extends e{constructor(){super(...arguments),this.type="informative",this.icon="info",this.message="Este es un mensaje.",this.open=!1}static{this.styles=t`
|
|
1017
1017
|
:host {
|
|
1018
1018
|
display: block;
|
|
1019
1019
|
font-family: 'Graphik', sans-serif;
|
|
1020
1020
|
}
|
|
1021
1021
|
|
|
1022
1022
|
.container {
|
|
1023
|
-
${
|
|
1023
|
+
${R}
|
|
1024
1024
|
display: flex;
|
|
1025
1025
|
align-items: flex-start;
|
|
1026
1026
|
gap: 8px;
|
|
@@ -1066,7 +1066,7 @@ function R(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
|
|
|
1066
1066
|
<randstad-icon class="icon" name="${this.icon}" size="24px" style="color: var(--icon-color);"></randstad-icon>
|
|
1067
1067
|
<span class="message">${this.message}</span>
|
|
1068
1068
|
</div>
|
|
1069
|
-
`}};n([
|
|
1069
|
+
`}};n([T({type:String}),a("design:type",String)],J.prototype,"type",void 0),n([T({type:String}),a("design:type",String)],J.prototype,"icon",void 0),n([T({type:String}),a("design:type",String)],J.prototype,"message",void 0),n([T({type:Boolean}),a("design:type",Boolean)],J.prototype,"open",void 0),J=n([l("randstad-notice")],J);let Q=class extends e{constructor(){super(...arguments),this.open=!1,this.title="Título del modal",this.showNotice=!1,this.noticeType="informative",this.noticeMessage="",this.noticeIcon="info",this.showPrimaryButton=!1,this.primaryButtonLabel="Aceptar",this.showSecondaryButton=!1,this.secondaryButtonLabel="Cancelar",this.scrollable=!1,this.setScrollableMode=()=>{this.scrollable=window.innerWidth>940}}static{this.styles=t`
|
|
1070
1070
|
:host {
|
|
1071
1071
|
font-family: 'Graphik', sans-serif;
|
|
1072
1072
|
display: none;
|
|
@@ -1145,13 +1145,13 @@ function R(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
|
|
|
1145
1145
|
}
|
|
1146
1146
|
|
|
1147
1147
|
.modal-title {
|
|
1148
|
-
${
|
|
1148
|
+
${q}
|
|
1149
1149
|
margin: 0;
|
|
1150
1150
|
color: var(--secondary-color);
|
|
1151
1151
|
}
|
|
1152
1152
|
|
|
1153
1153
|
.modal-subtitle {
|
|
1154
|
-
${
|
|
1154
|
+
${R}
|
|
1155
1155
|
margin: 0;
|
|
1156
1156
|
color: var(--secondary-color-60);
|
|
1157
1157
|
}
|
|
@@ -1241,7 +1241,7 @@ function R(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
|
|
|
1241
1241
|
</div>
|
|
1242
1242
|
</div>
|
|
1243
1243
|
</div>
|
|
1244
|
-
`}};n([
|
|
1244
|
+
`}};n([T({type:Boolean,reflect:!0}),a("design:type",Object)],Q.prototype,"open",void 0),n([T({type:String}),a("design:type",Object)],Q.prototype,"title",void 0),n([T({type:String}),a("design:type",String)],Q.prototype,"subtitle",void 0),n([T({type:Boolean}),a("design:type",Object)],Q.prototype,"showNotice",void 0),n([T({type:String}),a("design:type",String)],Q.prototype,"noticeType",void 0),n([T({type:String}),a("design:type",Object)],Q.prototype,"noticeMessage",void 0),n([T({type:String}),a("design:type",Object)],Q.prototype,"noticeIcon",void 0),n([T({type:Boolean}),a("design:type",Object)],Q.prototype,"showPrimaryButton",void 0),n([T({type:String}),a("design:type",Object)],Q.prototype,"primaryButtonLabel",void 0),n([T({type:Boolean}),a("design:type",Object)],Q.prototype,"showSecondaryButton",void 0),n([T({type:String}),a("design:type",Object)],Q.prototype,"secondaryButtonLabel",void 0),n([L(),a("design:type",Object)],Q.prototype,"scrollable",void 0),Q=n([l("custom-modal")],Q);let Z=class extends e{constructor(){super(...arguments),this.open=!1,this.type="default",this.icon="warning",this.title="Título del Popup",this.description="Descripción del popup",this.width="400px",this.buttonText="Aceptar",this.confirmText="Sí",this.cancelText="No",this.stackedActions=[],this._onBackgroundClick=t=>{const e=t.composedPath(),i=this.renderRoot.querySelector(".popup");i&&!e.includes(i)&&(this.dispatchEvent(new CustomEvent("popup-close",{detail:null})),this.open=!1)}}static{this.styles=t`
|
|
1245
1245
|
:host {
|
|
1246
1246
|
display: none;
|
|
1247
1247
|
position: fixed;
|
|
@@ -1303,13 +1303,13 @@ function R(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
|
|
|
1303
1303
|
}
|
|
1304
1304
|
|
|
1305
1305
|
.popup-title {
|
|
1306
|
-
${
|
|
1306
|
+
${U}
|
|
1307
1307
|
margin: 0;
|
|
1308
1308
|
color: var(--secondary-color-80);
|
|
1309
1309
|
}
|
|
1310
1310
|
|
|
1311
1311
|
.popup-description {
|
|
1312
|
-
${
|
|
1312
|
+
${R}
|
|
1313
1313
|
margin: 0;
|
|
1314
1314
|
color: var(--secondary-color-60);
|
|
1315
1315
|
}
|
|
@@ -1337,7 +1337,7 @@ function R(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
|
|
|
1337
1337
|
}
|
|
1338
1338
|
|
|
1339
1339
|
.action-item {
|
|
1340
|
-
${
|
|
1340
|
+
${D};
|
|
1341
1341
|
display: flex;
|
|
1342
1342
|
align-items: center;
|
|
1343
1343
|
gap: 16px;
|
|
@@ -1425,7 +1425,7 @@ function R(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
|
|
|
1425
1425
|
`}
|
|
1426
1426
|
</div>
|
|
1427
1427
|
</div>
|
|
1428
|
-
`}};n([
|
|
1428
|
+
`}};n([T({type:Boolean,reflect:!0}),a("design:type",Object)],Z.prototype,"open",void 0),n([T({type:String}),a("design:type",String)],Z.prototype,"type",void 0),n([T({type:String}),a("design:type",Object)],Z.prototype,"icon",void 0),n([T({type:String}),a("design:type",Object)],Z.prototype,"title",void 0),n([T({type:String}),a("design:type",Object)],Z.prototype,"description",void 0),n([T({type:String}),a("design:type",Object)],Z.prototype,"width",void 0),n([T({type:String}),a("design:type",Object)],Z.prototype,"buttonText",void 0),n([T({type:String}),a("design:type",Object)],Z.prototype,"confirmText",void 0),n([T({type:String}),a("design:type",Object)],Z.prototype,"cancelText",void 0),n([T({type:Array}),a("design:type",Array)],Z.prototype,"stackedActions",void 0),Z=n([l("custom-popup")],Z);let tt=class extends e{constructor(){super(...arguments),this.value=0,this.max=5}static{this.styles=t`
|
|
1429
1429
|
:host {
|
|
1430
1430
|
display: inline-block;
|
|
1431
1431
|
width: 64px;
|
|
@@ -1438,7 +1438,7 @@ function R(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
|
|
|
1438
1438
|
}
|
|
1439
1439
|
|
|
1440
1440
|
.circle-text {
|
|
1441
|
-
${
|
|
1441
|
+
${F};
|
|
1442
1442
|
text-align: center;
|
|
1443
1443
|
vertical-align: middle;
|
|
1444
1444
|
fill: var(--randstad-dark-blue-40);
|
|
@@ -1486,18 +1486,18 @@ function R(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
|
|
|
1486
1486
|
${this.value} de ${this.max}
|
|
1487
1487
|
</text>
|
|
1488
1488
|
</svg>
|
|
1489
|
-
`}};n([
|
|
1489
|
+
`}};n([T({type:Number}),a("design:type",Object)],tt.prototype,"value",void 0),n([T({type:Number}),a("design:type",Object)],tt.prototype,"max",void 0),tt=n([l("progress-circle")],tt);
|
|
1490
1490
|
/**
|
|
1491
1491
|
* @license
|
|
1492
1492
|
* Copyright 2023 Google LLC
|
|
1493
1493
|
* SPDX-License-Identifier: Apache-2.0
|
|
1494
1494
|
*/
|
|
1495
|
-
const
|
|
1495
|
+
const et=Symbol("attachableController");let it;r||(it=new MutationObserver((t=>{for(const e of t)e.target[et]?.hostConnected()})));class ot{get htmlFor(){return this.host.getAttribute("for")}set htmlFor(t){null===t?this.host.removeAttribute("for"):this.host.setAttribute("for",t)}get control(){return this.host.hasAttribute("for")?this.htmlFor&&this.host.isConnected?this.host.getRootNode().querySelector(`#${this.htmlFor}`):null:this.currentControl||this.host.parentElement}set control(t){t?this.attach(t):this.detach()}constructor(t,e){this.host=t,this.onControlChange=e,this.currentControl=null,t.addController(this),t[et]=this,it?.observe(t,{attributeFilter:["for"]})}attach(t){t!==this.currentControl&&(this.setCurrentControl(t),this.host.removeAttribute("for"))}detach(){this.setCurrentControl(null),this.host.setAttribute("for","")}hostConnected(){this.setCurrentControl(this.control)}hostDisconnected(){this.setCurrentControl(null)}setCurrentControl(t){this.onControlChange(this.currentControl,t),this.currentControl=t}}
|
|
1496
1496
|
/**
|
|
1497
1497
|
* @license
|
|
1498
1498
|
* Copyright 2021 Google LLC
|
|
1499
1499
|
* SPDX-License-Identifier: Apache-2.0
|
|
1500
|
-
*/const
|
|
1500
|
+
*/const rt=["focusin","focusout","pointerdown"];class st extends e{constructor(){super(...arguments),this.visible=!1,this.inward=!1,this.attachableController=new ot(this,this.onControlChange.bind(this))}get htmlFor(){return this.attachableController.htmlFor}set htmlFor(t){this.attachableController.htmlFor=t}get control(){return this.attachableController.control}set control(t){this.attachableController.control=t}attach(t){this.attachableController.attach(t)}detach(){this.attachableController.detach()}connectedCallback(){super.connectedCallback(),this.setAttribute("aria-hidden","true")}handleEvent(t){if(!t[nt]){switch(t.type){default:return;case"focusin":this.visible=this.control?.matches(":focus-visible")??!1;break;case"focusout":case"pointerdown":this.visible=!1}t[nt]=!0}}onControlChange(t,e){if(!r)for(const i of rt)t?.removeEventListener(i,this),e?.addEventListener(i,this)}update(t){t.has("visible")&&this.dispatchEvent(new Event("visibility-changed")),super.update(t)}}n([T({type:Boolean,reflect:!0})],st.prototype,"visible",void 0),n([T({type:Boolean,reflect:!0})],st.prototype,"inward",void 0);const nt=Symbol("handledByFocusRing"),at=t`:host{animation-delay:0s,calc(var(--md-focus-ring-duration, 600ms)*.25);animation-duration:calc(var(--md-focus-ring-duration, 600ms)*.25),calc(var(--md-focus-ring-duration, 600ms)*.75);animation-timing-function:cubic-bezier(0.2, 0, 0, 1);box-sizing:border-box;color:var(--md-focus-ring-color, var(--md-sys-color-secondary, #625b71));display:none;pointer-events:none;position:absolute}:host([visible]){display:flex}:host(:not([inward])){animation-name:outward-grow,outward-shrink;border-end-end-radius:calc(var(--md-focus-ring-shape-end-end, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) + var(--md-focus-ring-outward-offset, 2px));border-end-start-radius:calc(var(--md-focus-ring-shape-end-start, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) + var(--md-focus-ring-outward-offset, 2px));border-start-end-radius:calc(var(--md-focus-ring-shape-start-end, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) + var(--md-focus-ring-outward-offset, 2px));border-start-start-radius:calc(var(--md-focus-ring-shape-start-start, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) + var(--md-focus-ring-outward-offset, 2px));inset:calc(-1*var(--md-focus-ring-outward-offset, 2px));outline:var(--md-focus-ring-width, 3px) solid currentColor}:host([inward]){animation-name:inward-grow,inward-shrink;border-end-end-radius:calc(var(--md-focus-ring-shape-end-end, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) - var(--md-focus-ring-inward-offset, 0px));border-end-start-radius:calc(var(--md-focus-ring-shape-end-start, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) - var(--md-focus-ring-inward-offset, 0px));border-start-end-radius:calc(var(--md-focus-ring-shape-start-end, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) - var(--md-focus-ring-inward-offset, 0px));border-start-start-radius:calc(var(--md-focus-ring-shape-start-start, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) - var(--md-focus-ring-inward-offset, 0px));border:var(--md-focus-ring-width, 3px) solid currentColor;inset:var(--md-focus-ring-inward-offset, 0px)}@keyframes outward-grow{from{outline-width:0}to{outline-width:var(--md-focus-ring-active-width, 8px)}}@keyframes outward-shrink{from{outline-width:var(--md-focus-ring-active-width, 8px)}}@keyframes inward-grow{from{border-width:0}to{border-width:var(--md-focus-ring-active-width, 8px)}}@keyframes inward-shrink{from{border-width:var(--md-focus-ring-active-width, 8px)}}@media(prefers-reduced-motion){:host{animation:none}}
|
|
1501
1501
|
`
|
|
1502
1502
|
/**
|
|
1503
1503
|
* @license
|
|
@@ -1508,70 +1508,70 @@ const tt=Symbol("attachableController");let et;r||(et=new MutationObserver((t=>{
|
|
|
1508
1508
|
* @license
|
|
1509
1509
|
* Copyright 2024 Google LLC
|
|
1510
1510
|
* SPDX-License-Identifier: Apache-2.0
|
|
1511
|
-
*/let
|
|
1511
|
+
*/let lt=class extends st{};lt.styles=[at],lt=n([l("md-focus-ring")],lt);
|
|
1512
1512
|
/**
|
|
1513
1513
|
* @license
|
|
1514
1514
|
* Copyright 2021 Google LLC
|
|
1515
1515
|
* SPDX-License-Identifier: Apache-2.0
|
|
1516
1516
|
*/
|
|
1517
|
-
const
|
|
1517
|
+
const dt="cubic-bezier(0.2, 0, 0, 1)";
|
|
1518
1518
|
/**
|
|
1519
1519
|
* @license
|
|
1520
1520
|
* Copyright 2022 Google LLC
|
|
1521
1521
|
* SPDX-License-Identifier: Apache-2.0
|
|
1522
|
-
*/var
|
|
1522
|
+
*/var ct;!function(t){t[t.INACTIVE=0]="INACTIVE",t[t.TOUCH_DELAY=1]="TOUCH_DELAY",t[t.HOLDING=2]="HOLDING",t[t.WAITING_FOR_CLICK=3]="WAITING_FOR_CLICK"}(ct||(ct={}));const pt=["click","contextmenu","pointercancel","pointerdown","pointerenter","pointerleave","pointerup"],ht=r?null:window.matchMedia("(forced-colors: active)");class ut extends e{constructor(){super(...arguments),this.disabled=!1,this.hovered=!1,this.pressed=!1,this.rippleSize="",this.rippleScale="",this.initialSize=0,this.state=ct.INACTIVE,this.checkBoundsAfterContextMenu=!1,this.attachableController=new ot(this,this.onControlChange.bind(this))}get htmlFor(){return this.attachableController.htmlFor}set htmlFor(t){this.attachableController.htmlFor=t}get control(){return this.attachableController.control}set control(t){this.attachableController.control=t}attach(t){this.attachableController.attach(t)}detach(){this.attachableController.detach()}connectedCallback(){super.connectedCallback(),this.setAttribute("aria-hidden","true")}render(){const t={hovered:this.hovered,pressed:this.pressed};return i`<div class="surface ${s(t)}"></div>`}update(t){t.has("disabled")&&this.disabled&&(this.hovered=!1,this.pressed=!1),super.update(t)}handlePointerenter(t){this.shouldReactToEvent(t)&&(this.hovered=!0)}handlePointerleave(t){this.shouldReactToEvent(t)&&(this.hovered=!1,this.state!==ct.INACTIVE&&this.endPressAnimation())}handlePointerup(t){if(this.shouldReactToEvent(t)){if(this.state!==ct.HOLDING)return this.state===ct.TOUCH_DELAY?(this.state=ct.WAITING_FOR_CLICK,void this.startPressAnimation(this.rippleStartEvent)):void 0;this.state=ct.WAITING_FOR_CLICK}}async handlePointerdown(t){if(this.shouldReactToEvent(t)){if(this.rippleStartEvent=t,!this.isTouch(t))return this.state=ct.WAITING_FOR_CLICK,void this.startPressAnimation(t);this.checkBoundsAfterContextMenu&&!this.inBounds(t)||(this.checkBoundsAfterContextMenu=!1,this.state=ct.TOUCH_DELAY,await new Promise((t=>{setTimeout(t,150)})),this.state===ct.TOUCH_DELAY&&(this.state=ct.HOLDING,this.startPressAnimation(t)))}}handleClick(){this.disabled||(this.state!==ct.WAITING_FOR_CLICK?this.state===ct.INACTIVE&&(this.startPressAnimation(),this.endPressAnimation()):this.endPressAnimation())}handlePointercancel(t){this.shouldReactToEvent(t)&&this.endPressAnimation()}handleContextmenu(){this.disabled||(this.checkBoundsAfterContextMenu=!0,this.endPressAnimation())}determineRippleSize(){const{height:t,width:e}=this.getBoundingClientRect(),i=Math.max(t,e),o=Math.max(.35*i,75),r=Math.floor(.2*i),s=Math.sqrt(e**2+t**2)+10;this.initialSize=r,this.rippleScale=""+(s+o)/r,this.rippleSize=`${r}px`}getNormalizedPointerEventCoords(t){const{scrollX:e,scrollY:i}=window,{left:o,top:r}=this.getBoundingClientRect(),s=e+o,n=i+r,{pageX:a,pageY:l}=t;return{x:a-s,y:l-n}}getTranslationCoordinates(t){const{height:e,width:i}=this.getBoundingClientRect(),o={x:(i-this.initialSize)/2,y:(e-this.initialSize)/2};let r;return r=t instanceof PointerEvent?this.getNormalizedPointerEventCoords(t):{x:i/2,y:e/2},r={x:r.x-this.initialSize/2,y:r.y-this.initialSize/2},{startPoint:r,endPoint:o}}startPressAnimation(t){if(!this.mdRoot)return;this.pressed=!0,this.growAnimation?.cancel(),this.determineRippleSize();const{startPoint:e,endPoint:i}=this.getTranslationCoordinates(t),o=`${e.x}px, ${e.y}px`,r=`${i.x}px, ${i.y}px`;this.growAnimation=this.mdRoot.animate({top:[0,0],left:[0,0],height:[this.rippleSize,this.rippleSize],width:[this.rippleSize,this.rippleSize],transform:[`translate(${o}) scale(1)`,`translate(${r}) scale(${this.rippleScale})`]},{pseudoElement:"::after",duration:450,easing:dt,fill:"forwards"})}async endPressAnimation(){this.rippleStartEvent=void 0,this.state=ct.INACTIVE;const t=this.growAnimation;let e=1/0;"number"==typeof t?.currentTime?e=t.currentTime:t?.currentTime&&(e=t.currentTime.to("ms").value),e>=225?this.pressed=!1:(await new Promise((t=>{setTimeout(t,225-e)})),this.growAnimation===t&&(this.pressed=!1))}shouldReactToEvent(t){if(this.disabled||!t.isPrimary)return!1;if(this.rippleStartEvent&&this.rippleStartEvent.pointerId!==t.pointerId)return!1;if("pointerenter"===t.type||"pointerleave"===t.type)return!this.isTouch(t);const e=1===t.buttons;return this.isTouch(t)||e}inBounds({x:t,y:e}){const{top:i,left:o,bottom:r,right:s}=this.getBoundingClientRect();return t>=o&&t<=s&&e>=i&&e<=r}isTouch({pointerType:t}){return"touch"===t}async handleEvent(t){if(!ht?.matches)switch(t.type){case"click":this.handleClick();break;case"contextmenu":this.handleContextmenu();break;case"pointercancel":this.handlePointercancel(t);break;case"pointerdown":await this.handlePointerdown(t);break;case"pointerenter":this.handlePointerenter(t);break;case"pointerleave":this.handlePointerleave(t);break;case"pointerup":this.handlePointerup(t)}}onControlChange(t,e){if(!r)for(const i of pt)t?.removeEventListener(i,this),e?.addEventListener(i,this)}}n([T({type:Boolean,reflect:!0})],ut.prototype,"disabled",void 0),n([L()],ut.prototype,"hovered",void 0),n([L()],ut.prototype,"pressed",void 0),n([_(".surface")],ut.prototype,"mdRoot",void 0);
|
|
1523
1523
|
/**
|
|
1524
1524
|
* @license
|
|
1525
1525
|
* Copyright 2024 Google LLC
|
|
1526
1526
|
* SPDX-License-Identifier: Apache-2.0
|
|
1527
1527
|
*/
|
|
1528
|
-
const
|
|
1528
|
+
const bt=t`:host{display:flex;margin:auto;pointer-events:none}:host([disabled]){display:none}@media(forced-colors: active){:host{display:none}}:host,.surface{border-radius:inherit;position:absolute;inset:0;overflow:hidden}.surface{-webkit-tap-highlight-color:rgba(0,0,0,0)}.surface::before,.surface::after{content:"";opacity:0;position:absolute}.surface::before{background-color:var(--md-ripple-hover-color, var(--md-sys-color-on-surface, #1d1b20));inset:0;transition:opacity 15ms linear,background-color 15ms linear}.surface::after{background:radial-gradient(closest-side, var(--md-ripple-pressed-color, var(--md-sys-color-on-surface, #1d1b20)) max(100% - 70px, 65%), transparent 100%);transform-origin:center center;transition:opacity 375ms linear}.hovered::before{background-color:var(--md-ripple-hover-color, var(--md-sys-color-on-surface, #1d1b20));opacity:var(--md-ripple-hover-opacity, 0.08)}.pressed::after{opacity:var(--md-ripple-pressed-opacity, 0.12);transition-duration:105ms}
|
|
1529
1529
|
`
|
|
1530
1530
|
/**
|
|
1531
1531
|
* @license
|
|
1532
1532
|
* Copyright 2022 Google LLC
|
|
1533
1533
|
* SPDX-License-Identifier: Apache-2.0
|
|
1534
|
-
*/;let
|
|
1534
|
+
*/;let gt=class extends ut{};
|
|
1535
1535
|
/**
|
|
1536
1536
|
* @license
|
|
1537
1537
|
* Copyright 2021 Google LLC
|
|
1538
1538
|
* SPDX-License-Identifier: Apache-2.0
|
|
1539
1539
|
*/
|
|
1540
|
-
function
|
|
1540
|
+
function yt(t){return t.currentTarget===t.target&&(t.composedPath()[0]===t.target&&(!t.target.disabled&&!function(t){const e=vt;e&&(t.preventDefault(),t.stopImmediatePropagation());return async function(){vt=!0,await null,vt=!1}
|
|
1541
1541
|
/**
|
|
1542
1542
|
* @license
|
|
1543
1543
|
* Copyright 2023 Google LLC
|
|
1544
1544
|
* SPDX-License-Identifier: Apache-2.0
|
|
1545
|
-
*/(),e}(t)))}
|
|
1545
|
+
*/(),e}(t)))}gt.styles=[bt],gt=n([l("md-ripple")],gt);let vt=!1;const mt=Symbol("internals"),ft=Symbol("privateInternals");
|
|
1546
1546
|
/**
|
|
1547
1547
|
* @license
|
|
1548
1548
|
* Copyright 2023 Google LLC
|
|
1549
1549
|
* SPDX-License-Identifier: Apache-2.0
|
|
1550
1550
|
*/
|
|
1551
|
-
const
|
|
1551
|
+
const xt=Symbol("createValidator"),wt=Symbol("getValidityAnchor"),kt=Symbol("privateValidator"),$t=Symbol("privateSyncValidity"),St=Symbol("privateCustomValidationMessage");
|
|
1552
1552
|
/**
|
|
1553
1553
|
* @license
|
|
1554
1554
|
* Copyright 2023 Google LLC
|
|
1555
1555
|
* SPDX-License-Identifier: Apache-2.0
|
|
1556
1556
|
*/
|
|
1557
|
-
const
|
|
1557
|
+
const Ct=Symbol("isFocusable"),Et=Symbol("privateIsFocusable"),Ot=Symbol("externalTabIndex"),jt=Symbol("isUpdatingTabIndex"),At=Symbol("updateTabIndex");
|
|
1558
1558
|
/**
|
|
1559
1559
|
* @license
|
|
1560
1560
|
* Copyright 2023 Google LLC
|
|
1561
1561
|
* SPDX-License-Identifier: Apache-2.0
|
|
1562
1562
|
*/
|
|
1563
|
-
const
|
|
1563
|
+
const zt=Symbol("getFormValue"),It=Symbol("getFormState");
|
|
1564
1564
|
/**
|
|
1565
1565
|
* @license
|
|
1566
1566
|
* Copyright 2023 Google LLC
|
|
1567
1567
|
* SPDX-License-Identifier: Apache-2.0
|
|
1568
1568
|
*/
|
|
1569
|
-
class
|
|
1569
|
+
class Pt{constructor(t){this.getCurrentState=t,this.currentValidity={validity:{},validationMessage:""}}getValidity(){const t=this.getCurrentState();if(!(!this.prevState||!this.equals(this.prevState,t)))return this.currentValidity;const{validity:e,validationMessage:i}=this.computeValidity(t);return this.prevState=this.copy(t),this.currentValidity={validationMessage:i,validity:{badInput:e.badInput,customError:e.customError,patternMismatch:e.patternMismatch,rangeOverflow:e.rangeOverflow,rangeUnderflow:e.rangeUnderflow,stepMismatch:e.stepMismatch,tooLong:e.tooLong,tooShort:e.tooShort,typeMismatch:e.typeMismatch,valueMissing:e.valueMissing}},this.currentValidity}}
|
|
1570
1570
|
/**
|
|
1571
1571
|
* @license
|
|
1572
1572
|
* Copyright 2023 Google LLC
|
|
1573
1573
|
* SPDX-License-Identifier: Apache-2.0
|
|
1574
|
-
*/class
|
|
1574
|
+
*/class Tt extends Pt{computeValidity(t){this.radioElement||(this.radioElement=document.createElement("input"),this.radioElement.type="radio",this.radioElement.name="group");let e=!1,i=!1;for(const{checked:o,required:r}of t)r&&(e=!0),o&&(i=!0);return this.radioElement.checked=i,this.radioElement.required=e,{validity:{valueMissing:e&&!i},validationMessage:this.radioElement.validationMessage}}equals(t,e){if(t.length!==e.length)return!1;for(let i=0;i<t.length;i++){const o=t[i],r=e[i];if(o.checked!==r.checked||o.required!==r.required)return!1}return!0}copy(t){return t.map((({checked:t,required:e})=>({checked:t,required:e})))}}
|
|
1575
1575
|
/**
|
|
1576
1576
|
* @license
|
|
1577
1577
|
* Copyright 2022 Google LLC
|
|
@@ -1581,7 +1581,7 @@ class Nt{constructor(t){this.getCurrentState=t,this.currentValidity={validity:{}
|
|
|
1581
1581
|
* @license
|
|
1582
1582
|
* Copyright 2018 Google LLC
|
|
1583
1583
|
* SPDX-License-Identifier: Apache-2.0
|
|
1584
|
-
*/var
|
|
1584
|
+
*/var _t;const Ft=Symbol("checked");let Mt=0;const Rt=function(t){var e;class i extends t{constructor(){super(...arguments),this[e]=""}get validity(){return this[$t](),this[mt].validity}get validationMessage(){return this[$t](),this[mt].validationMessage}get willValidate(){return this[$t](),this[mt].willValidate}checkValidity(){return this[$t](),this[mt].checkValidity()}reportValidity(){return this[$t](),this[mt].reportValidity()}setCustomValidity(t){this[St]=t,this[$t]()}requestUpdate(t,e,i){super.requestUpdate(t,e,i),this[$t]()}firstUpdated(t){super.firstUpdated(t),this[$t]()}[(e=St,$t)](){if(r)return;this[kt]||(this[kt]=this[xt]());const{validity:t,validationMessage:e}=this[kt].getValidity(),i=!!this[St],o=this[St]||e;this[mt].setValidity({...t,customError:i},o,this[wt]()??void 0)}[xt](){throw new Error("Implement [createValidator]")}[wt](){throw new Error("Implement [getValidityAnchor]")}}return i}(function(t){class e extends t{get form(){return this[mt].form}get labels(){return this[mt].labels}get name(){return this.getAttribute("name")??""}set name(t){this.setAttribute("name",t)}get disabled(){return this.hasAttribute("disabled")}set disabled(t){this.toggleAttribute("disabled",t)}attributeChangedCallback(t,e,i){if("name"!==t&&"disabled"!==t)super.attributeChangedCallback(t,e,i);else{const i="disabled"===t?null!==e:e;this.requestUpdate(t,i)}}requestUpdate(t,e,i){super.requestUpdate(t,e,i),this[mt].setFormValue(this[zt](),this[It]())}[zt](){throw new Error("Implement [getFormValue]")}[It](){return this[zt]()}formDisabledCallback(t){this.disabled=t}}return e.formAssociated=!0,n([T({noAccessor:!0})],e.prototype,"name",null),n([T({type:Boolean,noAccessor:!0})],e.prototype,"disabled",null),e}((Bt=function(t){var e,i,o;class r extends t{constructor(){super(...arguments),this[e]=!0,this[i]=null,this[o]=!1}get[Ct](){return this[Et]}set[Ct](t){this[Ct]!==t&&(this[Et]=t,this[At]())}connectedCallback(){super.connectedCallback(),this[At]()}attributeChangedCallback(t,e,i){if("tabindex"===t){if(this.requestUpdate("tabIndex",Number(e??-1)),!this[jt])return this.hasAttribute("tabindex")?void(this[Ot]=this.tabIndex):(this[Ot]=null,void this[At]())}else super.attributeChangedCallback(t,e,i)}[(e=Et,i=Ot,o=jt,At)](){const t=this[Ct]?0:-1,e=this[Ot]??t;this[jt]=!0,this.tabIndex=e,this[jt]=!1}}return n([T({noAccessor:!0})],r.prototype,"tabIndex",void 0),r}(e),class extends Bt{get[mt](){return this[ft]||(this[ft]=this.attachInternals()),this[ft]}})));var Bt;class Dt extends Rt{get checked(){return this[Ft]}set checked(t){const e=this.checked;e!==t&&(this[Ft]=t,this.requestUpdate("checked",e),this.selectionController.handleCheckedChange())}constructor(){super(),this.maskId="cutout"+ ++Mt,this[_t]=!1,this.required=!1,this.value="on",this.selectionController=new Lt(this),this.addController(this.selectionController),r||(this[mt].role="radio",this.addEventListener("click",this.handleClick.bind(this)),this.addEventListener("keydown",this.handleKeydown.bind(this)))}render(){const t={checked:this.checked};return i`
|
|
1585
1585
|
<div class="container ${s(t)}" aria-hidden="true">
|
|
1586
1586
|
<md-ripple
|
|
1587
1587
|
part="ripple"
|
|
@@ -1604,19 +1604,19 @@ class Nt{constructor(t){this.getCurrentState=t,this.currentValidity={validity:{}
|
|
|
1604
1604
|
|
|
1605
1605
|
<div class="touch-target"></div>
|
|
1606
1606
|
</div>
|
|
1607
|
-
`}updated(){this[
|
|
1607
|
+
`}updated(){this[mt].ariaChecked=String(this.checked)}async handleClick(t){this.disabled||(await 0,t.defaultPrevented||(yt(t)&&this.focus(),this.checked=!0,this.dispatchEvent(new Event("change",{bubbles:!0})),this.dispatchEvent(new InputEvent("input",{bubbles:!0,composed:!0}))))}async handleKeydown(t){await 0," "!==t.key||t.defaultPrevented||this.click()}[(_t=Ft,zt)](){return this.checked?this.value:null}[It](){return String(this.checked)}formResetCallback(){this.checked=this.hasAttribute("checked")}formStateRestoreCallback(t){this.checked="true"===t}[xt](){return new Tt((()=>this.selectionController?this.selectionController.controls:[this]))}[wt](){return this.container}}n([T({type:Boolean})],Dt.prototype,"checked",null),n([T({type:Boolean})],Dt.prototype,"required",void 0),n([T()],Dt.prototype,"value",void 0),n([_(".container")],Dt.prototype,"container",void 0);
|
|
1608
1608
|
/**
|
|
1609
1609
|
* @license
|
|
1610
1610
|
* Copyright 2024 Google LLC
|
|
1611
1611
|
* SPDX-License-Identifier: Apache-2.0
|
|
1612
1612
|
*/
|
|
1613
|
-
const
|
|
1613
|
+
const Ut=t`@layer{:host{display:inline-flex;height:var(--md-radio-icon-size, 20px);outline:none;position:relative;vertical-align:top;width:var(--md-radio-icon-size, 20px);-webkit-tap-highlight-color:rgba(0,0,0,0);cursor:pointer;--md-ripple-hover-color: var(--md-radio-hover-state-layer-color, var(--md-sys-color-on-surface, #1d1b20));--md-ripple-hover-opacity: var(--md-radio-hover-state-layer-opacity, 0.08);--md-ripple-pressed-color: var(--md-radio-pressed-state-layer-color, var(--md-sys-color-primary, #6750a4));--md-ripple-pressed-opacity: var(--md-radio-pressed-state-layer-opacity, 0.12)}:host([disabled]){cursor:default}:host([touch-target=wrapper]){margin:max(0px,(48px - var(--md-radio-icon-size, 20px))/2)}.container{display:flex;height:100%;place-content:center;place-items:center;width:100%}md-focus-ring{height:44px;inset:unset;width:44px}.checked{--md-ripple-hover-color: var(--md-radio-selected-hover-state-layer-color, var(--md-sys-color-primary, #6750a4));--md-ripple-hover-opacity: var(--md-radio-selected-hover-state-layer-opacity, 0.08);--md-ripple-pressed-color: var(--md-radio-selected-pressed-state-layer-color, var(--md-sys-color-on-surface, #1d1b20));--md-ripple-pressed-opacity: var(--md-radio-selected-pressed-state-layer-opacity, 0.12)}.touch-target{height:48px;position:absolute;width:48px}:host([touch-target=none]) .touch-target{display:none}md-ripple{border-radius:50%;height:var(--md-radio-state-layer-size, 40px);inset:unset;width:var(--md-radio-state-layer-size, 40px)}.icon{fill:var(--md-radio-icon-color, var(--md-sys-color-on-surface-variant, #49454f));inset:0;position:absolute}.outer.circle{transition:fill 50ms linear}.inner.circle{opacity:0;transform-origin:center;transition:opacity 50ms linear}.checked .icon{fill:var(--md-radio-selected-icon-color, var(--md-sys-color-primary, #6750a4))}.checked .inner.circle{animation:inner-circle-grow 300ms cubic-bezier(0.05, 0.7, 0.1, 1);opacity:1}@keyframes inner-circle-grow{from{transform:scale(0)}to{transform:scale(1)}}:host([disabled]) .circle{animation-duration:0s;transition-duration:0s}:host(:hover) .icon{fill:var(--md-radio-hover-icon-color, var(--md-sys-color-on-surface, #1d1b20))}:host(:focus-within) .icon{fill:var(--md-radio-focus-icon-color, var(--md-sys-color-on-surface, #1d1b20))}:host(:active) .icon{fill:var(--md-radio-pressed-icon-color, var(--md-sys-color-on-surface, #1d1b20))}:host([disabled]) .icon{fill:var(--md-radio-disabled-unselected-icon-color, var(--md-sys-color-on-surface, #1d1b20));opacity:var(--md-radio-disabled-unselected-icon-opacity, 0.38)}:host(:hover) .checked .icon{fill:var(--md-radio-selected-hover-icon-color, var(--md-sys-color-primary, #6750a4))}:host(:focus-within) .checked .icon{fill:var(--md-radio-selected-focus-icon-color, var(--md-sys-color-primary, #6750a4))}:host(:active) .checked .icon{fill:var(--md-radio-selected-pressed-icon-color, var(--md-sys-color-primary, #6750a4))}:host([disabled]) .checked .icon{fill:var(--md-radio-disabled-selected-icon-color, var(--md-sys-color-on-surface, #1d1b20));opacity:var(--md-radio-disabled-selected-icon-opacity, 0.38)}}@layer hcm{@media(forced-colors: active){.icon{fill:CanvasText}:host([disabled]) .icon{fill:GrayText;opacity:1}}}
|
|
1614
1614
|
`
|
|
1615
1615
|
/**
|
|
1616
1616
|
* @license
|
|
1617
1617
|
* Copyright 2022 Google LLC
|
|
1618
1618
|
* SPDX-License-Identifier: Apache-2.0
|
|
1619
|
-
*/;let
|
|
1619
|
+
*/;let qt=class extends Dt{};qt.styles=[Ut],qt=n([l("md-radio")],qt);let Vt=class extends e{constructor(){super(...arguments),this.name="radio-group",this.checked=!1,this.disabled=!1,this.error=!1}static{this.styles=t`
|
|
1620
1620
|
:host {
|
|
1621
1621
|
font-family: "Graphik", sans-serif;
|
|
1622
1622
|
}
|
|
@@ -1675,31 +1675,7 @@ const Ft=t`@layer{:host{display:inline-flex;height:var(--md-radio-icon-size, 20p
|
|
|
1675
1675
|
></md-radio>
|
|
1676
1676
|
<span>${this.checked?"On":"Off"} ${this.error?"Error":""}</span>
|
|
1677
1677
|
</label>
|
|
1678
|
-
`}};n([
|
|
1679
|
-
/**
|
|
1680
|
-
* @license
|
|
1681
|
-
* Copyright 2017 Google LLC
|
|
1682
|
-
* SPDX-License-Identifier: BSD-3-Clause
|
|
1683
|
-
*/
|
|
1684
|
-
const Ht=2;let qt=class{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,i){this._$Ct=t,this._$AM=e,this._$Ci=i}_$AS(t,e){return this.update(t,e)}update(t,e){return this.render(...e)}};
|
|
1685
|
-
/**
|
|
1686
|
-
* @license
|
|
1687
|
-
* Copyright 2017 Google LLC
|
|
1688
|
-
* SPDX-License-Identifier: BSD-3-Clause
|
|
1689
|
-
*/const Vt=globalThis,Gt=Vt.trustedTypes,Wt=Gt?Gt.createPolicy("lit-html",{createHTML:t=>t}):void 0,Yt="$lit$",Kt=`lit$${Math.random().toFixed(9).slice(2)}$`,Xt="?"+Kt,Zt=`<${Xt}>`,Jt=document,Qt=()=>Jt.createComment(""),te=t=>null===t||"object"!=typeof t&&"function"!=typeof t,ee=Array.isArray,ie="[ \t\n\f\r]",oe=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,re=/-->/g,se=/>/g,ne=RegExp(`>|${ie}(?:([^\\s"'>=/]+)(${ie}*=${ie}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),ae=/'/g,le=/"/g,de=/^(?:script|style|textarea|title)$/i,ce=Symbol.for("lit-noChange"),pe=Symbol.for("lit-nothing"),he=new WeakMap,ue=Jt.createTreeWalker(Jt,129);function me(t,e){if(!ee(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==Wt?Wt.createHTML(e):e}const ge=(t,e)=>{const i=t.length-1,o=[];let r,s=2===e?"<svg>":3===e?"<math>":"",n=oe;for(let e=0;e<i;e++){const i=t[e];let a,l,d=-1,c=0;for(;c<i.length&&(n.lastIndex=c,l=n.exec(i),null!==l);)c=n.lastIndex,n===oe?"!--"===l[1]?n=re:void 0!==l[1]?n=se:void 0!==l[2]?(de.test(l[2])&&(r=RegExp("</"+l[2],"g")),n=ne):void 0!==l[3]&&(n=ne):n===ne?">"===l[0]?(n=r??oe,d=-1):void 0===l[1]?d=-2:(d=n.lastIndex-l[2].length,a=l[1],n=void 0===l[3]?ne:'"'===l[3]?le:ae):n===le||n===ae?n=ne:n===re||n===se?n=oe:(n=ne,r=void 0);const p=n===ne&&t[e+1].startsWith("/>")?" ":"";s+=n===oe?i+Zt:d>=0?(o.push(a),i.slice(0,d)+Yt+i.slice(d)+Kt+p):i+Kt+(-2===d?e:p)}return[me(t,s+(t[i]||"<?>")+(2===e?"</svg>":3===e?"</math>":"")),o]};class be{constructor({strings:t,_$litType$:e},i){let o;this.parts=[];let r=0,s=0;const n=t.length-1,a=this.parts,[l,d]=ge(t,e);if(this.el=be.createElement(l,i),ue.currentNode=this.el.content,2===e||3===e){const t=this.el.content.firstChild;t.replaceWith(...t.childNodes)}for(;null!==(o=ue.nextNode())&&a.length<n;){if(1===o.nodeType){if(o.hasAttributes())for(const t of o.getAttributeNames())if(t.endsWith(Yt)){const e=d[s++],i=o.getAttribute(t).split(Kt),n=/([.?@])?(.*)/.exec(e);a.push({type:1,index:r,name:n[2],strings:i,ctor:"."===n[1]?we:"?"===n[1]?ke:"@"===n[1]?$e:xe}),o.removeAttribute(t)}else t.startsWith(Kt)&&(a.push({type:6,index:r}),o.removeAttribute(t));if(de.test(o.tagName)){const t=o.textContent.split(Kt),e=t.length-1;if(e>0){o.textContent=Gt?Gt.emptyScript:"";for(let i=0;i<e;i++)o.append(t[i],Qt()),ue.nextNode(),a.push({type:2,index:++r});o.append(t[e],Qt())}}}else if(8===o.nodeType)if(o.data===Xt)a.push({type:2,index:r});else{let t=-1;for(;-1!==(t=o.data.indexOf(Kt,t+1));)a.push({type:7,index:r}),t+=Kt.length-1}r++}}static createElement(t,e){const i=Jt.createElement("template");return i.innerHTML=t,i}}function fe(t,e,i=t,o){if(e===ce)return e;let r=void 0!==o?i._$Co?.[o]:i._$Cl;const s=te(e)?void 0:e._$litDirective$;return r?.constructor!==s&&(r?._$AO?.(!1),void 0===s?r=void 0:(r=new s(t),r._$AT(t,i,o)),void 0!==o?(i._$Co??=[])[o]=r:i._$Cl=r),void 0!==r&&(e=fe(t,r._$AS(t,e.values),r,o)),e}class ye{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:i}=this._$AD,o=(t?.creationScope??Jt).importNode(e,!0);ue.currentNode=o;let r=ue.nextNode(),s=0,n=0,a=i[0];for(;void 0!==a;){if(s===a.index){let e;2===a.type?e=new ve(r,r.nextSibling,this,t):1===a.type?e=new a.ctor(r,a.name,a.strings,this,t):6===a.type&&(e=new Se(r,this,t)),this._$AV.push(e),a=i[++n]}s!==a?.index&&(r=ue.nextNode(),s++)}return ue.currentNode=Jt,o}p(t){let e=0;for(const i of this._$AV)void 0!==i&&(void 0!==i.strings?(i._$AI(t,i,e),e+=i.strings.length-2):i._$AI(t[e])),e++}}class ve{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(t,e,i,o){this.type=2,this._$AH=pe,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=i,this.options=o,this._$Cv=o?.isConnected??!0}get parentNode(){let t=this._$AA.parentNode;const e=this._$AM;return void 0!==e&&11===t?.nodeType&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=fe(this,t,e),te(t)?t===pe||null==t||""===t?(this._$AH!==pe&&this._$AR(),this._$AH=pe):t!==this._$AH&&t!==ce&&this._(t):void 0!==t._$litType$?this.$(t):void 0!==t.nodeType?this.T(t):(t=>ee(t)||"function"==typeof t?.[Symbol.iterator])(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!==pe&&te(this._$AH)?this._$AA.nextSibling.data=t:this.T(Jt.createTextNode(t)),this._$AH=t}$(t){const{values:e,_$litType$:i}=t,o="number"==typeof i?this._$AC(t):(void 0===i.el&&(i.el=be.createElement(me(i.h,i.h[0]),this.options)),i);if(this._$AH?._$AD===o)this._$AH.p(e);else{const t=new ye(o,this),i=t.u(this.options);t.p(e),this.T(i),this._$AH=t}}_$AC(t){let e=he.get(t.strings);return void 0===e&&he.set(t.strings,e=new be(t)),e}k(t){ee(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let i,o=0;for(const r of t)o===e.length?e.push(i=new ve(this.O(Qt()),this.O(Qt()),this,this.options)):i=e[o],i._$AI(r),o++;o<e.length&&(this._$AR(i&&i._$AB.nextSibling,o),e.length=o)}_$AR(t=this._$AA.nextSibling,e){for(this._$AP?.(!1,!0,e);t!==this._$AB;){const e=t.nextSibling;t.remove(),t=e}}setConnected(t){void 0===this._$AM&&(this._$Cv=t,this._$AP?.(t))}}class xe{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,e,i,o,r){this.type=1,this._$AH=pe,this._$AN=void 0,this.element=t,this.name=e,this._$AM=o,this.options=r,i.length>2||""!==i[0]||""!==i[1]?(this._$AH=Array(i.length-1).fill(new String),this.strings=i):this._$AH=pe}_$AI(t,e=this,i,o){const r=this.strings;let s=!1;if(void 0===r)t=fe(this,t,e,0),s=!te(t)||t!==this._$AH&&t!==ce,s&&(this._$AH=t);else{const o=t;let n,a;for(t=r[0],n=0;n<r.length-1;n++)a=fe(this,o[i+n],e,n),a===ce&&(a=this._$AH[n]),s||=!te(a)||a!==this._$AH[n],a===pe?t=pe:t!==pe&&(t+=(a??"")+r[n+1]),this._$AH[n]=a}s&&!o&&this.j(t)}j(t){t===pe?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}}class we extends xe{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===pe?void 0:t}}class ke extends xe{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==pe)}}class $e extends xe{constructor(t,e,i,o,r){super(t,e,i,o,r),this.type=5}_$AI(t,e=this){if((t=fe(this,t,e,0)??pe)===ce)return;const i=this._$AH,o=t===pe&&i!==pe||t.capture!==i.capture||t.once!==i.once||t.passive!==i.passive,r=t!==pe&&(i===pe||o);o&&this.element.removeEventListener(this.name,this,i),r&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){"function"==typeof this._$AH?this._$AH.call(this.options?.host??this.element,t):this._$AH.handleEvent(t)}}class Se{constructor(t,e,i){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=i}get _$AU(){return this._$AM._$AU}_$AI(t){fe(this,t)}}const Ee=Vt.litHtmlPolyfillSupport;Ee?.(be,ve),(Vt.litHtmlVersions??=[]).push("3.3.1");
|
|
1690
|
-
/**
|
|
1691
|
-
* @license
|
|
1692
|
-
* Copyright 2017 Google LLC
|
|
1693
|
-
* SPDX-License-Identifier: BSD-3-Clause
|
|
1694
|
-
*/
|
|
1695
|
-
class Ae extends qt{constructor(t){if(super(t),this.it=pe,t.type!==Ht)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(t){if(t===pe||null==t)return this._t=void 0,this.it=t;if(t===ce)return t;if("string"!=typeof t)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:[]}}}Ae.directiveName="unsafeHTML",Ae.resultType=1;
|
|
1696
|
-
/**
|
|
1697
|
-
* @license
|
|
1698
|
-
* Copyright 2017 Google LLC
|
|
1699
|
-
* SPDX-License-Identifier: BSD-3-Clause
|
|
1700
|
-
*/
|
|
1701
|
-
class Ce extends Ae{}Ce.directiveName="unsafeSVG",Ce.resultType=2;const _e=(t=>(...e)=>({_$litDirective$:t,values:e}))(Ce),{entries:Te,setPrototypeOf:Oe,isFrozen:Ne,getPrototypeOf:Ie,getOwnPropertyDescriptor:Le}=Object;
|
|
1702
|
-
/*! @license DOMPurify 3.2.6 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/3.2.6/LICENSE */let{freeze:Re,seal:Me,create:ze}=Object,{apply:Pe,construct:De}="undefined"!=typeof Reflect&&Reflect;Re||(Re=function(t){return t}),Me||(Me=function(t){return t}),Pe||(Pe=function(t,e,i){return t.apply(e,i)}),De||(De=function(t,e){return new t(...e)});const je=ti(Array.prototype.forEach),Fe=ti(Array.prototype.lastIndexOf),Ue=ti(Array.prototype.pop),Be=ti(Array.prototype.push),He=ti(Array.prototype.splice),qe=ti(String.prototype.toLowerCase),Ve=ti(String.prototype.toString),Ge=ti(String.prototype.match),We=ti(String.prototype.replace),Ye=ti(String.prototype.indexOf),Ke=ti(String.prototype.trim),Xe=ti(Object.prototype.hasOwnProperty),Ze=ti(RegExp.prototype.test),Je=(Qe=TypeError,function(){for(var t=arguments.length,e=new Array(t),i=0;i<t;i++)e[i]=arguments[i];return De(Qe,e)});var Qe;function ti(t){return function(e){e instanceof RegExp&&(e.lastIndex=0);for(var i=arguments.length,o=new Array(i>1?i-1:0),r=1;r<i;r++)o[r-1]=arguments[r];return Pe(t,e,o)}}function ei(t,e){let i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:qe;Oe&&Oe(t,null);let o=e.length;for(;o--;){let r=e[o];if("string"==typeof r){const t=i(r);t!==r&&(Ne(e)||(e[o]=t),r=t)}t[r]=!0}return t}function ii(t){for(let e=0;e<t.length;e++){Xe(t,e)||(t[e]=null)}return t}function oi(t){const e=ze(null);for(const[i,o]of Te(t)){Xe(t,i)&&(Array.isArray(o)?e[i]=ii(o):o&&"object"==typeof o&&o.constructor===Object?e[i]=oi(o):e[i]=o)}return e}function ri(t,e){for(;null!==t;){const i=Le(t,e);if(i){if(i.get)return ti(i.get);if("function"==typeof i.value)return ti(i.value)}t=Ie(t)}return function(){return null}}const si=Re(["a","abbr","acronym","address","area","article","aside","audio","b","bdi","bdo","big","blink","blockquote","body","br","button","canvas","caption","center","cite","code","col","colgroup","content","data","datalist","dd","decorator","del","details","dfn","dialog","dir","div","dl","dt","element","em","fieldset","figcaption","figure","font","footer","form","h1","h2","h3","h4","h5","h6","head","header","hgroup","hr","html","i","img","input","ins","kbd","label","legend","li","main","map","mark","marquee","menu","menuitem","meter","nav","nobr","ol","optgroup","option","output","p","picture","pre","progress","q","rp","rt","ruby","s","samp","section","select","shadow","small","source","spacer","span","strike","strong","style","sub","summary","sup","table","tbody","td","template","textarea","tfoot","th","thead","time","tr","track","tt","u","ul","var","video","wbr"]),ni=Re(["svg","a","altglyph","altglyphdef","altglyphitem","animatecolor","animatemotion","animatetransform","circle","clippath","defs","desc","ellipse","filter","font","g","glyph","glyphref","hkern","image","line","lineargradient","marker","mask","metadata","mpath","path","pattern","polygon","polyline","radialgradient","rect","stop","style","switch","symbol","text","textpath","title","tref","tspan","view","vkern"]),ai=Re(["feBlend","feColorMatrix","feComponentTransfer","feComposite","feConvolveMatrix","feDiffuseLighting","feDisplacementMap","feDistantLight","feDropShadow","feFlood","feFuncA","feFuncB","feFuncG","feFuncR","feGaussianBlur","feImage","feMerge","feMergeNode","feMorphology","feOffset","fePointLight","feSpecularLighting","feSpotLight","feTile","feTurbulence"]),li=Re(["animate","color-profile","cursor","discard","font-face","font-face-format","font-face-name","font-face-src","font-face-uri","foreignobject","hatch","hatchpath","mesh","meshgradient","meshpatch","meshrow","missing-glyph","script","set","solidcolor","unknown","use"]),di=Re(["math","menclose","merror","mfenced","mfrac","mglyph","mi","mlabeledtr","mmultiscripts","mn","mo","mover","mpadded","mphantom","mroot","mrow","ms","mspace","msqrt","mstyle","msub","msup","msubsup","mtable","mtd","mtext","mtr","munder","munderover","mprescripts"]),ci=Re(["maction","maligngroup","malignmark","mlongdiv","mscarries","mscarry","msgroup","mstack","msline","msrow","semantics","annotation","annotation-xml","mprescripts","none"]),pi=Re(["#text"]),hi=Re(["accept","action","align","alt","autocapitalize","autocomplete","autopictureinpicture","autoplay","background","bgcolor","border","capture","cellpadding","cellspacing","checked","cite","class","clear","color","cols","colspan","controls","controlslist","coords","crossorigin","datetime","decoding","default","dir","disabled","disablepictureinpicture","disableremoteplayback","download","draggable","enctype","enterkeyhint","face","for","headers","height","hidden","high","href","hreflang","id","inputmode","integrity","ismap","kind","label","lang","list","loading","loop","low","max","maxlength","media","method","min","minlength","multiple","muted","name","nonce","noshade","novalidate","nowrap","open","optimum","pattern","placeholder","playsinline","popover","popovertarget","popovertargetaction","poster","preload","pubdate","radiogroup","readonly","rel","required","rev","reversed","role","rows","rowspan","spellcheck","scope","selected","shape","size","sizes","span","srclang","start","src","srcset","step","style","summary","tabindex","title","translate","type","usemap","valign","value","width","wrap","xmlns","slot"]),ui=Re(["accent-height","accumulate","additive","alignment-baseline","amplitude","ascent","attributename","attributetype","azimuth","basefrequency","baseline-shift","begin","bias","by","class","clip","clippathunits","clip-path","clip-rule","color","color-interpolation","color-interpolation-filters","color-profile","color-rendering","cx","cy","d","dx","dy","diffuseconstant","direction","display","divisor","dur","edgemode","elevation","end","exponent","fill","fill-opacity","fill-rule","filter","filterunits","flood-color","flood-opacity","font-family","font-size","font-size-adjust","font-stretch","font-style","font-variant","font-weight","fx","fy","g1","g2","glyph-name","glyphref","gradientunits","gradienttransform","height","href","id","image-rendering","in","in2","intercept","k","k1","k2","k3","k4","kerning","keypoints","keysplines","keytimes","lang","lengthadjust","letter-spacing","kernelmatrix","kernelunitlength","lighting-color","local","marker-end","marker-mid","marker-start","markerheight","markerunits","markerwidth","maskcontentunits","maskunits","max","mask","media","method","mode","min","name","numoctaves","offset","operator","opacity","order","orient","orientation","origin","overflow","paint-order","path","pathlength","patterncontentunits","patterntransform","patternunits","points","preservealpha","preserveaspectratio","primitiveunits","r","rx","ry","radius","refx","refy","repeatcount","repeatdur","restart","result","rotate","scale","seed","shape-rendering","slope","specularconstant","specularexponent","spreadmethod","startoffset","stddeviation","stitchtiles","stop-color","stop-opacity","stroke-dasharray","stroke-dashoffset","stroke-linecap","stroke-linejoin","stroke-miterlimit","stroke-opacity","stroke","stroke-width","style","surfacescale","systemlanguage","tabindex","tablevalues","targetx","targety","transform","transform-origin","text-anchor","text-decoration","text-rendering","textlength","type","u1","u2","unicode","values","viewbox","visibility","version","vert-adv-y","vert-origin-x","vert-origin-y","width","word-spacing","wrap","writing-mode","xchannelselector","ychannelselector","x","x1","x2","xmlns","y","y1","y2","z","zoomandpan"]),mi=Re(["accent","accentunder","align","bevelled","close","columnsalign","columnlines","columnspan","denomalign","depth","dir","display","displaystyle","encoding","fence","frame","height","href","id","largeop","length","linethickness","lspace","lquote","mathbackground","mathcolor","mathsize","mathvariant","maxsize","minsize","movablelimits","notation","numalign","open","rowalign","rowlines","rowspacing","rowspan","rspace","rquote","scriptlevel","scriptminsize","scriptsizemultiplier","selection","separator","separators","stretchy","subscriptshift","supscriptshift","symmetric","voffset","width","xmlns"]),gi=Re(["xlink:href","xml:id","xlink:title","xml:space","xmlns:xlink"]),bi=Me(/\{\{[\w\W]*|[\w\W]*\}\}/gm),fi=Me(/<%[\w\W]*|[\w\W]*%>/gm),yi=Me(/\$\{[\w\W]*/gm),vi=Me(/^data-[\-\w.\u00B7-\uFFFF]+$/),xi=Me(/^aria-[\-\w]+$/),wi=Me(/^(?:(?:(?:f|ht)tps?|mailto|tel|callto|sms|cid|xmpp|matrix):|[^a-z]|[a-z+.\-]+(?:[^a-z+.\-:]|$))/i),ki=Me(/^(?:\w+script|data):/i),$i=Me(/[\u0000-\u0020\u00A0\u1680\u180E\u2000-\u2029\u205F\u3000]/g),Si=Me(/^html$/i),Ei=Me(/^[a-z][.\w]*(-[.\w]+)+$/i);var Ai=Object.freeze({__proto__:null,ARIA_ATTR:xi,ATTR_WHITESPACE:$i,CUSTOM_ELEMENT:Ei,DATA_ATTR:vi,DOCTYPE_NAME:Si,ERB_EXPR:fi,IS_ALLOWED_URI:wi,IS_SCRIPT_OR_DATA:ki,MUSTACHE_EXPR:bi,TMPLIT_EXPR:yi});const Ci=1,_i=3,Ti=7,Oi=8,Ni=9,Ii=function(){return"undefined"==typeof window?null:window};var Li=function t(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:Ii();const i=e=>t(e);if(i.version="3.2.6",i.removed=[],!e||!e.document||e.document.nodeType!==Ni||!e.Element)return i.isSupported=!1,i;let{document:o}=e;const r=o,s=r.currentScript,{DocumentFragment:n,HTMLTemplateElement:a,Node:l,Element:d,NodeFilter:c,NamedNodeMap:p=e.NamedNodeMap||e.MozNamedAttrMap,HTMLFormElement:h,DOMParser:u,trustedTypes:m}=e,g=d.prototype,b=ri(g,"cloneNode"),f=ri(g,"remove"),y=ri(g,"nextSibling"),v=ri(g,"childNodes"),x=ri(g,"parentNode");if("function"==typeof a){const t=o.createElement("template");t.content&&t.content.ownerDocument&&(o=t.content.ownerDocument)}let w,k="";const{implementation:$,createNodeIterator:S,createDocumentFragment:E,getElementsByTagName:A}=o,{importNode:C}=r;let _={afterSanitizeAttributes:[],afterSanitizeElements:[],afterSanitizeShadowDOM:[],beforeSanitizeAttributes:[],beforeSanitizeElements:[],beforeSanitizeShadowDOM:[],uponSanitizeAttribute:[],uponSanitizeElement:[],uponSanitizeShadowNode:[]};i.isSupported="function"==typeof Te&&"function"==typeof x&&$&&void 0!==$.createHTMLDocument;const{MUSTACHE_EXPR:T,ERB_EXPR:O,TMPLIT_EXPR:N,DATA_ATTR:I,ARIA_ATTR:L,IS_SCRIPT_OR_DATA:R,ATTR_WHITESPACE:M,CUSTOM_ELEMENT:z}=Ai;let{IS_ALLOWED_URI:P}=Ai,D=null;const j=ei({},[...si,...ni,...ai,...di,...pi]);let F=null;const U=ei({},[...hi,...ui,...mi,...gi]);let B=Object.seal(ze(null,{tagNameCheck:{writable:!0,configurable:!1,enumerable:!0,value:null},attributeNameCheck:{writable:!0,configurable:!1,enumerable:!0,value:null},allowCustomizedBuiltInElements:{writable:!0,configurable:!1,enumerable:!0,value:!1}})),H=null,q=null,V=!0,G=!0,W=!1,Y=!0,K=!1,X=!0,Z=!1,J=!1,Q=!1,tt=!1,et=!1,it=!1,ot=!0,rt=!1,st=!0,nt=!1,at={},lt=null;const dt=ei({},["annotation-xml","audio","colgroup","desc","foreignobject","head","iframe","math","mi","mn","mo","ms","mtext","noembed","noframes","noscript","plaintext","script","style","svg","template","thead","title","video","xmp"]);let ct=null;const pt=ei({},["audio","video","img","source","image","track"]);let ht=null;const ut=ei({},["alt","class","for","id","label","name","pattern","placeholder","role","summary","title","value","style","xmlns"]),mt="http://www.w3.org/1998/Math/MathML",gt="http://www.w3.org/2000/svg",bt="http://www.w3.org/1999/xhtml";let ft=bt,yt=!1,vt=null;const xt=ei({},[mt,gt,bt],Ve);let wt=ei({},["mi","mo","mn","ms","mtext"]),kt=ei({},["annotation-xml"]);const $t=ei({},["title","style","font","a","script"]);let St=null;const Et=["application/xhtml+xml","text/html"];let At=null,Ct=null;const _t=o.createElement("form"),Tt=function(t){return t instanceof RegExp||t instanceof Function},Ot=function(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};if(!Ct||Ct!==t){if(t&&"object"==typeof t||(t={}),t=oi(t),St=-1===Et.indexOf(t.PARSER_MEDIA_TYPE)?"text/html":t.PARSER_MEDIA_TYPE,At="application/xhtml+xml"===St?Ve:qe,D=Xe(t,"ALLOWED_TAGS")?ei({},t.ALLOWED_TAGS,At):j,F=Xe(t,"ALLOWED_ATTR")?ei({},t.ALLOWED_ATTR,At):U,vt=Xe(t,"ALLOWED_NAMESPACES")?ei({},t.ALLOWED_NAMESPACES,Ve):xt,ht=Xe(t,"ADD_URI_SAFE_ATTR")?ei(oi(ut),t.ADD_URI_SAFE_ATTR,At):ut,ct=Xe(t,"ADD_DATA_URI_TAGS")?ei(oi(pt),t.ADD_DATA_URI_TAGS,At):pt,lt=Xe(t,"FORBID_CONTENTS")?ei({},t.FORBID_CONTENTS,At):dt,H=Xe(t,"FORBID_TAGS")?ei({},t.FORBID_TAGS,At):oi({}),q=Xe(t,"FORBID_ATTR")?ei({},t.FORBID_ATTR,At):oi({}),at=!!Xe(t,"USE_PROFILES")&&t.USE_PROFILES,V=!1!==t.ALLOW_ARIA_ATTR,G=!1!==t.ALLOW_DATA_ATTR,W=t.ALLOW_UNKNOWN_PROTOCOLS||!1,Y=!1!==t.ALLOW_SELF_CLOSE_IN_ATTR,K=t.SAFE_FOR_TEMPLATES||!1,X=!1!==t.SAFE_FOR_XML,Z=t.WHOLE_DOCUMENT||!1,tt=t.RETURN_DOM||!1,et=t.RETURN_DOM_FRAGMENT||!1,it=t.RETURN_TRUSTED_TYPE||!1,Q=t.FORCE_BODY||!1,ot=!1!==t.SANITIZE_DOM,rt=t.SANITIZE_NAMED_PROPS||!1,st=!1!==t.KEEP_CONTENT,nt=t.IN_PLACE||!1,P=t.ALLOWED_URI_REGEXP||wi,ft=t.NAMESPACE||bt,wt=t.MATHML_TEXT_INTEGRATION_POINTS||wt,kt=t.HTML_INTEGRATION_POINTS||kt,B=t.CUSTOM_ELEMENT_HANDLING||{},t.CUSTOM_ELEMENT_HANDLING&&Tt(t.CUSTOM_ELEMENT_HANDLING.tagNameCheck)&&(B.tagNameCheck=t.CUSTOM_ELEMENT_HANDLING.tagNameCheck),t.CUSTOM_ELEMENT_HANDLING&&Tt(t.CUSTOM_ELEMENT_HANDLING.attributeNameCheck)&&(B.attributeNameCheck=t.CUSTOM_ELEMENT_HANDLING.attributeNameCheck),t.CUSTOM_ELEMENT_HANDLING&&"boolean"==typeof t.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements&&(B.allowCustomizedBuiltInElements=t.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements),K&&(G=!1),et&&(tt=!0),at&&(D=ei({},pi),F=[],!0===at.html&&(ei(D,si),ei(F,hi)),!0===at.svg&&(ei(D,ni),ei(F,ui),ei(F,gi)),!0===at.svgFilters&&(ei(D,ai),ei(F,ui),ei(F,gi)),!0===at.mathMl&&(ei(D,di),ei(F,mi),ei(F,gi))),t.ADD_TAGS&&(D===j&&(D=oi(D)),ei(D,t.ADD_TAGS,At)),t.ADD_ATTR&&(F===U&&(F=oi(F)),ei(F,t.ADD_ATTR,At)),t.ADD_URI_SAFE_ATTR&&ei(ht,t.ADD_URI_SAFE_ATTR,At),t.FORBID_CONTENTS&&(lt===dt&&(lt=oi(lt)),ei(lt,t.FORBID_CONTENTS,At)),st&&(D["#text"]=!0),Z&&ei(D,["html","head","body"]),D.table&&(ei(D,["tbody"]),delete H.tbody),t.TRUSTED_TYPES_POLICY){if("function"!=typeof t.TRUSTED_TYPES_POLICY.createHTML)throw Je('TRUSTED_TYPES_POLICY configuration option must provide a "createHTML" hook.');if("function"!=typeof t.TRUSTED_TYPES_POLICY.createScriptURL)throw Je('TRUSTED_TYPES_POLICY configuration option must provide a "createScriptURL" hook.');w=t.TRUSTED_TYPES_POLICY,k=w.createHTML("")}else void 0===w&&(w=function(t,e){if("object"!=typeof t||"function"!=typeof t.createPolicy)return null;let i=null;const o="data-tt-policy-suffix";e&&e.hasAttribute(o)&&(i=e.getAttribute(o));const r="dompurify"+(i?"#"+i:"");try{return t.createPolicy(r,{createHTML:t=>t,createScriptURL:t=>t})}catch(t){return console.warn("TrustedTypes policy "+r+" could not be created."),null}}(m,s)),null!==w&&"string"==typeof k&&(k=w.createHTML(""));Re&&Re(t),Ct=t}},Nt=ei({},[...ni,...ai,...li]),It=ei({},[...di,...ci]),Lt=function(t){Be(i.removed,{element:t});try{x(t).removeChild(t)}catch(e){f(t)}},Rt=function(t,e){try{Be(i.removed,{attribute:e.getAttributeNode(t),from:e})}catch(t){Be(i.removed,{attribute:null,from:e})}if(e.removeAttribute(t),"is"===t)if(tt||et)try{Lt(e)}catch(t){}else try{e.setAttribute(t,"")}catch(t){}},Mt=function(t){let e=null,i=null;if(Q)t="<remove></remove>"+t;else{const e=Ge(t,/^[\r\n\t ]+/);i=e&&e[0]}"application/xhtml+xml"===St&&ft===bt&&(t='<html xmlns="http://www.w3.org/1999/xhtml"><head></head><body>'+t+"</body></html>");const r=w?w.createHTML(t):t;if(ft===bt)try{e=(new u).parseFromString(r,St)}catch(t){}if(!e||!e.documentElement){e=$.createDocument(ft,"template",null);try{e.documentElement.innerHTML=yt?k:r}catch(t){}}const s=e.body||e.documentElement;return t&&i&&s.insertBefore(o.createTextNode(i),s.childNodes[0]||null),ft===bt?A.call(e,Z?"html":"body")[0]:Z?e.documentElement:s},zt=function(t){return S.call(t.ownerDocument||t,t,c.SHOW_ELEMENT|c.SHOW_COMMENT|c.SHOW_TEXT|c.SHOW_PROCESSING_INSTRUCTION|c.SHOW_CDATA_SECTION,null)},Pt=function(t){return t instanceof h&&("string"!=typeof t.nodeName||"string"!=typeof t.textContent||"function"!=typeof t.removeChild||!(t.attributes instanceof p)||"function"!=typeof t.removeAttribute||"function"!=typeof t.setAttribute||"string"!=typeof t.namespaceURI||"function"!=typeof t.insertBefore||"function"!=typeof t.hasChildNodes)},Dt=function(t){return"function"==typeof l&&t instanceof l};function jt(t,e,o){je(t,(t=>{t.call(i,e,o,Ct)}))}const Ft=function(t){let e=null;if(jt(_.beforeSanitizeElements,t,null),Pt(t))return Lt(t),!0;const o=At(t.nodeName);if(jt(_.uponSanitizeElement,t,{tagName:o,allowedTags:D}),X&&t.hasChildNodes()&&!Dt(t.firstElementChild)&&Ze(/<[/\w!]/g,t.innerHTML)&&Ze(/<[/\w!]/g,t.textContent))return Lt(t),!0;if(t.nodeType===Ti)return Lt(t),!0;if(X&&t.nodeType===Oi&&Ze(/<[/\w]/g,t.data))return Lt(t),!0;if(!D[o]||H[o]){if(!H[o]&&Bt(o)){if(B.tagNameCheck instanceof RegExp&&Ze(B.tagNameCheck,o))return!1;if(B.tagNameCheck instanceof Function&&B.tagNameCheck(o))return!1}if(st&&!lt[o]){const e=x(t)||t.parentNode,i=v(t)||t.childNodes;if(i&&e){for(let o=i.length-1;o>=0;--o){const r=b(i[o],!0);r.__removalCount=(t.__removalCount||0)+1,e.insertBefore(r,y(t))}}}return Lt(t),!0}return t instanceof d&&!function(t){let e=x(t);e&&e.tagName||(e={namespaceURI:ft,tagName:"template"});const i=qe(t.tagName),o=qe(e.tagName);return!!vt[t.namespaceURI]&&(t.namespaceURI===gt?e.namespaceURI===bt?"svg"===i:e.namespaceURI===mt?"svg"===i&&("annotation-xml"===o||wt[o]):Boolean(Nt[i]):t.namespaceURI===mt?e.namespaceURI===bt?"math"===i:e.namespaceURI===gt?"math"===i&&kt[o]:Boolean(It[i]):t.namespaceURI===bt?!(e.namespaceURI===gt&&!kt[o])&&!(e.namespaceURI===mt&&!wt[o])&&!It[i]&&($t[i]||!Nt[i]):!("application/xhtml+xml"!==St||!vt[t.namespaceURI]))}(t)?(Lt(t),!0):"noscript"!==o&&"noembed"!==o&&"noframes"!==o||!Ze(/<\/no(script|embed|frames)/i,t.innerHTML)?(K&&t.nodeType===_i&&(e=t.textContent,je([T,O,N],(t=>{e=We(e,t," ")})),t.textContent!==e&&(Be(i.removed,{element:t.cloneNode()}),t.textContent=e)),jt(_.afterSanitizeElements,t,null),!1):(Lt(t),!0)},Ut=function(t,e,i){if(ot&&("id"===e||"name"===e)&&(i in o||i in _t))return!1;if(G&&!q[e]&&Ze(I,e));else if(V&&Ze(L,e));else if(!F[e]||q[e]){if(!(Bt(t)&&(B.tagNameCheck instanceof RegExp&&Ze(B.tagNameCheck,t)||B.tagNameCheck instanceof Function&&B.tagNameCheck(t))&&(B.attributeNameCheck instanceof RegExp&&Ze(B.attributeNameCheck,e)||B.attributeNameCheck instanceof Function&&B.attributeNameCheck(e))||"is"===e&&B.allowCustomizedBuiltInElements&&(B.tagNameCheck instanceof RegExp&&Ze(B.tagNameCheck,i)||B.tagNameCheck instanceof Function&&B.tagNameCheck(i))))return!1}else if(ht[e]);else if(Ze(P,We(i,M,"")));else if("src"!==e&&"xlink:href"!==e&&"href"!==e||"script"===t||0!==Ye(i,"data:")||!ct[t]){if(W&&!Ze(R,We(i,M,"")));else if(i)return!1}else;return!0},Bt=function(t){return"annotation-xml"!==t&&Ge(t,z)},Ht=function(t){jt(_.beforeSanitizeAttributes,t,null);const{attributes:e}=t;if(!e||Pt(t))return;const o={attrName:"",attrValue:"",keepAttr:!0,allowedAttributes:F,forceKeepAttr:void 0};let r=e.length;for(;r--;){const s=e[r],{name:n,namespaceURI:a,value:l}=s,d=At(n),c=l;let p="value"===n?c:Ke(c);if(o.attrName=d,o.attrValue=p,o.keepAttr=!0,o.forceKeepAttr=void 0,jt(_.uponSanitizeAttribute,t,o),p=o.attrValue,!rt||"id"!==d&&"name"!==d||(Rt(n,t),p="user-content-"+p),X&&Ze(/((--!?|])>)|<\/(style|title)/i,p)){Rt(n,t);continue}if(o.forceKeepAttr)continue;if(!o.keepAttr){Rt(n,t);continue}if(!Y&&Ze(/\/>/i,p)){Rt(n,t);continue}K&&je([T,O,N],(t=>{p=We(p,t," ")}));const h=At(t.nodeName);if(Ut(h,d,p)){if(w&&"object"==typeof m&&"function"==typeof m.getAttributeType)if(a);else switch(m.getAttributeType(h,d)){case"TrustedHTML":p=w.createHTML(p);break;case"TrustedScriptURL":p=w.createScriptURL(p)}if(p!==c)try{a?t.setAttributeNS(a,n,p):t.setAttribute(n,p),Pt(t)?Lt(t):Ue(i.removed)}catch(e){Rt(n,t)}}else Rt(n,t)}jt(_.afterSanitizeAttributes,t,null)},qt=function t(e){let i=null;const o=zt(e);for(jt(_.beforeSanitizeShadowDOM,e,null);i=o.nextNode();)jt(_.uponSanitizeShadowNode,i,null),Ft(i),Ht(i),i.content instanceof n&&t(i.content);jt(_.afterSanitizeShadowDOM,e,null)};return i.sanitize=function(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},o=null,s=null,a=null,d=null;if(yt=!t,yt&&(t="\x3c!--\x3e"),"string"!=typeof t&&!Dt(t)){if("function"!=typeof t.toString)throw Je("toString is not a function");if("string"!=typeof(t=t.toString()))throw Je("dirty is not a string, aborting")}if(!i.isSupported)return t;if(J||Ot(e),i.removed=[],"string"==typeof t&&(nt=!1),nt){if(t.nodeName){const e=At(t.nodeName);if(!D[e]||H[e])throw Je("root node is forbidden and cannot be sanitized in-place")}}else if(t instanceof l)o=Mt("\x3c!----\x3e"),s=o.ownerDocument.importNode(t,!0),s.nodeType===Ci&&"BODY"===s.nodeName||"HTML"===s.nodeName?o=s:o.appendChild(s);else{if(!tt&&!K&&!Z&&-1===t.indexOf("<"))return w&&it?w.createHTML(t):t;if(o=Mt(t),!o)return tt?null:it?k:""}o&&Q&&Lt(o.firstChild);const c=zt(nt?t:o);for(;a=c.nextNode();)Ft(a),Ht(a),a.content instanceof n&&qt(a.content);if(nt)return t;if(tt){if(et)for(d=E.call(o.ownerDocument);o.firstChild;)d.appendChild(o.firstChild);else d=o;return(F.shadowroot||F.shadowrootmode)&&(d=C.call(r,d,!0)),d}let p=Z?o.outerHTML:o.innerHTML;return Z&&D["!doctype"]&&o.ownerDocument&&o.ownerDocument.doctype&&o.ownerDocument.doctype.name&&Ze(Si,o.ownerDocument.doctype.name)&&(p="<!DOCTYPE "+o.ownerDocument.doctype.name+">\n"+p),K&&je([T,O,N],(t=>{p=We(p,t," ")})),w&&it?w.createHTML(p):p},i.setConfig=function(){Ot(arguments.length>0&&void 0!==arguments[0]?arguments[0]:{}),J=!0},i.clearConfig=function(){Ct=null,J=!1},i.isValidAttribute=function(t,e,i){Ct||Ot({});const o=At(t),r=At(e);return Ut(o,r,i)},i.addHook=function(t,e){"function"==typeof e&&Be(_[t],e)},i.removeHook=function(t,e){if(void 0!==e){const i=Fe(_[t],e);return-1===i?void 0:He(_[t],i,1)[0]}return Ue(_[t])},i.removeHooks=function(t){_[t]=[]},i.removeAllHooks=function(){_={afterSanitizeAttributes:[],afterSanitizeElements:[],afterSanitizeShadowDOM:[],beforeSanitizeAttributes:[],beforeSanitizeElements:[],beforeSanitizeShadowDOM:[],uponSanitizeAttribute:[],uponSanitizeElement:[],uponSanitizeShadowNode:[]}},i}();let Ri=class extends e{constructor(){super(...arguments),this.options=[],this.placeholder="Filtrar opciones...",this.defaultValue="",this.disabled=!1,this.value="",this.label="",this.labelColor="",this.filterable=!0,this.error=!1,this.required=!1,this.optional=!1,this.isMobile=!1,this.filteredOptions=[],this.filterValue="",this.isOpen=!1,this.mobileFilterValue="",this.highlightedIndex=-1,this._isCleared=!1,this.debounceTimeout=null,this.updateResponsiveModeBound=this.updateResponsiveMode.bind(this)}static{this.styles=t`
|
|
1678
|
+
`}};n([T({type:String}),a("design:type",Object)],Vt.prototype,"name",void 0),n([T({type:Boolean}),a("design:type",Object)],Vt.prototype,"checked",void 0),n([T({type:Boolean}),a("design:type",Object)],Vt.prototype,"disabled",void 0),n([T({type:Boolean}),a("design:type",Object)],Vt.prototype,"error",void 0),Vt=n([l("custom-radio")],Vt);let Nt=class extends e{constructor(){super(...arguments),this.options=[],this.placeholder="Filtrar opciones...",this.defaultValue="",this.disabled=!1,this.value="",this.label="",this.labelColor="",this.filterable=!0,this.error=!1,this.required=!1,this.optional=!1,this.isMobile=!1,this.filteredOptions=[],this.filterValue="",this.isOpen=!1,this.mobileFilterValue="",this.highlightedIndex=-1,this._isCleared=!1,this.debounceTimeout=null,this.updateResponsiveModeBound=this.updateResponsiveMode.bind(this)}static{this.styles=t`
|
|
1703
1679
|
:host {
|
|
1704
1680
|
display: block;
|
|
1705
1681
|
font-family: 'Graphik', sans-serif;
|
|
@@ -1742,7 +1718,7 @@ class Ce extends Ae{}Ce.directiveName="unsafeSVG",Ce.resultType=2;const _e=(t=>(
|
|
|
1742
1718
|
}
|
|
1743
1719
|
|
|
1744
1720
|
.form-label {
|
|
1745
|
-
${
|
|
1721
|
+
${R}
|
|
1746
1722
|
display: flex;
|
|
1747
1723
|
align-items: baseline;
|
|
1748
1724
|
flex-direction: row;
|
|
@@ -1814,7 +1790,7 @@ class Ce extends Ae{}Ce.directiveName="unsafeSVG",Ce.resultType=2;const _e=(t=>(
|
|
|
1814
1790
|
}
|
|
1815
1791
|
|
|
1816
1792
|
.filter-input {
|
|
1817
|
-
${
|
|
1793
|
+
${B};
|
|
1818
1794
|
padding: 16px;
|
|
1819
1795
|
padding-right: 40px;
|
|
1820
1796
|
border: none;
|
|
@@ -1835,7 +1811,7 @@ class Ce extends Ae{}Ce.directiveName="unsafeSVG",Ce.resultType=2;const _e=(t=>(
|
|
|
1835
1811
|
}
|
|
1836
1812
|
|
|
1837
1813
|
.filter-input::placeholder {
|
|
1838
|
-
${
|
|
1814
|
+
${B};
|
|
1839
1815
|
color: var(--secondary-color-40);
|
|
1840
1816
|
}
|
|
1841
1817
|
|
|
@@ -1880,7 +1856,7 @@ class Ce extends Ae{}Ce.directiveName="unsafeSVG",Ce.resultType=2;const _e=(t=>(
|
|
|
1880
1856
|
}
|
|
1881
1857
|
|
|
1882
1858
|
.options-list li {
|
|
1883
|
-
${
|
|
1859
|
+
${B};
|
|
1884
1860
|
padding: 8px 16px 8px 16px;
|
|
1885
1861
|
cursor: pointer;
|
|
1886
1862
|
color: var(--secondary-color-80);
|
|
@@ -1951,7 +1927,7 @@ class Ce extends Ae{}Ce.directiveName="unsafeSVG",Ce.resultType=2;const _e=(t=>(
|
|
|
1951
1927
|
}
|
|
1952
1928
|
|
|
1953
1929
|
.filter-fake {
|
|
1954
|
-
${
|
|
1930
|
+
${B};
|
|
1955
1931
|
padding: 15px;
|
|
1956
1932
|
padding-right: 40px;
|
|
1957
1933
|
width: 100%;
|
|
@@ -1998,7 +1974,7 @@ class Ce extends Ae{}Ce.directiveName="unsafeSVG",Ce.resultType=2;const _e=(t=>(
|
|
|
1998
1974
|
|
|
1999
1975
|
.optional {
|
|
2000
1976
|
color: var(--secondary-color-60);
|
|
2001
|
-
${
|
|
1977
|
+
${F}
|
|
2002
1978
|
}
|
|
2003
1979
|
|
|
2004
1980
|
/* Estilos por defecto del icon para mobile */
|
|
@@ -2019,17 +1995,17 @@ class Ce extends Ae{}Ce.directiveName="unsafeSVG",Ce.resultType=2;const _e=(t=>(
|
|
|
2019
1995
|
}
|
|
2020
1996
|
|
|
2021
1997
|
/*
|
|
2022
|
-
|
|
1998
|
+
* Media query para aplicar estilos de escritorio (a partir de 941px)
|
|
2023
1999
|
*/
|
|
2024
2000
|
@media (min-width: 941px) {
|
|
2025
2001
|
.icon-selected {
|
|
2026
|
-
|
|
2002
|
+
/* Estilos de escritorio para el icono, se anulan los de mobile */
|
|
2027
2003
|
margin-left: 16px;
|
|
2028
2004
|
padding-right: 18px;
|
|
2029
2005
|
}
|
|
2030
2006
|
|
|
2031
2007
|
.value-text {
|
|
2032
|
-
|
|
2008
|
+
/* En escritorio no necesitamos este margen, lo reseteamos */
|
|
2033
2009
|
margin-left: 0;
|
|
2034
2010
|
}
|
|
2035
2011
|
}
|
|
@@ -2047,7 +2023,7 @@ class Ce extends Ae{}Ce.directiveName="unsafeSVG",Ce.resultType=2;const _e=(t=>(
|
|
|
2047
2023
|
margin-right: 8px;
|
|
2048
2024
|
flex-shrink: 0;
|
|
2049
2025
|
}
|
|
2050
|
-
`}update(t){if(t.has("options")&&(this.filteredOptions=[...this.options]),t.has("defaultValue")||t.has("options")||t.has("value")){if(this._isCleared)return void super.update(t);const e=this.value||this.defaultValue,i=this.options.find((t=>"string"==typeof t?t===e:t.value===e));i?(this.filterValue="string"==typeof i?i:i.label,this.value="string"==typeof i?i:i.value):(this.filterValue="",this.value="")}super.update(t)}connectedCallback(){super.connectedCallback(),this.updateResponsiveMode(),window.addEventListener("resize",this.updateResponsiveModeBound),document.addEventListener("click",this.handleClickOutside.bind(this))}disconnectedCallback(){window.removeEventListener("resize",this.updateResponsiveModeBound),document.removeEventListener("click",this.handleClickOutside.bind(this)),super.disconnectedCallback()}updateResponsiveMode(){this.isMobile=window.innerWidth<=940}handleInputClick(t){this.isMobile&&(this.mobileFilterValue=""),this.disabled||(this.isOpen=!this.isOpen,this.requestUpdate())}handleInput(t){if(!this.filterable)return;this._isCleared=!1;const e=t.target.value,i=this.maxLength?e.slice(0,this.maxLength).toLowerCase():e.toLowerCase();this.filterValue=i,this.value="",this.filteredOptions=this.options.filter((t=>("string"==typeof t?t:t.label).toLowerCase().includes(this.filterValue.toLowerCase()))),this.isOpen=!0,this.debounceTimeout&&clearTimeout(this.debounceTimeout),this.debounceTimeout=window.setTimeout((()=>{this.filterValue.length>2&&this.dispatchEvent(new CustomEvent("filter-location",{detail:{value:this.filterValue},bubbles:!0,composed:!0}))}),300),this.requestUpdate()}handleMobileInput(t){this._isCleared=!1;const e=t.target.value,i=this.maxLength?e.slice(0,this.maxLength).toLowerCase():e.toLowerCase();this.mobileFilterValue=i,this.value="",this.filteredOptions=this.options.filter((t=>("string"==typeof t?t:t.label).toLowerCase().includes(i))),this.debounceTimeout&&clearTimeout(this.debounceTimeout),this.debounceTimeout=window.setTimeout((()=>{i.length>2&&this.dispatchEvent(new CustomEvent("filter-location",{detail:{value:i},bubbles:!0,composed:!0}))}),300)}handleSelect(t){this._isCleared=!1
|
|
2026
|
+
`}update(t){if(t.has("options")&&(this.filteredOptions=[...this.options]),t.has("defaultValue")||t.has("options")||t.has("value")){if(this._isCleared)return void super.update(t);const e=this.value||this.defaultValue,i=this.options.find((t=>"string"==typeof t?t===e:t.value===e));i?(this.filterValue="string"==typeof i?i:i.label,this.value="string"==typeof i?i:i.value):(this.filterValue="",this.value="")}super.update(t)}connectedCallback(){super.connectedCallback(),this.updateResponsiveMode(),window.addEventListener("resize",this.updateResponsiveModeBound),document.addEventListener("click",this.handleClickOutside.bind(this))}disconnectedCallback(){window.removeEventListener("resize",this.updateResponsiveModeBound),document.removeEventListener("click",this.handleClickOutside.bind(this)),super.disconnectedCallback()}updateResponsiveMode(){this.isMobile=window.innerWidth<=940}handleInputClick(t){this.isMobile&&(this.mobileFilterValue=""),this.disabled||(this.isOpen=!this.isOpen,this.requestUpdate())}handleInput(t){if(!this.filterable)return;this._isCleared=!1;const e=t.target.value,i=this.maxLength?e.slice(0,this.maxLength).toLowerCase():e.toLowerCase();this.filterValue=i,this.value="",this.filteredOptions=this.options.filter((t=>("string"==typeof t?t:t.label).toLowerCase().includes(this.filterValue.toLowerCase()))),this.isOpen=!0,this.debounceTimeout&&clearTimeout(this.debounceTimeout),this.debounceTimeout=window.setTimeout((()=>{this.filterValue.length>2&&this.dispatchEvent(new CustomEvent("filter-location",{detail:{value:this.filterValue},bubbles:!0,composed:!0}))}),300),this.requestUpdate()}handleMobileInput(t){this._isCleared=!1;const e=t.target.value,i=this.maxLength?e.slice(0,this.maxLength).toLowerCase():e.toLowerCase();this.mobileFilterValue=i,this.value="",this.filteredOptions=this.options.filter((t=>("string"==typeof t?t:t.label).toLowerCase().includes(i))),this.debounceTimeout&&clearTimeout(this.debounceTimeout),this.debounceTimeout=window.setTimeout((()=>{i.length>2&&this.dispatchEvent(new CustomEvent("filter-location",{detail:{value:i},bubbles:!0,composed:!0}))}),300)}handleSelect(t){this._isCleared=!1;const e="string"==typeof t?t:t.value;this.dispatchEvent(new CustomEvent("option-selected",{detail:{value:e},bubbles:!0,composed:!0})),this.filterValue="string"==typeof t?t:t.label,this.value=e,this.isOpen=!1,this.requestUpdate()}handleIconClick(){this.disabled||(this.filterable&&this.filterValue?(this._isCleared=!0,this.filterValue="",this.value="",this.filteredOptions=[...this.options],this.dispatchEvent(new CustomEvent("option-selected",{detail:{value:""},bubbles:!0,composed:!0})),this.isOpen=!1):this.isOpen=!this.isOpen,this.requestUpdate())}handleClickOutside(t){const e=t.target;e instanceof Node&&(this.contains(e)||(this.isOpen=!1,this.requestUpdate()))}handleKeyDown(t){const{key:e}=t;if(!this.isOpen&&("Enter"===e||" "===e))return t.preventDefault(),void(this.isOpen=!0);if(this.isOpen)if("ArrowDown"===e)t.preventDefault(),this.highlightedIndex=Math.min(this.highlightedIndex+1,this.filteredOptions.length-1),this.requestUpdate();else if("ArrowUp"===e)t.preventDefault(),this.highlightedIndex=Math.max(this.highlightedIndex-1,0),this.requestUpdate();else if("Enter"===e){t.preventDefault();const e=this.filteredOptions[this.highlightedIndex];e&&this.handleSelect(e)}else"Escape"===e&&(t.preventDefault(),this.isOpen=!1)}renderSelectedIcon(){const t=this.options.find((t=>"string"==typeof t?t===this.value:t.value===this.value));return t&&"string"!=typeof t&&t.icon&&"string"==typeof t.icon?i`<span class="icon-selected" .innerHTML="${t.icon}"></span>`:o}renderOptionIcon(t){return t&&"string"==typeof t?i`<span class="icon-list" .innerHTML="${t}"></span>`:o}render(){const t=this.isMobile;return i`
|
|
2051
2027
|
<div class="select-container" style="${this.labelColor?` --label-color: ${this.labelColor}`:""}">
|
|
2052
2028
|
${this.label?i`
|
|
2053
2029
|
<div class="label-container">
|
|
@@ -2113,15 +2089,15 @@ class Ce extends Ae{}Ce.directiveName="unsafeSVG",Ce.resultType=2;const _e=(t=>(
|
|
|
2113
2089
|
</button>
|
|
2114
2090
|
</div>
|
|
2115
2091
|
<ul class="options-list">
|
|
2116
|
-
${this.filteredOptions.map(((t,e)=>{const
|
|
2092
|
+
${this.filteredOptions.map(((t,e)=>{const o="string"==typeof t?t:t.label,r="object"==typeof t&&t.disabled,s="object"==typeof t?t.icon:void 0;return i`
|
|
2117
2093
|
<li
|
|
2118
|
-
class="${
|
|
2094
|
+
class="${r?"disabled":""} ${e===this.highlightedIndex?"highlighted":""}"
|
|
2119
2095
|
role="option"
|
|
2120
2096
|
aria-selected="${e===this.highlightedIndex}"
|
|
2121
|
-
@click="${()=>{
|
|
2097
|
+
@click="${()=>{r||this.handleSelect(t)}}"
|
|
2122
2098
|
>
|
|
2123
|
-
${
|
|
2124
|
-
${
|
|
2099
|
+
${this.renderOptionIcon(s)}
|
|
2100
|
+
${o}
|
|
2125
2101
|
</li>
|
|
2126
2102
|
`}))}
|
|
2127
2103
|
</ul>
|
|
@@ -2129,23 +2105,22 @@ class Ce extends Ae{}Ce.directiveName="unsafeSVG",Ce.resultType=2;const _e=(t=>(
|
|
|
2129
2105
|
</div>
|
|
2130
2106
|
`:!t&&this.isOpen&&this.filteredOptions.length>0?i`
|
|
2131
2107
|
<ul class="options-list">
|
|
2132
|
-
${this.filteredOptions.map(((t,e)=>{const
|
|
2108
|
+
${this.filteredOptions.map(((t,e)=>{const o="string"==typeof t?t:t.label,r="object"==typeof t&&t.disabled,s="object"==typeof t?t.icon:void 0;return i`
|
|
2133
2109
|
<li
|
|
2134
|
-
class="${
|
|
2110
|
+
class="${r?"disabled":""} ${e===this.highlightedIndex?"highlighted":""}"
|
|
2135
2111
|
role="option"
|
|
2136
2112
|
aria-selected="${e===this.highlightedIndex}"
|
|
2137
|
-
@click="${()=>{
|
|
2113
|
+
@click="${()=>{r||this.handleSelect(t)}}"
|
|
2138
2114
|
>
|
|
2139
|
-
${
|
|
2140
|
-
${
|
|
2115
|
+
${this.renderOptionIcon(s)}
|
|
2116
|
+
${o}
|
|
2141
2117
|
</li>
|
|
2142
|
-
</li>
|
|
2143
2118
|
`}))}
|
|
2144
2119
|
</ul>
|
|
2145
2120
|
`:""}
|
|
2146
2121
|
</div>
|
|
2147
2122
|
</div>
|
|
2148
|
-
`}};n([
|
|
2123
|
+
`}};n([T({type:Array}),a("design:type",Array)],Nt.prototype,"options",void 0),n([T({type:String}),a("design:type",Object)],Nt.prototype,"placeholder",void 0),n([T({type:String,attribute:"default-value"}),a("design:type",Object)],Nt.prototype,"defaultValue",void 0),n([T({type:Boolean}),a("design:type",Object)],Nt.prototype,"disabled",void 0),n([T({type:Object}),a("design:type",Object)],Nt.prototype,"value",void 0),n([T({type:String}),a("design:type",Object)],Nt.prototype,"label",void 0),n([T({type:String}),a("design:type",Object)],Nt.prototype,"labelColor",void 0),n([T({type:Boolean}),a("design:type",Object)],Nt.prototype,"filterable",void 0),n([T({type:Number}),a("design:type",Number)],Nt.prototype,"maxLength",void 0),n([T({type:Boolean,reflect:!0}),a("design:type",Boolean)],Nt.prototype,"error",void 0),n([T({type:Boolean}),a("design:type",Object)],Nt.prototype,"required",void 0),n([T({type:Boolean}),a("design:type",Object)],Nt.prototype,"optional",void 0),n([L(),a("design:type",Boolean)],Nt.prototype,"isMobile",void 0),n([L(),a("design:type",Array)],Nt.prototype,"filteredOptions",void 0),n([L(),a("design:type",Object)],Nt.prototype,"filterValue",void 0),n([L(),a("design:type",Object)],Nt.prototype,"isOpen",void 0),n([L(),a("design:type",Object)],Nt.prototype,"mobileFilterValue",void 0),n([L(),a("design:type",Object)],Nt.prototype,"highlightedIndex",void 0),n([L(),a("design:type",Boolean)],Nt.prototype,"_isCleared",void 0),Nt=n([l("filterable-select")],Nt);const Gt=new CSSStyleSheet;Gt.replaceSync("\n @font-face {\n font-family: 'Graphik';\n src: url('/src/assets/font/Graphik-Regular.woff2') format('woff2'),\n url('/src/assets/font/Graphik-Regular.woff') format('woff'),\n url('/src/assets/font/Graphik-Regular.eot') format('embedded-opentype');\n font-weight: normal;\n font-style: normal;\n }\n\n .body-s {\n font-weight: 400;\n font-size: 14px;\n line-height: 100%;\n letter-spacing: 0%;\n color: green;\n }\n");class Ht extends e{static{this.styles=[Gt,t`
|
|
2149
2124
|
:host {
|
|
2150
2125
|
display: flex;
|
|
2151
2126
|
position: fixed;
|
|
@@ -2215,7 +2190,7 @@ class Ce extends Ae{}Ce.directiveName="unsafeSVG",Ce.resultType=2;const _e=(t=>(
|
|
|
2215
2190
|
}
|
|
2216
2191
|
|
|
2217
2192
|
.container {
|
|
2218
|
-
${
|
|
2193
|
+
${M};
|
|
2219
2194
|
display: flex;
|
|
2220
2195
|
align-items: center;
|
|
2221
2196
|
box-sizing: border-box;
|
|
@@ -2281,7 +2256,7 @@ class Ce extends Ae{}Ce.directiveName="unsafeSVG",Ce.resultType=2;const _e=(t=>(
|
|
|
2281
2256
|
<randstad-icon name=${this.icon} size="24px" color="white"></randstad-icon>
|
|
2282
2257
|
<span class="message">${this.message}</span>
|
|
2283
2258
|
</div>
|
|
2284
|
-
`}}customElements.define("randstad-snackbar",
|
|
2259
|
+
`}}customElements.define("randstad-snackbar",Ht);let Kt=class extends e{constructor(){super(...arguments),this.totalSteps=4,this.currentStep=0}static{this.styles=t`
|
|
2285
2260
|
.stepper {
|
|
2286
2261
|
display: flex;
|
|
2287
2262
|
gap: 20px;
|
|
@@ -2381,7 +2356,7 @@ class Ce extends Ae{}Ce.directiveName="unsafeSVG",Ce.resultType=2;const _e=(t=>(
|
|
|
2381
2356
|
</div>
|
|
2382
2357
|
`))}
|
|
2383
2358
|
</div>
|
|
2384
|
-
`}};n([
|
|
2359
|
+
`}};n([T({type:Number}),a("design:type",Object)],Kt.prototype,"totalSteps",void 0),n([T({type:Number}),a("design:type",Object)],Kt.prototype,"currentStep",void 0),Kt=n([l("custom-stepper")],Kt);let Yt=class extends e{constructor(){super(...arguments),this.tabs=[],this.selected="",this.internalSelected="",this.showPrev=!1,this.showNext=!1,this.SCROLL_OFFSET=56,this.handleScroll=()=>{const t=this.renderRoot.querySelector(".tab-wrapper");if(!t)return;const{scrollLeft:e,scrollWidth:i,clientWidth:o}=t;this.showPrev=e>0,this.showNext=e+o<i-1}}static{this.styles=t`
|
|
2385
2360
|
:host {
|
|
2386
2361
|
display: block;
|
|
2387
2362
|
border-bottom: 1px solid #E7E8EC;
|
|
@@ -2394,7 +2369,7 @@ class Ce extends Ae{}Ce.directiveName="unsafeSVG",Ce.resultType=2;const _e=(t=>(
|
|
|
2394
2369
|
}
|
|
2395
2370
|
|
|
2396
2371
|
.tab {
|
|
2397
|
-
${
|
|
2372
|
+
${D};
|
|
2398
2373
|
display: flex;
|
|
2399
2374
|
gap: 8px;
|
|
2400
2375
|
flex-direction: row;
|
|
@@ -2492,7 +2467,7 @@ class Ce extends Ae{}Ce.directiveName="unsafeSVG",Ce.resultType=2;const _e=(t=>(
|
|
|
2492
2467
|
|
|
2493
2468
|
@media (max-width: 940px) {
|
|
2494
2469
|
.tab {
|
|
2495
|
-
${
|
|
2470
|
+
${R};
|
|
2496
2471
|
padding: 16px;
|
|
2497
2472
|
}
|
|
2498
2473
|
}
|
|
@@ -2520,7 +2495,7 @@ class Ce extends Ae{}Ce.directiveName="unsafeSVG",Ce.resultType=2;const _e=(t=>(
|
|
|
2520
2495
|
</button>
|
|
2521
2496
|
`:null}
|
|
2522
2497
|
</div>
|
|
2523
|
-
`}};n([
|
|
2498
|
+
`}};n([T({type:Array}),a("design:type",Array)],Yt.prototype,"tabs",void 0),n([T({type:String}),a("design:type",String)],Yt.prototype,"selected",void 0),n([L(),a("design:type",String)],Yt.prototype,"internalSelected",void 0),n([L(),a("design:type",Object)],Yt.prototype,"showPrev",void 0),n([L(),a("design:type",Object)],Yt.prototype,"showNext",void 0),Yt=n([l("tabs-bar")],Yt);let Wt=class extends e{constructor(){super(...arguments),this.files=[],this.loading=!1,this.progress=0,this.isDragging=!1,this.disabled=!1}static{this.styles=t`
|
|
2524
2499
|
|
|
2525
2500
|
:host {
|
|
2526
2501
|
font-family: 'Graphik', sans-serif;
|
|
@@ -2555,28 +2530,28 @@ class Ce extends Ae{}Ce.directiveName="unsafeSVG",Ce.resultType=2;const _e=(t=>(
|
|
|
2555
2530
|
}
|
|
2556
2531
|
|
|
2557
2532
|
.text-main {
|
|
2558
|
-
${
|
|
2533
|
+
${M};
|
|
2559
2534
|
text-align: center;
|
|
2560
2535
|
vertical-align: middle;
|
|
2561
2536
|
color: var(--secondary-color-80);
|
|
2562
2537
|
}
|
|
2563
2538
|
|
|
2564
2539
|
.text-secondary {
|
|
2565
|
-
${
|
|
2540
|
+
${F};
|
|
2566
2541
|
text-align: center;
|
|
2567
2542
|
vertical-align: middle;
|
|
2568
2543
|
color: var(--secondary-color-60);
|
|
2569
2544
|
}
|
|
2570
2545
|
|
|
2571
2546
|
.text-tertiary {
|
|
2572
|
-
${
|
|
2547
|
+
${F};
|
|
2573
2548
|
text-align: center;
|
|
2574
2549
|
vertical-align: middle;
|
|
2575
2550
|
color: var(--secondary-color-40);
|
|
2576
2551
|
}
|
|
2577
2552
|
|
|
2578
2553
|
.button {
|
|
2579
|
-
${
|
|
2554
|
+
${F};
|
|
2580
2555
|
background-color: var(--primary-color);
|
|
2581
2556
|
border: none;
|
|
2582
2557
|
padding: 4px 16px;
|
|
@@ -2644,5 +2619,5 @@ class Ce extends Ae{}Ce.directiveName="unsafeSVG",Ce.resultType=2;const _e=(t=>(
|
|
|
2644
2619
|
</label>
|
|
2645
2620
|
`}
|
|
2646
2621
|
</div>
|
|
2647
|
-
`}};n([
|
|
2622
|
+
`}};n([T({type:Array}),a("design:type",Array)],Wt.prototype,"files",void 0),n([L(),a("design:type",Object)],Wt.prototype,"loading",void 0),n([L(),a("design:type",Object)],Wt.prototype,"progress",void 0),n([L(),a("design:type",Object)],Wt.prototype,"isDragging",void 0),n([T({type:Boolean,reflect:!0}),a("design:type",Object)],Wt.prototype,"disabled",void 0),Wt=n([l("upload-image")],Wt);export{N as AccordionList,V as AccordionPanel,H as CarouselCard,K as Checkbox,Q as CustomModal,Z as CustomPopup,Vt as CustomRadio,Kt as CustomStepper,Nt as FilterableSelect,W as FormGroup,X as IconComponent,tt as ProgressCircle,G as RandstadButton,Y as RandstadForm,J as RandstadNotice,Yt as TabsBar,Wt as UploadImage};
|
|
2648
2623
|
//# sourceMappingURL=index.js.map
|