@randstad-uca/design-system 1.0.26 → 1.0.27
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/Checkbox.d.ts +2 -8
- package/dist/components/Modal.d.ts +4 -1
- package/dist/index.js +125 -90
- package/dist/index.js.map +1 -1
- package/dist/package.json +1 -1
- package/dist/stories/Checkbox.stories.d.ts +10 -0
- package/package.json +1 -1
|
@@ -1,15 +1,9 @@
|
|
|
1
1
|
import { LitElement } from 'lit';
|
|
2
2
|
export declare class Checkbox extends LitElement {
|
|
3
|
-
prefix: string;
|
|
4
|
-
clause1Text: string;
|
|
5
|
-
clause1Url?: string;
|
|
6
|
-
connector: string;
|
|
7
|
-
clause2Text: string;
|
|
8
|
-
clause2Url?: string;
|
|
9
3
|
checked: boolean;
|
|
4
|
+
error: boolean;
|
|
5
|
+
disabled: boolean;
|
|
10
6
|
static styles: import("lit").CSSResult;
|
|
11
7
|
private toggleCheck;
|
|
12
|
-
private renderClause;
|
|
13
|
-
private stopPropagation;
|
|
14
8
|
render(): import("lit-html").TemplateResult<1>;
|
|
15
9
|
}
|
|
@@ -5,7 +5,6 @@ export declare class CustomModal extends LitElement {
|
|
|
5
5
|
open: boolean;
|
|
6
6
|
title: string;
|
|
7
7
|
subtitle?: string;
|
|
8
|
-
scrollable: boolean;
|
|
9
8
|
showNotice: boolean;
|
|
10
9
|
noticeType: 'success' | 'error' | 'warning' | 'informative';
|
|
11
10
|
noticeMessage: string;
|
|
@@ -14,7 +13,11 @@ export declare class CustomModal extends LitElement {
|
|
|
14
13
|
primaryButtonLabel: string;
|
|
15
14
|
showSecondaryButton: boolean;
|
|
16
15
|
secondaryButtonLabel: string;
|
|
16
|
+
private scrollable;
|
|
17
17
|
static styles: import("lit").CSSResult;
|
|
18
18
|
private closeModal;
|
|
19
|
+
connectedCallback(): void;
|
|
20
|
+
disconnectedCallback(): void;
|
|
21
|
+
private setScrollableMode;
|
|
19
22
|
render(): import("lit-html").TemplateResult<1>;
|
|
20
23
|
}
|
package/dist/index.js
CHANGED
|
@@ -9,18 +9,18 @@ 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 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),
|
|
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),z={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"),k.litPropertyMetadata??=new WeakMap;class A 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=
|
|
17
|
+
*/Symbol.metadata??=Symbol("metadata"),k.litPropertyMetadata??=new WeakMap;class A 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=z){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)??z}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){}}A.elementStyles=[],A.shadowRootOptions={mode:"open"},A[E("elementProperties")]=new Map,A[E("finalized")]=new Map,C?.({ReactiveElement:A}),(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 P={attribute:!0,type:String,converter:O,reflect:!1,hasChanged:j},T=(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 I(t){return(e,i)=>"object"==typeof i?T(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
|
|
@@ -60,14 +60,14 @@ function F(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
|
|
|
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;
|
|
@@ -406,11 +406,11 @@ function F(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
|
|
|
406
406
|
`:i`
|
|
407
407
|
${this.iconSrc&&"button-round"===this.variant?i`<img src=${this.iconSrc} alt="icon" class="button-icon" part="button-icon"/>`:""}
|
|
408
408
|
${this.iconName&&"button-round"!==this.variant&&"left"===this.iconPosition?i`<randstad-icon name=${this.iconName} size="24px"></randstad-icon>`:""}
|
|
409
|
-
${this.label?i`<span>${this.label}</span>`:i`<slot></slot>`}
|
|
409
|
+
${this.label?i`<span part="label">${this.label}</span>`:i`<slot></slot>`}
|
|
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([I({type:String}),a("design:type",String)],G.prototype,"variant",void 0),n([I({type:String}),a("design:type",String)],G.prototype,"size",void 0),n([I({type:String}),a("design:type",Object)],G.prototype,"label",void 0),n([I({type:Boolean}),a("design:type",Object)],G.prototype,"loader",void 0),n([I({type:String,attribute:"icon-src"}),a("design:type",String)],G.prototype,"iconSrc",void 0),n([I({type:String}),a("design:type",String)],G.prototype,"iconPosition",void 0),n([I({type:Boolean,reflect:!0}),a("design:type",Boolean)],G.prototype,"disabled",void 0),n([I({type:String}),a("design:type",Object)],G.prototype,"iconName",void 0),n([I({type:String}),a("design:type",String)],G.prototype,"type",void 0),G=n([l("randstad-button")],G);let
|
|
413
|
+
`}};n([I({type:String}),a("design:type",String)],G.prototype,"variant",void 0),n([I({type:String}),a("design:type",String)],G.prototype,"size",void 0),n([I({type:String}),a("design:type",Object)],G.prototype,"label",void 0),n([I({type:Boolean}),a("design:type",Object)],G.prototype,"loader",void 0),n([I({type:String,attribute:"icon-src"}),a("design:type",String)],G.prototype,"iconSrc",void 0),n([I({type:String}),a("design:type",String)],G.prototype,"iconPosition",void 0),n([I({type:Boolean,reflect:!0}),a("design:type",Boolean)],G.prototype,"disabled",void 0),n([I({type:String}),a("design:type",Object)],G.prototype,"iconName",void 0),n([I({type:String}),a("design:type",String)],G.prototype,"type",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.url="#",this.buttonLabel="Contactanos"}static{this.styles=t`
|
|
414
414
|
:host {
|
|
415
415
|
display: inline-block;
|
|
416
416
|
font-family: "Graphik", sans-serif;
|
|
@@ -524,7 +524,7 @@ function F(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
|
|
|
524
524
|
</div>
|
|
525
525
|
</div>
|
|
526
526
|
</div>
|
|
527
|
-
`}};n([I({type:String}),a("design:type",Object)],
|
|
527
|
+
`}};n([I({type:String}),a("design:type",Object)],H.prototype,"img",void 0),n([I({type:String}),a("design:type",Object)],H.prototype,"name",void 0),n([I({type:String}),a("design:type",Object)],H.prototype,"title",void 0),n([I({type:String}),a("design:type",Object)],H.prototype,"description",void 0),n([I({type:String}),a("design:type",Object)],H.prototype,"url",void 0),n([I({type:String}),a("design:type",Object)],H.prototype,"buttonLabel",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`
|
|
528
528
|
:host {
|
|
529
529
|
display: block;
|
|
530
530
|
max-width: 100%;
|
|
@@ -565,36 +565,81 @@ function F(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
|
|
|
565
565
|
transform: rotate(45deg);
|
|
566
566
|
}
|
|
567
567
|
|
|
568
|
-
input[type="checkbox"]:
|
|
569
|
-
|
|
568
|
+
input[type="checkbox"]:checked:disabled::after {
|
|
569
|
+
border-color: var(--secondary-color-40);
|
|
570
|
+
}
|
|
571
|
+
|
|
572
|
+
label.error input[type="checkbox"]:checked:disabled::after {
|
|
573
|
+
border-color: white;
|
|
570
574
|
}
|
|
571
575
|
|
|
572
576
|
.terms-text {
|
|
573
577
|
display: inline;
|
|
574
578
|
}
|
|
575
579
|
|
|
576
|
-
.terms-
|
|
580
|
+
.terms-text ::slotted(a) {
|
|
577
581
|
color: var(--primary-color);
|
|
578
582
|
text-decoration: none;
|
|
579
583
|
cursor: pointer;
|
|
580
584
|
}
|
|
581
|
-
|
|
582
|
-
|
|
585
|
+
|
|
586
|
+
input[type="checkbox"].error,
|
|
587
|
+
label.error input[type="checkbox"]:not(:disabled) {
|
|
588
|
+
border-color: var(--ui-negative);
|
|
589
|
+
}
|
|
590
|
+
|
|
591
|
+
/* Hover sin error (solo si no está deshabilitado) */
|
|
592
|
+
input[type="checkbox"]:hover:not(:disabled):not(.error) {
|
|
593
|
+
box-shadow: 0 0 0 4px var(--secondary-color-10);
|
|
594
|
+
}
|
|
595
|
+
|
|
596
|
+
/* Hover con error (solo si no está deshabilitado) */
|
|
597
|
+
label.error input[type="checkbox"]:hover:not(:disabled) {
|
|
598
|
+
box-shadow: 0px 0px 0px 4px #E00F0F1A;
|
|
599
|
+
}
|
|
600
|
+
|
|
601
|
+
/* ✅ Focus sin error */
|
|
602
|
+
input[type="checkbox"]:focus-visible:not(:disabled):not(.error),
|
|
603
|
+
label:not(.error) input[type="checkbox"]:focus-visible:not(:disabled) {
|
|
604
|
+
outline: none;
|
|
605
|
+
box-shadow: 0 0 0 4px var(--secondary-color-10);
|
|
606
|
+
}
|
|
607
|
+
|
|
608
|
+
/* ❌ Focus con error */
|
|
609
|
+
label.error input[type="checkbox"]:focus-visible:not(:disabled) {
|
|
610
|
+
outline: none;
|
|
611
|
+
box-shadow: 0 0 0 4px #E00F0F1A;
|
|
612
|
+
}
|
|
613
|
+
|
|
614
|
+
input[type="checkbox"].error:checked,
|
|
615
|
+
label.error input[type="checkbox"]:checked {
|
|
616
|
+
background-color: var(--ui-negative);
|
|
617
|
+
border-color: var(--ui-negative);
|
|
618
|
+
}
|
|
619
|
+
|
|
620
|
+
input[type="checkbox"]:disabled {
|
|
621
|
+
background-color: var(--secondary-color-10);
|
|
622
|
+
border-color: var(--secondary-color-20);
|
|
623
|
+
cursor: not-allowed;
|
|
624
|
+
}
|
|
625
|
+
|
|
626
|
+
`}toggleCheck(t){this.checked=t.target.checked,this.dispatchEvent(new Event("input",{bubbles:!0,composed:!0})),this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0})),this.dispatchEvent(new Event("click",{bubbles:!0,composed:!0}))}render(){return i`
|
|
627
|
+
<label class="${this.error?"error":""} ${this.disabled?"disabled":""}">
|
|
583
628
|
<input
|
|
584
629
|
type="checkbox"
|
|
585
630
|
role="checkbox"
|
|
586
631
|
aria-checked=${this.checked?"true":"false"}
|
|
587
632
|
.checked=${this.checked}
|
|
633
|
+
?disabled=${this.disabled}
|
|
588
634
|
@change=${this.toggleCheck}
|
|
635
|
+
@focus=${()=>this.setAttribute("focused","")}
|
|
636
|
+
@blur=${()=>this.removeAttribute("focused")}
|
|
589
637
|
/>
|
|
590
638
|
<span class="terms-text">
|
|
591
|
-
|
|
592
|
-
${this.renderClause(this.clause1Text,this.clause1Url)},
|
|
593
|
-
${this.connector}
|
|
594
|
-
${this.renderClause(this.clause2Text,this.clause2Url)}.
|
|
639
|
+
<slot></slot>
|
|
595
640
|
</span>
|
|
596
641
|
</label>
|
|
597
|
-
`}};n([I({type:
|
|
642
|
+
`}};n([I({type:Boolean,reflect:!0}),a("design:type",Object)],K.prototype,"checked",void 0),n([I({type:Boolean}),a("design:type",Object)],K.prototype,"error",void 0),n([I({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`
|
|
598
643
|
:host {
|
|
599
644
|
display: block;
|
|
600
645
|
font-family: 'Graphik', sans-serif;
|
|
@@ -1021,7 +1066,7 @@ function F(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
|
|
|
1021
1066
|
<randstad-icon class="icon" name="${this.icon}" size="24px" style="color: var(--icon-color);"></randstad-icon>
|
|
1022
1067
|
<span class="message">${this.message}</span>
|
|
1023
1068
|
</div>
|
|
1024
|
-
`}};n([I({type:String}),a("design:type",String)],J.prototype,"type",void 0),n([I({type:String}),a("design:type",String)],J.prototype,"icon",void 0),n([I({type:String}),a("design:type",String)],J.prototype,"message",void 0),n([I({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.
|
|
1069
|
+
`}};n([I({type:String}),a("design:type",String)],J.prototype,"type",void 0),n([I({type:String}),a("design:type",String)],J.prototype,"icon",void 0),n([I({type:String}),a("design:type",String)],J.prototype,"message",void 0),n([I({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`
|
|
1025
1070
|
:host {
|
|
1026
1071
|
font-family: 'Graphik', sans-serif;
|
|
1027
1072
|
display: none;
|
|
@@ -1036,23 +1081,15 @@ function F(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
|
|
|
1036
1081
|
position: fixed;
|
|
1037
1082
|
top: 0;
|
|
1038
1083
|
left: 0;
|
|
1039
|
-
|
|
1084
|
+
right: 0;
|
|
1085
|
+
bottom: 0;
|
|
1040
1086
|
background: rgba(0, 0, 0, 0.5);
|
|
1041
1087
|
overflow-y: auto;
|
|
1042
1088
|
padding: 40px 16px;
|
|
1043
|
-
|
|
1044
|
-
|
|
1045
|
-
.overlay.scroll {
|
|
1089
|
+
z-index: 9999;
|
|
1046
1090
|
display: flex;
|
|
1047
|
-
align-items: center;
|
|
1048
1091
|
justify-content: center;
|
|
1049
|
-
|
|
1050
|
-
}
|
|
1051
|
-
|
|
1052
|
-
.overlay.no-scroll {
|
|
1053
|
-
display: block;
|
|
1054
|
-
height: auto;
|
|
1055
|
-
min-height: 100vh;
|
|
1092
|
+
align-items: flex-start;
|
|
1056
1093
|
}
|
|
1057
1094
|
|
|
1058
1095
|
.modal {
|
|
@@ -1062,7 +1099,7 @@ function F(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
|
|
|
1062
1099
|
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
|
|
1063
1100
|
display: flex;
|
|
1064
1101
|
flex-direction: column;
|
|
1065
|
-
margin: 40px
|
|
1102
|
+
margin-top: 40px;
|
|
1066
1103
|
border-radius: 8px;
|
|
1067
1104
|
}
|
|
1068
1105
|
|
|
@@ -1159,54 +1196,52 @@ function F(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
|
|
|
1159
1196
|
width: 100%;
|
|
1160
1197
|
}
|
|
1161
1198
|
}
|
|
1162
|
-
`}closeModal(){this.dispatchEvent(new CustomEvent("modal-close")),this.
|
|
1163
|
-
|
|
1164
|
-
|
|
1165
|
-
|
|
1166
|
-
|
|
1167
|
-
|
|
1168
|
-
|
|
1169
|
-
|
|
1199
|
+
`}closeModal(){this.dispatchEvent(new CustomEvent("modal-close"))}connectedCallback(){super.connectedCallback(),this.setScrollableMode(),window.addEventListener("resize",this.setScrollableMode)}disconnectedCallback(){super.disconnectedCallback(),window.removeEventListener("resize",this.setScrollableMode)}render(){return i`
|
|
1200
|
+
<div class="overlay" role="dialog" aria-modal="true">
|
|
1201
|
+
<div class="modal ${this.scrollable?"scrollable":""}">
|
|
1202
|
+
<div class="modal-header">
|
|
1203
|
+
<div class="modal-header-content">
|
|
1204
|
+
<div class="titles-container">
|
|
1205
|
+
<div class="modal-title">${this.title}</div>
|
|
1206
|
+
${this.subtitle?i`<div class="modal-subtitle">${this.subtitle}</div>`:o}
|
|
1207
|
+
</div>
|
|
1208
|
+
<button class="modal-close" @click=${this.closeModal} aria-label="Cerrar modal">
|
|
1209
|
+
<randstad-icon name="close" size="24px" style="--icon-color: var(--primary-color);"></randstad-icon>
|
|
1210
|
+
</button>
|
|
1170
1211
|
</div>
|
|
1171
|
-
|
|
1172
|
-
|
|
1173
|
-
|
|
1212
|
+
${this.showNotice?i`
|
|
1213
|
+
<randstad-notice
|
|
1214
|
+
.open=${!0}
|
|
1215
|
+
.type=${this.noticeType}
|
|
1216
|
+
.icon=${this.noticeIcon}
|
|
1217
|
+
.message=${this.noticeMessage}
|
|
1218
|
+
></randstad-notice>
|
|
1219
|
+
`:o}
|
|
1220
|
+
</div>
|
|
1221
|
+
<div class="modal-body ${this.scrollable?"scrollable":""}">
|
|
1222
|
+
<slot name="content"></slot>
|
|
1223
|
+
</div>
|
|
1224
|
+
<div class="modal-footer ${this.showPrimaryButton&&this.showSecondaryButton?"two-buttons":"one-button"}">
|
|
1225
|
+
${this.showPrimaryButton?i`
|
|
1226
|
+
<randstad-button
|
|
1227
|
+
variant="button-primary"
|
|
1228
|
+
size="md"
|
|
1229
|
+
@click=${()=>this.dispatchEvent(new CustomEvent("primary-click"))}
|
|
1230
|
+
label=${this.primaryButtonLabel}
|
|
1231
|
+
></randstad-button>
|
|
1232
|
+
`:o}
|
|
1233
|
+
${this.showSecondaryButton?i`
|
|
1234
|
+
<randstad-button
|
|
1235
|
+
variant="button-secondary"
|
|
1236
|
+
size="md"
|
|
1237
|
+
@click=${()=>this.dispatchEvent(new CustomEvent("secondary-click"))}
|
|
1238
|
+
label=${this.secondaryButtonLabel}
|
|
1239
|
+
></randstad-button>
|
|
1240
|
+
`:o}
|
|
1174
1241
|
</div>
|
|
1175
|
-
${this.showNotice?i`
|
|
1176
|
-
<randstad-notice
|
|
1177
|
-
.open=${!0}
|
|
1178
|
-
.type=${this.noticeType}
|
|
1179
|
-
.icon=${this.noticeIcon}
|
|
1180
|
-
.message=${this.noticeMessage}
|
|
1181
|
-
></randstad-notice>
|
|
1182
|
-
`:o}
|
|
1183
|
-
</div>
|
|
1184
|
-
<div class="modal-body ${this.scrollable?"scrollable":""}">
|
|
1185
|
-
<slot name="content"></slot>
|
|
1186
|
-
</div>
|
|
1187
|
-
<div class="modal-footer ${this.showPrimaryButton&&this.showSecondaryButton?"two-buttons":"one-button"}">
|
|
1188
|
-
${this.showPrimaryButton?i`
|
|
1189
|
-
<randstad-button
|
|
1190
|
-
variant="button-primary"
|
|
1191
|
-
size="md"
|
|
1192
|
-
@click=${()=>this.dispatchEvent(new CustomEvent("primary-click"))}
|
|
1193
|
-
label=${this.primaryButtonLabel}
|
|
1194
|
-
>
|
|
1195
|
-
</randstad-button>
|
|
1196
|
-
`:o}
|
|
1197
|
-
${this.showSecondaryButton?i`
|
|
1198
|
-
<randstad-button
|
|
1199
|
-
variant="button-secondary"
|
|
1200
|
-
size="md"
|
|
1201
|
-
@click=${()=>this.dispatchEvent(new CustomEvent("secondary-click"))}
|
|
1202
|
-
label=${this.secondaryButtonLabel}
|
|
1203
|
-
>
|
|
1204
|
-
</randstad-button>
|
|
1205
|
-
`:o}
|
|
1206
1242
|
</div>
|
|
1207
1243
|
</div>
|
|
1208
|
-
|
|
1209
|
-
`}};n([I({type:Boolean,reflect:!0}),a("design:type",Object)],Q.prototype,"open",void 0),n([I({type:String}),a("design:type",Object)],Q.prototype,"title",void 0),n([I({type:String}),a("design:type",String)],Q.prototype,"subtitle",void 0),n([I({type:Boolean}),a("design:type",Object)],Q.prototype,"scrollable",void 0),n([I({type:Boolean}),a("design:type",Object)],Q.prototype,"showNotice",void 0),n([I({type:String}),a("design:type",String)],Q.prototype,"noticeType",void 0),n([I({type:String}),a("design:type",Object)],Q.prototype,"noticeMessage",void 0),n([I({type:String}),a("design:type",Object)],Q.prototype,"noticeIcon",void 0),n([I({type:Boolean}),a("design:type",Object)],Q.prototype,"showPrimaryButton",void 0),n([I({type:String}),a("design:type",Object)],Q.prototype,"primaryButtonLabel",void 0),n([I({type:Boolean}),a("design:type",Object)],Q.prototype,"showSecondaryButton",void 0),n([I({type:String}),a("design:type",Object)],Q.prototype,"secondaryButtonLabel",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"}static{this.styles=t`
|
|
1244
|
+
`}};n([I({type:Boolean,reflect:!0}),a("design:type",Object)],Q.prototype,"open",void 0),n([I({type:String}),a("design:type",Object)],Q.prototype,"title",void 0),n([I({type:String}),a("design:type",String)],Q.prototype,"subtitle",void 0),n([I({type:Boolean}),a("design:type",Object)],Q.prototype,"showNotice",void 0),n([I({type:String}),a("design:type",String)],Q.prototype,"noticeType",void 0),n([I({type:String}),a("design:type",Object)],Q.prototype,"noticeMessage",void 0),n([I({type:String}),a("design:type",Object)],Q.prototype,"noticeIcon",void 0),n([I({type:Boolean}),a("design:type",Object)],Q.prototype,"showPrimaryButton",void 0),n([I({type:String}),a("design:type",Object)],Q.prototype,"primaryButtonLabel",void 0),n([I({type:Boolean}),a("design:type",Object)],Q.prototype,"showSecondaryButton",void 0),n([I({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"}static{this.styles=t`
|
|
1210
1245
|
:host {
|
|
1211
1246
|
display: none;
|
|
1212
1247
|
position: fixed;
|
|
@@ -1256,7 +1291,7 @@ function F(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
|
|
|
1256
1291
|
}
|
|
1257
1292
|
|
|
1258
1293
|
.popup-title {
|
|
1259
|
-
${
|
|
1294
|
+
${U}
|
|
1260
1295
|
margin: 0;
|
|
1261
1296
|
color: var(--secondary-color-80);
|
|
1262
1297
|
}
|
|
@@ -1452,24 +1487,24 @@ const xt=Symbol("createValidator"),wt=Symbol("getValidityAnchor"),kt=Symbol("pri
|
|
|
1452
1487
|
* Copyright 2023 Google LLC
|
|
1453
1488
|
* SPDX-License-Identifier: Apache-2.0
|
|
1454
1489
|
*/
|
|
1455
|
-
const Ct=Symbol("isFocusable"),Et=Symbol("privateIsFocusable"),Ot=Symbol("externalTabIndex"),jt=Symbol("isUpdatingTabIndex"),
|
|
1490
|
+
const Ct=Symbol("isFocusable"),Et=Symbol("privateIsFocusable"),Ot=Symbol("externalTabIndex"),jt=Symbol("isUpdatingTabIndex"),zt=Symbol("updateTabIndex");
|
|
1456
1491
|
/**
|
|
1457
1492
|
* @license
|
|
1458
1493
|
* Copyright 2023 Google LLC
|
|
1459
1494
|
* SPDX-License-Identifier: Apache-2.0
|
|
1460
1495
|
*/
|
|
1461
|
-
const At=Symbol("getFormValue"),
|
|
1496
|
+
const At=Symbol("getFormValue"),Pt=Symbol("getFormState");
|
|
1462
1497
|
/**
|
|
1463
1498
|
* @license
|
|
1464
1499
|
* Copyright 2023 Google LLC
|
|
1465
1500
|
* SPDX-License-Identifier: Apache-2.0
|
|
1466
1501
|
*/
|
|
1467
|
-
class
|
|
1502
|
+
class Tt{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}}
|
|
1468
1503
|
/**
|
|
1469
1504
|
* @license
|
|
1470
1505
|
* Copyright 2023 Google LLC
|
|
1471
1506
|
* SPDX-License-Identifier: Apache-2.0
|
|
1472
|
-
*/class It extends
|
|
1507
|
+
*/class It extends Tt{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})))}}
|
|
1473
1508
|
/**
|
|
1474
1509
|
* @license
|
|
1475
1510
|
* Copyright 2022 Google LLC
|
|
@@ -1479,7 +1514,7 @@ class zt{constructor(t){this.getCurrentState=t,this.currentValidity={validity:{}
|
|
|
1479
1514
|
* @license
|
|
1480
1515
|
* Copyright 2018 Google LLC
|
|
1481
1516
|
* SPDX-License-Identifier: Apache-2.0
|
|
1482
|
-
*/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[At](),this[
|
|
1517
|
+
*/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[At](),this[Pt]())}[At](){throw new Error("Implement [getFormValue]")}[Pt](){return this[At]()}formDisabledCallback(t){this.disabled=t}}return e.formAssociated=!0,n([I({noAccessor:!0})],e.prototype,"name",null),n([I({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[zt]())}connectedCallback(){super.connectedCallback(),this[zt]()}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[zt]())}else super.attributeChangedCallback(t,e,i)}[(e=Et,i=Ot,o=jt,zt)](){const t=this[Ct]?0:-1,e=this[Ot]??t;this[jt]=!0,this.tabIndex=e,this[jt]=!1}}return n([I({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`
|
|
1483
1518
|
<div class="container ${s(t)}" aria-hidden="true">
|
|
1484
1519
|
<md-ripple
|
|
1485
1520
|
part="ripple"
|
|
@@ -1502,19 +1537,19 @@ class zt{constructor(t){this.getCurrentState=t,this.currentValidity={validity:{}
|
|
|
1502
1537
|
|
|
1503
1538
|
<div class="touch-target"></div>
|
|
1504
1539
|
</div>
|
|
1505
|
-
`}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,At)](){return this.checked?this.value:null}[
|
|
1540
|
+
`}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,At)](){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 It((()=>this.selectionController?this.selectionController.controls:[this]))}[wt](){return this.container}}n([I({type:Boolean})],Dt.prototype,"checked",null),n([I({type:Boolean})],Dt.prototype,"required",void 0),n([I()],Dt.prototype,"value",void 0),n([F(".container")],Dt.prototype,"container",void 0);
|
|
1506
1541
|
/**
|
|
1507
1542
|
* @license
|
|
1508
1543
|
* Copyright 2024 Google LLC
|
|
1509
1544
|
* SPDX-License-Identifier: Apache-2.0
|
|
1510
1545
|
*/
|
|
1511
|
-
const
|
|
1546
|
+
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}}}
|
|
1512
1547
|
`
|
|
1513
1548
|
/**
|
|
1514
1549
|
* @license
|
|
1515
1550
|
* Copyright 2022 Google LLC
|
|
1516
1551
|
* SPDX-License-Identifier: Apache-2.0
|
|
1517
|
-
*/;let Vt=class extends
|
|
1552
|
+
*/;let Vt=class extends Dt{};Vt.styles=[Ut],Vt=n([l("md-radio")],Vt);let qt=class extends e{constructor(){super(...arguments),this.name="radio-group",this.checked=!1,this.disabled=!1,this.error=!1}static{this.styles=t`
|
|
1518
1553
|
:host {
|
|
1519
1554
|
font-family: "Graphik", sans-serif;
|
|
1520
1555
|
}
|
|
@@ -1963,7 +1998,7 @@ const Dt=t`@layer{:host{display:inline-flex;height:var(--md-radio-icon-size, 20p
|
|
|
1963
1998
|
`:""}
|
|
1964
1999
|
</div>
|
|
1965
2000
|
</div>
|
|
1966
|
-
`}};n([I({type:Array}),a("design:type",Array)],Nt.prototype,"options",void 0),n([I({type:String}),a("design:type",Object)],Nt.prototype,"placeholder",void 0),n([I({type:String,attribute:"default-value"}),a("design:type",Object)],Nt.prototype,"defaultValue",void 0),n([I({type:Boolean}),a("design:type",Object)],Nt.prototype,"disabled",void 0),n([I({type:String}),a("design:type",Object)],Nt.prototype,"label",void 0),n([I({type:String}),a("design:type",String)],Nt.prototype,"value",void 0),n([I({type:String}),a("design:type",Object)],Nt.prototype,"labelColor",void 0),n([I({type:Boolean}),a("design:type",Object)],Nt.prototype,"filterable",void 0),n([I({type:Number}),a("design:type",Number)],Nt.prototype,"maxLength",void 0),n([I({type:Boolean,reflect:!0}),a("design:type",Boolean)],Nt.prototype,"error",void 0),n([I({type:Boolean}),a("design:type",Object)],Nt.prototype,"required",void 0),n([I({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"),a("design:paramtypes",[])],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
|
|
2001
|
+
`}};n([I({type:Array}),a("design:type",Array)],Nt.prototype,"options",void 0),n([I({type:String}),a("design:type",Object)],Nt.prototype,"placeholder",void 0),n([I({type:String,attribute:"default-value"}),a("design:type",Object)],Nt.prototype,"defaultValue",void 0),n([I({type:Boolean}),a("design:type",Object)],Nt.prototype,"disabled",void 0),n([I({type:String}),a("design:type",Object)],Nt.prototype,"label",void 0),n([I({type:String}),a("design:type",String)],Nt.prototype,"value",void 0),n([I({type:String}),a("design:type",Object)],Nt.prototype,"labelColor",void 0),n([I({type:Boolean}),a("design:type",Object)],Nt.prototype,"filterable",void 0),n([I({type:Number}),a("design:type",Number)],Nt.prototype,"maxLength",void 0),n([I({type:Boolean,reflect:!0}),a("design:type",Boolean)],Nt.prototype,"error",void 0),n([I({type:Boolean}),a("design:type",Object)],Nt.prototype,"required",void 0),n([I({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"),a("design:paramtypes",[])],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`
|
|
1967
2002
|
:host {
|
|
1968
2003
|
display: flex;
|
|
1969
2004
|
position: fixed;
|
|
@@ -2099,7 +2134,7 @@ const Dt=t`@layer{:host{display:inline-flex;height:var(--md-radio-icon-size, 20p
|
|
|
2099
2134
|
<randstad-icon name=${this.icon} size="24px" color="white"></randstad-icon>
|
|
2100
2135
|
<span class="message">${this.message}</span>
|
|
2101
2136
|
</div>
|
|
2102
|
-
`}}customElements.define("randstad-snackbar",
|
|
2137
|
+
`}}customElements.define("randstad-snackbar",Ht);let Kt=class extends e{constructor(){super(...arguments),this.totalSteps=4,this.currentStep=0}static{this.styles=t`
|
|
2103
2138
|
.stepper {
|
|
2104
2139
|
display: flex;
|
|
2105
2140
|
gap: 20px;
|
|
@@ -2199,7 +2234,7 @@ const Dt=t`@layer{:host{display:inline-flex;height:var(--md-radio-icon-size, 20p
|
|
|
2199
2234
|
</div>
|
|
2200
2235
|
`))}
|
|
2201
2236
|
</div>
|
|
2202
|
-
`}};n([I({type:Number}),a("design:type",Object)],
|
|
2237
|
+
`}};n([I({type:Number}),a("design:type",Object)],Kt.prototype,"totalSteps",void 0),n([I({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`
|
|
2203
2238
|
:host {
|
|
2204
2239
|
display: block;
|
|
2205
2240
|
border-bottom: 1px solid #E7E8EC;
|
|
@@ -2212,7 +2247,7 @@ const Dt=t`@layer{:host{display:inline-flex;height:var(--md-radio-icon-size, 20p
|
|
|
2212
2247
|
}
|
|
2213
2248
|
|
|
2214
2249
|
.tab {
|
|
2215
|
-
${
|
|
2250
|
+
${D};
|
|
2216
2251
|
display: flex;
|
|
2217
2252
|
gap: 8px;
|
|
2218
2253
|
flex-direction: row;
|
|
@@ -2462,5 +2497,5 @@ const Dt=t`@layer{:host{display:inline-flex;height:var(--md-radio-icon-size, 20p
|
|
|
2462
2497
|
</label>
|
|
2463
2498
|
`}
|
|
2464
2499
|
</div>
|
|
2465
|
-
`}};n([I({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([I({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,
|
|
2500
|
+
`}};n([I({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([I({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,H as CarouselCard,K as Checkbox,Q as CustomModal,Z as CustomPopup,qt 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};
|
|
2466
2501
|
//# sourceMappingURL=index.js.map
|