@randstad-uca/design-system 1.0.34 → 1.0.35
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Button.d.ts +1 -0
- package/dist/components/CarouselCards.d.ts +1 -2
- package/dist/index.js +50 -34
- package/dist/index.js.map +1 -1
- package/dist/package.json +1 -1
- package/package.json +1 -1
|
@@ -10,6 +10,7 @@ export declare class RandstadButton extends LitElement {
|
|
|
10
10
|
disabled: boolean;
|
|
11
11
|
iconName: string | null;
|
|
12
12
|
type: 'button' | 'submit' | 'reset';
|
|
13
|
+
idevent: string;
|
|
13
14
|
static styles: import("lit").CSSResult;
|
|
14
15
|
private handleClick;
|
|
15
16
|
render(): import("lit-html").TemplateResult<1>;
|
|
@@ -4,9 +4,8 @@ export declare class CarouselCard extends LitElement {
|
|
|
4
4
|
name: string;
|
|
5
5
|
title: string;
|
|
6
6
|
description: string;
|
|
7
|
-
url: string;
|
|
8
7
|
buttonLabel: string;
|
|
8
|
+
cardId: string;
|
|
9
9
|
static styles: import("lit").CSSResult;
|
|
10
|
-
private handleClick;
|
|
11
10
|
render(): import("lit-html").TemplateResult<1>;
|
|
12
11
|
}
|
package/dist/index.js
CHANGED
|
@@ -20,12 +20,12 @@ const l=t=>(e,i)=>{void 0!==i?i.addInitializer((()=>{customElements.define(t,e)}
|
|
|
20
20
|
* Copyright 2017 Google LLC
|
|
21
21
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
22
22
|
*/
|
|
23
|
-
const P={attribute:!0,type:String,converter:O,reflect:!1,hasChanged:A},
|
|
23
|
+
const P={attribute:!0,type:String,converter:O,reflect:!1,hasChanged:A},I=(t=P,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?I(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
|
|
@@ -159,13 +159,13 @@ function F(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)],q.prototype,"title",void 0),n([L(),a("design:type",Object)],q.prototype,"isOpen",void 0),n([L(),a("design:type",Object)],q.prototype,"isDesktop",void 0),q=n([l("accordion-panel")],q);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>`}};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"}static{this.styles=t`
|
|
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
|
}
|
|
@@ -388,7 +388,7 @@ function F(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
|
|
|
388
388
|
cursor: not-allowed;
|
|
389
389
|
}
|
|
390
390
|
|
|
391
|
-
`}handleClick(t){if(!this.disabled
|
|
391
|
+
`}handleClick(t){if(!this.disabled)if("submit"===this.type){const t=this.closest("form");t&&t.requestSubmit()}else if("reset"===this.type){const t=this.closest("form");t&&t.reset()}else this.idevent&&this.dispatchEvent(new CustomEvent("randstad-button-click",{detail:this.idevent,composed:!0,bubbles:!0,cancelable:!1}))}render(){const t={button:!0,[this.variant]:!0,loader:this.loader,[`button-${this.size}`]:"button-round"!==this.variant&&"button-card"!==this.variant},e="button-tertiary"===this.variant?"var(--primary-color)":"white";return i`
|
|
392
392
|
<button
|
|
393
393
|
part="button"
|
|
394
394
|
type=${this.type}
|
|
@@ -410,7 +410,7 @@ function F(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 K=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;
|
|
@@ -506,7 +506,7 @@ function F(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
|
|
|
506
506
|
::part(button):active {
|
|
507
507
|
background-color: rgba(255, 255, 255, 0.2);
|
|
508
508
|
}
|
|
509
|
-
`}
|
|
509
|
+
`}render(){return i`
|
|
510
510
|
<div class="image-container" style="background-image: url(${this.img});">
|
|
511
511
|
<div class="overlay-gradient"></div>
|
|
512
512
|
<div class="overlay-hover"></div>
|
|
@@ -516,15 +516,18 @@ function F(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
|
|
|
516
516
|
</div>
|
|
517
517
|
<div class="details">
|
|
518
518
|
<p class="description">${this.description}</p>
|
|
519
|
-
|
|
519
|
+
${this.cardId?i`<randstad-button
|
|
520
|
+
variant="button-tertiary"
|
|
521
|
+
.label=${this.buttonLabel}
|
|
522
|
+
idevent=${this.cardId}
|
|
523
|
+
></randstad-button>`:i`<randstad-button
|
|
520
524
|
variant="button-tertiary"
|
|
521
525
|
.label=${this.buttonLabel}
|
|
522
|
-
|
|
523
|
-
></randstad-button>
|
|
526
|
+
></randstad-button>`}
|
|
524
527
|
</div>
|
|
525
528
|
</div>
|
|
526
529
|
</div>
|
|
527
|
-
`}};n([
|
|
530
|
+
`}};n([T({type:String}),a("design:type",Object)],K.prototype,"img",void 0),n([T({type:String}),a("design:type",Object)],K.prototype,"name",void 0),n([T({type:String}),a("design:type",Object)],K.prototype,"title",void 0),n([T({type:String}),a("design:type",Object)],K.prototype,"description",void 0),n([T({type:String}),a("design:type",Object)],K.prototype,"buttonLabel",void 0),n([T({type:String}),a("design:type",Object)],K.prototype,"cardId",void 0),K=n([l("carousel-card")],K);let H=class extends e{constructor(){super(...arguments),this.checked=!1,this.error=!1,this.disabled=!1}static{this.styles=t`
|
|
528
531
|
:host {
|
|
529
532
|
display: block;
|
|
530
533
|
max-width: 100%;
|
|
@@ -639,7 +642,7 @@ function F(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
|
|
|
639
642
|
<slot></slot>
|
|
640
643
|
</span>
|
|
641
644
|
</label>
|
|
642
|
-
`}};n([
|
|
645
|
+
`}};n([T({type:Boolean,reflect:!0}),a("design:type",Object)],H.prototype,"checked",void 0),n([T({type:Boolean}),a("design:type",Object)],H.prototype,"error",void 0),n([T({type:Boolean}),a("design:type",Object)],H.prototype,"disabled",void 0),H=n([l("randstad-checkbox")],H);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`
|
|
643
646
|
:host {
|
|
644
647
|
display: block;
|
|
645
648
|
font-family: 'Graphik', sans-serif;
|
|
@@ -724,7 +727,10 @@ function F(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
|
|
|
724
727
|
|
|
725
728
|
.input-with-button input {
|
|
726
729
|
width: 100%;
|
|
727
|
-
|
|
730
|
+
}
|
|
731
|
+
|
|
732
|
+
.input-with-button input[type="password"]{
|
|
733
|
+
padding-right: 40px;
|
|
728
734
|
}
|
|
729
735
|
|
|
730
736
|
.input-with-button button {
|
|
@@ -940,7 +946,7 @@ function F(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
|
|
|
940
946
|
|
|
941
947
|
${this.helper?i`<p class="helper-description">${this.helper}</p>`:o}
|
|
942
948
|
</div>
|
|
943
|
-
`}};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`
|
|
944
950
|
:host {
|
|
945
951
|
display: flex;
|
|
946
952
|
flex-direction: column;
|
|
@@ -992,8 +998,8 @@ function F(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
|
|
|
992
998
|
<slot></slot>
|
|
993
999
|
</div>
|
|
994
1000
|
|
|
995
|
-
${this.error?i`<
|
|
996
|
-
`}};n([
|
|
1001
|
+
${this.error?i`<span class="error">${this.errorMessage}</span>`:this.helper?i`<span class="helper">${this.helper}</span>`:null}
|
|
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`
|
|
997
1003
|
:host {
|
|
998
1004
|
display: inline-flex;
|
|
999
1005
|
width: var(--icon-size, 24px);
|
|
@@ -1007,7 +1013,7 @@ function F(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
|
|
|
1007
1013
|
height: var(--icon-size, 24px);
|
|
1008
1014
|
fill: var(--icon-color, currentColor);
|
|
1009
1015
|
}
|
|
1010
|
-
`}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`
|
|
1011
1017
|
:host {
|
|
1012
1018
|
display: block;
|
|
1013
1019
|
font-family: 'Graphik', sans-serif;
|
|
@@ -1060,7 +1066,7 @@ function F(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
|
|
|
1060
1066
|
<randstad-icon class="icon" name="${this.icon}" size="24px" style="color: var(--icon-color);"></randstad-icon>
|
|
1061
1067
|
<span class="message">${this.message}</span>
|
|
1062
1068
|
</div>
|
|
1063
|
-
`}};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`
|
|
1064
1070
|
:host {
|
|
1065
1071
|
font-family: 'Graphik', sans-serif;
|
|
1066
1072
|
display: none;
|
|
@@ -1235,7 +1241,7 @@ function F(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
|
|
|
1235
1241
|
</div>
|
|
1236
1242
|
</div>
|
|
1237
1243
|
</div>
|
|
1238
|
-
`}};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`
|
|
1239
1245
|
:host {
|
|
1240
1246
|
display: none;
|
|
1241
1247
|
position: fixed;
|
|
@@ -1253,13 +1259,24 @@ function F(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
|
|
|
1253
1259
|
display: flex;
|
|
1254
1260
|
}
|
|
1255
1261
|
|
|
1262
|
+
@media (max-width:500px){
|
|
1263
|
+
.popup {
|
|
1264
|
+
width: 100%;
|
|
1265
|
+
margin: 0px 25px;
|
|
1266
|
+
}
|
|
1267
|
+
}
|
|
1268
|
+
@media (min-width:501px){
|
|
1269
|
+
.popup {
|
|
1270
|
+
width: var(--popup-width, 358px);
|
|
1271
|
+
}
|
|
1272
|
+
}
|
|
1273
|
+
|
|
1256
1274
|
.popup {
|
|
1257
1275
|
background: var(--white);
|
|
1258
1276
|
padding: 24px;
|
|
1259
1277
|
border-radius: 16px;
|
|
1260
1278
|
text-align: center;
|
|
1261
1279
|
animation: fadeIn 0.2s ease-in-out;
|
|
1262
|
-
width: var(--popup-width, 400px);
|
|
1263
1280
|
display: flex;
|
|
1264
1281
|
flex-direction: column;
|
|
1265
1282
|
gap: 24px;
|
|
@@ -1350,7 +1367,6 @@ function F(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
|
|
|
1350
1367
|
class="popup"
|
|
1351
1368
|
role="dialog"
|
|
1352
1369
|
aria-modal="true"
|
|
1353
|
-
style="width: ${this.width};"
|
|
1354
1370
|
${"default"!==this.type?i`aria-labelledby="popup-title"`:o}
|
|
1355
1371
|
aria-describedby="popup-description"
|
|
1356
1372
|
>
|
|
@@ -1409,7 +1425,7 @@ function F(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
|
|
|
1409
1425
|
`}
|
|
1410
1426
|
</div>
|
|
1411
1427
|
</div>
|
|
1412
|
-
`}};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`
|
|
1413
1429
|
:host {
|
|
1414
1430
|
display: inline-block;
|
|
1415
1431
|
width: 64px;
|
|
@@ -1470,7 +1486,7 @@ function F(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
|
|
|
1470
1486
|
${this.value} de ${this.max}
|
|
1471
1487
|
</text>
|
|
1472
1488
|
</svg>
|
|
1473
|
-
`}};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);
|
|
1474
1490
|
/**
|
|
1475
1491
|
* @license
|
|
1476
1492
|
* Copyright 2023 Google LLC
|
|
@@ -1481,7 +1497,7 @@ const et=Symbol("attachableController");let it;r||(it=new MutationObserver((t=>{
|
|
|
1481
1497
|
* @license
|
|
1482
1498
|
* Copyright 2021 Google LLC
|
|
1483
1499
|
* SPDX-License-Identifier: Apache-2.0
|
|
1484
|
-
*/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([
|
|
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}}
|
|
1485
1501
|
`
|
|
1486
1502
|
/**
|
|
1487
1503
|
* @license
|
|
@@ -1503,7 +1519,7 @@ const dt="cubic-bezier(0.2, 0, 0, 1)";
|
|
|
1503
1519
|
* @license
|
|
1504
1520
|
* Copyright 2022 Google LLC
|
|
1505
1521
|
* SPDX-License-Identifier: Apache-2.0
|
|
1506
|
-
*/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([
|
|
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([F(".surface")],ut.prototype,"mdRoot",void 0);
|
|
1507
1523
|
/**
|
|
1508
1524
|
* @license
|
|
1509
1525
|
* Copyright 2024 Google LLC
|
|
@@ -1550,12 +1566,12 @@ const zt=Symbol("getFormValue"),Pt=Symbol("getFormState");
|
|
|
1550
1566
|
* Copyright 2023 Google LLC
|
|
1551
1567
|
* SPDX-License-Identifier: Apache-2.0
|
|
1552
1568
|
*/
|
|
1553
|
-
class
|
|
1569
|
+
class It{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}}
|
|
1554
1570
|
/**
|
|
1555
1571
|
* @license
|
|
1556
1572
|
* Copyright 2023 Google LLC
|
|
1557
1573
|
* SPDX-License-Identifier: Apache-2.0
|
|
1558
|
-
*/class
|
|
1574
|
+
*/class Tt extends It{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})))}}
|
|
1559
1575
|
/**
|
|
1560
1576
|
* @license
|
|
1561
1577
|
* Copyright 2022 Google LLC
|
|
@@ -1565,7 +1581,7 @@ class Tt{constructor(t){this.getCurrentState=t,this.currentValidity={validity:{}
|
|
|
1565
1581
|
* @license
|
|
1566
1582
|
* Copyright 2018 Google LLC
|
|
1567
1583
|
* SPDX-License-Identifier: Apache-2.0
|
|
1568
|
-
*/var Ft;const _t=Symbol("checked");let Rt=0;const Mt=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[Pt]())}[zt](){throw new Error("Implement [getFormValue]")}[Pt](){return this[zt]()}formDisabledCallback(t){this.disabled=t}}return e.formAssociated=!0,n([
|
|
1584
|
+
*/var Ft;const _t=Symbol("checked");let Rt=0;const Mt=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[Pt]())}[zt](){throw new Error("Implement [getFormValue]")}[Pt](){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[jt]())}connectedCallback(){super.connectedCallback(),this[jt]()}attributeChangedCallback(t,e,i){if("tabindex"===t){if(this.requestUpdate("tabIndex",Number(e??-1)),!this[At])return this.hasAttribute("tabindex")?void(this[Ot]=this.tabIndex):(this[Ot]=null,void this[jt]())}else super.attributeChangedCallback(t,e,i)}[(e=Et,i=Ot,o=At,jt)](){const t=this[Ct]?0:-1,e=this[Ot]??t;this[At]=!0,this.tabIndex=e,this[At]=!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 Mt{get checked(){return this[_t]}set checked(t){const e=this.checked;e!==t&&(this[_t]=t,this.requestUpdate("checked",e),this.selectionController.handleCheckedChange())}constructor(){super(),this.maskId="cutout"+ ++Rt,this[Ft]=!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`
|
|
1569
1585
|
<div class="container ${s(t)}" aria-hidden="true">
|
|
1570
1586
|
<md-ripple
|
|
1571
1587
|
part="ripple"
|
|
@@ -1588,7 +1604,7 @@ class Tt{constructor(t){this.getCurrentState=t,this.currentValidity={validity:{}
|
|
|
1588
1604
|
|
|
1589
1605
|
<div class="touch-target"></div>
|
|
1590
1606
|
</div>
|
|
1591
|
-
`}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()}[(Ft=_t,zt)](){return this.checked?this.value:null}[Pt](){return String(this.checked)}formResetCallback(){this.checked=this.hasAttribute("checked")}formStateRestoreCallback(t){this.checked="true"===t}[xt](){return new
|
|
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()}[(Ft=_t,zt)](){return this.checked?this.value:null}[Pt](){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([F(".container")],Dt.prototype,"container",void 0);
|
|
1592
1608
|
/**
|
|
1593
1609
|
* @license
|
|
1594
1610
|
* Copyright 2024 Google LLC
|
|
@@ -1659,7 +1675,7 @@ const Ut=t`@layer{:host{display:inline-flex;height:var(--md-radio-icon-size, 20p
|
|
|
1659
1675
|
></md-radio>
|
|
1660
1676
|
<span>${this.checked?"On":"Off"} ${this.error?"Error":""}</span>
|
|
1661
1677
|
</label>
|
|
1662
|
-
`}};n([
|
|
1678
|
+
`}};n([T({type:String}),a("design:type",Object)],qt.prototype,"name",void 0),n([T({type:Boolean}),a("design:type",Object)],qt.prototype,"checked",void 0),n([T({type:Boolean}),a("design:type",Object)],qt.prototype,"disabled",void 0),n([T({type:Boolean}),a("design:type",Object)],qt.prototype,"error",void 0),qt=n([l("custom-radio")],qt);let Nt=class extends e{constructor(){super(...arguments),this.options=[],this.placeholder="Filtrar opciones...",this.defaultValue="",this.disabled=!1,this.label="",this.value="",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.debounceTimeout=null,this.updateResponsiveModeBound=this.updateResponsiveMode.bind(this)}static{this.styles=t`
|
|
1663
1679
|
:host {
|
|
1664
1680
|
display: block;
|
|
1665
1681
|
font-family: 'Graphik', sans-serif;
|
|
@@ -2049,7 +2065,7 @@ const Ut=t`@layer{:host{display:inline-flex;height:var(--md-radio-icon-size, 20p
|
|
|
2049
2065
|
`:""}
|
|
2050
2066
|
</div>
|
|
2051
2067
|
</div>
|
|
2052
|
-
`}};n([
|
|
2068
|
+
`}};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:String}),a("design:type",Object)],Nt.prototype,"label",void 0),n([T({type:String}),a("design:type",String)],Nt.prototype,"value",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),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 Kt extends e{static{this.styles=[Gt,t`
|
|
2053
2069
|
:host {
|
|
2054
2070
|
display: flex;
|
|
2055
2071
|
position: fixed;
|
|
@@ -2285,7 +2301,7 @@ const Ut=t`@layer{:host{display:inline-flex;height:var(--md-radio-icon-size, 20p
|
|
|
2285
2301
|
</div>
|
|
2286
2302
|
`))}
|
|
2287
2303
|
</div>
|
|
2288
|
-
`}};n([
|
|
2304
|
+
`}};n([T({type:Number}),a("design:type",Object)],Ht.prototype,"totalSteps",void 0),n([T({type:Number}),a("design:type",Object)],Ht.prototype,"currentStep",void 0),Ht=n([l("custom-stepper")],Ht);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`
|
|
2289
2305
|
:host {
|
|
2290
2306
|
display: block;
|
|
2291
2307
|
border-bottom: 1px solid #E7E8EC;
|
|
@@ -2424,7 +2440,7 @@ const Ut=t`@layer{:host{display:inline-flex;height:var(--md-radio-icon-size, 20p
|
|
|
2424
2440
|
</button>
|
|
2425
2441
|
`:null}
|
|
2426
2442
|
</div>
|
|
2427
|
-
`}};n([
|
|
2443
|
+
`}};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`
|
|
2428
2444
|
|
|
2429
2445
|
:host {
|
|
2430
2446
|
font-family: 'Graphik', sans-serif;
|
|
@@ -2548,5 +2564,5 @@ const Ut=t`@layer{:host{display:inline-flex;height:var(--md-radio-icon-size, 20p
|
|
|
2548
2564
|
</label>
|
|
2549
2565
|
`}
|
|
2550
2566
|
</div>
|
|
2551
|
-
`}};n([
|
|
2567
|
+
`}};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,q as AccordionPanel,K as CarouselCard,H as Checkbox,Q as CustomModal,Z as CustomPopup,qt as CustomRadio,Ht 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};
|
|
2552
2568
|
//# sourceMappingURL=index.js.map
|