@six-group/ui-library 0.0.0-insider.0014c08

package/dist/collection/components/six-date/six-date.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"six-date.js","sourceRoot":"","sources":["../../../src/components/six-date/six-date.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, Event, EventEmitter, h, Method, Prop, State, Watch } from '@stencil/core';\nimport { EventListeners } from '../../utils/event-listeners';\nimport { hasSlot } from '../../utils/slot';\nimport { MonthSelection } from './components/month-selection';\nimport { YearSelection } from './components/year-selection';\nimport { DaySelection } from './components/day-selection';\nimport { Language } from '../../utils/error-messages';\nimport {\n  cleanupValue,\n  formatDate,\n  fromFormattedString,\n  nextPointerDate,\n  previousPointerDate,\n  todayAsPointerDate,\n  toPointerDate,\n} from './iso-date';\nimport { createCalendarGrid } from './calendar-grid';\nimport { translateFormatHelp, translateMonth } from './translations';\nimport Popover from '../../utils/popover';\n\nconst NUMBER_OF_YEARS_SHOWN = 25;\n\n/**\n * A date picker component that allows users to select dates via a calendar popup or direct input.\n *\n * @since 5.0\n * @status beta\n *\n * @slot label - The date's label. Alternatively, you can use the label prop.\n * @slot help-text - Help text that describes the usage.\n * @slot error-text - Error text that is shown for validation errors. Alternatively, you can use the error-text property.\n */\n@Component({\n  tag: 'six-date',\n  styleUrl: 'six-date.scss',\n  shadow: true,\n})\nexport class SixDate {\n  private eventListeners = new EventListeners();\n  private inputElement?: HTMLSixInputElement;\n  private popoverHelper?: Popover;\n  private panel?: HTMLElement;\n  private positioner?: HTMLElement;\n\n  @Element() host!: HTMLSixDateElement;\n\n  /**\n   * Current state of the date picker for day, month, or year selection.\n   * Independent of the currently selected date value.\n   */\n  @State() pointerDate = todayAsPointerDate();\n\n  @State() selectionMode: 'day' | 'month' | 'year' = 'day';\n\n  /**\n   * The language used to render the weekdays and months.\n   */\n  @Prop() language: Language = 'en';\n\n  /**\n   * If `true` the user can only select a date via the component in the popup but not directly edit the input field.\n   */\n  @Prop() readonly = false;\n\n  /**\n   * If `true` the component is disabled.\n   */\n  @Prop() disabled = false;\n\n  /**\n   * Callback to determine which dates in the picker should be selectable.\n   */\n  @Prop() allowedDates: (date: string) => boolean = () => true;\n\n  /**\n   * The minimum allowed selectable date in ISO format (yyyy-MM-dd).\n   * Dates before this value will be disabled in the date picker.\n   * Example: '2024-01-01'\n   */\n  @Prop() min?: string;\n\n  /**\n   * The maximum allowed selectable date in ISO format (yyyy-MM-dd).\n   * Dates after this value will be disabled in the date picker.\n   * Example: '2025-01-01'\n   */\n  @Prop() max?: string;\n\n  /**\n   * The size of the date input field.\n   */\n  @Prop() size: 'small' | 'medium' | 'large' = 'medium';\n\n  /** Set to true to show an asterisk beneath the label. */\n  @Prop() required = false;\n\n  /**\n   * The placeholder defines what text to be shown on the input element\n   */\n  @Prop() placeholder?: string;\n\n  /**\n   * The value of the form field in ISO 8601 date format (yyyy-MM-dd).\n   * Example: '2024-01-01'.\n   *\n   * When an invalid date is provided, it will be replaced with an empty string (''),\n   * matching the behavior of native HTML <input type=\"date\">.\n   *\n   * The displayed format can be customized using the dateFormat property, but the underlying\n   * value will always be stored in ISO format.\n   */\n  @Prop({ mutable: true }) value: string | '' = '';\n\n  /** Defines the format pattern for displaying dates and how dates can be entered via keyboard.\n   *\n   * The parser accepts flexible input that doesn't strictly match the format pattern.\n   * Input with missing leading zeros or incomplete years will be automatically normalized.\n   * For example, with the pattern \"dd.MM.yyyy\": \"1.1.2025\" becomes \"01.01.2025\" and\n   * \"1.1.225\" becomes \"01.01.0225\".\n   *\n   * Defaults to \"dd.MM.yyyy\".\n   *\n   * Available patterns:\n   * - Year: \"yyyy\" (e.g., \"2021\")\n   * - Month: \"MM\" (e.g., \"01\" for January) or \"M\" (e.g., \"1\" for January)\n   * - Day: \"dd\" (e.g., \"08\" for the 8th) or \"d\" (e.g., \"8\" for the 8th)\n   *\n   * Examples:\n   * - \"dd.MM.yyyy\" -> \"31.01.2024\"\n   * - \"yyyy-MM-dd\" -> \"2024-01-31\"\n   * - \"d.M.yyyy\" -> \"31.1.2024\"\n   * */\n  @Prop() dateFormat = 'dd.MM.yyyy';\n\n  /** The label text. */\n  @Prop() label = '';\n\n  /** The input's help text. Alternatively, you can use the help-text slot. */\n  @Prop() helpText = '';\n\n  /** The error message shown, if `invalid` is set to true.  */\n  @Prop() errorText: string | string[] = '';\n\n  /** The number of error texts to be shown (if the error-text slot isn't used). Defaults to 1 */\n  @Prop() errorTextCount?: number;\n\n  /** If this property is set to true and an error message is provided by `errorText`, the error message is displayed.  */\n  @Prop({ reflect: true }) invalid = false;\n\n  /** The input's name attribute. */\n  @Prop({ reflect: true }) name = '';\n\n  /** Set to true to add a clear button when the input is populated. */\n  @Prop() clearable = false;\n\n  @Watch('value')\n  valueChanged() {\n    this.updateValueAndPointerDate();\n  }\n\n  /**\n   * Emitted when the control's value changes.\n   * Event detail contains the new date value in ISO format (yyyy-MM-dd) or an empty string if cleared.\n   */\n  @Event({ eventName: 'six-change' }) sixChange!: EventEmitter<string | ''>;\n\n  /**\n   * Emitted when the control loses focus or the date picker popup is closed.\n   * Does not contain event details.\n   */\n  @Event({ eventName: 'six-blur' }) sixBlur!: EventEmitter;\n\n  /** Sets focus on the input. */\n  @Method()\n  async setFocus(options?: FocusOptions) {\n    this.inputElement?.setFocus(options);\n  }\n\n  private panelHideInProgress = false;\n\n  private updateValueAndPointerDate() {\n    const { value, pointerDate, warning } = cleanupValue(this.value);\n    this.value = value;\n    this.pointerDate = pointerDate;\n    if (warning != null) {\n      console.warn(warning);\n    }\n    this.updateInputElementValue();\n  }\n\n  private getSixInputBaseElement() {\n    return this.inputElement?.shadowRoot?.querySelector('div.input') as HTMLDivElement;\n  }\n\n  private show() {\n    if (this.popoverHelper?.isVisible === true || this.panelHideInProgress || this.disabled) return;\n    this.popoverHelper?.show();\n    this.eventListeners.add(document, 'mousedown', this.handleDocumentMouseDown);\n  }\n\n  private hide() {\n    if (this.popoverHelper?.isVisible === false) return;\n\n    this.updateInputElementValue();\n    this.selectionMode = 'day';\n    this.eventListeners.remove(document, 'mousedown', this.handleDocumentMouseDown);\n    this.panelHideInProgress = true;\n    this.popoverHelper?.hide();\n  }\n\n  private initPopover() {\n    const sixInputBaseElement = this.getSixInputBaseElement();\n    if (this.inputElement == null || this.positioner == null || this.panel == null || sixInputBaseElement == null) {\n      return;\n    }\n\n    this.eventListeners.add(sixInputBaseElement, 'click', () => this.show());\n\n    this.popoverHelper = new Popover(sixInputBaseElement, this.positioner, {\n      strategy: 'fixed',\n      placement: 'bottom-start',\n      transitionElement: this.panel,\n      distance: 4,\n      skidding: 0,\n      onAfterHide: () => {\n        this.panelHideInProgress = false;\n      },\n    });\n  }\n\n  private handlePreviousClick = () => {\n    this.pointerDate = previousPointerDate(this.selectionMode, this.pointerDate);\n  };\n\n  private handleNextClick = () => {\n    this.pointerDate = nextPointerDate(this.selectionMode, this.pointerDate);\n  };\n\n  private handleDocumentMouseDown = (event: Event) => {\n    const baseElement = this.getSixInputBaseElement();\n    if (baseElement == null || this.panel == null) return;\n\n    // Close when clicking outside\n    const path = event.composedPath() as EventTarget[];\n    if (!path.includes(this.panel) && !path.includes(baseElement)) {\n      this.hide();\n      this.sixBlur.emit();\n    }\n  };\n\n  private handleDayClick = (date: string) => {\n    this.value = date;\n    this.pointerDate = toPointerDate(this.value);\n    this.hide();\n    this.inputElement?.setFocus();\n    this.sixChange.emit(this.value);\n  };\n\n  private handleMonthClicked = (month: number) => {\n    this.pointerDate = { ...this.pointerDate, month };\n    this.selectionMode = 'day';\n  };\n\n  private handleYearClicked = (year: number) => {\n    this.pointerDate = { ...this.pointerDate, year };\n    this.selectionMode = 'day';\n  };\n\n  private handleInputChange = (event: Event) => {\n    if (this.inputElement == null) return;\n    event.stopPropagation();\n    const isoDate = fromFormattedString(this.inputElement.value, this.dateFormat);\n\n    if (isoDate != null) {\n      this.value = isoDate;\n      this.pointerDate = toPointerDate(this.value);\n    } else if (this.inputElement.value === '') {\n      this.value = '';\n      this.pointerDate = todayAsPointerDate();\n      this.selectionMode = 'day';\n    }\n    this.sixChange.emit(this.value);\n  };\n\n  private handleInputBlur = () => {\n    if (this.popoverHelper?.isVisible === false) {\n      this.updateInputElementValue();\n    }\n  };\n\n  private handleInputClearClick = () => {\n    this.hide();\n    this.value = '';\n    this.pointerDate = todayAsPointerDate();\n    this.sixChange.emit(this.value);\n  };\n\n  private handleInputKeyDown = (event: KeyboardEvent) => {\n    if (event.key === 'Tab') {\n      this.hide();\n      this.sixBlur.emit();\n    }\n    if (event.key === 'Escape') {\n      this.hide();\n    }\n  };\n\n  private updateInputElementValue() {\n    if (this.inputElement && document.activeElement !== this.host) {\n      this.inputElement.value = this.value === '' ? '' : formatDate(this.value, this.dateFormat);\n    }\n  }\n\n  connectedCallback() {\n    this.initPopover();\n    this.updateValueAndPointerDate();\n    this.eventListeners.forward('six-change', 'change', this.host);\n    this.eventListeners.forward('six-blur', 'blur', this.host);\n  }\n\n  componentDidLoad() {\n    this.updateInputElementValue();\n    this.initPopover();\n  }\n\n  disconnectedCallback() {\n    this.eventListeners.removeAll();\n    this.popoverHelper?.destroy();\n    this.popoverHelper = undefined;\n  }\n\n  render() {\n    return (\n      <div class=\"container\">\n        {/* INPUT */}\n        <six-input\n          ref={(el) => (this.inputElement = el)}\n          placeholder={this.placeholder == null ? this.dateFormat : this.placeholder}\n          readonly={this.readonly}\n          disabled={this.disabled}\n          name={this.name}\n          label={this.label}\n          required={this.required}\n          helpText={this.helpText}\n          errorText={this.errorText}\n          errorTextCount={this.errorTextCount}\n          invalid={this.invalid}\n          onKeyDown={this.handleInputKeyDown}\n          onInput={this.handleInputChange}\n          onBlur={this.handleInputBlur}\n          onSix-input-clear={this.handleInputClearClick}\n          size={this.size}\n          clearable={this.clearable}\n          aria-describedby=\"date-format\"\n        >\n          <six-icon slot=\"prefix\" size={this.size === 'large' ? 'medium' : this.size}>\n            today\n          </six-icon>\n          {hasSlot(this.host, 'label') ? (\n            <span slot=\"label\">\n              <slot name=\"label\" />\n            </span>\n          ) : null}\n          {hasSlot(this.host, 'error-text') ? (\n            <span slot=\"error-text\">\n              <slot name=\"error-text\"></slot>\n            </span>\n          ) : null}\n          {hasSlot(this.host, 'help-text') ? (\n            <span slot=\"help-text\">\n              <slot name=\"help-text\"></slot>\n            </span>\n          ) : null}\n        </six-input>\n\n        <span id=\"date-format\" class=\"sr-only\">\n          {translateFormatHelp(this.language, this.dateFormat)}\n        </span>\n\n        {/* PANEL */}\n        <div ref={(el) => (this.positioner = el)} class=\"positioner\">\n          <div class=\"panel\" ref={(el) => (this.panel = el)}>\n            {/* PANEL HEADER */}\n            <header class=\"panel__header\">\n              <six-icon-button\n                tabindex=\"-1\"\n                class=\"previous\"\n                onClick={this.handlePreviousClick}\n                name=\"arrow_back_ios\"\n              />\n\n              {this.selectionMode === 'day' && (\n                <div class=\"selector\" onClick={() => (this.selectionMode = 'month')}>\n                  {translateMonth(this.pointerDate.month, this.language)}\n                  <six-icon>arrow_drop_down</six-icon>\n                </div>\n              )}\n\n              {this.selectionMode !== 'year' && (\n                <div class=\"selector\" onClick={() => (this.selectionMode = 'year')}>\n                  {this.pointerDate.year}\n                  <six-icon>arrow_drop_down</six-icon>\n                </div>\n              )}\n\n              {this.selectionMode === 'year' && (\n                <div class=\"selector\">\n                  {this.pointerDate.year - Math.floor(NUMBER_OF_YEARS_SHOWN / 2)} –{' '}\n                  {this.pointerDate.year + Math.floor(NUMBER_OF_YEARS_SHOWN / 2)}\n                </div>\n              )}\n\n              <six-icon-button tabindex=\"-1\" class=\"next\" onClick={this.handleNextClick} name=\"arrow_forward_ios\" />\n            </header>\n\n            {/* PANEL BODY */}\n            {this.selectionMode === 'day' && (\n              <DaySelection\n                language={this.language}\n                calendarGrid={createCalendarGrid({\n                  year: this.pointerDate.year,\n                  month: this.pointerDate.month,\n                  selected: this.value || undefined,\n                  minDate: this.min,\n                  maxDate: this.max,\n                  dateFormat: this.dateFormat,\n                  allowedDates: this.allowedDates,\n                })}\n                dayClicked={this.handleDayClick}\n              />\n            )}\n\n            {this.selectionMode === 'month' && (\n              <MonthSelection language={this.language} selected={this.value} monthClicked={this.handleMonthClicked} />\n            )}\n\n            {this.selectionMode === 'year' && (\n              <YearSelection\n                selected={this.value}\n                pointerYear={this.pointerDate.year}\n                yearCount={NUMBER_OF_YEARS_SHOWN}\n                yearClicked={this.handleYearClicked}\n              />\n            )}\n          </div>\n        </div>\n      </div>\n    );\n  }\n}\n"]}

package/dist/collection/components/six-date/translations.js

@@ -0,0 +1,110 @@
+export const i18nDate = {
+    en: {
+        months: [
+            'January',
+            'February',
+            'March',
+            'April',
+            'May',
+            'June',
+            'July',
+            'August',
+            'September',
+            'October',
+            'November',
+            'December',
+        ],
+        monthsShort: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
+        weekdaysMin: ['Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa', 'Su'],
+        formatHelp: (pattern) => `Please enter the date in the format  ${pattern}`,
+    },
+    de: {
+        months: [
+            'Januar',
+            'Februar',
+            'März',
+            'April',
+            'Mai',
+            'Juni',
+            'Juli',
+            'August',
+            'September',
+            'Oktober',
+            'November',
+            'Dezember',
+        ],
+        monthsShort: ['Jan.', 'Feb.', 'März', 'Apr.', 'Mai', 'Juni', 'Juli', 'Aug.', 'Sep.', 'Okt.', 'Nov.', 'Dez.'],
+        weekdaysMin: ['Mo', 'Di', 'Mi', 'Do', 'Fr', 'Sa', 'So'],
+        formatHelp: (pattern) => `Bitte geben Sie das Datum im Format '${pattern}' ein.`,
+    },
+    fr: {
+        months: [
+            'janvier',
+            'février',
+            'mars',
+            'avril',
+            'mai',
+            'juin',
+            'juillet',
+            'août',
+            'septembre',
+            'octobre',
+            'novembre',
+            'décembre',
+        ],
+        monthsShort: ['janv.', 'févr.', 'mars', 'avr.', 'mai', 'juin', 'juil.', 'août', 'sept.', 'oct.', 'nov.', 'déc.'],
+        weekdaysMin: ['lu', 'ma', 'me', 'je', 've', 'sa', 'di'],
+        formatHelp: (pattern) => `Veuillez saisir la date au format '${pattern}'.`,
+    },
+    it: {
+        months: [
+            'gennaio',
+            'febbraio',
+            'marzo',
+            'aprile',
+            'maggio',
+            'giugno',
+            'luglio',
+            'agosto',
+            'settembre',
+            'ottobre',
+            'novembre',
+            'dicembre',
+        ],
+        monthsShort: ['gen', 'feb', 'mar', 'apr', 'mag', 'giu', 'lug', 'ago', 'set', 'ott', 'nov', 'dic'],
+        weekdaysMin: ['lu', 'ma', 'me', 'gi', 've', 'sa', 'do'],
+        formatHelp: (pattern) => `Si prega di inserire la data nel formato '${pattern}'.`,
+    },
+    es: {
+        months: [
+            'enero',
+            'febrero',
+            'marzo',
+            'abril',
+            'mayo',
+            'junio',
+            'julio',
+            'agosto',
+            'septiembre',
+            'octubre',
+            'noviembre',
+            'diciembre',
+        ],
+        monthsShort: ['ene', 'feb', 'mar', 'abr', 'may', 'jun', 'jul', 'ago', 'sep', 'oct', 'nov', 'dic'],
+        weekdaysMin: ['lu', 'ma', 'mi', 'ju', 'vi', 'sa', 'do'],
+        formatHelp: (pattern) => `Por favor, introduzca la fecha en el formato '${pattern}'.`,
+    },
+};
+export function translateMonth(month, language) {
+    return i18nDate[language].months[month - 1];
+}
+export function translateMonthShort(month, language) {
+    return i18nDate[language].monthsShort[month - 1];
+}
+export function translateWeekday(day, language) {
+    return i18nDate[language].weekdaysMin[day - 1];
+}
+export function translateFormatHelp(language, pattern) {
+    return i18nDate[language].formatHelp(pattern);
+}
+//# sourceMappingURL=translations.js.map

package/dist/collection/components/six-date/translations.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"translations.js","sourceRoot":"","sources":["../../../src/components/six-date/translations.ts"],"names":[],"mappings":"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","sourcesContent":["import { Language } from '../../utils/error-messages';\n\nexport const i18nDate = {\n  en: {\n    months: [\n      'January',\n      'February',\n      'March',\n      'April',\n      'May',\n      'June',\n      'July',\n      'August',\n      'September',\n      'October',\n      'November',\n      'December',\n    ],\n    monthsShort: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],\n    weekdaysMin: ['Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa', 'Su'],\n    formatHelp: (pattern: string) => `Please enter the date in the format  ${pattern}`,\n  },\n  de: {\n    months: [\n      'Januar',\n      'Februar',\n      'März',\n      'April',\n      'Mai',\n      'Juni',\n      'Juli',\n      'August',\n      'September',\n      'Oktober',\n      'November',\n      'Dezember',\n    ],\n    monthsShort: ['Jan.', 'Feb.', 'März', 'Apr.', 'Mai', 'Juni', 'Juli', 'Aug.', 'Sep.', 'Okt.', 'Nov.', 'Dez.'],\n    weekdaysMin: ['Mo', 'Di', 'Mi', 'Do', 'Fr', 'Sa', 'So'],\n    formatHelp: (pattern: string) => `Bitte geben Sie das Datum im Format '${pattern}' ein.`,\n  },\n  fr: {\n    months: [\n      'janvier',\n      'février',\n      'mars',\n      'avril',\n      'mai',\n      'juin',\n      'juillet',\n      'août',\n      'septembre',\n      'octobre',\n      'novembre',\n      'décembre',\n    ],\n    monthsShort: ['janv.', 'févr.', 'mars', 'avr.', 'mai', 'juin', 'juil.', 'août', 'sept.', 'oct.', 'nov.', 'déc.'],\n    weekdaysMin: ['lu', 'ma', 'me', 'je', 've', 'sa', 'di'],\n    formatHelp: (pattern: string) => `Veuillez saisir la date au format '${pattern}'.`,\n  },\n  it: {\n    months: [\n      'gennaio',\n      'febbraio',\n      'marzo',\n      'aprile',\n      'maggio',\n      'giugno',\n      'luglio',\n      'agosto',\n      'settembre',\n      'ottobre',\n      'novembre',\n      'dicembre',\n    ],\n    monthsShort: ['gen', 'feb', 'mar', 'apr', 'mag', 'giu', 'lug', 'ago', 'set', 'ott', 'nov', 'dic'],\n    weekdaysMin: ['lu', 'ma', 'me', 'gi', 've', 'sa', 'do'],\n    formatHelp: (pattern: string) => `Si prega di inserire la data nel formato '${pattern}'.`,\n  },\n  es: {\n    months: [\n      'enero',\n      'febrero',\n      'marzo',\n      'abril',\n      'mayo',\n      'junio',\n      'julio',\n      'agosto',\n      'septiembre',\n      'octubre',\n      'noviembre',\n      'diciembre',\n    ],\n    monthsShort: ['ene', 'feb', 'mar', 'abr', 'may', 'jun', 'jul', 'ago', 'sep', 'oct', 'nov', 'dic'],\n    weekdaysMin: ['lu', 'ma', 'mi', 'ju', 'vi', 'sa', 'do'],\n    formatHelp: (pattern: string) => `Por favor, introduzca la fecha en el formato '${pattern}'.`,\n  },\n};\n\nexport function translateMonth(month: number, language: Language) {\n  return i18nDate[language].months[month - 1];\n}\n\nexport function translateMonthShort(month: number, language: Language) {\n  return i18nDate[language].monthsShort[month - 1];\n}\n\nexport function translateWeekday(day: number, language: Language) {\n  return i18nDate[language].weekdaysMin[day - 1];\n}\n\nexport function translateFormatHelp(language: Language, pattern: string) {\n  return i18nDate[language].formatHelp(pattern);\n}\n"]}

package/dist/collection/components/six-datepicker/components/day-selection.js

@@ -0,0 +1,12 @@
+import { h } from "@stencil/core";
+export const DaySelection = (daySelectionParams) => {
+    return (h("table", { class: "datepicker-table", part: "day-selection" }, h("thead", { part: "weekday-header" }, daySelectionParams.locale.weekdaysMin.map((weekday) => (h("th", { class: "datepicker__cell" }, weekday)))), h("tbody", null, daySelectionParams.calendarGrid.map((row) => (h("tr", { class: "datepicker-table__row" }, row.map((cell) => (h("td", { "data-date": cell.dateString, onClick: () => daySelectionParams.onClickDateCell(cell), class: {
+            'datepicker-table__cell': true,
+            'datepicker-table__cell--is-today': cell.isToday,
+            'datepicker-table__cell--is-selected': cell.isSelected,
+            'datepicker-table__cell--is-outdated': cell.isOutdated,
+            'datepicker-table__cell--is-disabled': cell.isDisabled,
+            'datepicker-table__cell--is-selectable': !cell.isDisabled,
+        } }, cell.label)))))))));
+};
+//# sourceMappingURL=day-selection.js.map

package/dist/collection/components/six-datepicker/components/day-selection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"day-selection.js","sourceRoot":"","sources":["../../../../src/components/six-datepicker/components/day-selection.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AASlC,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,kBAAsC,EAAE,EAAE;IACrE,OAAO,CACL,aAAO,KAAK,EAAC,kBAAkB,EAAC,IAAI,EAAC,eAAe;QAClD,aAAO,IAAI,EAAC,gBAAgB,IACzB,kBAAkB,CAAC,MAAM,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CACtD,UAAI,KAAK,EAAC,kBAAkB,IAAE,OAAO,CAAM,CAC5C,CAAC,CACI;QACR,iBACG,kBAAkB,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAC5C,UAAI,KAAK,EAAC,uBAAuB,IAC9B,GAAG,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACjB,uBACa,IAAI,CAAC,UAAU,EAC1B,OAAO,EAAE,GAAG,EAAE,CAAC,kBAAkB,CAAC,eAAe,CAAC,IAAI,CAAC,EACvD,KAAK,EAAE;gBACL,wBAAwB,EAAE,IAAI;gBAC9B,kCAAkC,EAAE,IAAI,CAAC,OAAO;gBAChD,qCAAqC,EAAE,IAAI,CAAC,UAAU;gBACtD,qCAAqC,EAAE,IAAI,CAAC,UAAU;gBACtD,qCAAqC,EAAE,IAAI,CAAC,UAAU;gBACtD,uCAAuC,EAAE,CAAC,IAAI,CAAC,UAAU;aAC1D,IAEA,IAAI,CAAC,KAAK,CACR,CACN,CAAC,CACC,CACN,CAAC,CACI,CACF,CACT,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { h } from '@stencil/core';\nimport { DateLocale } from '../../../utils/date-util';\nimport { CalendarCell } from '../six-datepicker';\n\ninterface DaySelectionParams {\n  locale: DateLocale;\n  calendarGrid: CalendarCell[][];\n  onClickDateCell: (cell: CalendarCell) => void;\n}\nexport const DaySelection = (daySelectionParams: DaySelectionParams) => {\n  return (\n    <table class=\"datepicker-table\" part=\"day-selection\">\n      <thead part=\"weekday-header\">\n        {daySelectionParams.locale.weekdaysMin.map((weekday) => (\n          <th class=\"datepicker__cell\">{weekday}</th>\n        ))}\n      </thead>\n      <tbody>\n        {daySelectionParams.calendarGrid.map((row) => (\n          <tr class=\"datepicker-table__row\">\n            {row.map((cell) => (\n              <td\n                data-date={cell.dateString}\n                onClick={() => daySelectionParams.onClickDateCell(cell)}\n                class={{\n                  'datepicker-table__cell': true,\n                  'datepicker-table__cell--is-today': cell.isToday,\n                  'datepicker-table__cell--is-selected': cell.isSelected,\n                  'datepicker-table__cell--is-outdated': cell.isOutdated,\n                  'datepicker-table__cell--is-disabled': cell.isDisabled,\n                  'datepicker-table__cell--is-selectable': !cell.isDisabled,\n                }}\n              >\n                {cell.label}\n              </td>\n            ))}\n          </tr>\n        ))}\n      </tbody>\n    </table>\n  );\n};\n"]}

package/dist/collection/components/six-datepicker/components/month-selection.js

@@ -0,0 +1,13 @@
+import { h } from "@stencil/core";
+import { now } from "../../../utils/date-util";
+export const MonthSelection = (monthSelectionParams) => {
+    const locale = monthSelectionParams.locale;
+    const isToday = (value) => locale.monthsShort[now().getMonth()] === value;
+    const isSelectedMonth = (value) => { var _a; return ((_a = monthSelectionParams.selectedDate) === null || _a === void 0 ? void 0 : _a.getMonth()) === locale.monthsShort.findIndex((m) => m === value); };
+    return (h("table", { class: "datepicker-table", part: "month-selection" }, h("tbody", null, locale.monthsShortGrouped.map((row) => (h("tr", { class: "datepicker-table__row" }, row.map((month) => (h("td", { onClick: () => monthSelectionParams.onClickMonthCell(month), class: {
+            'datepicker-table__cell': true,
+            'datepicker-table__cell--is-today': isToday(month),
+            'datepicker-table__cell--is-selected': isSelectedMonth(month),
+        } }, month)))))))));
+};
+//# sourceMappingURL=month-selection.js.map

package/dist/collection/components/six-datepicker/components/month-selection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"month-selection.js","sourceRoot":"","sources":["../../../../src/components/six-datepicker/components/month-selection.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAClC,OAAO,EAAc,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAO3D,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,oBAA0C,EAAE,EAAE;IAC3E,MAAM,MAAM,GAAG,oBAAoB,CAAC,MAAM,CAAC;IAC3C,MAAM,OAAO,GAAG,CAAC,KAAa,EAAE,EAAE,CAAC,MAAM,CAAC,WAAW,CAAC,GAAG,EAAE,CAAC,QAAQ,EAAE,CAAC,KAAK,KAAK,CAAC;IAElF,MAAM,eAAe,GAAG,CAAC,KAAa,EAAE,EAAE,WACxC,OAAA,CAAA,MAAA,oBAAoB,CAAC,YAAY,0CAAE,QAAQ,EAAE,MAAK,MAAM,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,KAAK,CAAC,CAAA,EAAA,CAAC;IAErG,OAAO,CACL,aAAO,KAAK,EAAC,kBAAkB,EAAC,IAAI,EAAC,iBAAiB;QACpD,iBACG,MAAM,CAAC,kBAAkB,CAAC,GAAG,CAAC,CAAC,GAAa,EAAE,EAAE,CAAC,CAChD,UAAI,KAAK,EAAC,uBAAuB,IAC9B,GAAG,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAClB,UACE,OAAO,EAAE,GAAG,EAAE,CAAC,oBAAoB,CAAC,gBAAgB,CAAC,KAAK,CAAC,EAC3D,KAAK,EAAE;gBACL,wBAAwB,EAAE,IAAI;gBAC9B,kCAAkC,EAAE,OAAO,CAAC,KAAK,CAAC;gBAClD,qCAAqC,EAAE,eAAe,CAAC,KAAK,CAAC;aAC9D,IAEA,KAAK,CACH,CACN,CAAC,CACC,CACN,CAAC,CACI,CACF,CACT,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { h } from '@stencil/core';\nimport { DateLocale, now } from '../../../utils/date-util';\n\ninterface MonthSelectionParams {\n  locale: DateLocale;\n  selectedDate?: Date;\n  onClickMonthCell: (month: string) => void;\n}\nexport const MonthSelection = (monthSelectionParams: MonthSelectionParams) => {\n  const locale = monthSelectionParams.locale;\n  const isToday = (value: string) => locale.monthsShort[now().getMonth()] === value;\n\n  const isSelectedMonth = (value: string) =>\n    monthSelectionParams.selectedDate?.getMonth() === locale.monthsShort.findIndex((m) => m === value);\n\n  return (\n    <table class=\"datepicker-table\" part=\"month-selection\">\n      <tbody>\n        {locale.monthsShortGrouped.map((row: string[]) => (\n          <tr class=\"datepicker-table__row\">\n            {row.map((month) => (\n              <td\n                onClick={() => monthSelectionParams.onClickMonthCell(month)}\n                class={{\n                  'datepicker-table__cell': true,\n                  'datepicker-table__cell--is-today': isToday(month),\n                  'datepicker-table__cell--is-selected': isSelectedMonth(month),\n                }}\n              >\n                {month}\n              </td>\n            ))}\n          </tr>\n        ))}\n      </tbody>\n    </table>\n  );\n};\n"]}

package/dist/collection/components/six-datepicker/components/year-selection.js

@@ -0,0 +1,13 @@
+import { now } from "../../../utils/date-util";
+import { h } from "@stencil/core";
+export const YearSelection = (yearSelectionParams) => {
+    return (h("table", { class: "datepicker-table", part: "year-selection" }, h("tbody", null, yearSelectionParams.yearSelection.map((row) => (h("tr", { class: "datepicker-table__row" }, row.map((year) => {
+        var _a;
+        return (h("td", { onClick: () => yearSelectionParams.onClickYearCell(year), class: {
+                'datepicker-table__cell': true,
+                'datepicker-table__cell--is-today': now().getFullYear() === year,
+                'datepicker-table__cell--is-selected': ((_a = yearSelectionParams.selectedDate) === null || _a === void 0 ? void 0 : _a.getFullYear()) === year,
+            } }, year));
+    })))))));
+};
+//# sourceMappingURL=year-selection.js.map

package/dist/collection/components/six-datepicker/components/year-selection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"year-selection.js","sourceRoot":"","sources":["../../../../src/components/six-datepicker/components/year-selection.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAOlC,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,mBAAwC,EAAE,EAAE;IACxE,OAAO,CACL,aAAO,KAAK,EAAC,kBAAkB,EAAC,IAAI,EAAC,gBAAgB;QACnD,iBACG,mBAAmB,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAC9C,UAAI,KAAK,EAAC,uBAAuB,IAC9B,GAAG,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;;YAAC,OAAA,CACjB,UACE,OAAO,EAAE,GAAG,EAAE,CAAC,mBAAmB,CAAC,eAAe,CAAC,IAAI,CAAC,EACxD,KAAK,EAAE;oBACL,wBAAwB,EAAE,IAAI;oBAC9B,kCAAkC,EAAE,GAAG,EAAE,CAAC,WAAW,EAAE,KAAK,IAAI;oBAChE,qCAAqC,EAAE,CAAA,MAAA,mBAAmB,CAAC,YAAY,0CAAE,WAAW,EAAE,MAAK,IAAI;iBAChG,IAEA,IAAI,CACF,CACN,CAAA;SAAA,CAAC,CACC,CACN,CAAC,CACI,CACF,CACT,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { now } from '../../../utils/date-util';\nimport { h } from '@stencil/core';\n\ninterface YearSelectionParams {\n  selectedDate?: Date;\n  yearSelection: number[][];\n  onClickYearCell: (year: number) => void;\n}\nexport const YearSelection = (yearSelectionParams: YearSelectionParams) => {\n  return (\n    <table class=\"datepicker-table\" part=\"year-selection\">\n      <tbody>\n        {yearSelectionParams.yearSelection.map((row) => (\n          <tr class=\"datepicker-table__row\">\n            {row.map((year) => (\n              <td\n                onClick={() => yearSelectionParams.onClickYearCell(year)}\n                class={{\n                  'datepicker-table__cell': true,\n                  'datepicker-table__cell--is-today': now().getFullYear() === year,\n                  'datepicker-table__cell--is-selected': yearSelectionParams.selectedDate?.getFullYear() === year,\n                }}\n              >\n                {year}\n              </td>\n            ))}\n          </tr>\n        ))}\n      </tbody>\n    </table>\n  );\n};\n"]}

package/dist/collection/components/six-datepicker/six-date-formats.js

@@ -0,0 +1,25 @@
+// eslint-disable-next-line @stencil-community/ban-exported-const-enums
+export var SixDateFormats;
+(function (SixDateFormats) {
+    SixDateFormats["DDMMYYY_DOT"] = "dd.mm.yyyy";
+    SixDateFormats["YYYYMMDD_DASH"] = "yyyy-mm-dd";
+    SixDateFormats["DDMMYYYY_DASH"] = "dd-mm-yyyy";
+    SixDateFormats["DDMMYYYY_SLASH"] = "dd/mm/yyyy";
+    SixDateFormats["YYYYMMDD_SLASH"] = "yyyy/mm/dd";
+    SixDateFormats["DDMMYY_DOT"] = "dd.mm.yy";
+    SixDateFormats["YYMMDD_DASH"] = "yy-mm-dd";
+    SixDateFormats["DDMMYY_DASH"] = "dd-mm-yy";
+    SixDateFormats["DDMMYY_SLASH"] = "dd/mm/yy";
+    SixDateFormats["YYMMDD_SLASH"] = "yy/mm/dd";
+    SixDateFormats["DDMMYYY_DOT_TIME"] = "dd.mm.yyyy hh:MM:ss";
+    SixDateFormats["YYYYMMDD_DASH_TIME"] = "yyyy-mm-dd hh:MM:ss";
+    SixDateFormats["DDMMYYYY_DASH_TIME"] = "dd-mm-yyyy hh:MM:ss";
+    SixDateFormats["DDMMYYYY_SLASH_TIME"] = "dd/mm/yyyy hh:MM:ss";
+    SixDateFormats["YYYYMMDD_SLASH_TIME"] = "yyyy/mm/dd hh:MM:ss";
+    SixDateFormats["DDMMYY_DOT_TIME"] = "dd.mm.yy hh:MM:ss";
+    SixDateFormats["YYMMDD_DASH_TIME"] = "yy-mm-dd hh:MM:ss";
+    SixDateFormats["DDMMYY_DASH_TIME"] = "dd-mm-yy hh:MM:ss";
+    SixDateFormats["DDMMYY_SLASH_TIME"] = "dd/mm/yy hh:MM:ss";
+    SixDateFormats["YYMMDD_SLASH_TIME"] = "yy/mm/dd hh:MM:ss";
+})(SixDateFormats || (SixDateFormats = {}));
+//# sourceMappingURL=six-date-formats.js.map

package/dist/collection/components/six-datepicker/six-date-formats.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"six-date-formats.js","sourceRoot":"","sources":["../../../src/components/six-datepicker/six-date-formats.tsx"],"names":[],"mappings":"AAAA,uEAAuE;AACvE,MAAM,CAAN,IAAY,cAsBX;AAtBD,WAAY,cAAc;IACxB,4CAA0B,CAAA;IAC1B,8CAA4B,CAAA;IAC5B,8CAA4B,CAAA;IAC5B,+CAA6B,CAAA;IAC7B,+CAA6B,CAAA;IAC7B,yCAAuB,CAAA;IACvB,0CAAwB,CAAA;IACxB,0CAAwB,CAAA;IACxB,2CAAyB,CAAA;IACzB,2CAAyB,CAAA;IAEzB,0DAAwC,CAAA;IACxC,4DAA0C,CAAA;IAC1C,4DAA0C,CAAA;IAC1C,6DAA2C,CAAA;IAC3C,6DAA2C,CAAA;IAC3C,uDAAqC,CAAA;IACrC,wDAAsC,CAAA;IACtC,wDAAsC,CAAA;IACtC,yDAAuC,CAAA;IACvC,yDAAuC,CAAA;AACzC,CAAC,EAtBW,cAAc,KAAd,cAAc,QAsBzB","sourcesContent":["// eslint-disable-next-line @stencil-community/ban-exported-const-enums\nexport enum SixDateFormats {\n  DDMMYYY_DOT = 'dd.mm.yyyy',\n  YYYYMMDD_DASH = 'yyyy-mm-dd',\n  DDMMYYYY_DASH = 'dd-mm-yyyy',\n  DDMMYYYY_SLASH = 'dd/mm/yyyy',\n  YYYYMMDD_SLASH = 'yyyy/mm/dd',\n  DDMMYY_DOT = 'dd.mm.yy',\n  YYMMDD_DASH = 'yy-mm-dd',\n  DDMMYY_DASH = 'dd-mm-yy',\n  DDMMYY_SLASH = 'dd/mm/yy',\n  YYMMDD_SLASH = 'yy/mm/dd',\n\n  DDMMYYY_DOT_TIME = 'dd.mm.yyyy hh:MM:ss',\n  YYYYMMDD_DASH_TIME = 'yyyy-mm-dd hh:MM:ss',\n  DDMMYYYY_DASH_TIME = 'dd-mm-yyyy hh:MM:ss',\n  DDMMYYYY_SLASH_TIME = 'dd/mm/yyyy hh:MM:ss',\n  YYYYMMDD_SLASH_TIME = 'yyyy/mm/dd hh:MM:ss',\n  DDMMYY_DOT_TIME = 'dd.mm.yy hh:MM:ss',\n  YYMMDD_DASH_TIME = 'yy-mm-dd hh:MM:ss',\n  DDMMYY_DASH_TIME = 'dd-mm-yy hh:MM:ss',\n  DDMMYY_SLASH_TIME = 'dd/mm/yy hh:MM:ss',\n  YYMMDD_SLASH_TIME = 'yy/mm/dd hh:MM:ss',\n}\n"]}

package/dist/collection/components/six-datepicker/six-datepicker.css

@@ -0,0 +1,167 @@
+:host {
+  position: relative;
+  box-sizing: border-box;
+}
+:host *, :host *:before, :host *:after {
+  box-sizing: border-box;
+}
+
+/* Hides content visually while still making it available to screen readers */
+.sr-only {
+  clip: rect(0 0 0 0);
+  clip-path: inset(50%);
+  height: 1px;
+  overflow: hidden;
+  position: absolute;
+  white-space: nowrap;
+  width: 1px;
+}
+
+:host {
+  display: block;
+  font-family: var(--six-font-family);
+}
+
+.datepicker__container {
+  position: relative;
+}
+.datepicker__popup {
+  min-width: 400px;
+  background-color: white;
+  padding: 0.5em 0.5em 1.5em;
+  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
+  user-select: none;
+  position: absolute;
+  z-index: var(--six-z-index-dropdown);
+  right: 0;
+  left: 0;
+}
+.datepicker__popup--is-up {
+  bottom: 100%;
+  min-height: 382px;
+}
+.datepicker__popup--is-inline {
+  position: initial;
+  box-shadow: none;
+  border: 1px solid var(--six-color-web-rock-400);
+}
+
+.datepicker-header {
+  display: flex;
+  justify-content: space-between;
+  border-bottom: 1px solid var(--six-color-web-rock-400);
+  padding: 0.5em;
+  margin-bottom: 1em;
+}
+.datepicker-header svg {
+  fill: var(--six-color-web-rock-900);
+  stroke: none;
+}
+.datepicker-header__btn {
+  cursor: pointer;
+  width: 2.5em;
+  height: 2.5em;
+  display: flex;
+  vertical-align: middle;
+  align-items: center;
+  justify-content: center;
+}
+.datepicker-header__btn:hover {
+  background-color: var(--six-color-web-rock-100);
+  border-radius: 100%;
+}
+.datepicker-header__label {
+  display: flex;
+}
+.datepicker-header__label > div {
+  cursor: pointer;
+  padding: 0.5em;
+  display: flex;
+  vertical-align: middle;
+  align-items: center;
+  justify-content: center;
+}
+.datepicker-header__label > div:hover {
+  background-color: var(--six-color-web-rock-100);
+}
+
+.datepicker-table {
+  width: 100%;
+}
+.datepicker-table__cell {
+  text-align: center;
+  width: 2.5rem;
+  height: 2.5rem;
+  cursor: pointer;
+}
+.datepicker-table__cell:hover {
+  background-color: var(--six-color-web-rock-100);
+}
+.datepicker-table__cell--is-today {
+  border: 1px solid var(--six-color-web-rock-400);
+}
+.datepicker-table__cell--is-selected {
+  background-color: var(--six-color-red);
+  color: var(--six-color-white);
+}
+.datepicker-table__cell--is-disabled {
+  background-color: var(--six-color-web-rock-200);
+  cursor: initial;
+}
+.datepicker-table__cell--is-disabled:hover {
+  background-color: var(--six-color-web-rock-200);
+}
+.datepicker-table__cell--is-outdated {
+  color: var(--six-color-web-rock-400);
+}
+
+.datepicker-clear {
+  display: inline-flex;
+  align-items: center;
+  font-size: inherit;
+  color: var(--six-input-icon-color);
+  border: none;
+  background: none;
+  padding: 0;
+  transition: var(--six-transition-fast) color;
+  cursor: pointer;
+}
+.datepicker-clear:hover {
+  color: var(--six-input-icon-color-hover);
+}
+.datepicker-clear:focus {
+  outline: none;
+}
+.datepicker-clear--right {
+  right: 0;
+  position: absolute;
+}
+.datepicker-clear--left {
+  right: 35px;
+  position: absolute;
+}
+
+.input--empty .datepicker-clear {
+  visibility: hidden;
+}
+
+.prefix {
+  cursor: pointer;
+}
+.prefix--right {
+  right: 0;
+  display: inline-flex;
+  position: absolute;
+  font-size: inherit;
+  color: var(--six-input-icon-color);
+  border: none;
+  background: none;
+  margin-right: var(--six-input-spacing-medium);
+  transition: var(--six-transition-fast) color;
+}
+
+six-timepicker::part(popup) {
+  border: none;
+  padding: 0.5em 0.5em 0;
+  min-height: 0;
+}