@haiilo/catalyst 6.2.2 → 6.3.0

package/dist/collection/components/cat-datepicker/cat-datepicker.config.js.map

@@ -1 +1 @@
-{"version":3,"file":"cat-datepicker.config.js","sourceRoot":"","sources":["../../../src/components/cat-datepicker/cat-datepicker.config.tsx"],"names":[],"mappings":"AAAA,MAAM,UAAU,SAAS,CAAC,QAAgB,EAAE,IAAyD;EACnG,MAAM,IAAI,GAAG,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;EAC3C,MAAM,UAAU,GAA+B,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,CAAC;EACrG,MAAM,UAAU,GAA+B,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC;EACtF,OAAO,IAAI,KAAK,MAAM;IACpB,CAAC,CAAC,GAAG;IACL,CAAC,CAAC,IAAI,IAAI,CAAC,cAAc,CACrB,QAAQ,EACR;MACE,IAAI,EAAE,UAAU;MAChB,IAAI,EAAE,UAAU;MAChB,QAAQ,EAAE,EAAE,GAAG,UAAU,EAAE,GAAG,UAAU,EAAE;MAC1C,SAAS,EAAE,UAAU;KACtB,CAAC,IAAI,CAAC,CACR;OACE,MAAM,CAAC,IAAI,CAAC;OACZ,OAAO,CAAC,MAAM,EAAE,GAAG,CAAC;OACpB,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC;OAClB,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC;OAClB,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC;OAClB,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC;OAClB,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC;OAClB,OAAO,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC;AAChC,CAAC","sourcesContent":["export function getFormat(language: string, mode: 'date' | 'time' | 'datetime' | 'daterange' | 'week'): string {\n  const date = new Date(2000, 1, 3, 4, 5, 6);\n  const formatDate: Intl.DateTimeFormatOptions = { year: 'numeric', month: '2-digit', day: '2-digit' };\n  const formatTime: Intl.DateTimeFormatOptions = { hour: '2-digit', minute: '2-digit' };\n  return mode === 'week'\n    ? 'W'\n    : new Intl.DateTimeFormat(\n        language,\n        {\n          date: formatDate,\n          time: formatTime,\n          datetime: { ...formatDate, ...formatTime },\n          daterange: formatDate\n        }[mode]\n      )\n        .format(date)\n        .replace('2000', 'Y')\n        .replace('00', 'y')\n        .replace('02', 'm')\n        .replace('03', 'd')\n        .replace('04', 'H')\n        .replace('05', 'i')\n        .replace(/AM|PM/i, 'K');\n}\n"]}
+{"version":3,"file":"cat-datepicker.config.js","sourceRoot":"","sources":["../../../src/components/cat-datepicker/cat-datepicker.config.ts"],"names":[],"mappings":"AACA,OAAO,gBAAgB,MAAM,8CAA8C,CAAC;AAG5E,MAAM,UAAU,SAAS,CACvB,OAUC,EACD,OAAkC,EAAE;EAEpC,8DAA8D;EAC9D,MAAM,OAAO,GAAG,OAAO,CAAC,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,CAAC,IAAK,gBAAwB,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;EAEnF,OAAO;IACL,GAAG,IAAI;IACP,MAAM,EAAE,OAAO,CAAC,MAAM;IACtB,OAAO;IACP,QAAQ,EAAE,IAAI;IACd,SAAS,EAAE,GAAG;IACd,SAAS,EAAE,GAAG;IACd,UAAU,EAAE,UAAU,CAAC,OAAO,CAAC,IAAI,CAAC;IACpC,SAAS,EAAE,OAAO,CAAC,MAAM;IACzB,cAAc,EAAE,OAAO,CAAC,MAAM;IAC9B,IAAI,EAAE,OAAO,CAAC,IAAI,KAAK,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ;IACvD,OAAO,EAAE,OAAO,CAAC,GAAG;IACpB,OAAO,EAAE,OAAO,CAAC,GAAG;IACpB,UAAU,EAAE,OAAO,CAAC,IAAI,KAAK,MAAM,IAAI,OAAO,CAAC,IAAI,KAAK,UAAU;IAClE,UAAU,EAAE,OAAO,CAAC,IAAI,KAAK,MAAM;IACnC,WAAW,EAAE,IAAI;IACjB,eAAe,EAAE,OAAO,CAAC,IAAI;IAC7B,UAAU,EAAE,CAAC,OAAO,CAAC,QAAQ,IAAI,CAAC,OAAO,CAAC,QAAQ;IAClD,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE;MACtC,IAAI,KAAK,GAAG,OAAO,IAAI,SAAS,CAAC;MACjC,IAAI,OAAO,CAAC,IAAI,KAAK,MAAM,EAAE;QAC3B,KAAK,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;OAC9E;MACD,OAAO,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;IAC7B,CAAC;GACF,CAAC;AACJ,CAAC;AAED,SAAS,UAAU,CAAC,IAAuB;EACzC,IAAI,IAAI,KAAK,MAAM,EAAE;IACnB,OAAO,GAAG,CAAC;GACZ;OAAM,IAAI,IAAI,KAAK,MAAM,EAAE;IAC1B,OAAO,KAAK,CAAC;GACd;OAAM;IACL,OAAO,GAAG,CAAC;GACZ;AACH,CAAC","sourcesContent":["import flatpickr from 'flatpickr';\nimport weekSelectPlugin from 'flatpickr/dist/plugins/weekSelect/weekSelect';\nimport { CatDatepickerMode } from './cat-datepicker.mode';\n\nexport function getConfig(\n  options: {\n    locale: flatpickr.CustomLocale;\n    format: string;\n    mode: CatDatepickerMode;\n    min: string | undefined;\n    max: string | undefined;\n    step: number;\n    disabled: boolean;\n    readonly: boolean;\n    applyChange: (value?: string) => void;\n  },\n  more: flatpickr.Options.Options = {}\n): flatpickr.Options.Options {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const plugins = options.mode === 'week' ? [new (weekSelectPlugin as any)({})] : [];\n\n  return {\n    ...more,\n    locale: options.locale,\n    plugins,\n    altInput: true,\n    prevArrow: '←',\n    nextArrow: '→',\n    dateFormat: dateFormat(options.mode),\n    altFormat: options.format,\n    ariaDateFormat: options.format,\n    mode: options.mode === 'daterange' ? 'range' : 'single',\n    minDate: options.min,\n    maxDate: options.max,\n    enableTime: options.mode === 'time' || options.mode === 'datetime',\n    noCalendar: options.mode === 'time',\n    weekNumbers: true,\n    minuteIncrement: options.step,\n    clickOpens: !options.disabled && !options.readonly,\n    onChange: (dates, dateStr, flatpickr) => {\n      let value = dateStr || undefined;\n      if (options.mode === 'week') {\n        value = dates[0] ? flatpickr.config.getWeek(dates[0]).toString() : undefined;\n      }\n      options.applyChange(value);\n    }\n  };\n}\n\nfunction dateFormat(mode: CatDatepickerMode): string {\n  if (mode === 'week') {\n    return 'W';\n  } else if (mode === 'time') {\n    return 'H:i';\n  } else {\n    return 'Z';\n  }\n}\n"]}

package/dist/collection/components/cat-datepicker/cat-datepicker.format.js

@@ -0,0 +1,22 @@
+export function getFormat(language, mode) {
+  const date = new Date(2000, 1, 3, 4, 5, 6);
+  const formatDate = { year: 'numeric', month: '2-digit', day: '2-digit' };
+  const formatTime = { hour: '2-digit', minute: '2-digit' };
+  return mode === 'week'
+    ? 'W'
+    : new Intl.DateTimeFormat(language, {
+      date: formatDate,
+      time: formatTime,
+      datetime: { ...formatDate, ...formatTime },
+      daterange: formatDate
+    }[mode])
+      .format(date)
+      .replace('2000', 'Y')
+      .replace('00', 'y')
+      .replace('02', 'm')
+      .replace('03', 'd')
+      .replace('04', 'H')
+      .replace('05', 'i')
+      .replace(/AM|PM/i, 'K');
+}
+//# sourceMappingURL=cat-datepicker.format.js.map

package/dist/collection/components/cat-datepicker/cat-datepicker.format.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cat-datepicker.format.js","sourceRoot":"","sources":["../../../src/components/cat-datepicker/cat-datepicker.format.ts"],"names":[],"mappings":"AAEA,MAAM,UAAU,SAAS,CAAC,QAAgB,EAAE,IAAuB;EACjE,MAAM,IAAI,GAAG,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;EAC3C,MAAM,UAAU,GAA+B,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,CAAC;EACrG,MAAM,UAAU,GAA+B,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC;EACtF,OAAO,IAAI,KAAK,MAAM;IACpB,CAAC,CAAC,GAAG;IACL,CAAC,CAAC,IAAI,IAAI,CAAC,cAAc,CACrB,QAAQ,EACR;MACE,IAAI,EAAE,UAAU;MAChB,IAAI,EAAE,UAAU;MAChB,QAAQ,EAAE,EAAE,GAAG,UAAU,EAAE,GAAG,UAAU,EAAE;MAC1C,SAAS,EAAE,UAAU;KACtB,CAAC,IAAI,CAAC,CACR;OACE,MAAM,CAAC,IAAI,CAAC;OACZ,OAAO,CAAC,MAAM,EAAE,GAAG,CAAC;OACpB,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC;OAClB,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC;OAClB,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC;OAClB,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC;OAClB,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC;OAClB,OAAO,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC;AAChC,CAAC","sourcesContent":["import { CatDatepickerMode } from './cat-datepicker.mode';\n\nexport function getFormat(language: string, mode: CatDatepickerMode): string {\n  const date = new Date(2000, 1, 3, 4, 5, 6);\n  const formatDate: Intl.DateTimeFormatOptions = { year: 'numeric', month: '2-digit', day: '2-digit' };\n  const formatTime: Intl.DateTimeFormatOptions = { hour: '2-digit', minute: '2-digit' };\n  return mode === 'week'\n    ? 'W'\n    : new Intl.DateTimeFormat(\n        language,\n        {\n          date: formatDate,\n          time: formatTime,\n          datetime: { ...formatDate, ...formatTime },\n          daterange: formatDate\n        }[mode]\n      )\n        .format(date)\n        .replace('2000', 'Y')\n        .replace('00', 'y')\n        .replace('02', 'm')\n        .replace('03', 'd')\n        .replace('04', 'H')\n        .replace('05', 'i')\n        .replace(/AM|PM/i, 'K');\n}\n"]}

package/dist/collection/components/cat-datepicker/cat-datepicker.js

@@ -1,8 +1,8 @@
 import { h } from "@stencil/core";
 import flatpickr from "flatpickr";
-import weekSelectPlugin from "flatpickr/dist/plugins/weekSelect/weekSelect";
 import { catI18nRegistry as i18n } from "../cat-i18n/cat-i18n-registry";
-import { getFormat } from "./cat-datepicker.config";
+import { getConfig } from "./cat-datepicker.config";
+import { getFormat } from "./cat-datepicker.format";
 import { getLocale } from "./cat-datepicker.locale";
 export class CatDatepickerFlat {
   constructor() {
@@ -35,39 +35,25 @@ export class CatDatepickerFlat {
   get input() {
     return this._input?.shadowRoot?.querySelector('input') ?? undefined;
   }
+  onValueChanged(value) {
+    if (value) {
+      this.pickr?.setDate(value, false);
+      this.catChange.emit(value);
+    }
+    else {
+      this.pickr?.clear(false);
+      this.catChange.emit(undefined);
+    }
+  }
+  onDisabledChanged(value) {
+    this.pickr?.set('clickOpens', !value && !this.readonly);
+  }
+  onReadonlyChanged(value) {
+    this.pickr?.set('clickOpens', !value && !this.disabled);
+  }
   componentDidLoad() {
-    const input = this.input;
-    if (input) {
-      const locale = getLocale(i18n.getLocale());
-      const format = getFormat(i18n.getLocale(), this.mode);
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      const plugins = this.mode === 'week' ? [new weekSelectPlugin({})] : [];
-      this.pickr = flatpickr(input, {
-        locale,
-        plugins,
-        altInput: true,
-        prevArrow: '←',
-        nextArrow: '→',
-        dateFormat: this.dateFormat,
-        altFormat: format,
-        ariaDateFormat: format,
-        mode: this.mode === 'daterange' ? 'range' : 'single',
-        minDate: this.min,
-        maxDate: this.max,
-        enableTime: this.mode === 'time' || this.mode === 'datetime',
-        noCalendar: this.mode === 'time',
-        weekNumbers: true,
-        minuteIncrement: this.step,
-        onChange: (dates, dateStr, flatpickr) => {
-          if (this.mode === 'week') {
-            this.value = dates[0] ? flatpickr.config.getWeek(dates[0]).toString() : undefined;
-          }
-          else {
-            this.value = dateStr;
-          }
-          this.catChange.emit(this.value);
-        }
-      });
+    if (this.input) {
+      this.pickr = this.initDatepicker(this.input);
     }
   }
   /**
@@ -90,11 +76,7 @@ export class CatDatepickerFlat {
   render() {
     return (h("cat-input", { ref: el => (this._input = el), requiredMarker: this.requiredMarker, horizontal: this.horizontal, autoComplete: this.autoComplete, clearable: this.clearable, disabled: this.disabled, hint: this.hint, icon: this.icon, iconRight: this.iconRight, identifier: this.identifier, label: this.label, labelHidden: this.labelHidden, name: this.name, placeholder: this.placeholder, textPrefix: this.textPrefix, textSuffix: this.textSuffix, readonly: this.readonly, required: this.required, value: this.value, errors: this.errors, errorUpdate: this.errorUpdate, nativeAttributes: this.nativeAttributes, onCatChange: e => {
         e.stopPropagation();
-        this.pickr?.setDate(e.detail);
-        if (this.value !== (e.detail || undefined)) {
-          this.value = e.detail || undefined;
-          this.catChange.emit(this.value);
-        }
+        this.value = e.detail || undefined;
       }, onCatFocus: e => {
         e.stopPropagation();
         this.catFocus.emit(e.detail);
@@ -103,16 +85,18 @@ export class CatDatepickerFlat {
         this.catBlur.emit(e.detail);
       } }));
   }
-  get dateFormat() {
-    if (this.mode === 'week') {
-      return 'W';
-    }
-    else if (this.mode === 'time') {
-      return 'H:i';
-    }
-    else {
-      return 'Z';
-    }
+  initDatepicker(input) {
+    return flatpickr(input, getConfig({
+      locale: getLocale(i18n.getLocale()),
+      format: getFormat(i18n.getLocale(), this.mode),
+      mode: this.mode,
+      min: this.min,
+      max: this.max,
+      step: this.step,
+      disabled: this.disabled,
+      readonly: this.readonly,
+      applyChange: value => (this.value = value)
+    }));
   }
   static get is() { return "cat-datepicker"; }
   static get encapsulation() { return "shadow"; }
@@ -360,9 +344,15 @@ export class CatDatepickerFlat {
         "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "'date' | 'time' | 'datetime' | 'daterange' | 'week'",
+          "original": "CatDatepickerMode",
           "resolved": "\"date\" | \"daterange\" | \"datetime\" | \"time\" | \"week\"",
-          "references": {}
+          "references": {
+            "CatDatepickerMode": {
+              "location": "import",
+              "path": "./cat-datepicker.mode",
+              "id": "src/components/cat-datepicker/cat-datepicker.mode.ts::CatDatepickerMode"
+            }
+          }
         },
         "required": false,
         "optional": false,
@@ -680,5 +670,17 @@ export class CatDatepickerFlat {
       }
     };
   }
+  static get watchers() {
+    return [{
+        "propName": "value",
+        "methodName": "onValueChanged"
+      }, {
+        "propName": "disabled",
+        "methodName": "onDisabledChanged"
+      }, {
+        "propName": "readonly",
+        "methodName": "onReadonlyChanged"
+      }];
+  }
 }
 //# sourceMappingURL=cat-datepicker.js.map

package/dist/collection/components/cat-datepicker/cat-datepicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"cat-datepicker.js","sourceRoot":"","sources":["../../../src/components/cat-datepicker/cat-datepicker.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Event, Method, EventEmitter, Prop, h } from '@stencil/core';\nimport flatpickr from 'flatpickr';\nimport weekSelectPlugin from 'flatpickr/dist/plugins/weekSelect/weekSelect';\nimport { ErrorMap } from '../cat-form-hint/cat-form-hint';\nimport { catI18nRegistry as i18n } from '../cat-i18n/cat-i18n-registry';\nimport { getFormat } from './cat-datepicker.config';\nimport { getLocale } from './cat-datepicker.locale';\n\n@Component({\n  tag: 'cat-datepicker',\n  styleUrl: 'cat-datepicker.scss',\n  shadow: true\n})\nexport class CatDatepickerFlat {\n  private pickr?: flatpickr.Instance;\n  private _input?: HTMLCatInputElement;\n  private get input(): HTMLInputElement | undefined {\n    return this._input?.shadowRoot?.querySelector('input') ?? undefined;\n  }\n\n  /**\n   * Whether the label need a marker to shown if the input is required or optional.\n   */\n  @Prop() requiredMarker: 'none' | 'required' | 'optional' | 'none!' | 'optional!' | 'required!' = 'optional';\n\n  /**\n   * Whether the label is on top or left.\n   */\n  @Prop() horizontal = false;\n\n  /**\n   * Hint for form autofill feature.\n   */\n  @Prop() autoComplete?: string;\n\n  /**\n   * Whether the input should show a clear button.\n   */\n  @Prop() clearable = false;\n\n  /**\n   * Whether the input is disabled.\n   */\n  @Prop() disabled = false;\n\n  /**\n   * Optional hint text(s) to be displayed with the input.\n   */\n  @Prop() hint?: string | string[];\n\n  /**\n   * The name of an icon to be displayed in the input.\n   */\n  @Prop() icon?: string;\n\n  /**\n   * Display the icon on the right.\n   */\n  @Prop() iconRight = false;\n\n  /**\n   * A unique identifier for the input.\n   */\n  @Prop() identifier?: string;\n\n  /**\n   * The label for the input.\n   */\n  @Prop() label = '';\n\n  /**\n   * Visually hide the label, but still show it to assistive technologies like screen readers.\n   */\n  @Prop() labelHidden = false;\n\n  /**\n   * A maximum value as ISO Date string, e.g. 2017-03-04T01:23:43.000Z.\n   */\n  @Prop() max?: string;\n\n  /**\n   * A minimum value as ISO Date string, e.g. 2017-03-04T01:23:43.000Z.\n   */\n  @Prop() min?: string;\n\n  /**\n   * The mode of the datepicker, to select a date, time, both, a date range or a week number.\n   */\n  @Prop() mode: 'date' | 'time' | 'datetime' | 'daterange' | 'week' = 'date';\n\n  /**\n   * The name of the form control. Submitted with the form as part of a name/value pair.\n   */\n  @Prop() name?: string;\n\n  /**\n   * The placeholder text to display within the input.\n   */\n  @Prop() placeholder?: string;\n\n  /**\n   * A textual prefix to be displayed in the input.\n   */\n  @Prop() textPrefix?: string;\n\n  /**\n   * A textual suffix to be displayed in the input.\n   */\n  @Prop() textSuffix?: string;\n\n  /**\n   * The value is not editable.\n   */\n  @Prop() readonly = false;\n\n  /**\n   * A value is required or must be check for the form to be submittable.\n   */\n  @Prop() required = false;\n\n  /**\n   * The step size to use when changing the time.\n   */\n  @Prop() step = 5;\n\n  /**\n   * The value as ISO Date string, e.g. 2017-03-04T01:23:43.000Z or as a week number string.\n   */\n  @Prop({ mutable: true }) value?: string;\n\n  /**\n   * The validation errors for this input. Will render a hint under the input\n   * with the translated error message(s) `error.${key}`. If an object is\n   * passed, the keys will be used as error keys and the values translation\n   * parameters.\n   * If the value is `true`, the input will be marked as invalid without any\n   * hints under the input.\n   */\n  @Prop() errors?: boolean | string[] | ErrorMap;\n\n  /**\n   * Fine-grained control over when the errors are shown. Can be `false` to\n   * never show errors, `true` to show errors on blur, or a number to show\n   * errors on change with the given delay in milliseconds.\n   */\n  @Prop() errorUpdate: boolean | number = 0;\n\n  /**\n   * Attributes that will be added to the native HTML input element.\n   */\n  @Prop() nativeAttributes?: { [key: string]: string };\n\n  /**\n   * Emitted when the value is changed.\n   */\n  @Event() catChange!: EventEmitter<string>;\n\n  /**\n   * Emitted when the input received focus.\n   */\n  @Event() catFocus!: EventEmitter<FocusEvent>;\n\n  /**\n   * Emitted when the input loses focus.\n   */\n  @Event() catBlur!: EventEmitter<FocusEvent>;\n\n  componentDidLoad() {\n    const input = this.input;\n    if (input) {\n      const locale = getLocale(i18n.getLocale());\n      const format = getFormat(i18n.getLocale(), this.mode);\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      const plugins = this.mode === 'week' ? [new (weekSelectPlugin as any)({})] : [];\n      this.pickr = flatpickr(input, {\n        locale,\n        plugins,\n        altInput: true,\n        prevArrow: '←',\n        nextArrow: '→',\n        dateFormat: this.dateFormat,\n        altFormat: format,\n        ariaDateFormat: format,\n        mode: this.mode === 'daterange' ? 'range' : 'single',\n        minDate: this.min,\n        maxDate: this.max,\n        enableTime: this.mode === 'time' || this.mode === 'datetime',\n        noCalendar: this.mode === 'time',\n        weekNumbers: true,\n        minuteIncrement: this.step,\n        onChange: (dates, dateStr, flatpickr) => {\n          if (this.mode === 'week') {\n            this.value = dates[0] ? flatpickr.config.getWeek(dates[0]).toString() : undefined;\n          } else {\n            this.value = dateStr;\n          }\n          this.catChange.emit(this.value);\n        }\n      });\n    }\n  }\n\n  /**\n   * Programmatically move focus to the datepicker. Use this method instead of\n   * `input.focus()`.\n   *\n   * @param options An optional object providing options to control aspects of\n   * the focusing process.\n   */\n  @Method()\n  async doFocus(options?: FocusOptions): Promise<void> {\n    this._input?.doFocus(options);\n  }\n\n  /**\n   * Programmatically remove focus from the datepicker. Use this method instead of\n   * `input.blur()`.\n   */\n  @Method()\n  async doBlur(): Promise<void> {\n    this._input?.doBlur();\n  }\n\n  render() {\n    return (\n      <cat-input\n        ref={el => (this._input = el)}\n        requiredMarker={this.requiredMarker}\n        horizontal={this.horizontal}\n        autoComplete={this.autoComplete}\n        clearable={this.clearable}\n        disabled={this.disabled}\n        hint={this.hint}\n        icon={this.icon}\n        iconRight={this.iconRight}\n        identifier={this.identifier}\n        label={this.label}\n        labelHidden={this.labelHidden}\n        name={this.name}\n        placeholder={this.placeholder}\n        textPrefix={this.textPrefix}\n        textSuffix={this.textSuffix}\n        readonly={this.readonly}\n        required={this.required}\n        value={this.value}\n        errors={this.errors}\n        errorUpdate={this.errorUpdate}\n        nativeAttributes={this.nativeAttributes}\n        onCatChange={e => {\n          e.stopPropagation();\n          this.pickr?.setDate(e.detail);\n          if (this.value !== (e.detail || undefined)) {\n            this.value = e.detail || undefined;\n            this.catChange.emit(this.value);\n          }\n        }}\n        onCatFocus={e => {\n          e.stopPropagation();\n          this.catFocus.emit(e.detail);\n        }}\n        onCatBlur={e => {\n          e.stopPropagation();\n          this.catBlur.emit(e.detail);\n        }}\n      ></cat-input>\n    );\n  }\n\n  private get dateFormat(): string {\n    if (this.mode === 'week') {\n      return 'W';\n    } else if (this.mode === 'time') {\n      return 'H:i';\n    } else {\n      return 'Z';\n    }\n  }\n}\n"]}
+{"version":3,"file":"cat-datepicker.js","sourceRoot":"","sources":["../../../src/components/cat-datepicker/cat-datepicker.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Event, EventEmitter, Method, Prop, Watch, h } from '@stencil/core';\nimport flatpickr from 'flatpickr';\nimport { ErrorMap } from '../cat-form-hint/cat-form-hint';\nimport { catI18nRegistry as i18n } from '../cat-i18n/cat-i18n-registry';\nimport { getConfig } from './cat-datepicker.config';\nimport { getFormat } from './cat-datepicker.format';\nimport { getLocale } from './cat-datepicker.locale';\nimport { CatDatepickerMode } from './cat-datepicker.mode';\n\n@Component({\n  tag: 'cat-datepicker',\n  styleUrl: 'cat-datepicker.scss',\n  shadow: true\n})\nexport class CatDatepickerFlat {\n  private pickr?: flatpickr.Instance;\n  private _input?: HTMLCatInputElement;\n  private get input(): HTMLInputElement | undefined {\n    return this._input?.shadowRoot?.querySelector('input') ?? undefined;\n  }\n\n  /**\n   * Whether the label need a marker to shown if the input is required or optional.\n   */\n  @Prop() requiredMarker: 'none' | 'required' | 'optional' | 'none!' | 'optional!' | 'required!' = 'optional';\n\n  /**\n   * Whether the label is on top or left.\n   */\n  @Prop() horizontal = false;\n\n  /**\n   * Hint for form autofill feature.\n   */\n  @Prop() autoComplete?: string;\n\n  /**\n   * Whether the input should show a clear button.\n   */\n  @Prop() clearable = false;\n\n  /**\n   * Whether the input is disabled.\n   */\n  @Prop() disabled = false;\n\n  /**\n   * Optional hint text(s) to be displayed with the input.\n   */\n  @Prop() hint?: string | string[];\n\n  /**\n   * The name of an icon to be displayed in the input.\n   */\n  @Prop() icon?: string;\n\n  /**\n   * Display the icon on the right.\n   */\n  @Prop() iconRight = false;\n\n  /**\n   * A unique identifier for the input.\n   */\n  @Prop() identifier?: string;\n\n  /**\n   * The label for the input.\n   */\n  @Prop() label = '';\n\n  /**\n   * Visually hide the label, but still show it to assistive technologies like screen readers.\n   */\n  @Prop() labelHidden = false;\n\n  /**\n   * A maximum value as ISO Date string, e.g. 2017-03-04T01:23:43.000Z.\n   */\n  @Prop() max?: string;\n\n  /**\n   * A minimum value as ISO Date string, e.g. 2017-03-04T01:23:43.000Z.\n   */\n  @Prop() min?: string;\n\n  /**\n   * The mode of the datepicker, to select a date, time, both, a date range or a week number.\n   */\n  @Prop() mode: CatDatepickerMode = 'date';\n\n  /**\n   * The name of the form control. Submitted with the form as part of a name/value pair.\n   */\n  @Prop() name?: string;\n\n  /**\n   * The placeholder text to display within the input.\n   */\n  @Prop() placeholder?: string;\n\n  /**\n   * A textual prefix to be displayed in the input.\n   */\n  @Prop() textPrefix?: string;\n\n  /**\n   * A textual suffix to be displayed in the input.\n   */\n  @Prop() textSuffix?: string;\n\n  /**\n   * The value is not editable.\n   */\n  @Prop() readonly = false;\n\n  /**\n   * A value is required or must be check for the form to be submittable.\n   */\n  @Prop() required = false;\n\n  /**\n   * The step size to use when changing the time.\n   */\n  @Prop() step = 5;\n\n  /**\n   * The value as ISO Date string, e.g. 2017-03-04T01:23:43.000Z or as a week number string.\n   */\n  @Prop({ mutable: true }) value?: string;\n\n  /**\n   * The validation errors for this input. Will render a hint under the input\n   * with the translated error message(s) `error.${key}`. If an object is\n   * passed, the keys will be used as error keys and the values translation\n   * parameters.\n   * If the value is `true`, the input will be marked as invalid without any\n   * hints under the input.\n   */\n  @Prop() errors?: boolean | string[] | ErrorMap;\n\n  /**\n   * Fine-grained control over when the errors are shown. Can be `false` to\n   * never show errors, `true` to show errors on blur, or a number to show\n   * errors on change with the given delay in milliseconds.\n   */\n  @Prop() errorUpdate: boolean | number = 0;\n\n  /**\n   * Attributes that will be added to the native HTML input element.\n   */\n  @Prop() nativeAttributes?: { [key: string]: string };\n\n  /**\n   * Emitted when the value is changed.\n   */\n  @Event() catChange!: EventEmitter<string>;\n\n  /**\n   * Emitted when the input received focus.\n   */\n  @Event() catFocus!: EventEmitter<FocusEvent>;\n\n  /**\n   * Emitted when the input loses focus.\n   */\n  @Event() catBlur!: EventEmitter<FocusEvent>;\n\n  @Watch('value')\n  onValueChanged(value: string) {\n    if (value) {\n      this.pickr?.setDate(value, false);\n      this.catChange.emit(value);\n    } else {\n      this.pickr?.clear(false);\n      this.catChange.emit(undefined);\n    }\n  }\n\n  @Watch('disabled')\n  onDisabledChanged(value: boolean) {\n    this.pickr?.set('clickOpens', !value && !this.readonly);\n  }\n\n  @Watch('readonly')\n  onReadonlyChanged(value: boolean) {\n    this.pickr?.set('clickOpens', !value && !this.disabled);\n  }\n\n  componentDidLoad() {\n    if (this.input) {\n      this.pickr = this.initDatepicker(this.input);\n    }\n  }\n\n  /**\n   * Programmatically move focus to the datepicker. Use this method instead of\n   * `input.focus()`.\n   *\n   * @param options An optional object providing options to control aspects of\n   * the focusing process.\n   */\n  @Method()\n  async doFocus(options?: FocusOptions): Promise<void> {\n    this._input?.doFocus(options);\n  }\n\n  /**\n   * Programmatically remove focus from the datepicker. Use this method instead of\n   * `input.blur()`.\n   */\n  @Method()\n  async doBlur(): Promise<void> {\n    this._input?.doBlur();\n  }\n\n  render() {\n    return (\n      <cat-input\n        ref={el => (this._input = el)}\n        requiredMarker={this.requiredMarker}\n        horizontal={this.horizontal}\n        autoComplete={this.autoComplete}\n        clearable={this.clearable}\n        disabled={this.disabled}\n        hint={this.hint}\n        icon={this.icon}\n        iconRight={this.iconRight}\n        identifier={this.identifier}\n        label={this.label}\n        labelHidden={this.labelHidden}\n        name={this.name}\n        placeholder={this.placeholder}\n        textPrefix={this.textPrefix}\n        textSuffix={this.textSuffix}\n        readonly={this.readonly}\n        required={this.required}\n        value={this.value}\n        errors={this.errors}\n        errorUpdate={this.errorUpdate}\n        nativeAttributes={this.nativeAttributes}\n        onCatChange={e => {\n          e.stopPropagation();\n          this.value = e.detail || undefined;\n        }}\n        onCatFocus={e => {\n          e.stopPropagation();\n          this.catFocus.emit(e.detail);\n        }}\n        onCatBlur={e => {\n          e.stopPropagation();\n          this.catBlur.emit(e.detail);\n        }}\n      ></cat-input>\n    );\n  }\n\n  private initDatepicker(input: HTMLInputElement): flatpickr.Instance {\n    return flatpickr(\n      input,\n      getConfig({\n        locale: getLocale(i18n.getLocale()),\n        format: getFormat(i18n.getLocale(), this.mode),\n        mode: this.mode,\n        min: this.min,\n        max: this.max,\n        step: this.step,\n        disabled: this.disabled,\n        readonly: this.readonly,\n        applyChange: value => (this.value = value)\n      })\n    );\n  }\n}\n"]}

package/dist/collection/components/cat-datepicker/cat-datepicker.locale.js.map

@@ -1 +1 @@
-{"version":3,"file":"cat-datepicker.locale.js","sourceRoot":"","sources":["../../../src/components/cat-datepicker/cat-datepicker.locale.tsx"],"names":[],"mappings":"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","sourcesContent":["import { CustomLocale } from 'flatpickr/dist/types/locale';\nimport { catI18nRegistry as i18n } from '../cat-i18n/cat-i18n-registry';\n\nexport function getHour12(language: string): boolean {\n  const dateStr = new Intl.DateTimeFormat(language, { hour: '2-digit', minute: '2-digit' })\n    .format(new Date())\n    .toLowerCase();\n  return dateStr.includes('am') || dateStr.includes('pm');\n}\n\nfunction getFirstDayOfWeek(language: string): number {\n  const locale = new Intl.Locale(language);\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const weekInfo = (locale as any).getWeekInfo?.() ?? (locale as any).weekInfo;\n  return weekInfo?.firstDay ?? 1;\n}\n\nfunction daysForLocale(language: string, weekday: 'long' | 'short' | 'narrow' = 'long') {\n  const date = new Date();\n  const firstDayOfWeek = date.getUTCDate() - date.getUTCDay();\n  const format = new Intl.DateTimeFormat(language, { weekday }).format;\n  return [...Array(7).keys()].map(day => format(date.setUTCDate(firstDayOfWeek + day)));\n}\n\nfunction monthsForLocale(language: string, month: 'long' | 'short' = 'long') {\n  const date = new Date();\n  const format = new Intl.DateTimeFormat(language, { month }).format;\n  return [...Array(12).keys()].map(month => format(date.setUTCMonth(month)));\n}\n\nexport function getLocale(language: string): CustomLocale {\n  return {\n    firstDayOfWeek: getFirstDayOfWeek(language),\n    rangeSeparator: ' - ',\n    weekAbbreviation: '',\n    yearAriaLabel: i18n.t('datepicker.year'),\n    monthAriaLabel: i18n.t('datepicker.month'),\n    hourAriaLabel: i18n.t('datepicker.hour'),\n    minuteAriaLabel: i18n.t('datepicker.minute'),\n    toggleTitle: i18n.t('datepicker.toggle'),\n    scrollTitle: i18n.t('datepicker.scroll'),\n    time_24hr: !getHour12(language),\n    weekdays: {\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      shorthand: daysForLocale(language, 'short') as any,\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      longhand: daysForLocale(language, 'long') as any\n    },\n    months: {\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      shorthand: monthsForLocale(language, 'short') as any,\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      longhand: monthsForLocale(language, 'long') as any\n    }\n  };\n}\n"]}
+{"version":3,"file":"cat-datepicker.locale.js","sourceRoot":"","sources":["../../../src/components/cat-datepicker/cat-datepicker.locale.ts"],"names":[],"mappings":"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","sourcesContent":["import flatpickr from 'flatpickr';\nimport { catI18nRegistry as i18n } from '../cat-i18n/cat-i18n-registry';\n\nexport function getHour12(language: string): boolean {\n  const dateStr = new Intl.DateTimeFormat(language, { hour: '2-digit', minute: '2-digit' })\n    .format(new Date())\n    .toLowerCase();\n  return dateStr.includes('am') || dateStr.includes('pm');\n}\n\nfunction getFirstDayOfWeek(language: string): number {\n  const locale = new Intl.Locale(language);\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const weekInfo = (locale as any).getWeekInfo?.() ?? (locale as any).weekInfo;\n  return weekInfo?.firstDay ?? 1;\n}\n\nfunction daysForLocale(language: string, weekday: 'long' | 'short' | 'narrow' = 'long') {\n  const date = new Date();\n  const firstDayOfWeek = date.getUTCDate() - date.getUTCDay();\n  const format = new Intl.DateTimeFormat(language, { weekday }).format;\n  return [...Array(7).keys()].map(day => format(date.setUTCDate(firstDayOfWeek + day)));\n}\n\nfunction monthsForLocale(language: string, month: 'long' | 'short' = 'long') {\n  const date = new Date();\n  const format = new Intl.DateTimeFormat(language, { month }).format;\n  return [...Array(12).keys()].map(month => format(date.setUTCMonth(month)));\n}\n\nexport function getLocale(language: string): flatpickr.CustomLocale {\n  return {\n    firstDayOfWeek: getFirstDayOfWeek(language),\n    rangeSeparator: ' - ',\n    weekAbbreviation: '',\n    yearAriaLabel: i18n.t('datepicker.year'),\n    monthAriaLabel: i18n.t('datepicker.month'),\n    hourAriaLabel: i18n.t('datepicker.hour'),\n    minuteAriaLabel: i18n.t('datepicker.minute'),\n    toggleTitle: i18n.t('datepicker.toggle'),\n    scrollTitle: i18n.t('datepicker.scroll'),\n    time_24hr: !getHour12(language),\n    weekdays: {\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      shorthand: daysForLocale(language, 'short') as any,\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      longhand: daysForLocale(language, 'long') as any\n    },\n    months: {\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      shorthand: monthsForLocale(language, 'short') as any,\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      longhand: monthsForLocale(language, 'long') as any\n    }\n  };\n}\n"]}

package/dist/collection/components/cat-datepicker/cat-datepicker.mode.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=cat-datepicker.mode.js.map

package/dist/collection/components/cat-datepicker/cat-datepicker.mode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cat-datepicker.mode.js","sourceRoot":"","sources":["../../../src/components/cat-datepicker/cat-datepicker.mode.ts"],"names":[],"mappings":"","sourcesContent":["export type CatDatepickerMode = 'date' | 'time' | 'datetime' | 'daterange' | 'week';\n"]}