@aurodesignsystem-dev/auro-formkit 0.0.0-pr1506.0 → 0.0.0-pr1506.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/checkbox/demo/customize.html +1 -2
- package/components/checkbox/demo/customize.min.js +1 -1
- package/components/checkbox/demo/getting-started.min.js +1 -1
- package/components/checkbox/demo/index.min.js +1 -1
- package/components/checkbox/dist/index.js +1 -1
- package/components/checkbox/dist/registered.js +1 -1
- package/components/combobox/demo/customize.html +1 -2
- package/components/combobox/demo/customize.md +108 -132
- package/components/combobox/demo/customize.min.js +26 -130
- package/components/combobox/demo/getting-started.min.js +26 -130
- package/components/combobox/demo/index.min.js +26 -130
- package/components/combobox/dist/index.js +26 -130
- package/components/combobox/dist/registered.js +26 -130
- package/components/counter/demo/customize.min.js +2 -2
- package/components/counter/demo/index.min.js +2 -2
- package/components/counter/dist/index.js +2 -2
- package/components/counter/dist/registered.js +2 -2
- package/components/datepicker/demo/customize.min.js +12 -124
- package/components/datepicker/demo/index.min.js +12 -124
- package/components/datepicker/dist/index.js +12 -124
- package/components/datepicker/dist/registered.js +12 -124
- package/components/dropdown/demo/customize.min.js +1 -1
- package/components/dropdown/demo/getting-started.min.js +1 -1
- package/components/dropdown/demo/index.min.js +1 -1
- package/components/dropdown/dist/index.js +1 -1
- package/components/dropdown/dist/registered.js +1 -1
- package/components/form/demo/customize.html +6 -6
- package/components/form/demo/customize.js +19 -0
- package/components/form/demo/customize.md +203 -51
- package/components/form/demo/customize.min.js +489 -419
- package/components/form/demo/getting-started.min.js +417 -419
- package/components/form/demo/index.min.js +417 -419
- package/components/form/demo/registerDemoDeps.min.js +54 -382
- package/components/form/dist/auro-form.d.ts +122 -4
- package/components/form/dist/index.js +363 -37
- package/components/form/dist/registered.js +363 -37
- package/components/input/demo/customize.html +1 -2
- package/components/input/demo/customize.min.js +10 -122
- package/components/input/demo/getting-started.min.js +10 -122
- package/components/input/demo/index.min.js +10 -122
- package/components/input/dist/base-input.d.ts +1 -49
- package/components/input/dist/index.js +10 -122
- package/components/input/dist/registered.js +10 -122
- package/components/radio/demo/customize.min.js +1 -1
- package/components/radio/demo/getting-started.min.js +1 -1
- package/components/radio/demo/index.min.js +1 -1
- package/components/radio/dist/index.js +1 -1
- package/components/radio/dist/registered.js +1 -1
- package/components/select/demo/customize.html +1 -2
- package/components/select/demo/customize.min.js +2 -2
- package/components/select/demo/getting-started.min.js +2 -2
- package/components/select/demo/index.min.js +2 -2
- package/components/select/dist/index.js +2 -2
- package/components/select/dist/registered.js +2 -2
- package/custom-elements.json +123 -266
- package/package.json +1 -1
|
@@ -13392,7 +13392,7 @@ class AuroBibtemplate extends LitElement {
|
|
|
13392
13392
|
}
|
|
13393
13393
|
}
|
|
13394
13394
|
|
|
13395
|
-
var formkitVersion$2 = '
|
|
13395
|
+
var formkitVersion$2 = '202606221656';
|
|
13396
13396
|
|
|
13397
13397
|
let l$1 = class l{generateElementName(t,e){let o=t;return o+="-",o+=e.replace(/[.]/g,"_"),o}generateTag(o,s,a){const r=this.generateElementName(o,s),i=literal`${unsafeStatic(r)}`;return customElements.get(r)||customElements.define(r,class extends a{}),i}};let d$1 = class d{registerComponent(t,e){customElements.get(t)||customElements.define(t,class extends e{});}closestElement(t,e=this,o=(e,s=e&&e.closest(t))=>e&&e!==document&&e!==window?s||o(e.getRootNode().host):null){return o(e)}handleComponentTagRename(t,e){const o=e.toLowerCase();t.tagName.toLowerCase()!==o&&t.setAttribute(o,true);}elementMatch(t,e){const o=e.toLowerCase();return t.tagName.toLowerCase()===o||t.hasAttribute(o)}getSlotText(t,e){const o=t.shadowRoot?.querySelector(`slot[name="${e}"]`),s=(o?.assignedNodes({flatten:true})||[]).map(t=>t.textContent?.trim()).join(" ").trim();return s||null}};let h$1 = class h{registerComponent(t,e){customElements.get(t)||customElements.define(t,class extends e{});}closestElement(t,e=this,o=(e,s=e&&e.closest(t))=>e&&e!==document&&e!==window?s||o(e.getRootNode().host):null){return o(e)}handleComponentTagRename(t,e){const o=e.toLowerCase();t.tagName.toLowerCase()!==o&&t.setAttribute(o,true);}elementMatch(t,e){const o=e.toLowerCase();return t.tagName.toLowerCase()===o||t.hasAttribute(o)}};var c$1=css`:host{color:var(--ds-auro-loader-color)}:host>span{background-color:var(--ds-auro-loader-background-color);border-color:var(--ds-auro-loader-border-color)}:host([onlight]),:host([appearance=brand]){--ds-auro-loader-color: var(--ds-basic-color-brand-primary, #01426a)}:host([ondark]),:host([appearance=inverse]){--ds-auro-loader-color: var(--ds-basic-color-texticon-inverse, #ffffff)}:host([orbit])>span{--ds-auro-loader-background-color: transparent}:host([orbit])>span:nth-child(1){--ds-auro-loader-border-color: currentcolor;opacity:.25}:host([orbit])>span:nth-child(2){--ds-auro-loader-border-color: currentcolor;border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent}
|
|
13398
13398
|
`,u$4=css`.body-default{font-size:var(--wcss-body-default-font-size, 1rem);line-height:var(--wcss-body-default-line-height, 1.5rem)}.body-default,.body-lg{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-lg{font-size:var(--wcss-body-lg-font-size, 1.125rem);line-height:var(--wcss-body-lg-line-height, 1.625rem)}.body-sm{font-size:var(--wcss-body-sm-font-size, .875rem);line-height:var(--wcss-body-sm-line-height, 1.25rem)}.body-sm,.body-xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-xs{font-size:var(--wcss-body-xs-font-size, .75rem);line-height:var(--wcss-body-xs-line-height, 1rem)}.body-2xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:var(--wcss-body-2xs-font-size, .625rem);font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0);line-height:var(--wcss-body-2xs-line-height, .875rem)}.display-2xl{font-family:var(--wcss-display-2xl-family, "AS Circular"),var(--wcss-display-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-2xl-font-size, clamp(3.5rem, 6vw, 5.375rem));font-weight:var(--wcss-display-2xl-weight, 300);letter-spacing:var(--wcss-display-2xl-letter-spacing, 0);line-height:var(--wcss-display-2xl-line-height, 1.3)}.display-xl{font-family:var(--wcss-display-xl-family, "AS Circular"),var(--wcss-display-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xl-font-size, clamp(3rem, 5.3333333333vw, 4.5rem));font-weight:var(--wcss-display-xl-weight, 300);letter-spacing:var(--wcss-display-xl-letter-spacing, 0);line-height:var(--wcss-display-xl-line-height, 1.3)}.display-lg{font-family:var(--wcss-display-lg-family, "AS Circular"),var(--wcss-display-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-lg-font-size, clamp(2.75rem, 4.6666666667vw, 4rem));font-weight:var(--wcss-display-lg-weight, 300);letter-spacing:var(--wcss-display-lg-letter-spacing, 0);line-height:var(--wcss-display-lg-line-height, 1.3)}.display-md{font-family:var(--wcss-display-md-family, "AS Circular"),var(--wcss-display-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-md-font-size, clamp(2.5rem, 4vw, 3.5rem));font-weight:var(--wcss-display-md-weight, 300);letter-spacing:var(--wcss-display-md-letter-spacing, 0);line-height:var(--wcss-display-md-line-height, 1.3)}.display-sm{font-family:var(--wcss-display-sm-family, "AS Circular"),var(--wcss-display-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-sm-font-size, clamp(2rem, 3.6666666667vw, 3rem));font-weight:var(--wcss-display-sm-weight, 300);letter-spacing:var(--wcss-display-sm-letter-spacing, 0);line-height:var(--wcss-display-sm-line-height, 1.3)}.display-xs{font-family:var(--wcss-display-xs-family, "AS Circular"),var(--wcss-display-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xs-font-size, clamp(1.75rem, 3vw, 2.375rem));font-weight:var(--wcss-display-xs-weight, 300);letter-spacing:var(--wcss-display-xs-letter-spacing, 0);line-height:var(--wcss-display-xs-line-height, 1.3)}.heading-xl{font-family:var(--wcss-heading-xl-family, "AS Circular"),var(--wcss-heading-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xl-font-size, clamp(2rem, 3vw, 2.5rem));font-weight:var(--wcss-heading-xl-weight, 300);letter-spacing:var(--wcss-heading-xl-letter-spacing, 0);line-height:var(--wcss-heading-xl-line-height, 1.3)}.heading-lg{font-family:var(--wcss-heading-lg-family, "AS Circular"),var(--wcss-heading-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-lg-font-size, clamp(1.75rem, 2.6666666667vw, 2.25rem));font-weight:var(--wcss-heading-lg-weight, 300);letter-spacing:var(--wcss-heading-lg-letter-spacing, 0);line-height:var(--wcss-heading-lg-line-height, 1.3)}.heading-md{font-family:var(--wcss-heading-md-family, "AS Circular"),var(--wcss-heading-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-md-font-size, clamp(1.625rem, 2.3333333333vw, 1.75rem));font-weight:var(--wcss-heading-md-weight, 300);letter-spacing:var(--wcss-heading-md-letter-spacing, 0);line-height:var(--wcss-heading-md-line-height, 1.3)}.heading-sm{font-family:var(--wcss-heading-sm-family, "AS Circular"),var(--wcss-heading-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-sm-font-size, clamp(1.375rem, 2vw, 1.5rem));font-weight:var(--wcss-heading-sm-weight, 300);letter-spacing:var(--wcss-heading-sm-letter-spacing, 0);line-height:var(--wcss-heading-sm-line-height, 1.3)}.heading-xs{font-family:var(--wcss-heading-xs-family, "AS Circular"),var(--wcss-heading-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xs-font-size, clamp(1.25rem, 1.6666666667vw, 1.25rem));font-weight:var(--wcss-heading-xs-weight, 450);letter-spacing:var(--wcss-heading-xs-letter-spacing, 0);line-height:var(--wcss-heading-xs-line-height, 1.3)}.heading-2xs{font-family:var(--wcss-heading-2xs-family, "AS Circular"),var(--wcss-heading-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-2xs-font-size, clamp(1.125rem, 1.5vw, 1.125rem));font-weight:var(--wcss-heading-2xs-weight, 450);letter-spacing:var(--wcss-heading-2xs-letter-spacing, 0);line-height:var(--wcss-heading-2xs-line-height, 1.3)}.accent-2xl{font-family:var(--wcss-accent-2xl-family, "Good OT"),var(--wcss-accent-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xl-font-size, clamp(2rem, 3.1666666667vw, 2.375rem));font-weight:var(--wcss-accent-2xl-weight, 450);letter-spacing:var(--wcss-accent-2xl-letter-spacing, .05em);line-height:var(--wcss-accent-2xl-line-height, 1)}.accent-2xl,.accent-xl{text-transform:uppercase}.accent-xl{font-family:var(--wcss-accent-xl-family, "Good OT"),var(--wcss-accent-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xl-font-size, clamp(1.625rem, 2.3333333333vw, 2rem));font-weight:var(--wcss-accent-xl-weight, 450);letter-spacing:var(--wcss-accent-xl-letter-spacing, .05em);line-height:var(--wcss-accent-xl-line-height, 1.3)}.accent-lg{font-family:var(--wcss-accent-lg-family, "Good OT"),var(--wcss-accent-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-lg-font-size, clamp(1.5rem, 2.1666666667vw, 1.75rem));font-weight:var(--wcss-accent-lg-weight, 450);letter-spacing:var(--wcss-accent-lg-letter-spacing, .05em);line-height:var(--wcss-accent-lg-line-height, 1.3)}.accent-lg,.accent-md{text-transform:uppercase}.accent-md{font-family:var(--wcss-accent-md-family, "Good OT"),var(--wcss-accent-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-md-font-size, clamp(1.375rem, 1.8333333333vw, 1.5rem));font-weight:var(--wcss-accent-md-weight, 500);letter-spacing:var(--wcss-accent-md-letter-spacing, .05em);line-height:var(--wcss-accent-md-line-height, 1.3)}.accent-sm{font-family:var(--wcss-accent-sm-family, "Good OT"),var(--wcss-accent-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-sm-font-size, clamp(1.125rem, 1.5vw, 1.25rem));font-weight:var(--wcss-accent-sm-weight, 500);letter-spacing:var(--wcss-accent-sm-letter-spacing, .05em);line-height:var(--wcss-accent-sm-line-height, 1.3)}.accent-sm,.accent-xs{text-transform:uppercase}.accent-xs{font-family:var(--wcss-accent-xs-family, "Good OT"),var(--wcss-accent-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xs-font-size, clamp(1rem, 1.3333333333vw, 1rem));font-weight:var(--wcss-accent-xs-weight, 500);letter-spacing:var(--wcss-accent-xs-letter-spacing, .1em);line-height:var(--wcss-accent-xs-line-height, 1.3)}.accent-2xs{font-family:var(--wcss-accent-2xs-family, "Good OT"),var(--wcss-accent-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xs-font-size, clamp(.875rem, 1.1666666667vw, .875rem));font-weight:var(--wcss-accent-2xs-weight, 450);letter-spacing:var(--wcss-accent-2xs-letter-spacing, .1em);line-height:var(--wcss-accent-2xs-line-height, 1.3);text-transform:uppercase}:focus:not(:focus-visible){outline:3px solid transparent}:host,:host>span{position:relative}:host{width:2rem;height:2rem;display:inline-block;font-size:0}:host>span{position:absolute;display:inline-block;float:none;top:0;left:0;width:2rem;height:2rem;border-radius:100%;border-style:solid;border-width:0;box-sizing:border-box}:host([xs]),:host([xs])>span{width:1.2rem;height:1.2rem}:host([sm]),:host([sm])>span{width:3rem;height:3rem}:host([md]),:host([md])>span{width:5rem;height:5rem}:host([lg]),:host([lg])>span{width:8rem;height:8rem}:host{--margin: .375rem;--margin-xs: .2rem;--margin-sm: .5rem;--margin-md: .75rem;--margin-lg: 1rem}:host([pulse]),:host([pulse])>span{position:relative}:host([pulse]){width:calc(3rem + var(--margin) * 6);height:calc(1rem + var(--margin) * 2)}:host([pulse])>span{width:1rem;height:1rem;margin:var(--margin);animation:pulse 1.5s ease infinite}:host([pulse][xs]){width:calc(1.95rem + var(--margin-xs) * 6);height:calc(.65rem + var(--margin-xs) * 2)}:host([pulse][xs])>span{margin:var(--margin-xs);width:.65rem;height:.65rem}:host([pulse][sm]){width:calc(6rem + var(--margin-sm) * 6);height:calc(2rem + var(--margin-sm) * 2)}:host([pulse][sm])>span{margin:var(--margin-sm);width:2rem;height:2rem}:host([pulse][md]){width:calc(9rem + var(--margin-md) * 6);height:calc(3rem + var(--margin-md) * 2)}:host([pulse][md])>span{margin:var(--margin-md);width:3rem;height:3rem}:host([pulse][lg]){width:calc(15rem + var(--margin-lg) * 6);height:calc(5rem + var(--margin-lg) * 2)}:host([pulse][lg])>span{margin:var(--margin-lg);width:5rem;height:5rem}:host([pulse])>span:nth-child(1){animation-delay:-.4s}:host([pulse])>span:nth-child(2){animation-delay:-.2s}:host([pulse])>span:nth-child(3){animation-delay:0ms}@keyframes pulse{0%,to{opacity:.1;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}:host([orbit]),:host([orbit])>span{opacity:1}:host([orbit])>span{border-width:5px}:host([orbit])>span:nth-child(2){animation:orbit 2s linear infinite}:host([orbit][sm])>span{border-width:8px}:host([orbit][md])>span{border-width:13px}:host([orbit][lg])>span{border-width:21px}@keyframes orbit{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host([ringworm])>svg{animation:rotate 2s linear infinite;height:100%;width:100%;stroke:currentcolor;stroke-width:8}:host([ringworm]) .path{stroke-dashoffset:0;animation:ringworm 1.5s ease-in-out infinite;stroke-linecap:round}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes ringworm{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}to{stroke-dasharray:89,200;stroke-dashoffset:-124px}}:host([laser]){position:static;width:100%;display:block;height:0;overflow:hidden;font-size:unset}:host([laser])>span{position:fixed;width:100%;height:.25rem;border-radius:0;z-index:100}:host([laser])>span:nth-child(1){border-color:currentcolor;opacity:.25}:host([laser])>span:nth-child(2){border-color:currentcolor;animation:laser 2s linear infinite;opacity:1;width:50%}:host([laser][sm])>span:nth-child(2){width:20%}:host([laser][md])>span:nth-child(2){width:30%}:host([laser][lg])>span:nth-child(2){width:50%;animation-duration:1.5s}:host([laser][xl])>span:nth-child(2){width:80%;animation-duration:1.5s}@keyframes laser{0%{left:-100%}to{left:110%}}:host>.no-animation{display:none}@media (prefers-reduced-motion: reduce){:host{display:flex;align-items:center;justify-content:center}:host>span{opacity:1}:host>.loader{display:none}:host>svg{display:none}:host>.no-animation{display:block}}
|
|
@@ -18903,7 +18903,7 @@ let AuroHelpText$2 = class AuroHelpText extends LitElement {
|
|
|
18903
18903
|
}
|
|
18904
18904
|
};
|
|
18905
18905
|
|
|
18906
|
-
var formkitVersion$1 = '
|
|
18906
|
+
var formkitVersion$1 = '202606221656';
|
|
18907
18907
|
|
|
18908
18908
|
let AuroElement$2 = class AuroElement extends LitElement {
|
|
18909
18909
|
static get properties() {
|
|
@@ -30769,10 +30769,8 @@ class BaseInput extends AuroElement$1 {
|
|
|
30769
30769
|
this.layout = 'classic';
|
|
30770
30770
|
this.locale = 'en-US';
|
|
30771
30771
|
this.max = undefined;
|
|
30772
|
-
this._maxObject = undefined;
|
|
30773
30772
|
this.maxLength = undefined;
|
|
30774
30773
|
this.min = undefined;
|
|
30775
|
-
this._minObject = undefined;
|
|
30776
30774
|
this.minLength = undefined;
|
|
30777
30775
|
this.required = false;
|
|
30778
30776
|
this.onDark = false;
|
|
@@ -30780,7 +30778,6 @@ class BaseInput extends AuroElement$1 {
|
|
|
30780
30778
|
this.size = 'lg';
|
|
30781
30779
|
this.shape = 'classic';
|
|
30782
30780
|
this.value = undefined;
|
|
30783
|
-
this._valueObject = undefined;
|
|
30784
30781
|
|
|
30785
30782
|
this._initializePrivateDefaults();
|
|
30786
30783
|
}
|
|
@@ -31320,7 +31317,7 @@ class BaseInput extends AuroElement$1 {
|
|
|
31320
31317
|
* @returns {Date|undefined}
|
|
31321
31318
|
*/
|
|
31322
31319
|
get valueObject() {
|
|
31323
|
-
return this.
|
|
31320
|
+
return this.value && dateFormatter.isValidDate(this.value) ? dateFormatter.stringToDateInstance(this.value) : undefined;
|
|
31324
31321
|
}
|
|
31325
31322
|
|
|
31326
31323
|
/**
|
|
@@ -31328,7 +31325,7 @@ class BaseInput extends AuroElement$1 {
|
|
|
31328
31325
|
* @returns {Date|undefined}
|
|
31329
31326
|
*/
|
|
31330
31327
|
get minObject() {
|
|
31331
|
-
return this.
|
|
31328
|
+
return this.min && dateFormatter.isValidDate(this.min) ? dateFormatter.stringToDateInstance(this.min) : undefined;
|
|
31332
31329
|
}
|
|
31333
31330
|
|
|
31334
31331
|
/**
|
|
@@ -31336,50 +31333,7 @@ class BaseInput extends AuroElement$1 {
|
|
|
31336
31333
|
* @returns {Date|undefined}
|
|
31337
31334
|
*/
|
|
31338
31335
|
get maxObject() {
|
|
31339
|
-
return this.
|
|
31340
|
-
}
|
|
31341
|
-
|
|
31342
|
-
/**
|
|
31343
|
-
* Parses a date string into a Date object when the corresponding `_*Object`
|
|
31344
|
-
* field hasn't been synced yet by `updated()`. Returns undefined when the
|
|
31345
|
-
* input type/format isn't a full date or the string is not a valid date.
|
|
31346
|
-
*
|
|
31347
|
-
* Why this exists: a parent (datepicker) can call `inputN.validate()` from
|
|
31348
|
-
* inside its own `updated()` before this input's `updated()` has run
|
|
31349
|
-
* `syncDateValues()` — so `_valueObject`/`_maxObject` are still `undefined`
|
|
31350
|
-
* and range checks would otherwise silently no-op (flipping the result to
|
|
31351
|
-
* `valid` or `patternMismatch`).
|
|
31352
|
-
* @private
|
|
31353
|
-
* @param {string|undefined} dateStr - ISO date string from `value`/`min`/`max`.
|
|
31354
|
-
* @returns {Date|undefined}
|
|
31355
|
-
*/
|
|
31356
|
-
_computeDateObjectFallback(dateStr) {
|
|
31357
|
-
if (!dateStr || !this.util || !this.util.isFullDateFormat(this.type, this.format)) {
|
|
31358
|
-
return undefined;
|
|
31359
|
-
}
|
|
31360
|
-
if (!dateFormatter.isValidDate(dateStr)) {
|
|
31361
|
-
return undefined;
|
|
31362
|
-
}
|
|
31363
|
-
return dateFormatter.stringToDateInstance(dateStr);
|
|
31364
|
-
}
|
|
31365
|
-
|
|
31366
|
-
/**
|
|
31367
|
-
* Internal setter for readonly date object properties.
|
|
31368
|
-
* @private
|
|
31369
|
-
* @param {'valueObject'|'minObject'|'maxObject'} propertyName - Public object property name.
|
|
31370
|
-
* @param {Date|undefined} propertyValue - Value to assign.
|
|
31371
|
-
* @returns {void}
|
|
31372
|
-
*/
|
|
31373
|
-
setDateObjectProperty(propertyName, propertyValue) {
|
|
31374
|
-
const internalPropertyName = `_${propertyName}`;
|
|
31375
|
-
const previousValue = this[internalPropertyName];
|
|
31376
|
-
|
|
31377
|
-
if (previousValue === propertyValue) {
|
|
31378
|
-
return;
|
|
31379
|
-
}
|
|
31380
|
-
|
|
31381
|
-
this[internalPropertyName] = propertyValue;
|
|
31382
|
-
this.requestUpdate(propertyName, previousValue);
|
|
31336
|
+
return this.max && dateFormatter.isValidDate(this.max) ? dateFormatter.stringToDateInstance(this.max) : undefined;
|
|
31383
31337
|
}
|
|
31384
31338
|
|
|
31385
31339
|
connectedCallback() {
|
|
@@ -31408,7 +31362,6 @@ class BaseInput extends AuroElement$1 {
|
|
|
31408
31362
|
format: this.format
|
|
31409
31363
|
});
|
|
31410
31364
|
this.configureDataForType();
|
|
31411
|
-
this.syncDateValues();
|
|
31412
31365
|
}
|
|
31413
31366
|
|
|
31414
31367
|
disconnectedCallback() {
|
|
@@ -31438,7 +31391,6 @@ class BaseInput extends AuroElement$1 {
|
|
|
31438
31391
|
this.setCustomHelpTextMessage();
|
|
31439
31392
|
this.configureAutoFormatting();
|
|
31440
31393
|
this.configureDataForType();
|
|
31441
|
-
this.syncDateValues();
|
|
31442
31394
|
}
|
|
31443
31395
|
|
|
31444
31396
|
/**
|
|
@@ -31575,8 +31527,6 @@ class BaseInput extends AuroElement$1 {
|
|
|
31575
31527
|
this.configureDataForType();
|
|
31576
31528
|
}
|
|
31577
31529
|
|
|
31578
|
-
this.syncDateValues(changedProperties);
|
|
31579
|
-
|
|
31580
31530
|
if (changedProperties.has('value')) {
|
|
31581
31531
|
if (this.value && this.value.length > 0) {
|
|
31582
31532
|
this.hasValue = true;
|
|
@@ -31647,69 +31597,6 @@ class BaseInput extends AuroElement$1 {
|
|
|
31647
31597
|
}));
|
|
31648
31598
|
}
|
|
31649
31599
|
|
|
31650
|
-
|
|
31651
|
-
/**
|
|
31652
|
-
* Synchronizes the ISO string values and Date object representations for date-related properties.
|
|
31653
|
-
* This keeps the model and display values aligned when either side changes.
|
|
31654
|
-
*
|
|
31655
|
-
* When a full date format is in use, this method updates `value`, `min`, and `max` from their corresponding
|
|
31656
|
-
* Date objects or vice versa, based on which properties have changed. It only runs when the current configuration
|
|
31657
|
-
* represents a full year/month/day date format.
|
|
31658
|
-
*
|
|
31659
|
-
* @param {Map<string, unknown>|undefined} [changedProperties=undefined] - Optional map of changed properties used to limit which values are synchronized.
|
|
31660
|
-
* @returns {void}
|
|
31661
|
-
* @private
|
|
31662
|
-
*/
|
|
31663
|
-
syncDateValues(changedProperties = undefined) {
|
|
31664
|
-
if (!this.util.isFullDateFormat(this.type, this.format)) {
|
|
31665
|
-
return;
|
|
31666
|
-
}
|
|
31667
|
-
|
|
31668
|
-
this.syncSingleDateValue(changedProperties, 'valueObject', 'value');
|
|
31669
|
-
this.syncSingleDateValue(changedProperties, 'minObject', 'min');
|
|
31670
|
-
this.syncSingleDateValue(changedProperties, 'maxObject', 'max');
|
|
31671
|
-
}
|
|
31672
|
-
|
|
31673
|
-
/**
|
|
31674
|
-
* Synchronizes one date object/string property pair.
|
|
31675
|
-
* @private
|
|
31676
|
-
* @param {Map<string, unknown>|undefined} changedProperties - Map of changed properties from Lit.
|
|
31677
|
-
* @param {string} objectProperty - Date object property name.
|
|
31678
|
-
* @param {string} valueProperty - ISO string property name.
|
|
31679
|
-
* @returns {void}
|
|
31680
|
-
*/
|
|
31681
|
-
syncSingleDateValue(changedProperties, objectProperty, valueProperty) {
|
|
31682
|
-
const objectPropertyChanged = !changedProperties || changedProperties.has(objectProperty);
|
|
31683
|
-
|
|
31684
|
-
// objectProperty wins over valueProperty when both changed
|
|
31685
|
-
if (objectPropertyChanged && this[objectProperty]) {
|
|
31686
|
-
this[valueProperty] = dateFormatter.toISOFormatString(this[objectProperty]);
|
|
31687
|
-
return;
|
|
31688
|
-
}
|
|
31689
|
-
|
|
31690
|
-
const valuePropertyChanged = !changedProperties || changedProperties.has(valueProperty);
|
|
31691
|
-
if (!valuePropertyChanged) {
|
|
31692
|
-
return;
|
|
31693
|
-
}
|
|
31694
|
-
|
|
31695
|
-
// when value is newly set to the same ISO string that corresponds to the existing Date object, do not clear the Date object (avoid unnecessary updates)
|
|
31696
|
-
if (
|
|
31697
|
-
changedProperties &&
|
|
31698
|
-
valueProperty === 'value' &&
|
|
31699
|
-
changedProperties.get('value') === undefined &&
|
|
31700
|
-
this[objectProperty] instanceof Date &&
|
|
31701
|
-
this[valueProperty] === dateFormatter.toISOFormatString(this[objectProperty])
|
|
31702
|
-
) {
|
|
31703
|
-
return;
|
|
31704
|
-
}
|
|
31705
|
-
|
|
31706
|
-
if (dateFormatter.isValidDate(this[valueProperty])) {
|
|
31707
|
-
this.setDateObjectProperty(objectProperty, dateFormatter.stringToDateInstance(this[valueProperty]));
|
|
31708
|
-
} else {
|
|
31709
|
-
this.setDateObjectProperty(objectProperty, undefined);
|
|
31710
|
-
}
|
|
31711
|
-
}
|
|
31712
|
-
|
|
31713
31600
|
/**
|
|
31714
31601
|
* Sets up IMasks and logic based on auto-formatting requirements.
|
|
31715
31602
|
* @private
|
|
@@ -31724,8 +31611,13 @@ class BaseInput extends AuroElement$1 {
|
|
|
31724
31611
|
this._configuringMask = true;
|
|
31725
31612
|
try {
|
|
31726
31613
|
// Destroy any prior mask so IMask can attach fresh under the new format.
|
|
31614
|
+
// Null the reference too — if the new maskOptions.mask is falsy (e.g.
|
|
31615
|
+
// type switched from credit-card to text) the IMask() reassignment
|
|
31616
|
+
// below is skipped, and downstream writes at line ~823 would otherwise
|
|
31617
|
+
// route through the destroyed instance.
|
|
31727
31618
|
if (this.maskInstance) {
|
|
31728
31619
|
this.maskInstance.destroy();
|
|
31620
|
+
this.maskInstance = null;
|
|
31729
31621
|
}
|
|
31730
31622
|
|
|
31731
31623
|
this.util.updateFormat(this.format);
|
|
@@ -31746,9 +31638,7 @@ class BaseInput extends AuroElement$1 {
|
|
|
31746
31638
|
if (
|
|
31747
31639
|
this.util.isFullDateFormat(this.type, this.format) &&
|
|
31748
31640
|
this.value &&
|
|
31749
|
-
|
|
31750
|
-
this.valueObject instanceof Date &&
|
|
31751
|
-
!Number.isNaN(this.valueObject.getTime()) &&
|
|
31641
|
+
this.valueObject &&
|
|
31752
31642
|
typeof maskOptions.format === 'function'
|
|
31753
31643
|
) {
|
|
31754
31644
|
existingValue = maskOptions.format(this.valueObject);
|
|
@@ -31953,7 +31843,6 @@ class BaseInput extends AuroElement$1 {
|
|
|
31953
31843
|
*/
|
|
31954
31844
|
reset() {
|
|
31955
31845
|
this.value = undefined;
|
|
31956
|
-
this.setDateObjectProperty('valueObject', undefined);
|
|
31957
31846
|
this.validation.reset(this);
|
|
31958
31847
|
}
|
|
31959
31848
|
|
|
@@ -31962,7 +31851,6 @@ class BaseInput extends AuroElement$1 {
|
|
|
31962
31851
|
*/
|
|
31963
31852
|
clear() {
|
|
31964
31853
|
this.value = undefined;
|
|
31965
|
-
this.setDateObjectProperty('valueObject', undefined);
|
|
31966
31854
|
}
|
|
31967
31855
|
|
|
31968
31856
|
/**
|
|
@@ -32491,7 +32379,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
|
|
|
32491
32379
|
}
|
|
32492
32380
|
};
|
|
32493
32381
|
|
|
32494
|
-
var formkitVersion = '
|
|
32382
|
+
var formkitVersion = '202606221656';
|
|
32495
32383
|
|
|
32496
32384
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
32497
32385
|
// See LICENSE in the project root for license information.
|
|
@@ -36,11 +36,6 @@
|
|
|
36
36
|
<body class="auro-markdown">
|
|
37
37
|
<main></main>
|
|
38
38
|
|
|
39
|
-
<script type="module">
|
|
40
|
-
import { renderPage } from './demo-support.min.js';
|
|
41
|
-
await renderPage('./customize.md');
|
|
42
|
-
</script>
|
|
43
|
-
|
|
44
39
|
<!-- If additional elements are needed for the demo, add them here. -->
|
|
45
40
|
<script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-accordion@latest/+esm" type="module"></script>
|
|
46
41
|
<script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-nav@latest/+esm" type="module"></script>
|
|
@@ -49,6 +44,11 @@
|
|
|
49
44
|
<script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-button@latest/+esm" type="module"></script>
|
|
50
45
|
<script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-icon@latest/+esm" type="module"></script>
|
|
51
46
|
|
|
52
|
-
<script
|
|
47
|
+
<script type="module" data-demo-script="true">
|
|
48
|
+
import { renderPage } from './demo-support.min.js';
|
|
49
|
+
await renderPage('./customize.md');
|
|
50
|
+
import { initExamples } from "./customize.min.js";
|
|
51
|
+
initExamples();
|
|
52
|
+
</script>
|
|
53
53
|
</body>
|
|
54
54
|
</html>
|
|
@@ -1,9 +1,28 @@
|
|
|
1
|
+
/* eslint-disable jsdoc/require-jsdoc */
|
|
2
|
+
|
|
1
3
|
import { AuroForm } from '../src/auro-form.js';
|
|
2
4
|
import './registerDemoDeps.js';
|
|
3
5
|
import { AuroInput } from '@aurodesignsystem/auro-input';
|
|
4
6
|
import { AuroDatePicker } from '@aurodesignsystem/auro-datepicker';
|
|
7
|
+
import { disabledExample } from '../apiExamples/disabled.js';
|
|
8
|
+
import { disableAfterEditExample } from '../apiExamples/disabled-after-edit.js';
|
|
5
9
|
|
|
6
10
|
AuroInput.register('input-two');
|
|
7
11
|
AuroDatePicker.register();
|
|
8
12
|
AuroForm.register();
|
|
9
13
|
AuroForm.register('custom-form');
|
|
14
|
+
|
|
15
|
+
export async function initExamples(initCount) {
|
|
16
|
+
initCount = initCount || 0;
|
|
17
|
+
|
|
18
|
+
try {
|
|
19
|
+
await disabledExample();
|
|
20
|
+
await disableAfterEditExample();
|
|
21
|
+
} catch (err) {
|
|
22
|
+
if (initCount <= 20) {
|
|
23
|
+
setTimeout(() => {
|
|
24
|
+
initExamples(initCount + 1);
|
|
25
|
+
}, 100);
|
|
26
|
+
}
|
|
27
|
+
}
|
|
28
|
+
}
|