@aurodesignsystem-dev/auro-formkit 0.0.0-pr1483.10 → 0.0.0-pr1483.12
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.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.min.js +18 -18
- package/components/combobox/demo/getting-started.min.js +18 -18
- package/components/combobox/demo/index.min.js +18 -18
- package/components/combobox/dist/index.js +18 -18
- package/components/combobox/dist/registered.js +18 -18
- package/components/counter/demo/customize.min.js +2 -2
- package/components/counter/demo/index.min.js +2 -2
- package/components/counter/dist/index.js +1 -1
- package/components/counter/dist/registered.js +1 -1
- package/components/datepicker/demo/api.md +9 -9
- package/components/datepicker/demo/customize.md +46 -19
- package/components/datepicker/demo/index.min.js +60 -42
- package/components/datepicker/dist/index.js +60 -42
- package/components/datepicker/dist/registered.js +60 -42
- package/components/datepicker/dist/src/auro-datepicker.d.ts +36 -8
- 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.min.js +100 -82
- package/components/form/demo/getting-started.min.js +100 -82
- package/components/form/demo/index.min.js +100 -82
- package/components/form/demo/registerDemoDeps.min.js +100 -82
- package/components/input/demo/customize.md +29 -107
- package/components/input/demo/customize.min.js +16 -16
- package/components/input/demo/getting-started.md +16 -6
- package/components/input/demo/getting-started.min.js +16 -16
- package/components/input/demo/index.min.js +16 -16
- package/components/input/dist/auro-input-util.d.ts +1 -1
- package/components/input/dist/index.js +16 -16
- package/components/input/dist/registered.js +16 -16
- package/components/input/dist/utilities.d.ts +1 -2
- 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.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 +1441 -1435
- package/package.json +1 -1
|
@@ -10498,27 +10498,17 @@ let AuroInputUtilities$1 = class AuroInputUtilities {
|
|
|
10498
10498
|
* Converts a model value to a display value for the input element.
|
|
10499
10499
|
* For full date formats, converts an ISO model value to the configured display format.
|
|
10500
10500
|
* @private
|
|
10501
|
-
* @param {string} value - The model value (ISO string for date types).
|
|
10502
10501
|
* @param {Date|undefined} valueObject - Date object representation of value.
|
|
10503
10502
|
* @param {string} format - The date format string.
|
|
10504
|
-
* @returns {string}
|
|
10503
|
+
* @returns {string | undefined}
|
|
10505
10504
|
*/
|
|
10506
|
-
toFormattedValue(
|
|
10507
|
-
if (!this.isFullDateFormat('date', format) || !value) {
|
|
10508
|
-
return value;
|
|
10509
|
-
}
|
|
10510
|
-
|
|
10511
|
-
if (!dateFormatter$1.isValidDate(value)) {
|
|
10512
|
-
// For ISO-pattern strings that fail range validation (e.g. '2024-99-99'),
|
|
10513
|
-
// return '' so inputElement stays empty and format-based validation is not triggered.
|
|
10514
|
-
return (/^\d{4}-\d{2}-\d{2}$/u).test(value) ? '' : value;
|
|
10515
|
-
}
|
|
10516
|
-
|
|
10505
|
+
toFormattedValue(valueObject, format) {
|
|
10517
10506
|
const normalizedFormat = format.toLowerCase();
|
|
10518
10507
|
const maskOptions = this.getMaskOptions('date', normalizedFormat);
|
|
10519
10508
|
|
|
10520
10509
|
if (!(valueObject instanceof Date) || Number.isNaN(valueObject.getTime()) || !maskOptions || typeof maskOptions.format !== 'function') {
|
|
10521
|
-
|
|
10510
|
+
console.debug('Invalid date object or mask options for formatting', { valueObject, maskOptions }); // eslint-disable-line no-console
|
|
10511
|
+
return undefined;
|
|
10522
10512
|
}
|
|
10523
10513
|
|
|
10524
10514
|
return maskOptions.format(valueObject);
|
|
@@ -12961,7 +12951,7 @@ class AuroBibtemplate extends LitElement {
|
|
|
12961
12951
|
}
|
|
12962
12952
|
}
|
|
12963
12953
|
|
|
12964
|
-
var formkitVersion$2 = '
|
|
12954
|
+
var formkitVersion$2 = '202606051947';
|
|
12965
12955
|
|
|
12966
12956
|
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}
|
|
12967
12957
|
`,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}}
|
|
@@ -17340,7 +17330,7 @@ let AuroHelpText$2 = class AuroHelpText extends LitElement {
|
|
|
17340
17330
|
}
|
|
17341
17331
|
};
|
|
17342
17332
|
|
|
17343
|
-
var formkitVersion$1 = '
|
|
17333
|
+
var formkitVersion$1 = '202606051947';
|
|
17344
17334
|
|
|
17345
17335
|
let AuroElement$2 = class AuroElement extends LitElement {
|
|
17346
17336
|
static get properties() {
|
|
@@ -28789,27 +28779,17 @@ class AuroInputUtilities {
|
|
|
28789
28779
|
* Converts a model value to a display value for the input element.
|
|
28790
28780
|
* For full date formats, converts an ISO model value to the configured display format.
|
|
28791
28781
|
* @private
|
|
28792
|
-
* @param {string} value - The model value (ISO string for date types).
|
|
28793
28782
|
* @param {Date|undefined} valueObject - Date object representation of value.
|
|
28794
28783
|
* @param {string} format - The date format string.
|
|
28795
|
-
* @returns {string}
|
|
28784
|
+
* @returns {string | undefined}
|
|
28796
28785
|
*/
|
|
28797
|
-
toFormattedValue(
|
|
28798
|
-
if (!this.isFullDateFormat('date', format) || !value) {
|
|
28799
|
-
return value;
|
|
28800
|
-
}
|
|
28801
|
-
|
|
28802
|
-
if (!dateFormatter.isValidDate(value)) {
|
|
28803
|
-
// For ISO-pattern strings that fail range validation (e.g. '2024-99-99'),
|
|
28804
|
-
// return '' so inputElement stays empty and format-based validation is not triggered.
|
|
28805
|
-
return (/^\d{4}-\d{2}-\d{2}$/u).test(value) ? '' : value;
|
|
28806
|
-
}
|
|
28807
|
-
|
|
28786
|
+
toFormattedValue(valueObject, format) {
|
|
28808
28787
|
const normalizedFormat = format.toLowerCase();
|
|
28809
28788
|
const maskOptions = this.getMaskOptions('date', normalizedFormat);
|
|
28810
28789
|
|
|
28811
28790
|
if (!(valueObject instanceof Date) || Number.isNaN(valueObject.getTime()) || !maskOptions || typeof maskOptions.format !== 'function') {
|
|
28812
|
-
|
|
28791
|
+
console.debug('Invalid date object or mask options for formatting', { valueObject, maskOptions }); // eslint-disable-line no-console
|
|
28792
|
+
return undefined;
|
|
28813
28793
|
}
|
|
28814
28794
|
|
|
28815
28795
|
return maskOptions.format(valueObject);
|
|
@@ -29727,7 +29707,17 @@ class BaseInput extends AuroElement$1 {
|
|
|
29727
29707
|
this.hasValue = false;
|
|
29728
29708
|
}
|
|
29729
29709
|
|
|
29730
|
-
|
|
29710
|
+
let formattedValue = this.value;
|
|
29711
|
+
if (this.type === 'date') {
|
|
29712
|
+
const formattedDate = this.util.toFormattedValue(this.valueObject, this.format);
|
|
29713
|
+
if (!formattedDate) {
|
|
29714
|
+
// if user entered unrecognized date format that cannot be parsed into a Date object,
|
|
29715
|
+
// keep the raw value in the input so they can edit it instead of overwriting with an empty string
|
|
29716
|
+
formattedValue = this.value;
|
|
29717
|
+
} else {
|
|
29718
|
+
formattedValue = formattedDate;
|
|
29719
|
+
}
|
|
29720
|
+
}
|
|
29731
29721
|
|
|
29732
29722
|
if (formattedValue !== this.inputElement.value) {
|
|
29733
29723
|
this.skipNextProgrammaticInputEvent = true;
|
|
@@ -30591,7 +30581,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
|
|
|
30591
30581
|
}
|
|
30592
30582
|
};
|
|
30593
30583
|
|
|
30594
|
-
var formkitVersion = '
|
|
30584
|
+
var formkitVersion = '202606051947';
|
|
30595
30585
|
|
|
30596
30586
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
30597
30587
|
// See LICENSE in the project root for license information.
|
|
@@ -32676,42 +32666,66 @@ class AuroDatePicker extends AuroElement {
|
|
|
32676
32666
|
*/
|
|
32677
32667
|
// ─── Read-only *Object properties ─────────────────────────────────────────
|
|
32678
32668
|
|
|
32679
|
-
/**
|
|
32669
|
+
/**
|
|
32670
|
+
* Read-only `Date` object derived from `value`. Returns `undefined` when `value` is empty or not a valid date.
|
|
32671
|
+
* @returns {Date|undefined}
|
|
32672
|
+
*/
|
|
32680
32673
|
get valueObject() {
|
|
32681
32674
|
return this.value && dateFormatter$1.isValidDate(this.value) ? dateFormatter$1.stringToDateInstance(this.value) : undefined;
|
|
32682
32675
|
}
|
|
32683
32676
|
|
|
32684
|
-
/**
|
|
32677
|
+
/**
|
|
32678
|
+
* Read-only `Date` object derived from `valueEnd`. Returns `undefined` when `valueEnd` is empty or not a valid date.
|
|
32679
|
+
* @returns {Date|undefined}
|
|
32680
|
+
*/
|
|
32685
32681
|
get valueEndObject() {
|
|
32686
32682
|
return this.valueEnd && dateFormatter$1.isValidDate(this.valueEnd) ? dateFormatter$1.stringToDateInstance(this.valueEnd) : undefined;
|
|
32687
32683
|
}
|
|
32688
32684
|
|
|
32689
|
-
/**
|
|
32685
|
+
/**
|
|
32686
|
+
* Read-only `Date` object derived from `minDate`. Returns `undefined` when `minDate` is empty or not a valid date.
|
|
32687
|
+
* @returns {Date|undefined}
|
|
32688
|
+
*/
|
|
32690
32689
|
get minDateObject() {
|
|
32691
32690
|
return this.minDate && dateFormatter$1.isValidDate(this.minDate) ? dateFormatter$1.stringToDateInstance(this.minDate) : undefined;
|
|
32692
32691
|
}
|
|
32693
32692
|
|
|
32694
|
-
/**
|
|
32693
|
+
/**
|
|
32694
|
+
* Read-only `Date` object derived from `maxDate`. Returns `undefined` when `maxDate` is empty or not a valid date.
|
|
32695
|
+
* @returns {Date|undefined}
|
|
32696
|
+
*/
|
|
32695
32697
|
get maxDateObject() {
|
|
32696
32698
|
return this.maxDate && dateFormatter$1.isValidDate(this.maxDate) ? dateFormatter$1.stringToDateInstance(this.maxDate) : undefined;
|
|
32697
32699
|
}
|
|
32698
32700
|
|
|
32699
|
-
/**
|
|
32701
|
+
/**
|
|
32702
|
+
* Read-only `Date` object derived from `calendarStartDate`. Returns `undefined` when `calendarStartDate` is empty or not a valid date.
|
|
32703
|
+
* @returns {Date|undefined}
|
|
32704
|
+
*/
|
|
32700
32705
|
get calendarStartDateObject() {
|
|
32701
32706
|
return this.calendarStartDate && dateFormatter$1.isValidDate(this.calendarStartDate) ? dateFormatter$1.stringToDateInstance(this.calendarStartDate) : undefined;
|
|
32702
32707
|
}
|
|
32703
32708
|
|
|
32704
|
-
/**
|
|
32709
|
+
/**
|
|
32710
|
+
* Read-only `Date` object derived from `calendarEndDate`. Returns `undefined` when `calendarEndDate` is empty or not a valid date.
|
|
32711
|
+
* @returns {Date|undefined}
|
|
32712
|
+
*/
|
|
32705
32713
|
get calendarEndDateObject() {
|
|
32706
32714
|
return this.calendarEndDate && dateFormatter$1.isValidDate(this.calendarEndDate) ? dateFormatter$1.stringToDateInstance(this.calendarEndDate) : undefined;
|
|
32707
32715
|
}
|
|
32708
32716
|
|
|
32709
|
-
/**
|
|
32717
|
+
/**
|
|
32718
|
+
* Read-only `Date` object derived from `centralDate`. Returns `undefined` when `centralDate` is empty or not a valid date.
|
|
32719
|
+
* @returns {Date|undefined}
|
|
32720
|
+
*/
|
|
32710
32721
|
get centralDateObject() {
|
|
32711
32722
|
return this.centralDate && dateFormatter$1.isValidDate(this.centralDate) ? dateFormatter$1.stringToDateInstance(this.centralDate) : undefined;
|
|
32712
32723
|
}
|
|
32713
32724
|
|
|
32714
|
-
/**
|
|
32725
|
+
/**
|
|
32726
|
+
* Read-only `Date` object derived from `calendarFocusDate`. Returns `undefined` when `calendarFocusDate` is empty or not a valid date.
|
|
32727
|
+
* @returns {Date|undefined}
|
|
32728
|
+
*/
|
|
32715
32729
|
get calendarFocusDateObject() {
|
|
32716
32730
|
return this.calendarFocusDate && dateFormatter$1.isValidDate(this.calendarFocusDate) ? dateFormatter$1.stringToDateInstance(this.calendarFocusDate) : undefined;
|
|
32717
32731
|
}
|
|
@@ -33163,6 +33177,10 @@ class AuroDatePicker extends AuroElement {
|
|
|
33163
33177
|
this.hasAllValues = (this.value && this.value.length > 0) && (this.valueEnd && this.valueEnd.length > 0); // eslint-disable-line no-extra-parens
|
|
33164
33178
|
}
|
|
33165
33179
|
|
|
33180
|
+
/**
|
|
33181
|
+
* Returns `true` when the datepicker has an active validation error.
|
|
33182
|
+
* @returns {boolean}
|
|
33183
|
+
*/
|
|
33166
33184
|
get hasError() {
|
|
33167
33185
|
return this.validity !== undefined && this.validity !== 'valid';
|
|
33168
33186
|
}
|
|
@@ -33836,8 +33854,8 @@ class AuroDatePicker extends AuroElement {
|
|
|
33836
33854
|
<slot slot="bib.fullscreen.dateLabel" name="bib.fullscreen.dateLabel" @slotchange="${this.handleSlotToSlot}"></slot>
|
|
33837
33855
|
<slot slot="bib.fullscreen.toLabel" name="bib.fullscreen.toLabel" @slotchange="${this.handleSlotToSlot}"></slot>
|
|
33838
33856
|
<slot slot="bib.fullscreen.fromLabel" name="bib.fullscreen.fromLabel" @slotchange="${this.handleSlotToSlot}"></slot>
|
|
33839
|
-
<span slot="bib.fullscreen.fromStr">${AuroInputUtil.toFormattedValue(this.
|
|
33840
|
-
${this.range ? html$1`<span slot="bib.fullscreen.toStr">${AuroInputUtil.toFormattedValue(this.
|
|
33857
|
+
<span slot="bib.fullscreen.fromStr">${AuroInputUtil.toFormattedValue(this.valueObject, this.format) || html$1`<span class="placeholderDate">${(this.format || 'mm/dd/yyyy').toUpperCase()}</span>`}</span>
|
|
33858
|
+
${this.range ? html$1`<span slot="bib.fullscreen.toStr">${AuroInputUtil.toFormattedValue(this.valueEndObject, this.format) || html$1`<span class="placeholderDate">${(this.format || 'mm/dd/yyyy').toUpperCase()}</span>`}</span>` : undefined}
|
|
33841
33859
|
</auro-formkit-calendar>
|
|
33842
33860
|
`;
|
|
33843
33861
|
}
|
|
@@ -510,21 +510,45 @@ export class AuroDatePicker extends AuroElement {
|
|
|
510
510
|
* @param {String} time - Unix timestamp to be converted to a date object.
|
|
511
511
|
* @returns {Date} Date formatted as a string.
|
|
512
512
|
*/
|
|
513
|
-
/**
|
|
513
|
+
/**
|
|
514
|
+
* Read-only `Date` object derived from `value`. Returns `undefined` when `value` is empty or not a valid date.
|
|
515
|
+
* @returns {Date|undefined}
|
|
516
|
+
*/
|
|
514
517
|
get valueObject(): Date | undefined;
|
|
515
|
-
/**
|
|
518
|
+
/**
|
|
519
|
+
* Read-only `Date` object derived from `valueEnd`. Returns `undefined` when `valueEnd` is empty or not a valid date.
|
|
520
|
+
* @returns {Date|undefined}
|
|
521
|
+
*/
|
|
516
522
|
get valueEndObject(): Date | undefined;
|
|
517
|
-
/**
|
|
523
|
+
/**
|
|
524
|
+
* Read-only `Date` object derived from `minDate`. Returns `undefined` when `minDate` is empty or not a valid date.
|
|
525
|
+
* @returns {Date|undefined}
|
|
526
|
+
*/
|
|
518
527
|
get minDateObject(): Date | undefined;
|
|
519
|
-
/**
|
|
528
|
+
/**
|
|
529
|
+
* Read-only `Date` object derived from `maxDate`. Returns `undefined` when `maxDate` is empty or not a valid date.
|
|
530
|
+
* @returns {Date|undefined}
|
|
531
|
+
*/
|
|
520
532
|
get maxDateObject(): Date | undefined;
|
|
521
|
-
/**
|
|
533
|
+
/**
|
|
534
|
+
* Read-only `Date` object derived from `calendarStartDate`. Returns `undefined` when `calendarStartDate` is empty or not a valid date.
|
|
535
|
+
* @returns {Date|undefined}
|
|
536
|
+
*/
|
|
522
537
|
get calendarStartDateObject(): Date | undefined;
|
|
523
|
-
/**
|
|
538
|
+
/**
|
|
539
|
+
* Read-only `Date` object derived from `calendarEndDate`. Returns `undefined` when `calendarEndDate` is empty or not a valid date.
|
|
540
|
+
* @returns {Date|undefined}
|
|
541
|
+
*/
|
|
524
542
|
get calendarEndDateObject(): Date | undefined;
|
|
525
|
-
/**
|
|
543
|
+
/**
|
|
544
|
+
* Read-only `Date` object derived from `centralDate`. Returns `undefined` when `centralDate` is empty or not a valid date.
|
|
545
|
+
* @returns {Date|undefined}
|
|
546
|
+
*/
|
|
526
547
|
get centralDateObject(): Date | undefined;
|
|
527
|
-
/**
|
|
548
|
+
/**
|
|
549
|
+
* Read-only `Date` object derived from `calendarFocusDate`. Returns `undefined` when `calendarFocusDate` is empty or not a valid date.
|
|
550
|
+
* @returns {Date|undefined}
|
|
551
|
+
*/
|
|
528
552
|
get calendarFocusDateObject(): Date | undefined;
|
|
529
553
|
/**
|
|
530
554
|
* Converts a Unix timestamp (seconds) from the vendor calendar to an ISO date string.
|
|
@@ -642,6 +666,10 @@ export class AuroDatePicker extends AuroElement {
|
|
|
642
666
|
* @private
|
|
643
667
|
*/
|
|
644
668
|
private setHasValue;
|
|
669
|
+
/**
|
|
670
|
+
* Returns `true` when the datepicker has an active validation error.
|
|
671
|
+
* @returns {boolean}
|
|
672
|
+
*/
|
|
645
673
|
get hasError(): boolean;
|
|
646
674
|
/**
|
|
647
675
|
* lifecycle method to check if the locale is valid.
|