igniteui-webcomponents 6.5.0 → 7.0.0-rc.0

package/components/date-range-picker/themes/shared/date-range-picker.indigo.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"date-range-picker.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/date-range-picker/themes/shared/date-range-picker.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,q8IAAq8I,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--calendar-border-color: var(--ig-gray-400);--input-icon: max(var(--is-large, 1) * max(1rem, -1 * 1rem), var(--is-medium, 1) * max(1rem, -1 * 1rem), var(--is-small, 1) * max(0.875rem, -1 * 0.875rem))}:host igc-icon,:host ::slotted(igc-icon){--size: var(--input-icon) !important}:host igc-dialog[open]::part(base){border-radius:.375rem;box-shadow:var(--ig-elevation-5)}:host igc-dialog::part(footer){padding:max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing)))) max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));gap:.5rem}:host ::part(helper-text){grid-auto-rows:minmax(0.9375rem, auto)}[part=actions]{min-height:max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.75rem, -1 * 2.75rem), var(--is-small, 1) * max(2.5rem, -1 * 2.5rem));padding:max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing)))) max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}:host([readonly]) igc-input::part(container),:host([readonly]) igc-date-time-input::part(container){border-color:var(--disabled-text-color)}:host(:not([readonly],[disabled]):hover) igc-input[readonly]::part(container),:host(:not([readonly],[disabled]):hover) igc-date-time-input:hover::part(container){background:var(--box-background-hover);border-color:var(--hover-bottom-line-color)}:host(:not([readonly],[disabled]):hover) igc-input[readonly]::part(filled),:host(:not([readonly],[disabled]):hover) igc-date-time-input:hover::part(filled){color:var(--filled-text-hover-color)}:host(:not([disabled],[readonly]):state(ig-invalid)) igc-input::part(container),:host(:not([disabled],[readonly]):state(ig-invalid)) igc-date-time-input::part(container),:host(:not(:disabled,[readonly]):state(ig-invalid)) igc-input::part(container),:host(:not(:disabled,[readonly]):state(ig-invalid)) igc-date-time-input::part(container),:host(:not([disabled],[readonly]):state(ig-invalid):hover) igc-input::part(container),:host(:not([disabled],[readonly]):state(ig-invalid):hover) igc-date-time-input::part(container),:host(:not(:disabled,[readonly]):state(ig-invalid):hover) igc-input::part(container),:host(:not(:disabled,[readonly]):state(ig-invalid):hover) igc-date-time-input::part(container){border-color:var(--error-secondary-color)}:host(:not([disabled],[readonly]):state(ig-invalid)) igc-input::part(container)::after,:host(:not([disabled],[readonly]):state(ig-invalid)) igc-date-time-input::part(container)::after,:host(:not(:disabled,[readonly]):state(ig-invalid)) igc-input::part(container)::after,:host(:not(:disabled,[readonly]):state(ig-invalid)) igc-date-time-input::part(container)::after,:host(:not([disabled],[readonly]):state(ig-invalid):hover) igc-input::part(container)::after,:host(:not([disabled],[readonly]):state(ig-invalid):hover) igc-date-time-input::part(container)::after,:host(:not(:disabled,[readonly]):state(ig-invalid):hover) igc-input::part(container)::after,:host(:not(:disabled,[readonly]):state(ig-invalid):hover) igc-date-time-input::part(container)::after{background:var(--error-secondary-color)}:host(:not([disabled],[readonly]):state(ig-invalid)) ::part(helper-text),:host(:not(:disabled,[readonly]):state(ig-invalid)) ::part(helper-text),:host(:not([disabled],[readonly]):state(ig-invalid):hover) ::part(helper-text),:host(:not(:disabled,[readonly]):state(ig-invalid):hover) ::part(helper-text){color:var(--helper-text-color)}`;\n"]}
+{"version":3,"file":"date-range-picker.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/date-range-picker/themes/shared/date-range-picker.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,+4IAA+4I,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--input-icon: max(var(--is-large, 1) * max(1rem, -1 * 1rem), var(--is-medium, 1) * max(1rem, -1 * 1rem), var(--is-small, 1) * max(0.875rem, -1 * 0.875rem))}:host igc-icon,:host ::slotted(*){--ig-icon-size: var(--input-icon)}:host igc-dialog[open]::part(base){border-radius:.375rem;box-shadow:var(--ig-elevation-5)}:host igc-dialog::part(footer){padding:max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing)))) max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));gap:.5rem}:host ::part(helper-text){grid-auto-rows:minmax(0.9375rem, auto)}[part=actions]{min-height:max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.75rem, -1 * 2.75rem), var(--is-small, 1) * max(2.5rem, -1 * 2.5rem));padding:max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing)))) max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}:host([readonly]) igc-input::part(container),:host([readonly]) igc-date-time-input::part(container){border-color:var(--disabled-text-color)}:host(:not([readonly],[disabled]):hover) igc-input[readonly]::part(container),:host(:not([readonly],[disabled]):hover) igc-date-time-input:hover::part(container){background:var(--box-background-hover);border-color:var(--hover-bottom-line-color)}:host(:not([readonly],[disabled]):hover) igc-input[readonly]::part(filled),:host(:not([readonly],[disabled]):hover) igc-date-time-input:hover::part(filled){color:var(--filled-text-hover-color)}:host(:not([disabled],[readonly]):state(ig-invalid)) igc-input::part(container),:host(:not([disabled],[readonly]):state(ig-invalid)) igc-date-time-input::part(container),:host(:not(:disabled,[readonly]):state(ig-invalid)) igc-input::part(container),:host(:not(:disabled,[readonly]):state(ig-invalid)) igc-date-time-input::part(container),:host(:not([disabled],[readonly]):state(ig-invalid):hover) igc-input::part(container),:host(:not([disabled],[readonly]):state(ig-invalid):hover) igc-date-time-input::part(container),:host(:not(:disabled,[readonly]):state(ig-invalid):hover) igc-input::part(container),:host(:not(:disabled,[readonly]):state(ig-invalid):hover) igc-date-time-input::part(container){border-color:var(--error-secondary-color)}:host(:not([disabled],[readonly]):state(ig-invalid)) igc-input::part(container)::after,:host(:not([disabled],[readonly]):state(ig-invalid)) igc-date-time-input::part(container)::after,:host(:not(:disabled,[readonly]):state(ig-invalid)) igc-input::part(container)::after,:host(:not(:disabled,[readonly]):state(ig-invalid)) igc-date-time-input::part(container)::after,:host(:not([disabled],[readonly]):state(ig-invalid):hover) igc-input::part(container)::after,:host(:not([disabled],[readonly]):state(ig-invalid):hover) igc-date-time-input::part(container)::after,:host(:not(:disabled,[readonly]):state(ig-invalid):hover) igc-input::part(container)::after,:host(:not(:disabled,[readonly]):state(ig-invalid):hover) igc-date-time-input::part(container)::after{background:var(--error-secondary-color)}:host(:not([disabled],[readonly]):state(ig-invalid)) ::part(helper-text),:host(:not(:disabled,[readonly]):state(ig-invalid)) ::part(helper-text),:host(:not([disabled],[readonly]):state(ig-invalid):hover) ::part(helper-text),:host(:not(:disabled,[readonly]):state(ig-invalid):hover) ::part(helper-text){color:var(--helper-text-color)}`;\n"]}

package/components/date-range-picker/themes/themes.js

@@ -7,15 +7,11 @@ import { styles as bootstrapLight } from './light/date-range-picker.bootstrap.cs
 import { styles as fluentLight } from './light/date-range-picker.fluent.css.js';
 import { styles as indigoLight } from './light/date-range-picker.indigo.css.js';
 import { styles as materialLight } from './light/date-range-picker.material.css.js';
-import { styles as shared } from './light/date-range-picker.shared.css.js';
 import { styles as bootstrap } from './shared/date-range-picker.bootstrap.css.js';
 import { styles as fluent } from './shared/date-range-picker.fluent.css.js';
 import { styles as indigo } from './shared/date-range-picker.indigo.css.js';
 import { styles as material } from './shared/date-range-picker.material.css.js';
 const light = {
-    shared: css `
-    ${shared}
-  `,
     bootstrap: css `
     ${bootstrap} ${bootstrapLight}
   `,
@@ -30,9 +26,6 @@ const light = {
   `,
 };
 const dark = {
-    shared: css `
-    ${shared}
-  `,
     bootstrap: css `
     ${bootstrap} ${bootstrapDark}
   `,

package/components/date-range-picker/themes/themes.js.map

@@ -1 +1 @@
-{"version":3,"file":"themes.js","sourceRoot":"","sources":["../../../../src/components/date-range-picker/themes/themes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAI1B,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,2CAA2C,CAAC;AACpF,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,wCAAwC,CAAC;AAC9E,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,wCAAwC,CAAC;AAC9E,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,0CAA0C,CAAC;AAElF,OAAO,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,4CAA4C,CAAC;AACtF,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,yCAAyC,CAAC;AAChF,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,yCAAyC,CAAC;AAChF,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,2CAA2C,CAAC;AACpF,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,yCAAyC,CAAC;AAE3E,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,6CAA6C,CAAC;AAClF,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,0CAA0C,CAAC;AAC5E,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,0CAA0C,CAAC;AAC5E,OAAO,EAAE,MAAM,IAAI,QAAQ,EAAE,MAAM,4CAA4C,CAAC;AAEhF,MAAM,KAAK,GAAG;IACZ,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;IACD,SAAS,EAAE,GAAG,CAAA;MACV,SAAS,IAAI,cAAc;GAC9B;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,QAAQ,IAAI,aAAa;GAC5B;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,WAAW;GACxB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,WAAW;GACxB;CACF,CAAC;AAEF,MAAM,IAAI,GAAG;IACX,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;IACD,SAAS,EAAE,GAAG,CAAA;MACV,SAAS,IAAI,aAAa;GAC7B;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,QAAQ,IAAI,YAAY;GAC3B;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,UAAU;GACvB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,UAAU;GACvB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,GAAG,GAAW,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\nimport type { Themes } from '../../../theming/types.js';\n// Dark Overrides\nimport { styles as bootstrapDark } from './dark/date-range-picker.bootstrap.css.js';\nimport { styles as fluentDark } from './dark/date-range-picker.fluent.css.js';\nimport { styles as indigoDark } from './dark/date-range-picker.indigo.css.js';\nimport { styles as materialDark } from './dark/date-range-picker.material.css.js';\n// Light Overrides\nimport { styles as bootstrapLight } from './light/date-range-picker.bootstrap.css.js';\nimport { styles as fluentLight } from './light/date-range-picker.fluent.css.js';\nimport { styles as indigoLight } from './light/date-range-picker.indigo.css.js';\nimport { styles as materialLight } from './light/date-range-picker.material.css.js';\nimport { styles as shared } from './light/date-range-picker.shared.css.js';\n// Shared Styles\nimport { styles as bootstrap } from './shared/date-range-picker.bootstrap.css.js';\nimport { styles as fluent } from './shared/date-range-picker.fluent.css.js';\nimport { styles as indigo } from './shared/date-range-picker.indigo.css.js';\nimport { styles as material } from './shared/date-range-picker.material.css.js';\n\nconst light = {\n  shared: css`\n    ${shared}\n  `,\n  bootstrap: css`\n    ${bootstrap} ${bootstrapLight}\n  `,\n  material: css`\n    ${material} ${materialLight}\n  `,\n  fluent: css`\n    ${fluent} ${fluentLight}\n  `,\n  indigo: css`\n    ${indigo} ${indigoLight}\n  `,\n};\n\nconst dark = {\n  shared: css`\n    ${shared}\n  `,\n  bootstrap: css`\n    ${bootstrap} ${bootstrapDark}\n  `,\n  material: css`\n    ${material} ${materialDark}\n  `,\n  fluent: css`\n    ${fluent} ${fluentDark}\n  `,\n  indigo: css`\n    ${indigo} ${indigoDark}\n  `,\n};\n\nexport const all: Themes = { light, dark };\n"]}
+{"version":3,"file":"themes.js","sourceRoot":"","sources":["../../../../src/components/date-range-picker/themes/themes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAI1B,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,2CAA2C,CAAC;AACpF,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,wCAAwC,CAAC;AAC9E,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,wCAAwC,CAAC;AAC9E,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,0CAA0C,CAAC;AAElF,OAAO,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,4CAA4C,CAAC;AACtF,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,yCAAyC,CAAC;AAChF,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,yCAAyC,CAAC;AAChF,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,2CAA2C,CAAC;AAEpF,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,6CAA6C,CAAC;AAClF,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,0CAA0C,CAAC;AAC5E,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,0CAA0C,CAAC;AAC5E,OAAO,EAAE,MAAM,IAAI,QAAQ,EAAE,MAAM,4CAA4C,CAAC;AAEhF,MAAM,KAAK,GAAG;IACZ,SAAS,EAAE,GAAG,CAAA;MACV,SAAS,IAAI,cAAc;GAC9B;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,QAAQ,IAAI,aAAa;GAC5B;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,WAAW;GACxB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,WAAW;GACxB;CACF,CAAC;AAEF,MAAM,IAAI,GAAG;IACX,SAAS,EAAE,GAAG,CAAA;MACV,SAAS,IAAI,aAAa;GAC7B;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,QAAQ,IAAI,YAAY;GAC3B;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,UAAU;GACvB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,UAAU;GACvB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,GAAG,GAAW,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\nimport type { Themes } from '../../../theming/types.js';\n// Dark Overrides\nimport { styles as bootstrapDark } from './dark/date-range-picker.bootstrap.css.js';\nimport { styles as fluentDark } from './dark/date-range-picker.fluent.css.js';\nimport { styles as indigoDark } from './dark/date-range-picker.indigo.css.js';\nimport { styles as materialDark } from './dark/date-range-picker.material.css.js';\n// Light Overrides\nimport { styles as bootstrapLight } from './light/date-range-picker.bootstrap.css.js';\nimport { styles as fluentLight } from './light/date-range-picker.fluent.css.js';\nimport { styles as indigoLight } from './light/date-range-picker.indigo.css.js';\nimport { styles as materialLight } from './light/date-range-picker.material.css.js';\n// Shared Styles\nimport { styles as bootstrap } from './shared/date-range-picker.bootstrap.css.js';\nimport { styles as fluent } from './shared/date-range-picker.fluent.css.js';\nimport { styles as indigo } from './shared/date-range-picker.indigo.css.js';\nimport { styles as material } from './shared/date-range-picker.material.css.js';\n\nconst light = {\n  bootstrap: css`\n    ${bootstrap} ${bootstrapLight}\n  `,\n  material: css`\n    ${material} ${materialLight}\n  `,\n  fluent: css`\n    ${fluent} ${fluentLight}\n  `,\n  indigo: css`\n    ${indigo} ${indigoLight}\n  `,\n};\n\nconst dark = {\n  bootstrap: css`\n    ${bootstrap} ${bootstrapDark}\n  `,\n  material: css`\n    ${material} ${materialDark}\n  `,\n  fluent: css`\n    ${fluent} ${fluentDark}\n  `,\n  indigo: css`\n    ${indigo} ${indigoDark}\n  `,\n};\n\nexport const all: Themes = { light, dark };\n"]}

package/components/date-time-input/date-part.d.ts

@@ -0,0 +1,102 @@
+/**
+ * Date Part Classes Module
+ *
+ * This module provides structured classes for date/time parts used in date-time input.
+ * Each part type has its own class with specific validation and spin behavior.
+ *
+ * Classes are private to this module - only types and factory function are exported.
+ */
+export declare enum DatePart {
+    Month = "month",
+    Year = "year",
+    Date = "date",
+    Hours = "hours",
+    Minutes = "minutes",
+    Seconds = "seconds",
+    AmPm = "amPm"
+}
+/** Types of date/time parts that can appear in a format string */
+export declare const DatePartType: {
+    readonly Month: "month";
+    readonly Year: "year";
+    readonly Date: "date";
+    readonly Hours: "hours";
+    readonly Minutes: "minutes";
+    readonly Seconds: "seconds";
+    readonly AmPm: "amPm";
+    readonly Literal: "literal";
+};
+export type DatePartType = (typeof DatePartType)[keyof typeof DatePartType];
+export declare const DEFAULT_DATE_PARTS_SPIN_DELTAS: Readonly<DatePartDeltas>;
+export interface DatePartDeltas {
+    date?: number;
+    month?: number;
+    year?: number;
+    hours?: number;
+    minutes?: number;
+    seconds?: number;
+}
+/** Options for creating a date part */
+export interface DatePartOptions {
+    /** Start position in the masked string */
+    start: number;
+    /** End position in the masked string */
+    end: number;
+    /** The format string for this part (e.g., 'MM', 'yyyy') */
+    format: string;
+}
+/** Options for spin operations */
+export interface SpinOptions {
+    /** The current date value */
+    date: Date;
+    /** Whether to loop values at boundaries */
+    spinLoop: boolean;
+    /** For AM/PM: the current masked value to determine AM or PM */
+    amPmValue?: string;
+    /** For AM/PM: the original date (for rollover prevention) */
+    originalDate?: Date;
+}
+/** Read-only interface for date part information */
+export interface IDatePart {
+    /** The type of date part */
+    readonly type: DatePartType;
+    /** Start position in the masked string */
+    readonly start: number;
+    /** End position in the masked string */
+    readonly end: number;
+    /** The format string for this part */
+    readonly format: string;
+    /**
+     * Validates a numeric value for this part.
+     * @param value - The value to validate
+     * @param context - Optional context (year, month) for date-dependent validation
+     * @returns true if the value is valid for this part
+     */
+    validate(value: number, context?: DateValidationContext): boolean;
+    /**
+     * Spins (increments/decrements) this part's value on the given date.
+     * @param delta - The amount to spin (positive = up, negative = down)
+     * @param options - Spin options including the date and loop behavior
+     */
+    spin(delta: number, options: SpinOptions): void;
+    /**
+     * Extracts the value of this part from a Date object.
+     * @param date - The date to extract from
+     * @returns The formatted string value
+     */
+    getValue(date: Date): string;
+}
+/** Context for date validation (needed for day-of-month validation) */
+export interface DateValidationContext {
+    year?: number;
+    month?: number;
+}
+/**
+ * Creates a date part instance based on the type.
+ * This is the only way to create date part instances outside this module.
+ *
+ * @param type - The type of date part to create
+ * @param options - The options for the date part
+ * @returns A date part instance implementing IDatePart
+ */
+export declare function createDatePart(type: DatePartType, options: DatePartOptions): IDatePart;

package/components/date-time-input/date-part.js

@@ -0,0 +1,256 @@
+export var DatePart;
+(function (DatePart) {
+    DatePart["Month"] = "month";
+    DatePart["Year"] = "year";
+    DatePart["Date"] = "date";
+    DatePart["Hours"] = "hours";
+    DatePart["Minutes"] = "minutes";
+    DatePart["Seconds"] = "seconds";
+    DatePart["AmPm"] = "amPm";
+})(DatePart || (DatePart = {}));
+export const DatePartType = {
+    Month: 'month',
+    Year: 'year',
+    Date: 'date',
+    Hours: 'hours',
+    Minutes: 'minutes',
+    Seconds: 'seconds',
+    AmPm: 'amPm',
+    Literal: 'literal',
+};
+export const DEFAULT_DATE_PARTS_SPIN_DELTAS = Object.freeze({
+    date: 1,
+    month: 1,
+    year: 1,
+    hours: 1,
+    minutes: 1,
+    seconds: 1,
+});
+const TIME_BOUNDS = {
+    hours: { min: 0, max: 23 },
+    minutes: { min: 0, max: 59 },
+    seconds: { min: 0, max: 59 },
+};
+const DATE_BOUNDS = {
+    month: { min: 0, max: 11 },
+    date: { min: 1, max: 31 },
+};
+function daysInMonth(year, month) {
+    return new Date(year, month + 1, 0).getDate();
+}
+function padValue(value, length) {
+    return String(value).padStart(length, '0');
+}
+function toTwelveHourFormat(hours) {
+    const h = hours % 12;
+    return h === 0 ? 12 : h;
+}
+function spinTimePart(date, delta, max, min, setter, getter, spinLoop) {
+    let value = getter.call(date) + delta;
+    if (value > max) {
+        value = spinLoop ? value % (max + 1) : max;
+    }
+    else if (value < min) {
+        value = spinLoop ? max + 1 + (value % (max + 1)) : min;
+    }
+    setter.call(date, value);
+}
+class DatePartBase {
+    constructor(type, options) {
+        this.type = type;
+        this.start = options.start;
+        this.end = options.end;
+        this.format = options.format;
+    }
+}
+class YearPart extends DatePartBase {
+    constructor(options) {
+        super(DatePartType.Year, options);
+    }
+    validate(_value) {
+        return _value >= 0;
+    }
+    spin(delta, options) {
+        const { date } = options;
+        const maxDate = daysInMonth(date.getFullYear() + delta, date.getMonth());
+        if (date.getDate() > maxDate) {
+            date.setDate(maxDate);
+        }
+        date.setFullYear(date.getFullYear() + delta);
+    }
+    getValue(date) {
+        const length = this.format.length;
+        const year = length === 2
+            ? date.getFullYear().toString().slice(-2)
+            : date.getFullYear();
+        return padValue(year, length);
+    }
+}
+class MonthPart extends DatePartBase {
+    constructor(options) {
+        super(DatePartType.Month, options);
+    }
+    validate(value) {
+        return value >= DATE_BOUNDS.month.min && value <= DATE_BOUNDS.month.max;
+    }
+    spin(delta, options) {
+        const { date, spinLoop } = options;
+        const { min, max } = DATE_BOUNDS.month;
+        const maxDate = daysInMonth(date.getFullYear(), date.getMonth() + delta);
+        if (date.getDate() > maxDate) {
+            date.setDate(maxDate);
+        }
+        let month = date.getMonth() + delta;
+        if (month > max) {
+            month = spinLoop ? (month % max) - 1 : max;
+        }
+        else if (month < min) {
+            month = spinLoop ? max + (month % max) + 1 : min;
+        }
+        date.setMonth(month);
+    }
+    getValue(date) {
+        return padValue(date.getMonth() + 1, this.format.length);
+    }
+}
+class DateOfMonthPart extends DatePartBase {
+    constructor(options) {
+        super(DatePartType.Date, options);
+    }
+    validate(value, context) {
+        if (value < DATE_BOUNDS.date.min) {
+            return false;
+        }
+        if (context?.year !== undefined && context?.month !== undefined) {
+            const maxDays = daysInMonth(context.year, context.month);
+            return value <= maxDays;
+        }
+        return value <= DATE_BOUNDS.date.max;
+    }
+    spin(delta, options) {
+        const { date, spinLoop } = options;
+        const maxDate = daysInMonth(date.getFullYear(), date.getMonth());
+        const { min } = DATE_BOUNDS.date;
+        let dayOfMonth = date.getDate() + delta;
+        if (dayOfMonth > maxDate) {
+            dayOfMonth = spinLoop ? dayOfMonth % maxDate : maxDate;
+        }
+        else if (dayOfMonth < min) {
+            dayOfMonth = spinLoop ? maxDate + (dayOfMonth % maxDate) : min;
+        }
+        date.setDate(dayOfMonth);
+    }
+    getValue(date) {
+        return padValue(date.getDate(), this.format.length);
+    }
+}
+class HoursPart extends DatePartBase {
+    constructor(options) {
+        super(DatePartType.Hours, options);
+    }
+    validate(value) {
+        return value >= TIME_BOUNDS.hours.min && value <= TIME_BOUNDS.hours.max;
+    }
+    spin(delta, options) {
+        const { date, spinLoop } = options;
+        const { min, max } = TIME_BOUNDS.hours;
+        spinTimePart(date, delta, max, min, date.setHours, date.getHours, spinLoop);
+    }
+    getValue(date) {
+        const isTwelveHour = this.format.includes('h');
+        const hours = isTwelveHour
+            ? toTwelveHourFormat(date.getHours())
+            : date.getHours();
+        return padValue(hours, this.format.length);
+    }
+}
+class MinutesPart extends DatePartBase {
+    constructor(options) {
+        super(DatePartType.Minutes, options);
+    }
+    validate(value) {
+        return value >= TIME_BOUNDS.minutes.min && value <= TIME_BOUNDS.minutes.max;
+    }
+    spin(delta, options) {
+        const { date, spinLoop } = options;
+        const { min, max } = TIME_BOUNDS.minutes;
+        spinTimePart(date, delta, max, min, date.setMinutes, date.getMinutes, spinLoop);
+    }
+    getValue(date) {
+        return padValue(date.getMinutes(), this.format.length);
+    }
+}
+class SecondsPart extends DatePartBase {
+    constructor(options) {
+        super(DatePartType.Seconds, options);
+    }
+    validate(value) {
+        return value >= TIME_BOUNDS.seconds.min && value <= TIME_BOUNDS.seconds.max;
+    }
+    spin(delta, options) {
+        const { date, spinLoop } = options;
+        const { min, max } = TIME_BOUNDS.seconds;
+        spinTimePart(date, delta, max, min, date.setSeconds, date.getSeconds, spinLoop);
+    }
+    getValue(date) {
+        return padValue(date.getSeconds(), this.format.length);
+    }
+}
+class AmPmPart extends DatePartBase {
+    constructor(options) {
+        super(DatePartType.AmPm, options);
+    }
+    validate(_value) {
+        return true;
+    }
+    spin(_delta, options) {
+        const { date, amPmValue, originalDate } = options;
+        if (!amPmValue)
+            return;
+        const isAM = amPmValue.toLowerCase() === 'am';
+        const newHours = date.getHours() + (isAM ? 12 : -12);
+        date.setHours(newHours);
+        if (originalDate && date.getDate() !== originalDate.getDate()) {
+            date.setTime(originalDate.getTime());
+        }
+    }
+    getValue(date) {
+        return date.getHours() >= 12 ? 'PM' : 'AM';
+    }
+}
+class LiteralPart extends DatePartBase {
+    constructor(options) {
+        super(DatePartType.Literal, options);
+    }
+    validate(_value) {
+        return true;
+    }
+    spin(_delta, _options) {
+    }
+    getValue(_date) {
+        return this.format;
+    }
+}
+export function createDatePart(type, options) {
+    switch (type) {
+        case DatePartType.Year:
+            return new YearPart(options);
+        case DatePartType.Month:
+            return new MonthPart(options);
+        case DatePartType.Date:
+            return new DateOfMonthPart(options);
+        case DatePartType.Hours:
+            return new HoursPart(options);
+        case DatePartType.Minutes:
+            return new MinutesPart(options);
+        case DatePartType.Seconds:
+            return new SecondsPart(options);
+        case DatePartType.AmPm:
+            return new AmPmPart(options);
+        case DatePartType.Literal:
+            return new LiteralPart(options);
+        default:
+            throw new Error(`Unknown date part type: ${type}`);
+    }
+}
+//# sourceMappingURL=date-part.js.map

package/components/date-time-input/date-part.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-part.js","sourceRoot":"","sources":["../../../src/components/date-time-input/date-part.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * Date Part Classes Module\n *\n * This module provides structured classes for date/time parts used in date-time input.\n * Each part type has its own class with specific validation and spin behavior.\n *\n * Classes are private to this module - only types and factory function are exported.\n */\n\n//#region Types and Enums\n\nexport enum DatePart {\n  Month = 'month',\n  Year = 'year',\n  Date = 'date',\n  Hours = 'hours',\n  Minutes = 'minutes',\n  Seconds = 'seconds',\n  AmPm = 'amPm',\n}\n\n/** Types of date/time parts that can appear in a format string */\nexport const DatePartType = {\n  Month: 'month',\n  Year: 'year',\n  Date: 'date',\n  Hours: 'hours',\n  Minutes: 'minutes',\n  Seconds: 'seconds',\n  AmPm: 'amPm',\n  Literal: 'literal',\n} as const;\n\nexport type DatePartType = (typeof DatePartType)[keyof typeof DatePartType];\n\n// Spin delta defaults\nexport const DEFAULT_DATE_PARTS_SPIN_DELTAS = Object.freeze<DatePartDeltas>({\n  date: 1,\n  month: 1,\n  year: 1,\n  hours: 1,\n  minutes: 1,\n  seconds: 1,\n});\n\nexport interface DatePartDeltas {\n  date?: number;\n  month?: number;\n  year?: number;\n  hours?: number;\n  minutes?: number;\n  seconds?: number;\n}\n\n/** Options for creating a date part */\nexport interface DatePartOptions {\n  /** Start position in the masked string */\n  start: number;\n  /** End position in the masked string */\n  end: number;\n  /** The format string for this part (e.g., 'MM', 'yyyy') */\n  format: string;\n}\n\n/** Options for spin operations */\nexport interface SpinOptions {\n  /** The current date value */\n  date: Date;\n  /** Whether to loop values at boundaries */\n  spinLoop: boolean;\n  /** For AM/PM: the current masked value to determine AM or PM */\n  amPmValue?: string;\n  /** For AM/PM: the original date (for rollover prevention) */\n  originalDate?: Date;\n}\n\n/** Read-only interface for date part information */\nexport interface IDatePart {\n  /** The type of date part */\n  readonly type: DatePartType;\n  /** Start position in the masked string */\n  readonly start: number;\n  /** End position in the masked string */\n  readonly end: number;\n  /** The format string for this part */\n  readonly format: string;\n\n  /**\n   * Validates a numeric value for this part.\n   * @param value - The value to validate\n   * @param context - Optional context (year, month) for date-dependent validation\n   * @returns true if the value is valid for this part\n   */\n  validate(value: number, context?: DateValidationContext): boolean;\n\n  /**\n   * Spins (increments/decrements) this part's value on the given date.\n   * @param delta - The amount to spin (positive = up, negative = down)\n   * @param options - Spin options including the date and loop behavior\n   */\n  spin(delta: number, options: SpinOptions): void;\n\n  /**\n   * Extracts the value of this part from a Date object.\n   * @param date - The date to extract from\n   * @returns The formatted string value\n   */\n  getValue(date: Date): string;\n}\n\n/** Context for date validation (needed for day-of-month validation) */\nexport interface DateValidationContext {\n  year?: number;\n  month?: number;\n}\n\n//#endregion\n\n//#region Constants\n\n/** Time bounds for validation */\nconst TIME_BOUNDS = {\n  hours: { min: 0, max: 23 },\n  minutes: { min: 0, max: 59 },\n  seconds: { min: 0, max: 59 },\n} as const;\n\n/** Date bounds for validation */\nconst DATE_BOUNDS = {\n  month: { min: 0, max: 11 },\n  date: { min: 1, max: 31 },\n} as const;\n\n//#endregion\n\n//#region Helper Functions\n\n/**\n * Gets the number of days in a specific month/year.\n */\nfunction daysInMonth(year: number, month: number): number {\n  return new Date(year, month + 1, 0).getDate();\n}\n\n/**\n * Pads a value with zeros to the specified length.\n */\nfunction padValue(value: string | number, length: number): string {\n  return String(value).padStart(length, '0');\n}\n\n/**\n * Converts 24-hour format to 12-hour format.\n */\nfunction toTwelveHourFormat(hours: number): number {\n  const h = hours % 12;\n  return h === 0 ? 12 : h;\n}\n\n/**\n * Generic spin helper for time parts.\n */\nfunction spinTimePart(\n  date: Date,\n  delta: number,\n  max: number,\n  min: number,\n  setter: (value: number) => number,\n  getter: () => number,\n  spinLoop: boolean\n): void {\n  let value = getter.call(date) + delta;\n\n  if (value > max) {\n    value = spinLoop ? value % (max + 1) : max;\n  } else if (value < min) {\n    value = spinLoop ? max + 1 + (value % (max + 1)) : min;\n  }\n\n  setter.call(date, value);\n}\n\n//#endregion\n\n//#region Abstract Base Class\n\n/**\n * Abstract base class for all date parts.\n * Provides common functionality and defines the contract for concrete implementations.\n */\nabstract class DatePartBase implements IDatePart {\n  readonly type: DatePartType;\n  readonly start: number;\n  readonly end: number;\n  readonly format: string;\n\n  constructor(type: DatePartType, options: DatePartOptions) {\n    this.type = type;\n    this.start = options.start;\n    this.end = options.end;\n    this.format = options.format;\n  }\n\n  abstract validate(value: number, context?: DateValidationContext): boolean;\n  abstract spin(delta: number, options: SpinOptions): void;\n  abstract getValue(date: Date): string;\n}\n\n//#endregion\n\n//#region Concrete Implementations\n\n/**\n * Year part (yyyy, yy)\n */\nclass YearPart extends DatePartBase {\n  constructor(options: DatePartOptions) {\n    super(DatePartType.Year, options);\n  }\n\n  validate(_value: number): boolean {\n    // Years are always valid (no upper bound)\n    return _value >= 0;\n  }\n\n  spin(delta: number, options: SpinOptions): void {\n    const { date } = options;\n    const maxDate = daysInMonth(date.getFullYear() + delta, date.getMonth());\n\n    // Clip to max day to avoid leap year change shifting the entire value\n    if (date.getDate() > maxDate) {\n      date.setDate(maxDate);\n    }\n\n    date.setFullYear(date.getFullYear() + delta);\n  }\n\n  getValue(date: Date): string {\n    const length = this.format.length;\n    const year =\n      length === 2\n        ? date.getFullYear().toString().slice(-2)\n        : date.getFullYear();\n    return padValue(year, length);\n  }\n}\n\n/**\n * Month part (MM, M)\n */\nclass MonthPart extends DatePartBase {\n  constructor(options: DatePartOptions) {\n    super(DatePartType.Month, options);\n  }\n\n  validate(value: number): boolean {\n    // Month is 0-based internally, but 1-12 in display\n    return value >= DATE_BOUNDS.month.min && value <= DATE_BOUNDS.month.max;\n  }\n\n  spin(delta: number, options: SpinOptions): void {\n    const { date, spinLoop } = options;\n    const { min, max } = DATE_BOUNDS.month;\n\n    const maxDate = daysInMonth(date.getFullYear(), date.getMonth() + delta);\n    if (date.getDate() > maxDate) {\n      date.setDate(maxDate);\n    }\n\n    let month = date.getMonth() + delta;\n\n    if (month > max) {\n      month = spinLoop ? (month % max) - 1 : max;\n    } else if (month < min) {\n      month = spinLoop ? max + (month % max) + 1 : min;\n    }\n\n    date.setMonth(month);\n  }\n\n  getValue(date: Date): string {\n    return padValue(date.getMonth() + 1, this.format.length);\n  }\n}\n\n/**\n * Date (day of month) part (dd, d)\n */\nclass DateOfMonthPart extends DatePartBase {\n  constructor(options: DatePartOptions) {\n    super(DatePartType.Date, options);\n  }\n\n  validate(value: number, context?: DateValidationContext): boolean {\n    if (value < DATE_BOUNDS.date.min) {\n      return false;\n    }\n\n    if (context?.year !== undefined && context?.month !== undefined) {\n      const maxDays = daysInMonth(context.year, context.month);\n      return value <= maxDays;\n    }\n\n    return value <= DATE_BOUNDS.date.max;\n  }\n\n  spin(delta: number, options: SpinOptions): void {\n    const { date, spinLoop } = options;\n    const maxDate = daysInMonth(date.getFullYear(), date.getMonth());\n    const { min } = DATE_BOUNDS.date;\n\n    let dayOfMonth = date.getDate() + delta;\n\n    if (dayOfMonth > maxDate) {\n      dayOfMonth = spinLoop ? dayOfMonth % maxDate : maxDate;\n    } else if (dayOfMonth < min) {\n      dayOfMonth = spinLoop ? maxDate + (dayOfMonth % maxDate) : min;\n    }\n\n    date.setDate(dayOfMonth);\n  }\n\n  getValue(date: Date): string {\n    return padValue(date.getDate(), this.format.length);\n  }\n}\n\n/**\n * Hours part (HH, H, hh, h)\n */\nclass HoursPart extends DatePartBase {\n  constructor(options: DatePartOptions) {\n    super(DatePartType.Hours, options);\n  }\n\n  validate(value: number): boolean {\n    return value >= TIME_BOUNDS.hours.min && value <= TIME_BOUNDS.hours.max;\n  }\n\n  spin(delta: number, options: SpinOptions): void {\n    const { date, spinLoop } = options;\n    const { min, max } = TIME_BOUNDS.hours;\n    spinTimePart(date, delta, max, min, date.setHours, date.getHours, spinLoop);\n  }\n\n  getValue(date: Date): string {\n    const isTwelveHour = this.format.includes('h');\n    const hours = isTwelveHour\n      ? toTwelveHourFormat(date.getHours())\n      : date.getHours();\n    return padValue(hours, this.format.length);\n  }\n}\n\n/**\n * Minutes part (mm, m)\n */\nclass MinutesPart extends DatePartBase {\n  constructor(options: DatePartOptions) {\n    super(DatePartType.Minutes, options);\n  }\n\n  validate(value: number): boolean {\n    return value >= TIME_BOUNDS.minutes.min && value <= TIME_BOUNDS.minutes.max;\n  }\n\n  spin(delta: number, options: SpinOptions): void {\n    const { date, spinLoop } = options;\n    const { min, max } = TIME_BOUNDS.minutes;\n    spinTimePart(\n      date,\n      delta,\n      max,\n      min,\n      date.setMinutes,\n      date.getMinutes,\n      spinLoop\n    );\n  }\n\n  getValue(date: Date): string {\n    return padValue(date.getMinutes(), this.format.length);\n  }\n}\n\n/**\n * Seconds part (ss, s)\n */\nclass SecondsPart extends DatePartBase {\n  constructor(options: DatePartOptions) {\n    super(DatePartType.Seconds, options);\n  }\n\n  validate(value: number): boolean {\n    return value >= TIME_BOUNDS.seconds.min && value <= TIME_BOUNDS.seconds.max;\n  }\n\n  spin(delta: number, options: SpinOptions): void {\n    const { date, spinLoop } = options;\n    const { min, max } = TIME_BOUNDS.seconds;\n    spinTimePart(\n      date,\n      delta,\n      max,\n      min,\n      date.setSeconds,\n      date.getSeconds,\n      spinLoop\n    );\n  }\n\n  getValue(date: Date): string {\n    return padValue(date.getSeconds(), this.format.length);\n  }\n}\n\n/**\n * AM/PM part (tt, t)\n */\nclass AmPmPart extends DatePartBase {\n  constructor(options: DatePartOptions) {\n    super(DatePartType.AmPm, options);\n  }\n\n  validate(_value: number): boolean {\n    // AM/PM doesn't have numeric validation\n    return true;\n  }\n\n  spin(_delta: number, options: SpinOptions): void {\n    const { date, amPmValue, originalDate } = options;\n\n    if (!amPmValue) return;\n\n    const isAM = amPmValue.toLowerCase() === 'am';\n    const newHours = date.getHours() + (isAM ? 12 : -12);\n    date.setHours(newHours);\n\n    // Prevent date rollover\n    if (originalDate && date.getDate() !== originalDate.getDate()) {\n      date.setTime(originalDate.getTime());\n    }\n  }\n\n  getValue(date: Date): string {\n    return date.getHours() >= 12 ? 'PM' : 'AM';\n  }\n}\n\n/**\n * Literal part (separators like /, -, :, space, etc.)\n */\nclass LiteralPart extends DatePartBase {\n  constructor(options: DatePartOptions) {\n    super(DatePartType.Literal, options);\n  }\n\n  validate(_value: number): boolean {\n    // Literals don't have validation\n    return true;\n  }\n\n  spin(_delta: number, _options: SpinOptions): void {\n    // Literals can't be spun\n  }\n\n  getValue(_date: Date): string {\n    return this.format;\n  }\n}\n\n//#endregion\n\n//#region Factory Function\n\n/**\n * Creates a date part instance based on the type.\n * This is the only way to create date part instances outside this module.\n *\n * @param type - The type of date part to create\n * @param options - The options for the date part\n * @returns A date part instance implementing IDatePart\n */\nexport function createDatePart(\n  type: DatePartType,\n  options: DatePartOptions\n): IDatePart {\n  switch (type) {\n    case DatePartType.Year:\n      return new YearPart(options);\n    case DatePartType.Month:\n      return new MonthPart(options);\n    case DatePartType.Date:\n      return new DateOfMonthPart(options);\n    case DatePartType.Hours:\n      return new HoursPart(options);\n    case DatePartType.Minutes:\n      return new MinutesPart(options);\n    case DatePartType.Seconds:\n      return new SecondsPart(options);\n    case DatePartType.AmPm:\n      return new AmPmPart(options);\n    case DatePartType.Literal:\n      return new LiteralPart(options);\n    default:\n      throw new Error(`Unknown date part type: ${type}`);\n  }\n}\n\n//#endregion\n"]}