@haiilo/catalyst 5.4.0 → 6.0.0

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

@@ -1 +0,0 @@
-{"version":3,"file":"cat-timepicker.js","sourceRoot":"","sources":["../../../src/components/cat-timepicker/cat-timepicker.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, Event, EventEmitter, h, Host, Prop, State } from '@stencil/core';\n// import log from 'loglevel';\nimport { ErrorMap } from '../cat-form-hint/cat-form-hint';\n// import { catI18nRegistry as i18n } from '../cat-i18n/cat-i18n-registry';\nimport { of } from 'rxjs';\nimport { CatSelectMultipleTaggingValue, CatSelectState, CatSelectTaggingValue, Item } from '../cat-select/cat-select';\nimport { Placement } from '@floating-ui/dom';\n// import IMask from 'imask';\n\ninterface Time extends Item {\n  hour: number;\n  minutes: number;\n}\n\n/**\n * Inputs are used to allow users to provide text input when the expected input\n * is short. As well as plain text, Input supports various types of text,\n * including passwords and numbers.\n *\n * @slot hint - Optional hint element to be displayed with the input.\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 prefix - The text prefix.\n * @part suffix - The text suffix.\n */\n@Component({\n  tag: 'cat-timepicker',\n  styleUrl: 'cat-timepicker.scss',\n  shadow: true\n})\nexport class CatTimepicker {\n  private timeSelect?: HTMLCatSelectElement;\n  // private timeMask?: IMask.InputMask<IMask.AnyMaskedOptions>;\n\n  @Element() hostElement!: HTMLElement;\n\n  @State() state?: CatSelectState;\n\n  @State() hasSlottedLabel = false;\n\n  @State() hasSlottedHint = false;\n\n  @State() errorMap?: ErrorMap;\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   * Enable multiple selection.\n   */\n  @Prop() multiple = false;\n\n  /**\n   * The placement of the select.\n   */\n  @Prop() placement: Placement = 'bottom-start';\n\n  /**\n   * The value of the select. <br />\n   * <br />\n   * The value of the select depends on whether it is allowed to choose a single item or several items. <br />\n   * When only one item can be selected, the value is the id of the item, in case several items can be selected, the value is an array of ids of the selected items. <br />\n   * <br />\n   * In case the user can add new items to the select (tags activated), the value in the single select is an object (CatSelectTaggingValue) with the id of the item or the name of the created item,\n   * in the case of multiple select, it is an object (CatSelectMultipleTaggingValue) with the array of the ids of the items selected and the array of the names of the items created\n   */\n  @Prop({ mutable: true }) value?: string | string[] | CatSelectTaggingValue | CatSelectMultipleTaggingValue;\n\n  /**\n   * Whether the input is disabled.\n   */\n  @Prop() disabled = false;\n\n  /**\n   * The placeholder text to display within the select.\n   */\n  @Prop() placeholder?: string;\n\n  /**\n   * Optional hint text(s) to be displayed with the input.\n   */\n  @Prop() hint?: string | string[];\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   * 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   * Visually hide the label, but still show it to assistive technologies like screen readers.\n   */\n  @Prop() labelHidden = false;\n\n  /**\n   * A value is required or must be checked for the form to be submittable.\n   */\n  @Prop() required = false;\n\n  /**\n   * Whether the select should show a clear button.\n   */\n  @Prop() clearable = false;\n\n  /**\n   * A maximum value for date, time and numeric values.\n   */\n  @Prop() max?: string;\n\n  /**\n   * A minimum value for date, time and numeric values.\n   */\n  @Prop() min?: string;\n\n  /**\n   * The text to display in the dropdown if no results are found.\n   */\n  @Prop() noItems?: 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   * Attributes that will be added to the native HTML input element.\n   */\n  @Prop() minutesStep = 30;\n\n  /**\n   * Attributes that will be added to the native HTML input element.\n   */\n  @Prop() hourShort = this.isBrowserHour12();\n\n  /**\n   * Emitted when the select dropdown is opened.\n   */\n  @Event() catOpen!: EventEmitter<FocusEvent>;\n\n  /**\n   * Emitted when the select dropdown is closed.\n   */\n  @Event() catClose!: EventEmitter<FocusEvent>;\n\n  /**\n   * Emitted when the value is changed.\n   */\n  @Event() catChange!: EventEmitter;\n\n  /**\n   * Emitted when the select loses the focus.\n   */\n  @Event() catBlur!: EventEmitter<FocusEvent>;\n\n  componentWillRender(): void {\n    this.hasSlottedLabel = !!this.hostElement.querySelector('[slot=\"label\"]');\n    this.hasSlottedHint = !!this.hostElement.querySelector('[slot=\"hint\"]');\n  }\n\n  componentDidLoad(): void {\n    this.timeSelect?.connect(this.timeConnector);\n\n    // IMask spike\n    // const input = this.hostElement.shadowRoot?.querySelector('cat-select')?.shadowRoot?.querySelector('input');\n    // if (input) {\n    //   this.timeMask = this.getTimeMask(input);\n    // }\n  }\n\n  render() {\n    return (\n      <Host>\n        <cat-select\n          requiredMarker={this.requiredMarker}\n          horizontal={this.horizontal}\n          clearable={this.clearable}\n          disabled={this.disabled}\n          hint={this.hint}\n          identifier={this.identifier}\n          label={this.label}\n          labelHidden={this.labelHidden}\n          name={this.name}\n          multiple={this.multiple}\n          placeholder={this.placeholder}\n          placement={this.placement}\n          required={this.required}\n          noItems={this.noItems}\n          ref={el => (this.timeSelect = el)}\n          value={this.value}\n          errors={this.errors}\n          errorUpdate={this.errorUpdate}\n          nativeAttributes={this.nativeAttributes}\n          onCatChange={event => this.onCatChange(event)}\n          onCatOpen={this.onCatOpen.bind(this)}\n          onCatClose={this.onCatClose.bind(this)}\n          onCatBlur={this.onCatBlur.bind(this)}\n        >\n          {this.hasSlottedLabel && (\n            <span slot=\"label\">\n              <slot name=\"label\"></slot>\n            </span>\n          )}\n          {this.hasSlottedHint && (\n            <span slot=\"hint\">\n              <slot name=\"hint\"></slot>\n            </span>\n          )}\n        </cat-select>\n      </Host>\n    );\n  }\n\n  private get timeConnector() {\n    return {\n      resolve: (times: string[]) => {\n        return of(\n          times.map(t =>\n            this.timeArray.find(time => time.hour === this.getHour(t) && time.minutes === this.getMinutes(t))\n          )\n        );\n      },\n      retrieve: (term: string) => {\n        const filteredTimeArray = this.timeArray.filter(t => {\n          if (!term) return true;\n          const formatedTime = this.hourShort ? this.formatAMPM(t.hour, t.minutes) : this.formatTime(t.hour, t.minutes);\n          return formatedTime.toUpperCase().includes(term.toUpperCase());\n        });\n        return of({\n          last: true,\n          totalElements: filteredTimeArray.length,\n          content: filteredTimeArray\n        });\n      },\n      render: ({ hour, minutes }: Time) => ({\n        label: this.hourShort ? this.formatAMPM(hour, minutes) : this.formatTime(hour, minutes)\n      })\n    };\n  }\n\n  private get timeArray() {\n    const times: Time[] = [];\n    for (let hour = 0; hour < 24; hour++) {\n      for (let minutes = 0; minutes < 60; minutes += this.minutesStep) {\n        if (this.isHigherThanMinValue(hour, minutes) && this.isLowerThanMaxValue(hour, minutes)) {\n          times.push({\n            id: this.hourShort ? this.formatAMPM(hour, minutes) : this.formatTime(hour, minutes),\n            hour,\n            minutes\n          });\n        }\n      }\n    }\n    return times;\n  }\n\n  private isBrowserHour12() {\n    const browserLanguage = window?.navigator?.language ?? 'en';\n    const hour = new Intl.DateTimeFormat(browserLanguage, { hour: 'numeric' }).format(new Date().setHours(16));\n    return hour.toLowerCase().includes('pm' || 'am');\n  }\n\n  private getHour(time: string) {\n    let hour = Number(time.split(':')[0]);\n    if (time.toLowerCase().includes('pm') && hour < 12) hour = hour + 12;\n    if (time.toLowerCase().includes('am') && hour == 12) hour = hour - 12;\n\n    return hour;\n  }\n\n  private getMinutes(time: string) {\n    const minutes = time.match(/:(\\d+)/);\n    return Number(minutes ? minutes[1] : 0);\n  }\n\n  private isHigherThanMinValue(hour: number, minutes: number) {\n    if (this.min) {\n      const minHour = this.getHour(this.min);\n      const minMinutes = this.getMinutes(this.min);\n\n      return hour > minHour || (hour === minHour && minutes >= minMinutes);\n    }\n\n    return true;\n  }\n\n  private isLowerThanMaxValue(hour: number, minutes: number) {\n    if (this.max) {\n      const maxHour = this.getHour(this.max);\n      const maxMinutes = this.getMinutes(this.max);\n\n      return hour < maxHour || (hour === maxHour && minutes <= maxMinutes);\n    }\n\n    return true;\n  }\n\n  private formatAMPM(hour: number, minutes: number) {\n    if (hour === 0) {\n      return `12:${minutes < 10 ? `0${minutes}` : minutes} AM`;\n    } else if (hour < 12) {\n      return `${hour < 10 ? `0${hour}` : hour}:${minutes < 10 ? `0${minutes}` : minutes} AM`;\n    } else {\n      return `${hour % 12 < 10 ? `0${hour % 12}` : hour % 12}:${minutes < 10 ? `0${minutes}` : minutes} PM`;\n    }\n  }\n\n  private formatTime(hour: number, minutes: number) {\n    return `${hour < 10 ? `0${hour}` : hour}:${minutes < 10 ? `0${minutes}` : minutes}`;\n  }\n\n  private onCatChange(event: unknown) {\n    (event as CustomEvent).stopPropagation();\n    this.value = this.timeSelect?.value;\n    this.catChange.emit(event);\n  }\n\n  private onCatOpen(event: unknown) {\n    (event as CustomEvent).stopPropagation();\n    this.catOpen.emit(event as FocusEvent);\n  }\n\n  private onCatClose(event: unknown) {\n    (event as CustomEvent).stopPropagation();\n    this.catClose.emit(event as FocusEvent);\n  }\n\n  private onCatBlur(event: unknown) {\n    (event as CustomEvent).stopPropagation();\n    this.catBlur.emit(event as FocusEvent);\n  }\n\n  // IMask spike\n\n  // private getTimeMask(element: HTMLInputElement): IMask.InputMask<IMask.AnyMaskedOptions> {\n  //   return IMask(element, {\n  //     mask: 'HH:MM[ PM]',\n  //     lazy: true,\n  //     blocks: {\n  //       HH: {\n  //         mask: IMask.MaskedRange,\n  //         from: 0,\n  //         to: 23\n  //       },\n\n  //       MM: {\n  //         mask: IMask.MaskedRange,\n  //         from: 0,\n  //         to: 59\n  //       },\n\n  //       PM: {\n  //         mask: IMask.MaskedEnum,\n  //         enum: ['AM', 'PM', 'am', 'pm']\n  //       }\n  //     }\n  //   });\n  // }\n}\n"]}

package/dist/components/cat-label.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface CatLabel extends Components.CatLabel, HTMLElement {}
-export const CatLabel: {
-  prototype: CatLabel;
-  new (): CatLabel;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/cat-label.js

@@ -1,73 +0,0 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { c as catI18nRegistry } from './cat-i18n-registry.js';
-
-const catLabelCss = ":host{display:inline-flex;align-items:center;min-height:2.5rem}:host([hidden]){display:none}.input-optional{margin-left:0.25rem;font-size:0.75rem;line-height:1rem;font-weight:var(--cat-font-weight-body, 400);color:rgb(var(--cat-font-color-muted, 81, 92, 108))}";
-
-const CatLabel$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    this.requiredMarker = 'optional';
-    this.horizontal = false;
-    this.for = undefined;
-    this.required = false;
-  }
-  onClick() {
-    var _a;
-    if (this.for) {
-      // focus target that is possibly hidden inside a shadow root
-      (_a = (document.getElementById(this.for) || this.findShadowTarget(this.for))) === null || _a === void 0 ? void 0 : _a.focus();
-    }
-  }
-  render() {
-    return (h(Host, null, h("label", { htmlFor: this.for, onClick: this.onClick.bind(this) }, h("slot", null), !this.required && this.requiredMarker.startsWith('optional') && (h("span", { class: "input-optional", "aria-hidden": "true" }, "(", catI18nRegistry.t('input.optional'), ")")), this.required && this.requiredMarker.startsWith('required') && (h("span", { class: "input-optional", "aria-hidden": "true" }, "(", catI18nRegistry.t('input.required'), ")")))));
-  }
-  findShadowTarget(id) {
-    var _a;
-    for (let i = 0; i < CatLabel$1.SHADOW_TARGETS.length; i++) {
-      const elems = document.getElementsByTagName(CatLabel$1.SHADOW_TARGETS[i]);
-      for (let i = 0; i < elems.length; i++) {
-        const target = (_a = elems[i].shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById(id);
-        if (target) {
-          return target;
-        }
-      }
-    }
-    return null;
-  }
-  static get style() { return catLabelCss; }
-}, [1, "cat-label", {
-    "requiredMarker": [1, "required-marker"],
-    "horizontal": [4],
-    "for": [1],
-    "required": [4]
-  }]);
-CatLabel$1.SHADOW_TARGETS = [
-  'CAT-INPUT',
-  'CAT-TEXTAREA',
-  'CAT-CHECKBOX',
-  'CAT-TOGGLE',
-  'CAT-RADIO',
-  'CAT-SELECT'
-];
-function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["cat-label"];
-  components.forEach(tagName => { switch (tagName) {
-    case "cat-label":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, CatLabel$1);
-      }
-      break;
-  } });
-}
-
-const CatLabel = CatLabel$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { CatLabel, defineCustomElement };
-
-//# sourceMappingURL=cat-label.js.map

package/dist/components/cat-label.js.map

@@ -1 +0,0 @@
-{"file":"cat-label.js","mappings":";;;AAAA,MAAM,WAAW,GAAG,sQAAsQ;;MCa7QA,UAAQ;;;;;0BAa8E,UAAU;sBAKtF,KAAK;;oBAUP,KAAK;;EAExB,OAAO;;IACL,IAAI,IAAI,CAAC,GAAG,EAAE;;MAEZ,OAAC,QAAQ,CAAC,cAAc,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,0CAAE,KAAK,EAAE,CAAC;KACjF;GACF;EAED,MAAM;IACJ,QACE,EAAC,IAAI,QACH,aAAO,OAAO,EAAE,IAAI,CAAC,GAAG,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,IACxD,eAAa,EACZ,CAAC,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,cAAc,CAAC,UAAU,CAAC,UAAU,CAAC,KAC3D,YAAM,KAAK,EAAC,gBAAgB,iBAAa,MAAM,SAC3CC,eAAI,CAAC,CAAC,CAAC,gBAAgB,CAAC,MACrB,CACR,EACA,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,cAAc,CAAC,UAAU,CAAC,UAAU,CAAC,KAC1D,YAAM,KAAK,EAAC,gBAAgB,iBAAa,MAAM,SAC3CA,eAAI,CAAC,CAAC,CAAC,gBAAgB,CAAC,MACrB,CACR,CACK,CACH,EACP;GACH;EAEO,gBAAgB,CAAC,EAAU;;IACjC,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAGD,UAAQ,CAAC,cAAc,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;MACvD,MAAM,KAAK,GAAG,QAAQ,CAAC,oBAAoB,CAACA,UAAQ,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC;MACxE,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;QACrC,MAAM,MAAM,GAAG,MAAA,KAAK,CAAC,CAAC,CAAC,CAAC,UAAU,0CAAE,cAAc,CAAC,EAAE,CAAC,CAAC;QACvD,IAAI,MAAM,EAAE;UACV,OAAO,MAAM,CAAC;SACf;OACF;KACF;IACD,OAAO,IAAI,CAAC;GACb;;;;;;;;AAnEuBA,yBAAc,GAAG;EACvC,WAAW;EACX,cAAc;EACd,cAAc;EACd,YAAY;EACZ,WAAW;EACX,YAAY;CACb,CAAC;;;;;;;;;;;;;;;;;;;;","names":["CatLabel","i18n"],"sources":["./src/components/cat-label/cat-label.scss?tag=cat-label&encapsulation=shadow","./src/components/cat-label/cat-label.tsx"],"sourcesContent":["@use 'variables' as *;\n@use 'mixins' as *;\n\n:host {\n  display: inline-flex;\n  align-items: center;\n  min-height: 2.5rem;\n}\n\n:host([hidden]) {\n  display: none;\n}\n\n.input-optional {\n  margin-left: 0.25rem;\n  @include cat-body('xs');\n  color: cat-token('color.ui.font.muted');\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\nimport { catI18nRegistry as i18n } from '../cat-i18n/cat-i18n-registry';\n\n/**\n * Labels are used to provide a short description of an input or form element.\n *\n * @deprecated Use label attribute of form elements instead.\n */\n@Component({\n  tag: 'cat-label',\n  styleUrl: 'cat-label.scss',\n  shadow: true\n})\nexport class CatLabel {\n  private static readonly SHADOW_TARGETS = [\n    'CAT-INPUT',\n    'CAT-TEXTAREA',\n    'CAT-CHECKBOX',\n    'CAT-TOGGLE',\n    'CAT-RADIO',\n    'CAT-SELECT'\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   * The unique identifier for a referenced input.\n   */\n  @Prop() for?: string;\n\n  /**\n   * A value is required or must be check for the form to be submittable.\n   */\n  @Prop() required = false;\n\n  onClick() {\n    if (this.for) {\n      // focus target that is possibly hidden inside a shadow root\n      (document.getElementById(this.for) || this.findShadowTarget(this.for))?.focus();\n    }\n  }\n\n  render() {\n    return (\n      <Host>\n        <label htmlFor={this.for} onClick={this.onClick.bind(this)}>\n          <slot></slot>\n          {!this.required && this.requiredMarker.startsWith('optional') && (\n            <span class=\"input-optional\" aria-hidden=\"true\">\n              ({i18n.t('input.optional')})\n            </span>\n          )}\n          {this.required && this.requiredMarker.startsWith('required') && (\n            <span class=\"input-optional\" aria-hidden=\"true\">\n              ({i18n.t('input.required')})\n            </span>\n          )}\n        </label>\n      </Host>\n    );\n  }\n\n  private findShadowTarget(id: string): HTMLElement | null {\n    for (let i = 0; i < CatLabel.SHADOW_TARGETS.length; i++) {\n      const elems = document.getElementsByTagName(CatLabel.SHADOW_TARGETS[i]);\n      for (let i = 0; i < elems.length; i++) {\n        const target = elems[i].shadowRoot?.getElementById(id);\n        if (target) {\n          return target;\n        }\n      }\n    }\n    return null;\n  }\n}\n"],"version":3}

package/dist/components/cat-timepicker.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface CatTimepicker extends Components.CatTimepicker, HTMLElement {}
-export const CatTimepicker: {
-  prototype: CatTimepicker;
-  new (): CatTimepicker;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/cat-timepicker.js

@@ -1,258 +0,0 @@
-import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { d as defineCustomElement$9 } from './cat-avatar2.js';
-import { d as defineCustomElement$8 } from './cat-button2.js';
-import { d as defineCustomElement$7 } from './cat-checkbox2.js';
-import { d as defineCustomElement$6 } from './cat-icon2.js';
-import { d as defineCustomElement$5 } from './cat-scrollable2.js';
-import { o as of, d as defineCustomElement$4 } from './cat-select2.js';
-import { d as defineCustomElement$3 } from './cat-skeleton2.js';
-import { d as defineCustomElement$2 } from './cat-spinner2.js';
-
-const catTimepickerCss = "";
-
-const CatTimepicker$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    this.catOpen = createEvent(this, "catOpen", 7);
-    this.catClose = createEvent(this, "catClose", 7);
-    this.catChange = createEvent(this, "catChange", 7);
-    this.catBlur = createEvent(this, "catBlur", 7);
-    this.state = undefined;
-    this.hasSlottedLabel = false;
-    this.hasSlottedHint = false;
-    this.errorMap = undefined;
-    this.requiredMarker = 'optional';
-    this.horizontal = false;
-    this.multiple = false;
-    this.placement = 'bottom-start';
-    this.value = undefined;
-    this.disabled = false;
-    this.placeholder = undefined;
-    this.hint = undefined;
-    this.identifier = undefined;
-    this.label = '';
-    this.name = undefined;
-    this.labelHidden = false;
-    this.required = false;
-    this.clearable = false;
-    this.max = undefined;
-    this.min = undefined;
-    this.noItems = undefined;
-    this.errors = undefined;
-    this.errorUpdate = 0;
-    this.nativeAttributes = undefined;
-    this.minutesStep = 30;
-    this.hourShort = this.isBrowserHour12();
-  }
-  componentWillRender() {
-    this.hasSlottedLabel = !!this.hostElement.querySelector('[slot="label"]');
-    this.hasSlottedHint = !!this.hostElement.querySelector('[slot="hint"]');
-  }
-  componentDidLoad() {
-    var _a;
-    (_a = this.timeSelect) === null || _a === void 0 ? void 0 : _a.connect(this.timeConnector);
-    // IMask spike
-    // const input = this.hostElement.shadowRoot?.querySelector('cat-select')?.shadowRoot?.querySelector('input');
-    // if (input) {
-    //   this.timeMask = this.getTimeMask(input);
-    // }
-  }
-  render() {
-    return (h(Host, null, h("cat-select", { requiredMarker: this.requiredMarker, horizontal: this.horizontal, clearable: this.clearable, disabled: this.disabled, hint: this.hint, identifier: this.identifier, label: this.label, labelHidden: this.labelHidden, name: this.name, multiple: this.multiple, placeholder: this.placeholder, placement: this.placement, required: this.required, noItems: this.noItems, ref: el => (this.timeSelect = el), value: this.value, errors: this.errors, errorUpdate: this.errorUpdate, nativeAttributes: this.nativeAttributes, onCatChange: event => this.onCatChange(event), onCatOpen: this.onCatOpen.bind(this), onCatClose: this.onCatClose.bind(this), onCatBlur: this.onCatBlur.bind(this) }, this.hasSlottedLabel && (h("span", { slot: "label" }, h("slot", { name: "label" }))), this.hasSlottedHint && (h("span", { slot: "hint" }, h("slot", { name: "hint" }))))));
-  }
-  get timeConnector() {
-    return {
-      resolve: (times) => {
-        return of(times.map(t => this.timeArray.find(time => time.hour === this.getHour(t) && time.minutes === this.getMinutes(t))));
-      },
-      retrieve: (term) => {
-        const filteredTimeArray = this.timeArray.filter(t => {
-          if (!term)
-            return true;
-          const formatedTime = this.hourShort ? this.formatAMPM(t.hour, t.minutes) : this.formatTime(t.hour, t.minutes);
-          return formatedTime.toUpperCase().includes(term.toUpperCase());
-        });
-        return of({
-          last: true,
-          totalElements: filteredTimeArray.length,
-          content: filteredTimeArray
-        });
-      },
-      render: ({ hour, minutes }) => ({
-        label: this.hourShort ? this.formatAMPM(hour, minutes) : this.formatTime(hour, minutes)
-      })
-    };
-  }
-  get timeArray() {
-    const times = [];
-    for (let hour = 0; hour < 24; hour++) {
-      for (let minutes = 0; minutes < 60; minutes += this.minutesStep) {
-        if (this.isHigherThanMinValue(hour, minutes) && this.isLowerThanMaxValue(hour, minutes)) {
-          times.push({
-            id: this.hourShort ? this.formatAMPM(hour, minutes) : this.formatTime(hour, minutes),
-            hour,
-            minutes
-          });
-        }
-      }
-    }
-    return times;
-  }
-  isBrowserHour12() {
-    var _a, _b;
-    const browserLanguage = (_b = (_a = window === null || window === void 0 ? void 0 : window.navigator) === null || _a === void 0 ? void 0 : _a.language) !== null && _b !== void 0 ? _b : 'en';
-    const hour = new Intl.DateTimeFormat(browserLanguage, { hour: 'numeric' }).format(new Date().setHours(16));
-    return hour.toLowerCase().includes('pm' );
-  }
-  getHour(time) {
-    let hour = Number(time.split(':')[0]);
-    if (time.toLowerCase().includes('pm') && hour < 12)
-      hour = hour + 12;
-    if (time.toLowerCase().includes('am') && hour == 12)
-      hour = hour - 12;
-    return hour;
-  }
-  getMinutes(time) {
-    const minutes = time.match(/:(\d+)/);
-    return Number(minutes ? minutes[1] : 0);
-  }
-  isHigherThanMinValue(hour, minutes) {
-    if (this.min) {
-      const minHour = this.getHour(this.min);
-      const minMinutes = this.getMinutes(this.min);
-      return hour > minHour || (hour === minHour && minutes >= minMinutes);
-    }
-    return true;
-  }
-  isLowerThanMaxValue(hour, minutes) {
-    if (this.max) {
-      const maxHour = this.getHour(this.max);
-      const maxMinutes = this.getMinutes(this.max);
-      return hour < maxHour || (hour === maxHour && minutes <= maxMinutes);
-    }
-    return true;
-  }
-  formatAMPM(hour, minutes) {
-    if (hour === 0) {
-      return `12:${minutes < 10 ? `0${minutes}` : minutes} AM`;
-    }
-    else if (hour < 12) {
-      return `${hour < 10 ? `0${hour}` : hour}:${minutes < 10 ? `0${minutes}` : minutes} AM`;
-    }
-    else {
-      return `${hour % 12 < 10 ? `0${hour % 12}` : hour % 12}:${minutes < 10 ? `0${minutes}` : minutes} PM`;
-    }
-  }
-  formatTime(hour, minutes) {
-    return `${hour < 10 ? `0${hour}` : hour}:${minutes < 10 ? `0${minutes}` : minutes}`;
-  }
-  onCatChange(event) {
-    var _a;
-    event.stopPropagation();
-    this.value = (_a = this.timeSelect) === null || _a === void 0 ? void 0 : _a.value;
-    this.catChange.emit(event);
-  }
-  onCatOpen(event) {
-    event.stopPropagation();
-    this.catOpen.emit(event);
-  }
-  onCatClose(event) {
-    event.stopPropagation();
-    this.catClose.emit(event);
-  }
-  onCatBlur(event) {
-    event.stopPropagation();
-    this.catBlur.emit(event);
-  }
-  get hostElement() { return this; }
-  static get style() { return catTimepickerCss; }
-}, [1, "cat-timepicker", {
-    "requiredMarker": [1, "required-marker"],
-    "horizontal": [4],
-    "multiple": [4],
-    "placement": [1],
-    "value": [1025],
-    "disabled": [4],
-    "placeholder": [1],
-    "hint": [1],
-    "identifier": [1],
-    "label": [1],
-    "name": [1],
-    "labelHidden": [4, "label-hidden"],
-    "required": [4],
-    "clearable": [4],
-    "max": [1],
-    "min": [1],
-    "noItems": [1, "no-items"],
-    "errors": [4],
-    "errorUpdate": [8, "error-update"],
-    "nativeAttributes": [16],
-    "minutesStep": [2, "minutes-step"],
-    "hourShort": [4, "hour-short"],
-    "state": [32],
-    "hasSlottedLabel": [32],
-    "hasSlottedHint": [32],
-    "errorMap": [32]
-  }]);
-function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["cat-timepicker", "cat-avatar", "cat-button", "cat-checkbox", "cat-icon", "cat-scrollable", "cat-select", "cat-skeleton", "cat-spinner"];
-  components.forEach(tagName => { switch (tagName) {
-    case "cat-timepicker":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, CatTimepicker$1);
-      }
-      break;
-    case "cat-avatar":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$9();
-      }
-      break;
-    case "cat-button":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$8();
-      }
-      break;
-    case "cat-checkbox":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$7();
-      }
-      break;
-    case "cat-icon":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$6();
-      }
-      break;
-    case "cat-scrollable":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$5();
-      }
-      break;
-    case "cat-select":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$4();
-      }
-      break;
-    case "cat-skeleton":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$3();
-      }
-      break;
-    case "cat-spinner":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$2();
-      }
-      break;
-  } });
-}
-
-const CatTimepicker = CatTimepicker$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { CatTimepicker, defineCustomElement };
-
-//# sourceMappingURL=cat-timepicker.js.map

package/dist/components/cat-timepicker.js.map

@@ -1 +0,0 @@
-{"file":"cat-timepicker.js","mappings":"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","names":["CatTimepicker"],"sources":["./src/components/cat-timepicker/cat-timepicker.scss?tag=cat-timepicker&encapsulation=shadow","./src/components/cat-timepicker/cat-timepicker.tsx"],"sourcesContent":["@use 'variables' as *;\n@use 'mixins' as *;\n","import { Component, Element, Event, EventEmitter, h, Host, Prop, State } from '@stencil/core';\n// import log from 'loglevel';\nimport { ErrorMap } from '../cat-form-hint/cat-form-hint';\n// import { catI18nRegistry as i18n } from '../cat-i18n/cat-i18n-registry';\nimport { of } from 'rxjs';\nimport { CatSelectMultipleTaggingValue, CatSelectState, CatSelectTaggingValue, Item } from '../cat-select/cat-select';\nimport { Placement } from '@floating-ui/dom';\n// import IMask from 'imask';\n\ninterface Time extends Item {\n  hour: number;\n  minutes: number;\n}\n\n/**\n * Inputs are used to allow users to provide text input when the expected input\n * is short. As well as plain text, Input supports various types of text,\n * including passwords and numbers.\n *\n * @slot hint - Optional hint element to be displayed with the input.\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 prefix - The text prefix.\n * @part suffix - The text suffix.\n */\n@Component({\n  tag: 'cat-timepicker',\n  styleUrl: 'cat-timepicker.scss',\n  shadow: true\n})\nexport class CatTimepicker {\n  private timeSelect?: HTMLCatSelectElement;\n  // private timeMask?: IMask.InputMask<IMask.AnyMaskedOptions>;\n\n  @Element() hostElement!: HTMLElement;\n\n  @State() state?: CatSelectState;\n\n  @State() hasSlottedLabel = false;\n\n  @State() hasSlottedHint = false;\n\n  @State() errorMap?: ErrorMap;\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   * Enable multiple selection.\n   */\n  @Prop() multiple = false;\n\n  /**\n   * The placement of the select.\n   */\n  @Prop() placement: Placement = 'bottom-start';\n\n  /**\n   * The value of the select. <br />\n   * <br />\n   * The value of the select depends on whether it is allowed to choose a single item or several items. <br />\n   * When only one item can be selected, the value is the id of the item, in case several items can be selected, the value is an array of ids of the selected items. <br />\n   * <br />\n   * In case the user can add new items to the select (tags activated), the value in the single select is an object (CatSelectTaggingValue) with the id of the item or the name of the created item,\n   * in the case of multiple select, it is an object (CatSelectMultipleTaggingValue) with the array of the ids of the items selected and the array of the names of the items created\n   */\n  @Prop({ mutable: true }) value?: string | string[] | CatSelectTaggingValue | CatSelectMultipleTaggingValue;\n\n  /**\n   * Whether the input is disabled.\n   */\n  @Prop() disabled = false;\n\n  /**\n   * The placeholder text to display within the select.\n   */\n  @Prop() placeholder?: string;\n\n  /**\n   * Optional hint text(s) to be displayed with the input.\n   */\n  @Prop() hint?: string | string[];\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   * 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   * Visually hide the label, but still show it to assistive technologies like screen readers.\n   */\n  @Prop() labelHidden = false;\n\n  /**\n   * A value is required or must be checked for the form to be submittable.\n   */\n  @Prop() required = false;\n\n  /**\n   * Whether the select should show a clear button.\n   */\n  @Prop() clearable = false;\n\n  /**\n   * A maximum value for date, time and numeric values.\n   */\n  @Prop() max?: string;\n\n  /**\n   * A minimum value for date, time and numeric values.\n   */\n  @Prop() min?: string;\n\n  /**\n   * The text to display in the dropdown if no results are found.\n   */\n  @Prop() noItems?: 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   * Attributes that will be added to the native HTML input element.\n   */\n  @Prop() minutesStep = 30;\n\n  /**\n   * Attributes that will be added to the native HTML input element.\n   */\n  @Prop() hourShort = this.isBrowserHour12();\n\n  /**\n   * Emitted when the select dropdown is opened.\n   */\n  @Event() catOpen!: EventEmitter<FocusEvent>;\n\n  /**\n   * Emitted when the select dropdown is closed.\n   */\n  @Event() catClose!: EventEmitter<FocusEvent>;\n\n  /**\n   * Emitted when the value is changed.\n   */\n  @Event() catChange!: EventEmitter;\n\n  /**\n   * Emitted when the select loses the focus.\n   */\n  @Event() catBlur!: EventEmitter<FocusEvent>;\n\n  componentWillRender(): void {\n    this.hasSlottedLabel = !!this.hostElement.querySelector('[slot=\"label\"]');\n    this.hasSlottedHint = !!this.hostElement.querySelector('[slot=\"hint\"]');\n  }\n\n  componentDidLoad(): void {\n    this.timeSelect?.connect(this.timeConnector);\n\n    // IMask spike\n    // const input = this.hostElement.shadowRoot?.querySelector('cat-select')?.shadowRoot?.querySelector('input');\n    // if (input) {\n    //   this.timeMask = this.getTimeMask(input);\n    // }\n  }\n\n  render() {\n    return (\n      <Host>\n        <cat-select\n          requiredMarker={this.requiredMarker}\n          horizontal={this.horizontal}\n          clearable={this.clearable}\n          disabled={this.disabled}\n          hint={this.hint}\n          identifier={this.identifier}\n          label={this.label}\n          labelHidden={this.labelHidden}\n          name={this.name}\n          multiple={this.multiple}\n          placeholder={this.placeholder}\n          placement={this.placement}\n          required={this.required}\n          noItems={this.noItems}\n          ref={el => (this.timeSelect = el)}\n          value={this.value}\n          errors={this.errors}\n          errorUpdate={this.errorUpdate}\n          nativeAttributes={this.nativeAttributes}\n          onCatChange={event => this.onCatChange(event)}\n          onCatOpen={this.onCatOpen.bind(this)}\n          onCatClose={this.onCatClose.bind(this)}\n          onCatBlur={this.onCatBlur.bind(this)}\n        >\n          {this.hasSlottedLabel && (\n            <span slot=\"label\">\n              <slot name=\"label\"></slot>\n            </span>\n          )}\n          {this.hasSlottedHint && (\n            <span slot=\"hint\">\n              <slot name=\"hint\"></slot>\n            </span>\n          )}\n        </cat-select>\n      </Host>\n    );\n  }\n\n  private get timeConnector() {\n    return {\n      resolve: (times: string[]) => {\n        return of(\n          times.map(t =>\n            this.timeArray.find(time => time.hour === this.getHour(t) && time.minutes === this.getMinutes(t))\n          )\n        );\n      },\n      retrieve: (term: string) => {\n        const filteredTimeArray = this.timeArray.filter(t => {\n          if (!term) return true;\n          const formatedTime = this.hourShort ? this.formatAMPM(t.hour, t.minutes) : this.formatTime(t.hour, t.minutes);\n          return formatedTime.toUpperCase().includes(term.toUpperCase());\n        });\n        return of({\n          last: true,\n          totalElements: filteredTimeArray.length,\n          content: filteredTimeArray\n        });\n      },\n      render: ({ hour, minutes }: Time) => ({\n        label: this.hourShort ? this.formatAMPM(hour, minutes) : this.formatTime(hour, minutes)\n      })\n    };\n  }\n\n  private get timeArray() {\n    const times: Time[] = [];\n    for (let hour = 0; hour < 24; hour++) {\n      for (let minutes = 0; minutes < 60; minutes += this.minutesStep) {\n        if (this.isHigherThanMinValue(hour, minutes) && this.isLowerThanMaxValue(hour, minutes)) {\n          times.push({\n            id: this.hourShort ? this.formatAMPM(hour, minutes) : this.formatTime(hour, minutes),\n            hour,\n            minutes\n          });\n        }\n      }\n    }\n    return times;\n  }\n\n  private isBrowserHour12() {\n    const browserLanguage = window?.navigator?.language ?? 'en';\n    const hour = new Intl.DateTimeFormat(browserLanguage, { hour: 'numeric' }).format(new Date().setHours(16));\n    return hour.toLowerCase().includes('pm' || 'am');\n  }\n\n  private getHour(time: string) {\n    let hour = Number(time.split(':')[0]);\n    if (time.toLowerCase().includes('pm') && hour < 12) hour = hour + 12;\n    if (time.toLowerCase().includes('am') && hour == 12) hour = hour - 12;\n\n    return hour;\n  }\n\n  private getMinutes(time: string) {\n    const minutes = time.match(/:(\\d+)/);\n    return Number(minutes ? minutes[1] : 0);\n  }\n\n  private isHigherThanMinValue(hour: number, minutes: number) {\n    if (this.min) {\n      const minHour = this.getHour(this.min);\n      const minMinutes = this.getMinutes(this.min);\n\n      return hour > minHour || (hour === minHour && minutes >= minMinutes);\n    }\n\n    return true;\n  }\n\n  private isLowerThanMaxValue(hour: number, minutes: number) {\n    if (this.max) {\n      const maxHour = this.getHour(this.max);\n      const maxMinutes = this.getMinutes(this.max);\n\n      return hour < maxHour || (hour === maxHour && minutes <= maxMinutes);\n    }\n\n    return true;\n  }\n\n  private formatAMPM(hour: number, minutes: number) {\n    if (hour === 0) {\n      return `12:${minutes < 10 ? `0${minutes}` : minutes} AM`;\n    } else if (hour < 12) {\n      return `${hour < 10 ? `0${hour}` : hour}:${minutes < 10 ? `0${minutes}` : minutes} AM`;\n    } else {\n      return `${hour % 12 < 10 ? `0${hour % 12}` : hour % 12}:${minutes < 10 ? `0${minutes}` : minutes} PM`;\n    }\n  }\n\n  private formatTime(hour: number, minutes: number) {\n    return `${hour < 10 ? `0${hour}` : hour}:${minutes < 10 ? `0${minutes}` : minutes}`;\n  }\n\n  private onCatChange(event: unknown) {\n    (event as CustomEvent).stopPropagation();\n    this.value = this.timeSelect?.value;\n    this.catChange.emit(event);\n  }\n\n  private onCatOpen(event: unknown) {\n    (event as CustomEvent).stopPropagation();\n    this.catOpen.emit(event as FocusEvent);\n  }\n\n  private onCatClose(event: unknown) {\n    (event as CustomEvent).stopPropagation();\n    this.catClose.emit(event as FocusEvent);\n  }\n\n  private onCatBlur(event: unknown) {\n    (event as CustomEvent).stopPropagation();\n    this.catBlur.emit(event as FocusEvent);\n  }\n\n  // IMask spike\n\n  // private getTimeMask(element: HTMLInputElement): IMask.InputMask<IMask.AnyMaskedOptions> {\n  //   return IMask(element, {\n  //     mask: 'HH:MM[ PM]',\n  //     lazy: true,\n  //     blocks: {\n  //       HH: {\n  //         mask: IMask.MaskedRange,\n  //         from: 0,\n  //         to: 23\n  //       },\n\n  //       MM: {\n  //         mask: IMask.MaskedRange,\n  //         from: 0,\n  //         to: 59\n  //       },\n\n  //       PM: {\n  //         mask: IMask.MaskedEnum,\n  //         enum: ['AM', 'PM', 'am', 'pm']\n  //       }\n  //     }\n  //   });\n  // }\n}\n"],"version":3}