@randstad-uca/design-system 1.0.20 → 1.0.21
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/Form.d.ts +1 -0
- package/dist/index.js +17 -14
- package/dist/index.js.map +1 -1
- package/dist/package.json +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -4,23 +4,23 @@ import{LitElement as t,css as e,html as i,nothing as o,isServer as s}from"lit";f
|
|
|
4
4
|
* Copyright 2017 Google LLC
|
|
5
5
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
6
6
|
*/
|
|
7
|
-
const a=t=>(e,i)=>{void 0!==i?i.addInitializer((()=>{customElements.define(t,e)})):customElements.define(t,e)},l=globalThis,d=l.ShadowRoot&&(void 0===l.ShadyCSS||l.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,c=Symbol(),
|
|
7
|
+
const a=t=>(e,i)=>{void 0!==i?i.addInitializer((()=>{customElements.define(t,e)})):customElements.define(t,e)},l=globalThis,d=l.ShadowRoot&&(void 0===l.ShadyCSS||l.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,c=Symbol(),h=new WeakMap;
|
|
8
8
|
/**
|
|
9
9
|
* @license
|
|
10
10
|
* Copyright 2019 Google LLC
|
|
11
11
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
12
|
-
*/let
|
|
12
|
+
*/let p=class{constructor(t,e,i){if(this._$cssResult$=!0,i!==c)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(d&&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 u=d?t=>t:t=>t instanceof CSSStyleSheet?(t=>{let e="";for(const i of t.cssRules)e+=i.cssText;return(t=>new p("string"==typeof t?t:t+"",void 0,c))(e)})(t):t,{is:b,defineProperty:f,getOwnPropertyDescriptor:m,getOwnPropertyNames:g,getOwnPropertySymbols:y,getPrototypeOf:v}=Object,x=globalThis,w=x.trustedTypes,$=w?w.emptyScript:"",k=x.reactiveElementPolyfillSupport,S=(t,e)=>t,C={toAttribute(t,e){switch(e){case Boolean:t=t?$: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}},E=(t,e)=>!b(t,e),A={attribute:!0,type:String,converter:C,reflect:!1,useDefault:!1,hasChanged:E};
|
|
13
13
|
/**
|
|
14
14
|
* @license
|
|
15
15
|
* Copyright 2017 Google LLC
|
|
16
16
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
17
|
-
*/Symbol.metadata??=Symbol("metadata"),x.litPropertyMetadata??=new WeakMap;class _ 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"),x.litPropertyMetadata??=new WeakMap;class _ extends HTMLElement{static addInitializer(t){this._$Ei(),(this.l??=[]).push(t)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(t,e=A){if(e.state&&(e.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(t)&&((e=Object.create(e)).wrapped=!0),this.elementProperties.set(t,e),!e.noAccessor){const i=Symbol(),o=this.getPropertyDescriptor(t,i,e);void 0!==o&&f(this.prototype,t,o)}}static getPropertyDescriptor(t,e,i){const{get:o,set:s}=m(this.prototype,t)??{get(){return this[e]},set(t){this[e]=t}};return{get:o,set(e){const r=o?.call(this);s?.call(this,e),this.requestUpdate(t,r,i)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??A}static _$Ei(){if(this.hasOwnProperty(S("elementProperties")))return;const t=v(this);t.finalize(),void 0!==t.l&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(S("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(S("properties"))){const t=this.properties,e=[...g(t),...y(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(u(t))}else void 0!==t&&e.push(u(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((t,e)=>{if(d)t.adoptedStyleSheets=e.map((t=>t instanceof CSSStyleSheet?t:t.styleSheet));else for(const i of e){const e=document.createElement("style"),o=l.litNonce;void 0!==o&&e.setAttribute("nonce",o),e.textContent=i.cssText,t.appendChild(e)}})(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 s=(void 0!==i.converter?.toAttribute?i.converter:C).toAttribute(e,i.type);this._$Em=t,null==s?this.removeAttribute(o):this.setAttribute(o,s),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),s="function"==typeof t.converter?{fromAttribute:t.converter}:void 0!==t.converter?.fromAttribute?t.converter:C;this._$Em=o,this[o]=s.fromAttribute(e,t.type)??this._$Ej?.get(o)??null,this._$Em=null}}requestUpdate(t,e,i){if(void 0!==t){const o=this.constructor,s=this[t];if(i??=o.getPropertyOptions(t),!((i.hasChanged??E)(s,e)||i.useDefault&&i.reflect&&s===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:s},r){i&&!(this._$Ej??=new Map).has(t)&&(this._$Ej.set(t,r??e??this[t]),!0!==s||void 0!==r)||(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){}}_.elementStyles=[],_.shadowRootOptions={mode:"open"},_[S("elementProperties")]=new Map,_[S("finalized")]=new Map,k?.({ReactiveElement:_}),(x.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 O={attribute:!0,type:String,converter:C,reflect:!1,hasChanged:
|
|
23
|
+
const O={attribute:!0,type:String,converter:C,reflect:!1,hasChanged:E},z=(t=O,e,i)=>{const{kind:o,metadata:s}=i;let r=globalThis.litPropertyMetadata.get(s);if(void 0===r&&globalThis.litPropertyMetadata.set(s,r=new Map),"setter"===o&&((t=Object.create(t)).wrapped=!0),r.set(i.name,t),"accessor"===o){const{name:o}=i;return{set(i){const s=e.get.call(this);e.set.call(this,i),this.requestUpdate(o,s,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 s=this[o];e.call(this,i),this.requestUpdate(o,s,t)}}throw Error("Unsupported decorator location: "+o)};function T(t){return(e,i)=>"object"==typeof i?z(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
|
|
@@ -303,7 +303,7 @@ function I(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
|
|
|
303
303
|
text-decoration: none;
|
|
304
304
|
cursor: pointer;
|
|
305
305
|
}
|
|
306
|
-
`}toggleCheck(t){this.checked=t.target.checked,this.dispatchEvent(new
|
|
306
|
+
`}toggleCheck(t){this.checked=t.target.checked,this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0})),this.dispatchEvent(new Event("input",{bubbles:!0,composed:!0}))}renderClause(t,e){return e?i`<a class="terms-link" href="${e}" target="_blank" rel="noopener" @click=${this.stopPropagation}>${t}</a>`:i`${t}`}stopPropagation(t){t.stopPropagation()}render(){return i`
|
|
307
307
|
<label>
|
|
308
308
|
<input
|
|
309
309
|
type="checkbox"
|
|
@@ -568,7 +568,7 @@ function I(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
|
|
|
568
568
|
width: 24px;
|
|
569
569
|
height: 24px;
|
|
570
570
|
}
|
|
571
|
-
`}togglePassword(t){this.isPasswordVisible=!this.isPasswordVisible;const e=t.currentTarget.parentElement?.querySelector("input");e&&(e.type=this.isPasswordVisible?"text":"password"),this.requestUpdate()}handleInput(t){const e=t.target.value;void 0!==this.maxLength&&"textarea"!==this.type?this.value=e.slice(0,this.maxLength):this.value=e,this.dispatchEvent(new CustomEvent("valueChanged",{detail:this.value})),this.dispatchEvent(new Event("input",{bubbles:!0})),this.requestUpdate()}handleClear(){this.value="",this.dispatchEvent(new CustomEvent("valueChanged",{detail:this.value})),this.dispatchEvent(new Event("input",{bubbles:!0})),this.requestUpdate()}handleLinkClick(t){t.preventDefault(),this.linkRoute&&this.dispatchEvent(new CustomEvent("linkClicked",{detail:this.linkRoute,bubbles:!0,composed:!0}))}render(){const t=this.cleanButton&&this.value&&"password"!==this.type&&"textarea"!==this.type;return i`
|
|
571
|
+
`}togglePassword(t){this.isPasswordVisible=!this.isPasswordVisible;const e=t.currentTarget.parentElement?.querySelector("input");e&&(e.type=this.isPasswordVisible?"text":"password"),this.requestUpdate()}handleInput(t){const e=t.target.value;void 0!==this.maxLength&&"textarea"!==this.type?this.value=e.slice(0,this.maxLength):this.value=e,this.dispatchEvent(new CustomEvent("valueChanged",{detail:this.value})),this.dispatchEvent(new Event("input",{bubbles:!0})),this.requestUpdate()}handleClear(){this.value="",this.dispatchEvent(new CustomEvent("valueChanged",{detail:this.value})),this.dispatchEvent(new Event("input",{bubbles:!0})),this.requestUpdate()}handleLinkClick(t){t.preventDefault(),this.linkRoute&&this.dispatchEvent(new CustomEvent("linkClicked",{detail:this.linkRoute,bubbles:!0,composed:!0}))}handleKeyDown(t){if("Enter"===t.key){const t=new Event("submit",{bubbles:!0,composed:!0,cancelable:!0}),e=this.closest("form");e&&e.dispatchEvent(t)}}render(){const t=this.cleanButton&&this.value&&"password"!==this.type&&"textarea"!==this.type;return i`
|
|
572
572
|
<div
|
|
573
573
|
class="form ${this.error?"error":""} ${this.success?"success":""} ${this.disabled?"disabled":""}"
|
|
574
574
|
style=${this.labelColor?`--label-color: ${this.labelColor}`:o}
|
|
@@ -593,6 +593,8 @@ function I(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
|
|
|
593
593
|
.value=${this.value}
|
|
594
594
|
?disabled=${this.disabled}
|
|
595
595
|
@input=${this.handleInput}
|
|
596
|
+
@keydown=${this.handleKeyDown}
|
|
597
|
+
maxlength=${this.maxLength??o}
|
|
596
598
|
></textarea>`:i`
|
|
597
599
|
<input
|
|
598
600
|
class="form-input"
|
|
@@ -601,6 +603,7 @@ function I(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
|
|
|
601
603
|
.value=${this.value}
|
|
602
604
|
?disabled=${this.disabled}
|
|
603
605
|
@input=${this.handleInput}
|
|
606
|
+
@keydown=${this.handleKeyDown}
|
|
604
607
|
maxlength=${this.maxLength??o}
|
|
605
608
|
/>
|
|
606
609
|
|
|
@@ -902,7 +905,7 @@ const V=Symbol("attachableController");let N;s||(N=new MutationObserver((t=>{for
|
|
|
902
905
|
* @license
|
|
903
906
|
* Copyright 2021 Google LLC
|
|
904
907
|
* SPDX-License-Identifier: Apache-2.0
|
|
905
|
-
*/const H=["focusin","focusout","pointerdown"];class q extends t{constructor(){super(...arguments),this.visible=!1,this.inward=!1,this.attachableController=new B(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[G]){switch(t.type){default:return;case"focusin":this.visible=this.control?.matches(":focus-visible")??!1;break;case"focusout":case"pointerdown":this.visible=!1}t[G]=!0}}onControlChange(t,e){if(!s)for(const i of H)t?.removeEventListener(i,this),e?.addEventListener(i,this)}update(t){t.has("visible")&&this.dispatchEvent(new Event("visibility-changed")),super.update(t)}}r([T({type:Boolean,reflect:!0})],q.prototype,"visible",void 0),r([T({type:Boolean,reflect:!0})],q.prototype,"inward",void 0);const G=Symbol("handledByFocusRing"),
|
|
908
|
+
*/const H=["focusin","focusout","pointerdown"];class q extends t{constructor(){super(...arguments),this.visible=!1,this.inward=!1,this.attachableController=new B(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[G]){switch(t.type){default:return;case"focusin":this.visible=this.control?.matches(":focus-visible")??!1;break;case"focusout":case"pointerdown":this.visible=!1}t[G]=!0}}onControlChange(t,e){if(!s)for(const i of H)t?.removeEventListener(i,this),e?.addEventListener(i,this)}update(t){t.has("visible")&&this.dispatchEvent(new Event("visibility-changed")),super.update(t)}}r([T({type:Boolean,reflect:!0})],q.prototype,"visible",void 0),r([T({type:Boolean,reflect:!0})],q.prototype,"inward",void 0);const G=Symbol("handledByFocusRing"),K=e`: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}}
|
|
906
909
|
`
|
|
907
910
|
/**
|
|
908
911
|
* @license
|
|
@@ -913,13 +916,13 @@ const V=Symbol("attachableController");let N;s||(N=new MutationObserver((t=>{for
|
|
|
913
916
|
* @license
|
|
914
917
|
* Copyright 2024 Google LLC
|
|
915
918
|
* SPDX-License-Identifier: Apache-2.0
|
|
916
|
-
*/let
|
|
919
|
+
*/let W=class extends q{};W.styles=[K],W=r([a("md-focus-ring")],W);
|
|
917
920
|
/**
|
|
918
921
|
* @license
|
|
919
922
|
* Copyright 2017 Google LLC
|
|
920
923
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
921
924
|
*/
|
|
922
|
-
const
|
|
925
|
+
const Y=globalThis,X=Y.trustedTypes,J=X?X.createPolicy("lit-html",{createHTML:t=>t}):void 0,Z="$lit$",Q=`lit$${Math.random().toFixed(9).slice(2)}$`,tt="?"+Q,et=`<${tt}>`,it=document,ot=()=>it.createComment(""),st=t=>null===t||"object"!=typeof t&&"function"!=typeof t,rt=Array.isArray,nt="[ \t\n\f\r]",at=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,lt=/-->/g,dt=/>/g,ct=RegExp(`>|${nt}(?:([^\\s"'>=/]+)(${nt}*=${nt}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),ht=/'/g,pt=/"/g,ut=/^(?:script|style|textarea|title)$/i,bt=Symbol.for("lit-noChange"),ft=Symbol.for("lit-nothing"),mt=new WeakMap,gt=it.createTreeWalker(it,129);function yt(t,e){if(!rt(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==J?J.createHTML(e):e}const vt=(t,e)=>{const i=t.length-1,o=[];let s,r=2===e?"<svg>":3===e?"<math>":"",n=at;for(let e=0;e<i;e++){const i=t[e];let a,l,d=-1,c=0;for(;c<i.length&&(n.lastIndex=c,l=n.exec(i),null!==l);)c=n.lastIndex,n===at?"!--"===l[1]?n=lt:void 0!==l[1]?n=dt:void 0!==l[2]?(ut.test(l[2])&&(s=RegExp("</"+l[2],"g")),n=ct):void 0!==l[3]&&(n=ct):n===ct?">"===l[0]?(n=s??at,d=-1):void 0===l[1]?d=-2:(d=n.lastIndex-l[2].length,a=l[1],n=void 0===l[3]?ct:'"'===l[3]?pt:ht):n===pt||n===ht?n=ct:n===lt||n===dt?n=at:(n=ct,s=void 0);const h=n===ct&&t[e+1].startsWith("/>")?" ":"";r+=n===at?i+et:d>=0?(o.push(a),i.slice(0,d)+Z+i.slice(d)+Q+h):i+Q+(-2===d?e:h)}return[yt(t,r+(t[i]||"<?>")+(2===e?"</svg>":3===e?"</math>":"")),o]};class xt{constructor({strings:t,_$litType$:e},i){let o;this.parts=[];let s=0,r=0;const n=t.length-1,a=this.parts,[l,d]=vt(t,e);if(this.el=xt.createElement(l,i),gt.currentNode=this.el.content,2===e||3===e){const t=this.el.content.firstChild;t.replaceWith(...t.childNodes)}for(;null!==(o=gt.nextNode())&&a.length<n;){if(1===o.nodeType){if(o.hasAttributes())for(const t of o.getAttributeNames())if(t.endsWith(Z)){const e=d[r++],i=o.getAttribute(t).split(Q),n=/([.?@])?(.*)/.exec(e);a.push({type:1,index:s,name:n[2],strings:i,ctor:"."===n[1]?Ct:"?"===n[1]?Et:"@"===n[1]?At:St}),o.removeAttribute(t)}else t.startsWith(Q)&&(a.push({type:6,index:s}),o.removeAttribute(t));if(ut.test(o.tagName)){const t=o.textContent.split(Q),e=t.length-1;if(e>0){o.textContent=X?X.emptyScript:"";for(let i=0;i<e;i++)o.append(t[i],ot()),gt.nextNode(),a.push({type:2,index:++s});o.append(t[e],ot())}}}else if(8===o.nodeType)if(o.data===tt)a.push({type:2,index:s});else{let t=-1;for(;-1!==(t=o.data.indexOf(Q,t+1));)a.push({type:7,index:s}),t+=Q.length-1}s++}}static createElement(t,e){const i=it.createElement("template");return i.innerHTML=t,i}}function wt(t,e,i=t,o){if(e===bt)return e;let s=void 0!==o?i._$Co?.[o]:i._$Cl;const r=st(e)?void 0:e._$litDirective$;return s?.constructor!==r&&(s?._$AO?.(!1),void 0===r?s=void 0:(s=new r(t),s._$AT(t,i,o)),void 0!==o?(i._$Co??=[])[o]=s:i._$Cl=s),void 0!==s&&(e=wt(t,s._$AS(t,e.values),s,o)),e}class $t{constructor(t,e){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=e}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){const{el:{content:e},parts:i}=this._$AD,o=(t?.creationScope??it).importNode(e,!0);gt.currentNode=o;let s=gt.nextNode(),r=0,n=0,a=i[0];for(;void 0!==a;){if(r===a.index){let e;2===a.type?e=new kt(s,s.nextSibling,this,t):1===a.type?e=new a.ctor(s,a.name,a.strings,this,t):6===a.type&&(e=new _t(s,this,t)),this._$AV.push(e),a=i[++n]}r!==a?.index&&(s=gt.nextNode(),r++)}return gt.currentNode=it,o}p(t){let e=0;for(const i of this._$AV)void 0!==i&&(void 0!==i.strings?(i._$AI(t,i,e),e+=i.strings.length-2):i._$AI(t[e])),e++}}class kt{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(t,e,i,o){this.type=2,this._$AH=ft,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=i,this.options=o,this._$Cv=o?.isConnected??!0}get parentNode(){let t=this._$AA.parentNode;const e=this._$AM;return void 0!==e&&11===t?.nodeType&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=wt(this,t,e),st(t)?t===ft||null==t||""===t?(this._$AH!==ft&&this._$AR(),this._$AH=ft):t!==this._$AH&&t!==bt&&this._(t):void 0!==t._$litType$?this.$(t):void 0!==t.nodeType?this.T(t):(t=>rt(t)||"function"==typeof t?.[Symbol.iterator])(t)?this.k(t):this._(t)}O(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.O(t))}_(t){this._$AH!==ft&&st(this._$AH)?this._$AA.nextSibling.data=t:this.T(it.createTextNode(t)),this._$AH=t}$(t){const{values:e,_$litType$:i}=t,o="number"==typeof i?this._$AC(t):(void 0===i.el&&(i.el=xt.createElement(yt(i.h,i.h[0]),this.options)),i);if(this._$AH?._$AD===o)this._$AH.p(e);else{const t=new $t(o,this),i=t.u(this.options);t.p(e),this.T(i),this._$AH=t}}_$AC(t){let e=mt.get(t.strings);return void 0===e&&mt.set(t.strings,e=new xt(t)),e}k(t){rt(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let i,o=0;for(const s of t)o===e.length?e.push(i=new kt(this.O(ot()),this.O(ot()),this,this.options)):i=e[o],i._$AI(s),o++;o<e.length&&(this._$AR(i&&i._$AB.nextSibling,o),e.length=o)}_$AR(t=this._$AA.nextSibling,e){for(this._$AP?.(!1,!0,e);t&&t!==this._$AB;){const e=t.nextSibling;t.remove(),t=e}}setConnected(t){void 0===this._$AM&&(this._$Cv=t,this._$AP?.(t))}}class St{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,e,i,o,s){this.type=1,this._$AH=ft,this._$AN=void 0,this.element=t,this.name=e,this._$AM=o,this.options=s,i.length>2||""!==i[0]||""!==i[1]?(this._$AH=Array(i.length-1).fill(new String),this.strings=i):this._$AH=ft}_$AI(t,e=this,i,o){const s=this.strings;let r=!1;if(void 0===s)t=wt(this,t,e,0),r=!st(t)||t!==this._$AH&&t!==bt,r&&(this._$AH=t);else{const o=t;let n,a;for(t=s[0],n=0;n<s.length-1;n++)a=wt(this,o[i+n],e,n),a===bt&&(a=this._$AH[n]),r||=!st(a)||a!==this._$AH[n],a===ft?t=ft:t!==ft&&(t+=(a??"")+s[n+1]),this._$AH[n]=a}r&&!o&&this.j(t)}j(t){t===ft?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}}class Ct extends St{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===ft?void 0:t}}class Et extends St{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==ft)}}class At extends St{constructor(t,e,i,o,s){super(t,e,i,o,s),this.type=5}_$AI(t,e=this){if((t=wt(this,t,e,0)??ft)===bt)return;const i=this._$AH,o=t===ft&&i!==ft||t.capture!==i.capture||t.once!==i.once||t.passive!==i.passive,s=t!==ft&&(i===ft||o);o&&this.element.removeEventListener(this.name,this,i),s&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){"function"==typeof this._$AH?this._$AH.call(this.options?.host??this.element,t):this._$AH.handleEvent(t)}}class _t{constructor(t,e,i){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=i}get _$AU(){return this._$AM._$AU}_$AI(t){wt(this,t)}}const Ot=Y.litHtmlPolyfillSupport;Ot?.(xt,kt),(Y.litHtmlVersions??=[]).push("3.3.0");
|
|
923
926
|
/**
|
|
924
927
|
* @license
|
|
925
928
|
* Copyright 2017 Google LLC
|
|
@@ -964,13 +967,13 @@ function Lt(t){return t.currentTarget===t.target&&(t.composedPath()[0]===t.targe
|
|
|
964
967
|
* Copyright 2023 Google LLC
|
|
965
968
|
* SPDX-License-Identifier: Apache-2.0
|
|
966
969
|
*/
|
|
967
|
-
const Ht=Symbol("createValidator"),qt=Symbol("getValidityAnchor"),Gt=Symbol("privateValidator"),
|
|
970
|
+
const Ht=Symbol("createValidator"),qt=Symbol("getValidityAnchor"),Gt=Symbol("privateValidator"),Kt=Symbol("privateSyncValidity"),Wt=Symbol("privateCustomValidationMessage");
|
|
968
971
|
/**
|
|
969
972
|
* @license
|
|
970
973
|
* Copyright 2023 Google LLC
|
|
971
974
|
* SPDX-License-Identifier: Apache-2.0
|
|
972
975
|
*/
|
|
973
|
-
const
|
|
976
|
+
const Yt=Symbol("isFocusable"),Xt=Symbol("privateIsFocusable"),Jt=Symbol("externalTabIndex"),Zt=Symbol("isUpdatingTabIndex"),Qt=Symbol("updateTabIndex");
|
|
974
977
|
/**
|
|
975
978
|
* @license
|
|
976
979
|
* Copyright 2023 Google LLC
|
|
@@ -997,7 +1000,7 @@ class ie{constructor(t){this.getCurrentState=t,this.currentValidity={validity:{}
|
|
|
997
1000
|
* @license
|
|
998
1001
|
* Copyright 2018 Google LLC
|
|
999
1002
|
* SPDX-License-Identifier: Apache-2.0
|
|
1000
|
-
*/var re;const ne=Symbol("checked");let ae=0;const le=function(t){var e;class i extends t{constructor(){super(...arguments),this[e]=""}get validity(){return this[
|
|
1003
|
+
*/var re;const ne=Symbol("checked");let ae=0;const le=function(t){var e;class i extends t{constructor(){super(...arguments),this[e]=""}get validity(){return this[Kt](),this[Nt].validity}get validationMessage(){return this[Kt](),this[Nt].validationMessage}get willValidate(){return this[Kt](),this[Nt].willValidate}checkValidity(){return this[Kt](),this[Nt].checkValidity()}reportValidity(){return this[Kt](),this[Nt].reportValidity()}setCustomValidity(t){this[Wt]=t,this[Kt]()}requestUpdate(t,e,i){super.requestUpdate(t,e,i),this[Kt]()}firstUpdated(t){super.firstUpdated(t),this[Kt]()}[(e=Wt,Kt)](){if(s)return;this[Gt]||(this[Gt]=this[Ht]());const{validity:t,validationMessage:e}=this[Gt].getValidity(),i=!!this[Wt],o=this[Wt]||e;this[Nt].setValidity({...t,customError:i},o,this[qt]()??void 0)}[Ht](){throw new Error("Implement [createValidator]")}[qt](){throw new Error("Implement [getValidityAnchor]")}}return i}(function(t){class e extends t{get form(){return this[Nt].form}get labels(){return this[Nt].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[Nt].setFormValue(this[te](),this[ee]())}[te](){throw new Error("Implement [getFormValue]")}[ee](){return this[te]()}formDisabledCallback(t){this.disabled=t}}return e.formAssociated=!0,r([T({noAccessor:!0})],e.prototype,"name",null),r([T({type:Boolean,noAccessor:!0})],e.prototype,"disabled",null),e}((de=function(t){var e,i,o;class s extends t{constructor(){super(...arguments),this[e]=!0,this[i]=null,this[o]=!1}get[Yt](){return this[Xt]}set[Yt](t){this[Yt]!==t&&(this[Xt]=t,this[Qt]())}connectedCallback(){super.connectedCallback(),this[Qt]()}attributeChangedCallback(t,e,i){if("tabindex"===t){if(this.requestUpdate("tabIndex",Number(e??-1)),!this[Zt])return this.hasAttribute("tabindex")?void(this[Jt]=this.tabIndex):(this[Jt]=null,void this[Qt]())}else super.attributeChangedCallback(t,e,i)}[(e=Xt,i=Jt,o=Zt,Qt)](){const t=this[Yt]?0:-1,e=this[Jt]??t;this[Zt]=!0,this.tabIndex=e,this[Zt]=!1}}return r([T({noAccessor:!0})],s.prototype,"tabIndex",void 0),s}(t),class extends de{get[Nt](){return this[Bt]||(this[Bt]=this.attachInternals()),this[Bt]}})));var de;class ce extends le{get checked(){return this[ne]}set checked(t){const e=this.checked;e!==t&&(this[ne]=t,this.requestUpdate("checked",e),this.selectionController.handleCheckedChange())}constructor(){super(),this.maskId="cutout"+ ++ae,this[re]=!1,this.required=!1,this.value="on",this.selectionController=new se(this),this.addController(this.selectionController),s||(this[Nt].role="radio",this.addEventListener("click",this.handleClick.bind(this)),this.addEventListener("keydown",this.handleKeydown.bind(this)))}render(){const t={checked:this.checked};return i`
|
|
1001
1004
|
<div class="container ${Pt(t)}" aria-hidden="true">
|
|
1002
1005
|
<md-ripple
|
|
1003
1006
|
part="ripple"
|
|
@@ -1026,13 +1029,13 @@ class ie{constructor(t){this.getCurrentState=t,this.currentValidity={validity:{}
|
|
|
1026
1029
|
* Copyright 2024 Google LLC
|
|
1027
1030
|
* SPDX-License-Identifier: Apache-2.0
|
|
1028
1031
|
*/
|
|
1029
|
-
const
|
|
1032
|
+
const he=e`@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}}}
|
|
1030
1033
|
`
|
|
1031
1034
|
/**
|
|
1032
1035
|
* @license
|
|
1033
1036
|
* Copyright 2022 Google LLC
|
|
1034
1037
|
* SPDX-License-Identifier: Apache-2.0
|
|
1035
|
-
*/;let
|
|
1038
|
+
*/;let pe=class extends ce{};pe.styles=[he],pe=r([a("md-radio")],pe);let ue=class extends t{constructor(){super(...arguments),this.name="radio-group",this.checked=!1,this.disabled=!1,this.error=!1}static{this.styles=e`
|
|
1036
1039
|
:host {
|
|
1037
1040
|
font-family: "Graphik", sans-serif;
|
|
1038
1041
|
}
|