@haiilo/catalyst 8.1.0 → 8.2.0

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

@@ -1 +1 @@
-{"version":3,"file":"cat-checkbox.js","sourceRoot":"","sources":["../../../src/components/cat-checkbox/cat-checkbox.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, Event, EventEmitter, h, Host, Method, Prop, State } from '@stencil/core';\nimport log from 'loglevel';\nimport { CatFormHint } from '../cat-form-hint/cat-form-hint';\n\nlet nextUniqueId = 0;\n\n/**\n * Checkboxes are used to let a user choose one or more options from a limited\n * number of options.\n *\n * @slot hint - Optional hint element to be displayed with the checkbox.\n * @slot label - The slotted label. If both the label property and the label slot are present, only the label slot will be displayed.\n * @part label - The label content.\n * @part input - The native input element.\n */\n@Component({\n  tag: 'cat-checkbox',\n  styleUrls: ['cat-checkbox.scss'],\n  shadow: true\n})\nexport class CatCheckbox {\n  private readonly _id = `cat-checkbox-${nextUniqueId++}`;\n  private get id() {\n    return this.identifier || this._id;\n  }\n\n  private input!: HTMLInputElement;\n\n  @Element() hostElement!: HTMLElement;\n\n  @State() hasSlottedLabel = false;\n  @State() hasSlottedHint = false;\n\n  /**\n   * Checked state of the checkbox\n   */\n  @Prop({ mutable: true }) checked = false;\n\n  /**\n   * Indeterminate state of the checkbox\n   */\n  @Prop({ mutable: true }) indeterminate = false;\n\n  /**\n   * Disabled state of the checkbox\n   */\n  @Prop() disabled = false;\n\n  /**\n   * A unique identifier for the input.\n   */\n  @Prop() identifier?: string;\n\n  /**\n   * Label of the checkbox which is presented in the UI\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   * The name of the input.\n   */\n  @Prop() name?: string;\n\n  /**\n   * Required state of the checkbox.\n   */\n  @Prop() required = false;\n\n  /**\n   * The value of the checked checkbox.\n   */\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  @Prop() value?: any;\n\n  /**\n   * The value of the unchecked checkbox.\n   */\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  @Prop() noValue?: any;\n\n  /**\n   * The resolved value of the checkbox, based on the checked state and value.\n   */\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  @Prop({ mutable: true }) resolvedValue: any = null;\n\n  /**\n   * Optional hint text(s) to be displayed with the checkbox.\n   */\n  @Prop() hint?: string | string[];\n\n  /**\n   * Whether the label should appear to the left of the checkbox.\n   */\n  @Prop() labelLeft = false;\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 checked status of the checkbox is changed.\n   */\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  @Event() catChange!: EventEmitter<any>;\n\n  /**\n   * Emitted when the checkbox received focus.\n   */\n  @Event() catFocus!: EventEmitter<FocusEvent>;\n\n  /**\n   * Emitted when the checkbox loses focus.\n   */\n  @Event() catBlur!: EventEmitter<FocusEvent>;\n\n  componentWillLoad() {\n    this.updateResolved();\n  }\n\n  componentWillRender(): void {\n    this.hasSlottedLabel = !!this.hostElement.querySelector('[slot=\"label\"]');\n    this.hasSlottedHint = !!this.hostElement.querySelector('[slot=\"hint\"]');\n    if (!this.label && !this.hasSlottedLabel) {\n      log.warn('[A11y] Missing ARIA label on checkbox', this);\n    }\n  }\n\n  /**\n   * Programmatically move focus to the checkbox. 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.focus(options);\n  }\n\n  /**\n   * Programmatically remove focus from the checkbox. Use this method instead of\n   * `input.blur()`.\n   */\n  @Method()\n  async doBlur(): Promise<void> {\n    this.input.blur();\n  }\n\n  render() {\n    return (\n      <Host>\n        <label\n          htmlFor={this.id}\n          class={{ 'is-hidden': this.labelHidden, 'is-disabled': this.disabled, 'label-left': this.labelLeft }}\n        >\n          <input\n            {...this.nativeAttributes}\n            part=\"input\"\n            ref={el => (this.input = el as HTMLInputElement)}\n            id={this.id}\n            type=\"checkbox\"\n            name={this.name}\n            value={this.value}\n            checked={this.checked}\n            required={this.required}\n            disabled={this.disabled}\n            indeterminate={this.indeterminate}\n            onInput={this.onInput.bind(this)}\n            onFocus={this.onFocus.bind(this)}\n            onBlur={this.onBlur.bind(this)}\n            aria-describedby={this.hasHint ? this.id + '-hint' : undefined}\n          />\n          <span class=\"box\" aria-hidden=\"true\">\n            <svg class=\"check\" viewBox=\"0 0 12 10\">\n              <polyline points=\"1.5 6 4.5 9 10.5 1\"></polyline>\n            </svg>\n            <svg class=\"dash\" viewBox=\"0 0 12 10\">\n              <polyline points=\"1.5 5 10.5 5\"></polyline>\n            </svg>\n          </span>\n          <span class=\"label\" part=\"label\">\n            {(this.hasSlottedLabel && <slot name=\"label\"></slot>) || this.label}\n          </span>\n        </label>\n        {this.hasHint && (\n          <div class={{ 'hint-wrapper': true, 'label-left': this.labelLeft }}>\n            <div class=\"box-placeholder\"></div>\n            <CatFormHint id={this.id} hint={this.hint} slottedHint={this.hasSlottedHint && <slot name=\"hint\"></slot>} />\n          </div>\n        )}\n      </Host>\n    );\n  }\n\n  private get hasHint() {\n    return !!this.hint || !!this.hasSlottedHint;\n  }\n\n  private onInput() {\n    this.checked = this.input.checked;\n    this.indeterminate = this.input.indeterminate;\n    this.updateResolved();\n    this.catChange.emit(this.resolvedValue);\n  }\n\n  private onFocus(event: FocusEvent) {\n    this.catFocus.emit(event);\n  }\n\n  private onBlur(event: FocusEvent) {\n    this.catBlur.emit(event);\n  }\n\n  private updateResolved() {\n    this.resolvedValue = this.checked ? this.value ?? true : this.noValue ?? false;\n  }\n}\n"]}
+{"version":3,"file":"cat-checkbox.js","sourceRoot":"","sources":["../../../src/components/cat-checkbox/cat-checkbox.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, Event, EventEmitter, h, Host, Method, Prop, State } from '@stencil/core';\nimport log from 'loglevel';\nimport { CatFormHint } from '../cat-form-hint/cat-form-hint';\n\nlet nextUniqueId = 0;\n\n/**\n * Checkboxes are used to let a user choose one or more options from a limited\n * number of options.\n *\n * @slot hint - Optional hint element to be displayed with the checkbox.\n * @slot label - The slotted label. If both the label property and the label slot are present, only the label slot will be displayed.\n * @part label - The label content.\n * @part input - The native input element.\n */\n@Component({\n  tag: 'cat-checkbox',\n  styleUrls: ['cat-checkbox.scss'],\n  shadow: true\n})\nexport class CatCheckbox {\n  private readonly _id = `cat-checkbox-${nextUniqueId++}`;\n  private get id() {\n    return this.identifier || this._id;\n  }\n\n  private input!: HTMLInputElement;\n\n  @Element() hostElement!: HTMLElement;\n\n  @State() hasSlottedLabel = false;\n  @State() hasSlottedHint = false;\n\n  /**\n   * Checked state of the checkbox\n   */\n  @Prop({ mutable: true }) checked = false;\n\n  /**\n   * Indeterminate state of the checkbox\n   */\n  @Prop({ mutable: true }) indeterminate = false;\n\n  /**\n   * Disabled state of the checkbox\n   */\n  @Prop() disabled = false;\n\n  /**\n   * A unique identifier for the input.\n   */\n  @Prop() identifier?: string;\n\n  /**\n   * Label of the checkbox which is presented in the UI\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   * The name of the input.\n   */\n  @Prop() name?: string;\n\n  /**\n   * Required state of the checkbox.\n   */\n  @Prop() required = false;\n\n  /**\n   * The value of the checked checkbox.\n   */\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  @Prop() value?: any;\n\n  /**\n   * The value of the unchecked checkbox.\n   */\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  @Prop() noValue?: any;\n\n  /**\n   * The resolved value of the checkbox, based on the checked state and value.\n   */\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  @Prop({ mutable: true }) resolvedValue: any = null;\n\n  /**\n   * Optional hint text(s) to be displayed with the checkbox.\n   */\n  @Prop() hint?: string | string[];\n\n  /**\n   * Whether the label should appear to the left of the checkbox.\n   */\n  @Prop() labelLeft = false;\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 checked status of the checkbox is changed.\n   */\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  @Event() catChange!: EventEmitter<any>;\n\n  /**\n   * Emitted when the checkbox received focus.\n   */\n  @Event() catFocus!: EventEmitter<FocusEvent>;\n\n  /**\n   * Emitted when the checkbox loses focus.\n   */\n  @Event() catBlur!: EventEmitter<FocusEvent>;\n\n  componentWillLoad() {\n    this.updateResolved();\n  }\n\n  componentWillRender(): void {\n    this.hasSlottedLabel = !!this.hostElement.querySelector('[slot=\"label\"]');\n    this.hasSlottedHint = !!this.hostElement.querySelector('[slot=\"hint\"]');\n    if (!this.label && !this.hasSlottedLabel) {\n      log.warn('[A11y] Missing ARIA label on checkbox', this);\n    }\n  }\n\n  /**\n   * Programmatically move focus to the checkbox. 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.focus(options);\n  }\n\n  /**\n   * Programmatically remove focus from the checkbox. Use this method instead of\n   * `input.blur()`.\n   */\n  @Method()\n  async doBlur(): Promise<void> {\n    this.input.blur();\n  }\n\n  render() {\n    return (\n      <Host>\n        <label\n          htmlFor={this.id}\n          class={{ 'is-hidden': this.labelHidden, 'is-disabled': this.disabled, 'label-left': this.labelLeft }}\n        >\n          <input\n            {...this.nativeAttributes}\n            part=\"input\"\n            ref={el => (this.input = el as HTMLInputElement)}\n            id={this.id}\n            type=\"checkbox\"\n            name={this.name}\n            value={this.value}\n            checked={this.checked}\n            required={this.required}\n            disabled={this.disabled}\n            indeterminate={this.indeterminate}\n            onInput={this.onInput.bind(this)}\n            onFocus={this.onFocus.bind(this)}\n            onBlur={this.onBlur.bind(this)}\n            aria-describedby={this.hasHint ? this.id + '-hint' : undefined}\n          />\n          <span class=\"box\" aria-hidden=\"true\">\n            <svg class=\"check\" viewBox=\"0 0 12 10\">\n              <polyline points=\"1.5 6 4.5 9 10.5 1\"></polyline>\n            </svg>\n            <svg class=\"dash\" viewBox=\"0 0 12 10\">\n              <polyline points=\"1.5 5 10.5 5\"></polyline>\n            </svg>\n          </span>\n          <span class=\"label\" part=\"label\">\n            {(this.hasSlottedLabel && <slot name=\"label\"></slot>) || this.label}\n          </span>\n        </label>\n        {this.hasHint && (\n          <div class={{ 'hint-wrapper': true, 'label-left': this.labelLeft }}>\n            <div class=\"box-placeholder\"></div>\n            <CatFormHint id={this.id} hint={this.hint} slottedHint={this.hasSlottedHint && <slot name=\"hint\"></slot>} />\n          </div>\n        )}\n      </Host>\n    );\n  }\n\n  private get hasHint() {\n    return !!this.hint || !!this.hasSlottedHint;\n  }\n\n  private onInput() {\n    this.checked = this.input.checked;\n    this.indeterminate = this.input.indeterminate;\n    this.updateResolved();\n    this.catChange.emit(this.resolvedValue);\n  }\n\n  private onFocus(event: FocusEvent) {\n    this.catFocus.emit(event);\n  }\n\n  private onBlur(event: FocusEvent) {\n    this.catBlur.emit(event);\n  }\n\n  private updateResolved() {\n    this.resolvedValue = this.checked ? this.value ?? true : this.noValue ?? false;\n  }\n}\n"]}

package/dist/collection/components/cat-checkbox/cat-checkbox.spec.js

@@ -1,12 +1,12 @@
 import { newSpecPage } from "@stencil/core/testing";
 import { CatCheckbox } from "./cat-checkbox";
 describe('cat-checkbox', () => {
-  it('renders', async () => {
-    const page = await newSpecPage({
-      components: [CatCheckbox],
-      html: `<cat-checkbox label="Label"></cat-checkbox>`
-    });
-    expect(page.root).toEqualHtml(`
+    it('renders', async () => {
+        const page = await newSpecPage({
+            components: [CatCheckbox],
+            html: `<cat-checkbox label="Label"></cat-checkbox>`
+        });
+        expect(page.root).toEqualHtml(`
      <cat-checkbox label="Label">
         <mock:shadow-root>
           <label htmlfor="cat-checkbox-0">
@@ -24,6 +24,6 @@ describe('cat-checkbox', () => {
         </mock:shadow-root>
       </cat-checkbox>
     `);
-  });
+    });
 });
 //# sourceMappingURL=cat-checkbox.spec.js.map

package/dist/collection/components/cat-checkbox/cat-checkbox.spec.js.map

@@ -1 +1 @@
-{"version":3,"file":"cat-checkbox.spec.js","sourceRoot":"","sources":["../../../src/components/cat-checkbox/cat-checkbox.spec.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,QAAQ,CAAC,cAAc,EAAE,GAAG,EAAE;EAC5B,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;IACvB,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;MAC7B,UAAU,EAAE,CAAC,WAAW,CAAC;MACzB,IAAI,EAAE,6CAA6C;KACpD,CAAC,CAAC;IACH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;KAiB7B,CAAC,CAAC;EACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { newSpecPage } from '@stencil/core/testing';\nimport { CatCheckbox } from './cat-checkbox';\n\ndescribe('cat-checkbox', () => {\n  it('renders', async () => {\n    const page = await newSpecPage({\n      components: [CatCheckbox],\n      html: `<cat-checkbox label=\"Label\"></cat-checkbox>`\n    });\n    expect(page.root).toEqualHtml(`\n     <cat-checkbox label=\"Label\">\n        <mock:shadow-root>\n          <label htmlfor=\"cat-checkbox-0\">\n            <input id=\"cat-checkbox-0\" part=\"input\" type=\"checkbox\">\n            <span aria-hidden=\"true\" class=\"box\">\n              <svg class=\"check\" viewBox=\"0 0 12 10\">\n                <polyline points=\"1.5 6 4.5 9 10.5 1\"></polyline>\n              </svg>\n              <svg class=\"dash\" viewBox=\"0 0 12 10\">\n                <polyline points=\"1.5 5 10.5 5\"></polyline>\n              </svg>\n            </span>\n            <span class=\"label\" part=\"label\">Label</span>\n          </label>\n        </mock:shadow-root>\n      </cat-checkbox>\n    `);\n  });\n});\n"]}
+{"version":3,"file":"cat-checkbox.spec.js","sourceRoot":"","sources":["../../../src/components/cat-checkbox/cat-checkbox.spec.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,QAAQ,CAAC,cAAc,EAAE,GAAG,EAAE;IAC5B,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;QACvB,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,WAAW,CAAC;YACzB,IAAI,EAAE,6CAA6C;SACpD,CAAC,CAAC;QACH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;KAiB7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { newSpecPage } from '@stencil/core/testing';\nimport { CatCheckbox } from './cat-checkbox';\n\ndescribe('cat-checkbox', () => {\n  it('renders', async () => {\n    const page = await newSpecPage({\n      components: [CatCheckbox],\n      html: `<cat-checkbox label=\"Label\"></cat-checkbox>`\n    });\n    expect(page.root).toEqualHtml(`\n     <cat-checkbox label=\"Label\">\n        <mock:shadow-root>\n          <label htmlfor=\"cat-checkbox-0\">\n            <input id=\"cat-checkbox-0\" part=\"input\" type=\"checkbox\">\n            <span aria-hidden=\"true\" class=\"box\">\n              <svg class=\"check\" viewBox=\"0 0 12 10\">\n                <polyline points=\"1.5 6 4.5 9 10.5 1\"></polyline>\n              </svg>\n              <svg class=\"dash\" viewBox=\"0 0 12 10\">\n                <polyline points=\"1.5 5 10.5 5\"></polyline>\n              </svg>\n            </span>\n            <span class=\"label\" part=\"label\">Label</span>\n          </label>\n        </mock:shadow-root>\n      </cat-checkbox>\n    `);\n  });\n});\n"]}

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

@@ -1,69 +1,69 @@
 import weekSelectPlugin from "flatpickr/dist/plugins/weekSelect/weekSelect";
 export function getConfig(options, more = {}) {
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  const plugins = options.mode === 'week' ? [new weekSelectPlugin({})] : [];
-  const format = dateFormat(options.mode);
-  return {
-    ...more,
-    locale: options.locale,
-    plugins,
-    allowInput: true,
-    altInput: true,
-    prevArrow: '←',
-    nextArrow: '→',
-    dateFormat: format,
-    altFormat: options.format,
-    ariaDateFormat: options.format,
-    mode: options.mode === 'daterange' ? 'range' : 'single',
-    minDate: options.min,
-    maxDate: options.max,
-    enableTime: options.mode === 'time' || options.mode === 'datetime',
-    noCalendar: options.mode === 'time',
-    weekNumbers: true,
-    minuteIncrement: options.step,
-    clickOpens: !options.disabled && !options.readonly,
-    onReady: (_dates, _dateStr, flatpickr) => {
-      for (const key in options.nativePickerAttributes) {
-        const value = options.nativePickerAttributes[key];
-        flatpickr.calendarContainer.setAttribute(key, value);
-      }
-    },
-    onClose: function (dates, _dateStr, instance) {
-      if (options.mode === 'daterange' && dates.length < 2) {
-        instance.clear();
-      }
-    },
-    onChange: (dates, dateStr, flatpickr) => {
-      let value = dateStr || undefined;
-      if (options.mode === 'daterange') {
-        if (dates.length < 2) {
-          return;
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    const plugins = options.mode === 'week' ? [new weekSelectPlugin({})] : [];
+    const format = dateFormat(options.mode);
+    return {
+        ...more,
+        locale: options.locale,
+        plugins,
+        allowInput: true,
+        altInput: true,
+        prevArrow: '←',
+        nextArrow: '→',
+        dateFormat: format,
+        altFormat: options.format,
+        ariaDateFormat: options.format,
+        mode: options.mode === 'daterange' ? 'range' : 'single',
+        minDate: options.min,
+        maxDate: options.max,
+        enableTime: options.mode === 'time' || options.mode === 'datetime',
+        noCalendar: options.mode === 'time',
+        weekNumbers: true,
+        minuteIncrement: options.step,
+        clickOpens: !options.disabled && !options.readonly,
+        onReady: (_dates, _dateStr, flatpickr) => {
+            for (const key in options.nativePickerAttributes) {
+                const value = options.nativePickerAttributes[key];
+                flatpickr.calendarContainer.setAttribute(key, value);
+            }
+        },
+        onClose: function (dates, _dateStr, instance) {
+            if (options.mode === 'daterange' && dates.length < 2) {
+                instance.clear();
+            }
+        },
+        onChange: (dates, dateStr, flatpickr) => {
+            let value = dateStr || undefined;
+            if (options.mode === 'daterange') {
+                if (dates.length < 2) {
+                    return;
+                }
+                else {
+                    const start = dates[0];
+                    const end = dates[1];
+                    end.setHours(23);
+                    end.setMinutes(59);
+                    end.setSeconds(59);
+                    value = `${flatpickr.formatDate(start, format)} - ${flatpickr.formatDate(end, format)}`;
+                }
+            }
+            else if (options.mode === 'week') {
+                value = dates[0] ? flatpickr.config.getWeek(dates[0]).toString() : undefined;
+            }
+            options.applyChange(value);
         }
-        else {
-          const start = dates[0];
-          const end = dates[1];
-          end.setHours(23);
-          end.setMinutes(59);
-          end.setSeconds(59);
-          value = `${flatpickr.formatDate(start, format)} - ${flatpickr.formatDate(end, format)}`;
-        }
-      }
-      else if (options.mode === 'week') {
-        value = dates[0] ? flatpickr.config.getWeek(dates[0]).toString() : undefined;
-      }
-      options.applyChange(value);
-    }
-  };
+    };
 }
 function dateFormat(mode) {
-  if (mode === 'week') {
-    return 'W';
-  }
-  else if (mode === 'time') {
-    return 'H:i';
-  }
-  else {
-    return 'Z';
-  }
+    if (mode === 'week') {
+        return 'W';
+    }
+    else if (mode === 'time') {
+        return 'H:i';
+    }
+    else {
+        return 'Z';
+    }
 }
 //# sourceMappingURL=cat-datepicker.config.js.map

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.ts"],"names":[],"mappings":"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","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    nativePickerAttributes: { [key: string]: string };\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  const format = dateFormat(options.mode);\n\n  return {\n    ...more,\n    locale: options.locale,\n    plugins,\n    allowInput: true,\n    altInput: true,\n    prevArrow: '←',\n    nextArrow: '→',\n    dateFormat: format,\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    onReady: (_dates, _dateStr, flatpickr) => {\n      for (const key in options.nativePickerAttributes) {\n        const value = options.nativePickerAttributes[key];\n        flatpickr.calendarContainer.setAttribute(key, value);\n      }\n    },\n    onClose: function (dates, _dateStr, instance) {\n      if (options.mode === 'daterange' && dates.length < 2) {\n        instance.clear();\n      }\n    },\n    onChange: (dates, dateStr, flatpickr) => {\n      let value = dateStr || undefined;\n      if (options.mode === 'daterange') {\n        if (dates.length < 2) {\n          return;\n        } else {\n          const start = dates[0];\n          const end = dates[1];\n          end.setHours(23);\n          end.setMinutes(59);\n          end.setSeconds(59);\n          value = `${flatpickr.formatDate(start, format)} - ${flatpickr.formatDate(end, format)}`;\n        }\n      } else 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"]}
+{"version":3,"file":"cat-datepicker.config.js","sourceRoot":"","sources":["../../../src/components/cat-datepicker/cat-datepicker.config.ts"],"names":[],"mappings":"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","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    nativePickerAttributes: { [key: string]: string };\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  const format = dateFormat(options.mode);\n\n  return {\n    ...more,\n    locale: options.locale,\n    plugins,\n    allowInput: true,\n    altInput: true,\n    prevArrow: '←',\n    nextArrow: '→',\n    dateFormat: format,\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    onReady: (_dates, _dateStr, flatpickr) => {\n      for (const key in options.nativePickerAttributes) {\n        const value = options.nativePickerAttributes[key];\n        flatpickr.calendarContainer.setAttribute(key, value);\n      }\n    },\n    onClose: function (dates, _dateStr, instance) {\n      if (options.mode === 'daterange' && dates.length < 2) {\n        instance.clear();\n      }\n    },\n    onChange: (dates, dateStr, flatpickr) => {\n      let value = dateStr || undefined;\n      if (options.mode === 'daterange') {\n        if (dates.length < 2) {\n          return;\n        } else {\n          const start = dates[0];\n          const end = dates[1];\n          end.setHours(23);\n          end.setMinutes(59);\n          end.setSeconds(59);\n          value = `${flatpickr.formatDate(start, format)} - ${flatpickr.formatDate(end, format)}`;\n        }\n      } else 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.e2e.js

@@ -1,11 +1,11 @@
 import { newE2EPage } from "@stencil/core/testing";
 describe('cat-datepicker', () => {
-  beforeAll(() => (console.error = jest.fn()));
-  it('renders', async () => {
-    const page = await newE2EPage();
-    await page.setContent('<cat-datepicker label="Label"></cat-datepicker>');
-    const element = await page.find('cat-datepicker');
-    expect(element).toHaveClass('hydrated');
-  });
+    beforeAll(() => (console.error = jest.fn()));
+    it('renders', async () => {
+        const page = await newE2EPage();
+        await page.setContent('<cat-datepicker label="Label"></cat-datepicker>');
+        const element = await page.find('cat-datepicker');
+        expect(element).toHaveClass('hydrated');
+    });
 });
 //# sourceMappingURL=cat-datepicker.e2e.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"cat-datepicker.e2e.js","sourceRoot":"","sources":["../../../src/components/cat-datepicker/cat-datepicker.e2e.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,QAAQ,CAAC,gBAAgB,EAAE,GAAG,EAAE;EAC9B,SAAS,CAAC,GAAG,EAAE,CAAC,CAAC,OAAO,CAAC,KAAK,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC;EAE7C,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;IACvB,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAChC,MAAM,IAAI,CAAC,UAAU,CAAC,iDAAiD,CAAC,CAAC;IAEzE,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC;IAClD,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;EAC1C,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { newE2EPage } from '@stencil/core/testing';\n\ndescribe('cat-datepicker', () => {\n  beforeAll(() => (console.error = jest.fn()));\n\n  it('renders', async () => {\n    const page = await newE2EPage();\n    await page.setContent('<cat-datepicker label=\"Label\"></cat-datepicker>');\n\n    const element = await page.find('cat-datepicker');\n    expect(element).toHaveClass('hydrated');\n  });\n});\n"]}
+{"version":3,"file":"cat-datepicker.e2e.js","sourceRoot":"","sources":["../../../src/components/cat-datepicker/cat-datepicker.e2e.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,QAAQ,CAAC,gBAAgB,EAAE,GAAG,EAAE;IAC9B,SAAS,CAAC,GAAG,EAAE,CAAC,CAAC,OAAO,CAAC,KAAK,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC;IAE7C,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;QACvB,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;QAChC,MAAM,IAAI,CAAC,UAAU,CAAC,iDAAiD,CAAC,CAAC;QAEzE,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC;QAClD,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;IAC1C,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { newE2EPage } from '@stencil/core/testing';\n\ndescribe('cat-datepicker', () => {\n  beforeAll(() => (console.error = jest.fn()));\n\n  it('renders', async () => {\n    const page = await newE2EPage();\n    await page.setContent('<cat-datepicker label=\"Label\"></cat-datepicker>');\n\n    const element = await page.find('cat-datepicker');\n    expect(element).toHaveClass('hydrated');\n  });\n});\n"]}

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

@@ -1,23 +1,23 @@
 export function getFormat(language, mode) {
-  const date = new Date(2000, 1, 3, 16, 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('16', 'H')
-      .replace('05', 'i')
-      .replace(/AM|PM/i, 'K');
+    const date = new Date(2000, 1, 3, 16, 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('16', '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

@@ -1 +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,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;EAC5C,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,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, 16, 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('16', 'H')\n        .replace('05', 'i')\n        .replace(/AM|PM/i, 'K');\n}\n"]}
+{"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;IACjE,MAAM,IAAI,GAAG,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;IAC5C,MAAM,UAAU,GAA+B,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,CAAC;IACrG,MAAM,UAAU,GAA+B,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC;IACtF,OAAO,IAAI,KAAK,MAAM;QACpB,CAAC,CAAC,GAAG;QACL,CAAC,CAAC,IAAI,IAAI,CAAC,cAAc,CACrB,QAAQ,EACR;YACE,IAAI,EAAE,UAAU;YAChB,IAAI,EAAE,UAAU;YAChB,QAAQ,EAAE,EAAE,GAAG,UAAU,EAAE,GAAG,UAAU,EAAE;YAC1C,SAAS,EAAE,UAAU;SACtB,CAAC,IAAI,CAAC,CACR;aACE,MAAM,CAAC,IAAI,CAAC;aACZ,OAAO,CAAC,MAAM,EAAE,GAAG,CAAC;aACpB,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC;aAClB,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC;aAClB,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC;aAClB,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC;aAClB,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC;aAClB,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC;aAClB,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, 16, 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('16', 'H')\n        .replace('05', 'i')\n        .replace(/AM|PM/i, 'K');\n}\n"]}