@maggioli-design-system/magma 1.11.7 → 1.12.0

package/dist/types/components/mds-calendar/mds-calendar.d.ts

@@ -16,6 +16,34 @@ export declare class MdsCalendar {
     language: string;
     updateLang(): Promise<void>;
     readonly rangePicker: boolean;
+    /**
+     * Shows the previous navigation button in the calendar header.
+     */
+    readonly showPreviousButton: boolean;
+    /**
+     * Shows the next navigation button in the calendar header.
+     */
+    readonly showNextButton: boolean;
+    /**
+     * Disables switching to month or year selection views from the calendar header.
+     */
+    readonly disableMonthYearSelection: boolean;
+    /**
+     * Shows the preselection area above the calendar view.
+     */
+    readonly showPreselection: boolean;
+    /**
+     * Specifies the date used to determine the visible month without changing the selection.
+     * @description It's in ISO format (YYYY-MM-DD).
+     * @example '2023-10-01'
+     */
+    readonly viewDate: string | null;
+    /**
+     * Specifies the date used to preview the range selection across multiple visible calendars.
+     * @description It's in ISO format (YYYY-MM-DD).
+     * @example '2023-10-15'
+     */
+    readonly hoverDate: string | null;
     /**
      * Specifies the start date of the selection
      * @description It's in ISO format (YYYY-MM-DD).
@@ -46,9 +74,18 @@ export declare class MdsCalendar {
         startDate: string;
         endDate?: string;
     }>;
+    navigationEmitter: EventEmitter<{
+        currentDate: string;
+        delta: number;
+    }>;
+    hoverEmitter: EventEmitter<{
+        hoverDate: string | null;
+    }>;
     checkPreselectionsEmitter: EventEmitter<void>;
     handleStartDate(newValue: ISO8601Date | null): void;
     handleEndDate(newValue: ISO8601Date | null): void;
+    handleViewDate(newValue: ISO8601Date | null): void;
+    handleHoverDate(): void;
     startDateTime: DateTime;
     endDateTime: DateTime;
     currentMonth: string;
@@ -58,15 +95,20 @@ export declare class MdsCalendar {
     componentDidLoad(): void;
     disconnectedCallback(): void;
     updateCurrentDate(date: string): Promise<void>;
+    private readonly handleMouseOver;
+    private readonly handleMouseLeave;
     private updateDates;
     updateCalendar(): Promise<void>;
     setDates(): void;
+    private clearSelectionState;
     private setRangeSelection;
+    private setHoverSelection;
     private setSingleSelection;
     changeMonth(delta: number): void;
+    private readonly handleMonthActionClick;
+    private readonly handleYearActionClick;
     calculateWeekDaysInMonth(): void;
     private handleRange;
-    private handleHover;
     private handleSingleSelection;
     render(): any;
 }

package/dist/types/components/mds-input-date/mds-input-date.d.ts

@@ -5,6 +5,7 @@ export declare class MdsInputDate {
     host: HTMLMdsInputDateElement;
     internals: ElementInternals;
     private isSlotted;
+    empty: boolean | undefined;
     isValid: boolean;
     private t;
     language: string;

package/dist/types/components/mds-input-date-range/mds-input-date-range.d.ts

@@ -10,6 +10,7 @@ export declare class MdsInputDateRange {
     calendarKey: number;
     internalStartDate: string;
     internalEndDate: string;
+    visibleCalendarDate: string;
     dropdownRef?: HTMLMdsDropdownElement;
     hasPreselection: boolean;
     private t;
@@ -40,6 +41,10 @@ export declare class MdsInputDateRange {
      * @description Default is 500
      */
     readonly delay: number;
+    /**
+     * Enables the linked dual-calendar range picker behavior.
+     */
+    readonly dualCalendar: boolean;
     /**
      * Is needed to reference the form data after the form is submitted
      */
@@ -49,14 +54,22 @@ export declare class MdsInputDateRange {
     private lastEmittedEndDate;
     private initialStartDate;
     private initialEndDate;
-    dateRangeSelected: EventEmitter<{
-        startDate: string;
-        endDate: string;
-    }>;
+    private hoveredCalendarDate;
+    private syncingInputSlots;
+    private getCalendars;
+    private resolveVisibleCalendarDate;
+    private getCalendarViewDate;
+    private setVisibleCalendarDate;
+    private closeDropdownAfterSelection;
+    private syncCalendarsSelectionAttributes;
+    private syncCalendarsHoverAttributes;
+    private clearHoverPreview;
     valueChanged: EventEmitter<{
         startDate: string;
         endDate: string;
     }>;
+    private getEmittableDateRangeDetail;
+    private emitValueChanged;
     handleStartDateChange(newValue: string): void;
     handleEndDateChange(newValue: string): void;
     componentWillLoad(): void;
@@ -75,6 +88,12 @@ export declare class MdsInputDateRange {
     private createFocusoutListener;
     private validateDateRange;
     private checkPreselections;
+    private handleCalendarHover;
+    private handleCalendarChange;
+    private handleCalendarNavigate;
+    private renderCalendarPreselectionPanel;
+    private renderSingleCalendar;
+    private renderDualCalendars;
     render(): any;
     private syncFormValue;
 }

package/dist/types/components/mds-input-date-range/test/mds-input-date-range.stories.d.ts

@@ -31,6 +31,12 @@ declare const _default: {
             };
             description: string;
         };
+        'dual-calendar': {
+            type: {
+                name: string;
+            };
+            description: string;
+        };
     };
 };
 export default _default;
@@ -56,3 +62,9 @@ export declare const MinMax: {
 export declare const Preselection: {
     render: (args: any) => any;
 };
+export declare const DualCalendar: {
+    render: (args: any) => any;
+    args: {
+        'dual-calendar': boolean;
+    };
+};

package/dist/types/components.d.ts

@@ -512,12 +512,22 @@ export namespace Components {
     interface MdsButtonGroup {
     }
     interface MdsCalendar {
+        /**
+          * Disables switching to month or year selection views from the calendar header.
+         */
+        "disableMonthYearSelection": boolean;
         /**
           * Specifies the end date of the selection
           * @description It's in ISO format (YYYY-MM-DD).
           * @example '2023-10-01'
          */
         "endDate": string | null;
+        /**
+          * Specifies the date used to preview the range selection across multiple visible calendars.
+          * @description It's in ISO format (YYYY-MM-DD).
+          * @example '2023-10-15'
+         */
+        "hoverDate": string | null;
         /**
           * Specifies the minimum date of the selection
           * @description It's in ISO format (YYYY-MM-DD).
@@ -531,6 +541,18 @@ export namespace Components {
          */
         "min": string | null;
         "rangePicker": boolean;
+        /**
+          * Shows the next navigation button in the calendar header.
+         */
+        "showNextButton": boolean;
+        /**
+          * Shows the preselection area above the calendar view.
+         */
+        "showPreselection": boolean;
+        /**
+          * Shows the previous navigation button in the calendar header.
+         */
+        "showPreviousButton": boolean;
         /**
           * Specifies the start date of the selection
           * @description It's in ISO format (YYYY-MM-DD).
@@ -539,6 +561,12 @@ export namespace Components {
         "startDate": string | null;
         "updateCurrentDate": (date: string) => Promise<void>;
         "updateLang": () => Promise<void>;
+        /**
+          * Specifies the date used to determine the visible month without changing the selection.
+          * @description It's in ISO format (YYYY-MM-DD).
+          * @example '2023-10-01'
+         */
+        "viewDate": string | null;
     }
     interface MdsCalendarCell {
         /**
@@ -1190,6 +1218,10 @@ export namespace Components {
           * @description Default is 500
          */
         "delay": number;
+        /**
+          * Enables the linked dual-calendar range picker behavior.
+         */
+        "dualCalendar": boolean;
         /**
           * Specifies the end date of the range
           * @description It's in ISO format (YYYY-MM-DD).
@@ -2760,7 +2792,17 @@ declare global {
         new (): HTMLMdsButtonGroupElement;
     };
     interface HTMLMdsCalendarElementEventMap {
-        "mdsCalendarChange": {startDate: string, endDate?: string};
+        "mdsCalendarChange": {
+    startDate: string,
+    endDate?: string
+  };
+        "mdsCalendarNavigate": {
+    currentDate: string,
+    delta: number
+  };
+        "mdsCalendarHover": {
+    hoverDate: string | null
+  };
         "mdsCalendarPreselect": void;
     }
     interface HTMLMdsCalendarElement extends Components.MdsCalendar, HTMLStencilElement {
@@ -3077,8 +3119,10 @@ declare global {
         new (): HTMLMdsInputDateElement;
     };
     interface HTMLMdsInputDateRangeElementEventMap {
-        "mdsInputDateRangeSelect": { startDate: string, endDate: string };
-        "mdsInputDateRangeValueChange": { startDate: string, endDate: string };
+        "mdsInputDateRangeValueChange": {
+    startDate: string;
+    endDate: string;
+  };
     }
     interface HTMLMdsInputDateRangeElement extends Components.MdsInputDateRange, HTMLStencilElement {
         addEventListener<K extends keyof HTMLMdsInputDateRangeElementEventMap>(type: K, listener: (this: HTMLMdsInputDateRangeElement, ev: MdsInputDateRangeCustomEvent<HTMLMdsInputDateRangeElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -4335,12 +4379,22 @@ declare namespace LocalJSX {
     interface MdsButtonGroup {
     }
     interface MdsCalendar {
+        /**
+          * Disables switching to month or year selection views from the calendar header.
+         */
+        "disableMonthYearSelection"?: boolean;
         /**
           * Specifies the end date of the selection
           * @description It's in ISO format (YYYY-MM-DD).
           * @example '2023-10-01'
          */
         "endDate"?: string | null;
+        /**
+          * Specifies the date used to preview the range selection across multiple visible calendars.
+          * @description It's in ISO format (YYYY-MM-DD).
+          * @example '2023-10-15'
+         */
+        "hoverDate"?: string | null;
         /**
           * Specifies the minimum date of the selection
           * @description It's in ISO format (YYYY-MM-DD).
@@ -4353,15 +4407,43 @@ declare namespace LocalJSX {
           * @example '2023-10-01'
          */
         "min"?: string | null;
-        "onMdsCalendarChange"?: (event: MdsCalendarCustomEvent<{startDate: string, endDate?: string}>) => void;
+        "onMdsCalendarChange"?: (event: MdsCalendarCustomEvent<{
+    startDate: string,
+    endDate?: string
+  }>) => void;
+        "onMdsCalendarHover"?: (event: MdsCalendarCustomEvent<{
+    hoverDate: string | null
+  }>) => void;
+        "onMdsCalendarNavigate"?: (event: MdsCalendarCustomEvent<{
+    currentDate: string,
+    delta: number
+  }>) => void;
         "onMdsCalendarPreselect"?: (event: MdsCalendarCustomEvent<void>) => void;
         "rangePicker"?: boolean;
+        /**
+          * Shows the next navigation button in the calendar header.
+         */
+        "showNextButton"?: boolean;
+        /**
+          * Shows the preselection area above the calendar view.
+         */
+        "showPreselection"?: boolean;
+        /**
+          * Shows the previous navigation button in the calendar header.
+         */
+        "showPreviousButton"?: boolean;
         /**
           * Specifies the start date of the selection
           * @description It's in ISO format (YYYY-MM-DD).
           * @example '2023-10-01'
          */
         "startDate"?: string | null;
+        /**
+          * Specifies the date used to determine the visible month without changing the selection.
+          * @description It's in ISO format (YYYY-MM-DD).
+          * @example '2023-10-01'
+         */
+        "viewDate"?: string | null;
     }
     interface MdsCalendarCell {
         /**
@@ -5048,6 +5130,10 @@ declare namespace LocalJSX {
           * @description Default is 500
          */
         "delay"?: number;
+        /**
+          * Enables the linked dual-calendar range picker behavior.
+         */
+        "dualCalendar"?: boolean;
         /**
           * Specifies the end date of the range
           * @description It's in ISO format (YYYY-MM-DD).
@@ -5067,8 +5153,10 @@ declare namespace LocalJSX {
           * Is needed to reference the form data after the form is submitted
          */
         "name"?: string;
-        "onMdsInputDateRangeSelect"?: (event: MdsInputDateRangeCustomEvent<{ startDate: string, endDate: string }>) => void;
-        "onMdsInputDateRangeValueChange"?: (event: MdsInputDateRangeCustomEvent<{ startDate: string, endDate: string }>) => void;
+        "onMdsInputDateRangeValueChange"?: (event: MdsInputDateRangeCustomEvent<{
+    startDate: string;
+    endDate: string;
+  }>) => void;
         /**
           * Specifies the start date of the range
           * @description It's in ISO format (YYYY-MM-DD).

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@maggioli-design-system/magma",
-  "version": "1.11.7",
+  "version": "1.12.0",
   "description": "Magma is Maggioli Design System's web-components library.",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -51,8 +51,8 @@
   },
   "dependencies": {
     "@floating-ui/dom": "1.6.12",
-    "@maggioli-design-system/design-tokens": "13.7.1",
-    "@maggioli-design-system/styles": "15.11.0",
+    "@maggioli-design-system/design-tokens": "13.7.2",
+    "@maggioli-design-system/styles": "15.11.1",
     "@stencil/core": "4.27.2",
     "clsx": "2.1.0",
     "crypto-js": "4.2.0",
@@ -93,7 +93,7 @@
     "css-loader": "6.8.1",
     "eslint-plugin-react": "7.37.5",
     "eslint-plugin-storybook": "9.0.15",
-    "handlebars": "4.7.8",
+    "handlebars": "4.7.9",
     "jest-environment-node": "29.7.0",
     "jest-transformer-svg": "2.0.2",
     "postcss": "8.4.49",

package/dist/magma-components/p-3da97c74.system.entry.js

@@ -1 +0,0 @@
-var __awaiter=this&&this.__awaiter||function(t,e,r,a){function n(t){return t instanceof r?t:new r((function(e){e(t)}))}return new(r||(r=Promise))((function(r,i){function d(t){try{s(a.next(t))}catch(t){i(t)}}function o(t){try{s(a["throw"](t))}catch(t){i(t)}}function s(t){t.done?r(t.value):n(t.value).then(d,o)}s((a=a.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var r={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},a,n,i,d;return d={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(d[Symbol.iterator]=function(){return this}),d;function o(t){return function(e){return s([t,e])}}function s(o){if(a)throw new TypeError("Generator is already executing.");while(d&&(d=0,o[0]&&(r=0)),r)try{if(a=1,n&&(i=o[0]&2?n["return"]:o[0]?n["throw"]||((i=n["return"])&&i.call(n),0):n.next)&&!(i=i.call(n,o[1])).done)return i;if(n=0,i)o=[o[0]&2,i.value];switch(o[0]){case 0:case 1:i=o;break;case 4:r.label++;return{value:o[1],done:false};case 5:r.label++;n=o[1];o=[0];continue;case 7:o=r.ops.pop();r.trys.pop();continue;default:if(!(i=r.trys,i=i.length>0&&i[i.length-1])&&(o[0]===6||o[0]===2)){r=0;continue}if(o[0]===3&&(!i||o[1]>i[0]&&o[1]<i[3])){r.label=o[1];break}if(o[0]===6&&r.label<i[1]){r.label=i[1];i=o;break}if(i&&r.label<i[2]){r.label=i[2];r.ops.push(o);break}if(i[2])r.ops.pop();r.trys.pop();continue}o=e.call(t,r)}catch(t){o=[6,t];n=0}finally{a=i=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};System.register(["./p-2aef517c.system.js","./p-1a1dc53d.system.js","./p-c95d3b63.system.js","./p-d68089ba.system.js","./p-0b49b32e.system.js","./p-21b1acec.system.js"],(function(t){"use strict";var e,r,a,n,i,d,o,s,h;return{setters:[function(t){e=t.r;r=t.c;a=t.h;n=t.H;i=t.g},function(t){d=t.m},function(t){o=t.D},function(t){s=t.c},function(t){h=t.L},function(){}],execute:function(){var c="Από";var l="έως";var u={from:c,to:l};var m="From";var p="to";var f={from:m,to:p};var y="De";var b="a";var g={from:y,to:b};var v="Dal";var w="al";var x={from:v,to:w};var k=':host{--mds-input-date-range-background:rgb(var(--tone-neutral));--mds-input-date-range-fields-firefox-justify-content:start;--mds-input-date-range-fields-gap:0 0.5rem;--mds-input-date-range-icon-color:var(--mds-input-date-range-variant-color);--mds-input-date-range-ring:0 0 0 1px rgb(var(--mds-input-date-range-variant-color) / 0.1);--mds-input-date-range-shadow:0 1px 3px 0 rgb(var(--mds-input-date-range-variant-color) / 0.1), 0 1px 2px 0 rgb(var(--mds-input-date-range-variant-color) / 0.06);--mds-input-date-range-variant-color:0 0 0;min-height:1.5rem;font-family:Karla, system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif;font-size:1rem;line-height:1.5rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;gap:0.5rem;color:rgb(var(--tone-neutral-02));container-type:inline-size;cursor:text;display:-ms-flexbox;display:flex;overflow:visible;position:relative}.date-preselection{display:grid;gap:0.5rem}.inputs{font-family:\'Roboto Mono\', \'Courier New\', monospace;font-size:0.875rem;line-height:1.25rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0rem;border-radius:0.5rem;padding-left:1rem;padding-right:3rem;-webkit-transition-duration:300ms;transition-duration:300ms;-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);-ms-flex-align:center;align-items:center;background-color:var(--mds-input-date-range-background);border:0;-webkit-box-shadow:var(--mds-input-date-range-ring), var(--mds-input-date-range-shadow);box-shadow:var(--mds-input-date-range-ring), var(--mds-input-date-range-shadow);-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--mds-input-date-range-fields-gap);min-height:3rem;overflow:hidden;text-overflow:ellipsis;-webkit-transition-property:background-color, border-color, color, fill, margin, opacity, padding, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, margin, opacity, padding, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, margin, opacity, padding, transform;transition-property:background-color, border-color, box-shadow, color, fill, margin, opacity, padding, transform, -webkit-box-shadow, -webkit-transform;width:100%}.input-element{-ms-flex-align:baseline;align-items:baseline;display:-ms-inline-flexbox;display:inline-flex}:host(:focus-within) .inputs{outline:2px solid transparent;outline-offset:2px;-webkit-transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:300ms;transition-duration:300ms;-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);--mds-input-date-range-ring:0 0 0 3px rgb(var(--mds-input-date-range-variant-color) / 1);--mds-input-date-range-shadow:0 4px 6px 3px rgb(var(--mds-input-date-range-variant-color) / 0.1), 0 2px 4px -1px rgb(var(--mds-input-date-range-variant-color) / 0.06)}.input-wrapper{display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0}:host() ::slotted(mds-input-date){color:inherit}.date-label{margin-left:0.125rem;margin-right:0.125rem;min-width:-moz-min-content;min-width:-webkit-min-content;min-width:min-content;white-space:nowrap}.date-label:first-child{margin-left:0}mds-calendar{min-width:-moz-max-content;min-width:-webkit-max-content;min-width:max-content}.action-open-calendar{--mds-button-color:rgb(var(--mds-input-date-range-icon-color));aspect-ratio:1;bottom:0;position:absolute;right:0;top:0}mds-dropdown{padding:0}:host(:not(:is([hydrated],.hydrated))){-webkit-animation-duration:0s;animation-duration:0s;border-color:transparent;-webkit-box-shadow:0 0 0 transparent;box-shadow:0 0 0 transparent;opacity:0;outline-color:transparent;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:0s;transition-duration:0s;visibility:hidden}mds-accordion:not(:is([hydrated],.hydrated)),mds-accordion-item:not(:is([hydrated],.hydrated)),mds-accordion-timer:not(:is([hydrated],.hydrated)),mds-accordion-timer-item:not(:is([hydrated],.hydrated)),mds-author:not(:is([hydrated],.hydrated)),mds-avatar:not(:is([hydrated],.hydrated)),mds-badge:not(:is([hydrated],.hydrated)),mds-banner:not(:is([hydrated],.hydrated)),mds-benchmark-bar:not(:is([hydrated],.hydrated)),mds-bibliography:not(:is([hydrated],.hydrated)),mds-breadcrumb:not(:is([hydrated],.hydrated)),mds-breadcrumb-item:not(:is([hydrated],.hydrated)),mds-button:not(:is([hydrated],.hydrated)),mds-card:not(:is([hydrated],.hydrated)),mds-card-content:not(:is([hydrated],.hydrated)),mds-card-footer:not(:is([hydrated],.hydrated)),mds-card-header:not(:is([hydrated],.hydrated)),mds-card-media:not(:is([hydrated],.hydrated)),mds-chip:not(:is([hydrated],.hydrated)),mds-details:not(:is([hydrated],.hydrated)),mds-dropdown:not(:is([hydrated],.hydrated)),mds-entity:not(:is([hydrated],.hydrated)),mds-file:not(:is([hydrated],.hydrated)),mds-file-preview:not(:is([hydrated],.hydrated)),mds-filter:not(:is([hydrated],.hydrated)),mds-filter-item:not(:is([hydrated],.hydrated)),mds-header:not(:is([hydrated],.hydrated)),mds-header-bar:not(:is([hydrated],.hydrated)),mds-help:not(:is([hydrated],.hydrated)),mds-horizontal-scroll:not(:is([hydrated],.hydrated)),mds-hr:not(:is([hydrated],.hydrated)),mds-icon:not(:is([hydrated],.hydrated)),mds-img:not(:is([hydrated],.hydrated)),mds-input:not(:is([hydrated],.hydrated)),mds-input-field:not(:is([hydrated],.hydrated)),mds-input-range:not(:is([hydrated],.hydrated)),mds-input-select:not(:is([hydrated],.hydrated)),mds-input-switch:not(:is([hydrated],.hydrated)),mds-input-tip:not(:is([hydrated],.hydrated)),mds-input-tip-item:not(:is([hydrated],.hydrated)),mds-input-upload:not(:is([hydrated],.hydrated)),mds-keyboard:not(:is([hydrated],.hydrated)),mds-keyboard-key:not(:is([hydrated],.hydrated)),mds-kpi:not(:is([hydrated],.hydrated)),mds-kpi-item:not(:is([hydrated],.hydrated)),mds-label:not(:is([hydrated],.hydrated)),mds-list:not(:is([hydrated],.hydrated)),mds-list-item:not(:is([hydrated],.hydrated)),mds-modal:not(:is([hydrated],.hydrated)),mds-note:not(:is([hydrated],.hydrated)),mds-notification:not(:is([hydrated],.hydrated)),mds-paginator:not(:is([hydrated],.hydrated)),mds-paginator-item:not(:is([hydrated],.hydrated)),mds-pref:not(:is([hydrated],.hydrated)),mds-pref-animation:not(:is([hydrated],.hydrated)),mds-pref-consumption:not(:is([hydrated],.hydrated)),mds-pref-contrast:not(:is([hydrated],.hydrated)),mds-pref-language:not(:is([hydrated],.hydrated)),mds-pref-language-item:not(:is([hydrated],.hydrated)),mds-pref-theme:not(:is([hydrated],.hydrated)),mds-price-table:not(:is([hydrated],.hydrated)),mds-price-table-features:not(:is([hydrated],.hydrated)),mds-price-table-features-cell:not(:is([hydrated],.hydrated)),mds-price-table-features-row:not(:is([hydrated],.hydrated)),mds-price-table-header:not(:is([hydrated],.hydrated)),mds-price-table-list:not(:is([hydrated],.hydrated)),mds-price-table-list-item:not(:is([hydrated],.hydrated)),mds-progress:not(:is([hydrated],.hydrated)),mds-push-notification:not(:is([hydrated],.hydrated)),mds-push-notifications:not(:is([hydrated],.hydrated)),mds-quote:not(:is([hydrated],.hydrated)),mds-separator:not(:is([hydrated],.hydrated)),mds-spinner:not(:is([hydrated],.hydrated)),mds-stepper-bar:not(:is([hydrated],.hydrated)),mds-stepper-bar-item:not(:is([hydrated],.hydrated)),mds-tab:not(:is([hydrated],.hydrated)),mds-tab-bar:not(:is([hydrated],.hydrated)),mds-tab-bar-item:not(:is([hydrated],.hydrated)),mds-tab-item:not(:is([hydrated],.hydrated)),mds-table:not(:is([hydrated],.hydrated)),mds-table-body:not(:is([hydrated],.hydrated)),mds-table-cell:not(:is([hydrated],.hydrated)),mds-table-footer:not(:is([hydrated],.hydrated)),mds-table-header:not(:is([hydrated],.hydrated)),mds-table-header-cell:not(:is([hydrated],.hydrated)),mds-table-row:not(:is([hydrated],.hydrated)),mds-text:not(:is([hydrated],.hydrated)),mds-toast:not(:is([hydrated],.hydrated)),mds-tooltip:not(:is([hydrated],.hydrated)),mds-tree:not(:is([hydrated],.hydrated)),mds-tree-item:not(:is([hydrated],.hydrated)),mds-url-view:not(:is([hydrated],.hydrated)),mds-usage:not(:is([hydrated],.hydrated)),mds-video-wall:not(:is([hydrated],.hydrated)),mds-zero:not(:is([hydrated],.hydrated)){-webkit-animation-duration:0s;animation-duration:0s;border-color:transparent;-webkit-box-shadow:0 0 0 transparent;box-shadow:0 0 0 transparent;opacity:0;outline-color:transparent;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:0s;transition-duration:0s;visibility:hidden}:host-context(.pref-animation-reduce) .input{-webkit-transition-duration:0s;transition-duration:0s}@media (prefers-reduced-motion){:host-context(.pref-animation-system) .input{-webkit-transition-duration:0s;transition-duration:0s}}:host-context(.pref-theme-dark){--mds-input-date-range-ring:0 0 0 2px rgb(var(--tone-neutral-01) / 0.3);--mds-input-date-range-background:rgb(var(--tone-neutral-09));--mds-input-date-range-controls-border:2px solid rgb(var(--tone-neutral-06))}:host-context(.pref-theme-dark) .counter-button:hover{--mds-button-background:rgb(var(--tone-neutral-08))}@media (prefers-color-scheme: dark){:host-context(.pref-theme-system){--mds-input-date-range-ring:0 0 0 2px rgb(var(--tone-neutral-01) / 0.3);--mds-input-date-range-background:rgb(var(--tone-neutral-09));--mds-input-date-range-controls-border:2px solid rgb(var(--tone-neutral-06))}:host-context(.pref-theme-system) .counter-button:hover{--mds-button-background:rgb(var(--tone-neutral-08))}}:host-context(.pref-contrast-more){--mds-input-date-range-ring:0 0 0 2px rgb(var(--tone-neutral-01) / 0.6);--mds-input-date-range-background:rgb(var(--tone-neutral-09));--mds-input-date-range-controls-border:2px solid rgb(var(--tone-neutral-05))}:host-context(.pref-contrast-more) .input::-moz-placeholder{color:rgb(var(--tone-neutral-03))}:host-context(.pref-contrast-more) .input::-webkit-input-placeholder{color:rgb(var(--tone-neutral-03))}:host-context(.pref-contrast-more) .input:-ms-input-placeholder{color:rgb(var(--tone-neutral-03))}:host-context(.pref-contrast-more) .input::-ms-input-placeholder{color:rgb(var(--tone-neutral-03))}:host-context(.pref-contrast-more) .input::placeholder{color:rgb(var(--tone-neutral-03))}@media (prefers-contrast: more){:host-context(.pref-contrast-system){--mds-input-date-range-ring:0 0 0 2px rgb(var(--tone-neutral-01) / 0.6);--mds-input-date-range-background:rgb(var(--tone-neutral-09));--mds-input-date-range-controls-border:2px solid rgb(var(--tone-neutral-05))}:host-context(.pref-contrast-more) .input::-moz-placeholder{color:rgb(var(--tone-neutral-03))}:host-context(.pref-contrast-more) .input::-webkit-input-placeholder{color:rgb(var(--tone-neutral-03))}:host-context(.pref-contrast-more) .input:-ms-input-placeholder{color:rgb(var(--tone-neutral-03))}:host-context(.pref-contrast-more) .input::-ms-input-placeholder{color:rgb(var(--tone-neutral-03))}:host-context(.pref-contrast-more) .input::placeholder{color:rgb(var(--tone-neutral-03))}}@supports (-moz-appearance: none){.action-open-calendar{display:none}.inputs{padding-right:1rem;-ms-flex-pack:var(--mds-input-date-range-fields-firefox-justify-content);justify-content:var(--mds-input-date-range-fields-firefox-justify-content)}}:host{--mds-input-date-range-icon-color:var(--variant-primary-03);--mds-input-date-range-variant-color:0 0 0}:host(:focus-within){--mds-input-date-range-variant-color:var(--variant-primary-04)}:host([variant="info"]){--mds-input-date-range-icon-color:var(--status-info-05);--mds-input-date-range-variant-color:0 0 0}:host([variant="info"]:focus-within){--mds-input-date-range-icon-color:var(--status-info-04);--mds-input-date-range-variant-color:var(--status-info-05)}:host([variant="success"]){--mds-input-date-range-icon-color:var(--status-success-05);--mds-input-date-range-variant-color:0 0 0}:host([variant="success"]:focus-within){--mds-input-date-range-icon-color:var(--status-success-04);--mds-input-date-range-variant-color:var(--status-success-05)}:host([variant="warning"]){--mds-input-date-range-icon-color:var(--status-warning-05);--mds-input-date-range-variant-color:0 0 0}:host([variant="warning"]:focus-within){--mds-input-date-range-icon-color:var(--status-warning-04);--mds-input-date-range-variant-color:var(--status-warning-05)}:host([variant="error"]){--mds-input-date-range-icon-color:var(--status-error-05);--mds-input-date-range-variant-color:0 0 0}:host([variant="error"]:focus-within){--mds-input-date-range-icon-color:var(--status-error-04);--mds-input-date-range-variant-color:var(--status-error-05)}';var D=k;var z=t("mds_input_date_range",function(){function t(t){var a=this;e(this,t);this.dateRangeSelected=r(this,"mdsInputDateRangeSelect",7);this.valueChanged=r(this,"mdsInputDateRangeValueChange",7);if(t.$hostElement$["s-ei"]){this.internals=t.$hostElement$["s-ei"]}else{this.internals=t.$hostElement$.attachInternals();t.$hostElement$["s-ei"]=this.internals}this.calendarKey=0;this.internalStartDate="";this.internalEndDate="";this.hasPreselection=false;this.t=new h({el:u,en:f,es:g,it:x});this.startDate="";this.endDate="";this.min=null;this.max=null;this.delay=500;this.lastEmittedStartDate=null;this.lastEmittedEndDate=null;this.initialStartDate="";this.initialEndDate="";this.handleFocusOut=function(t){if(!a.host.contains(t.relatedTarget)){var e=o.fromISO(a.internalStartDate).isValid;var r=o.fromISO(a.internalEndDate).isValid;if(e&&r){a.validateDateRange();a.syncFormValue();a.dateRangeSelected.emit({startDate:a.internalStartDate,endDate:a.internalEndDate});a.checkPreselections()}if(a.internalStartDate!==a.lastEmittedStartDate||a.internalEndDate!==a.lastEmittedEndDate){a.valueChanged.emit({startDate:a.internalStartDate,endDate:a.internalEndDate});a.lastEmittedStartDate=a.internalStartDate;a.lastEmittedEndDate=a.internalEndDate}}};this.focusInput=function(t){t.focusInput()};this.focusDateInput=function(t){if(t.target!==a.host){return}a.focusStartDateInput(t)};this.focusStartDateInput=function(t){t.preventDefault();t.stopPropagation();a.focusInput(a.host.querySelector('mds-input-date[slot="start"]'))};this.focusEndDateInput=function(t){t.preventDefault();t.stopPropagation();a.focusInput(a.host.querySelector('mds-input-date[slot="end"]'))}}t.prototype.updateLang=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.language=this.t.lang(this.host);return[2]}))}))};t.prototype.handleStartDateChange=function(t){this.syncExternalDate("start",t)};t.prototype.handleEndDateChange=function(t){this.syncExternalDate("end",t)};t.prototype.componentWillLoad=function(){this.language=this.t.lang(this.host);this.internalStartDate=this.startDate;this.internalEndDate=this.endDate;this.initialStartDate=this.startDate;this.initialEndDate=this.endDate;if(this.min&&this.max){var t=o.fromISO(this.min);var e=o.fromISO(this.max);if(e<t){this.max=this.min}}this.syncFormValue()};t.prototype.disconnectedCallback=function(){this.host.removeEventListener("focusout",this.handleFocusOut)};t.prototype.preselect=function(t){return __awaiter(this,void 0,void 0,(function(){var e,r,a,n,i,d;return __generator(this,(function(s){switch(s.label){case 0:if(!this.togglePreselection){this.togglePreselection=Array.from(this.host.querySelectorAll("mds-input-date-range-preselection"))}this.togglePreselection.forEach((function(t){t.selected=false}));t.caller.selected=true;a=o.fromISO(t.start);if(a.isValid){this.internalStartDate=t.start;this.updateInputValue("start",this.internalStartDate)}if(t.end!==undefined){n=o.fromISO(t.end);if(n.isValid){this.internalEndDate=t.end}}else{this.internalEndDate=t.start}this.updateInputValue("end",this.internalEndDate);this.syncFormValue();i=(r=(e=this.host)===null||e===void 0?void 0:e.shadowRoot)===null||r===void 0?void 0:r.querySelector("mds-calendar");if(!i)return[3,2];return[4,i.updateCurrentDate(this.internalStartDate)];case 1:s.sent();if(this.delay===0)return[2];d=this.dropdownRef;if(d){setTimeout((function(){d.visible=false}),this.delay)}s.label=2;case 2:this.dateRangeSelected.emit({startDate:this.internalStartDate,endDate:this.internalEndDate});return[2,Promise.resolve()]}}))}))};t.prototype.componentDidLoad=function(){this.updateInputListeners();this.updateInputValue("start",this.internalStartDate);this.updateInputValue("end",this.internalEndDate);this.syncFormValue();this.host.addEventListener("focusout",this.handleFocusOut)};t.prototype.formResetCallback=function(){this.internalStartDate=this.initialStartDate;this.internalEndDate=this.initialEndDate;this.updateInputValue("start",this.internalStartDate);this.updateInputValue("end",this.internalEndDate);this.checkPreselections();this.syncFormValue()};t.prototype.syncExternalDate=function(t,e){var r=e!==null&&e!==void 0?e:"";if(t==="start"){if(r===this.internalStartDate)return;this.internalStartDate=r}else{if(r===this.internalEndDate)return;this.internalEndDate=r}this.validateDateRange();this.updateInputValue("start",this.internalStartDate);this.updateInputValue("end",this.internalEndDate);this.checkPreselections();this.syncFormValue()};t.prototype.updateInputValue=function(t,e){var r;var a=(r=this.host.shadowRoot)===null||r===void 0?void 0:r.querySelector('slot[name="'.concat(t,'"]'));var n=a===null||a===void 0?void 0:a.assignedElements()[0];if(n){n.setValue(e)}};t.prototype.updateInputListeners=function(){var t,e;var r=(t=this.host.shadowRoot)===null||t===void 0?void 0:t.querySelector('slot[name="start"]');var a=(e=this.host.shadowRoot)===null||e===void 0?void 0:e.querySelector('slot[name="end"]');this.hasPreselection=this.host.querySelector("mds-input-date-range-preselection")!==null;if(r){var n=r.assignedElements()[0];n.addEventListener("mdsInputDateSelect",this.createFocusoutListener("start"))}if(a){var n=a.assignedElements()[0];n.addEventListener("mdsInputDateSelect",this.createFocusoutListener("end"))}};t.prototype.createFocusoutListener=function(t){var e=this;return function(r){var a=r;if(t==="start"){e.internalStartDate=a.detail}else{e.internalEndDate=a.detail}e.syncFormValue()}};t.prototype.validateDateRange=function(){if(this.internalStartDate&&this.internalEndDate){var t=o.fromISO(this.internalStartDate);var e=o.fromISO(this.internalEndDate);if(e<t){this.internalEndDate=this.internalStartDate;this.updateInputValue("end",this.internalEndDate)}}};t.prototype.checkPreselections=function(){var t=this;var e=Array.from(this.host.querySelectorAll("mds-input-date-range-preselection"));if(e){e.forEach((function(e){var r=e;var a=r.start===t.internalStartDate&&r.end===t.internalEndDate;var n=r.start===t.internalStartDate&&t.internalStartDate===t.internalEndDate&&r.end===undefined;if(a||n){r.selected=true}else{r.selected=false}}))}};t.prototype.render=function(){var t=this;return a(n,{key:"a0d2991f2840c21d10410d9a2759bea2140b5fb8",onClick:this.focusDateInput},a("div",{key:"42a70b643de49c02a1db422e9f7e69c4c16b5df2",class:"inputs"},a("div",{key:"9aaef7664e161099e93dcf09f70e8a12ac26cba5",class:"input-element"},a("mds-text",{key:"d7a2f85dbd2ad2d4f2dbeefcad2d23c7062fa193",class:"date-label",typography:"detail",onClick:this.focusStartDateInput},this.t.get("from")),a("div",{key:"c430288d5850666258269faf269934c9771b62bf",class:"input-wrapper"},a("slot",{key:"3cfdeacc1c9b024ce7f5a2a306425eeaa51f1130",name:"start"}))),a("div",{key:"e8543d95071704939d879f87790f0fc711a34046",class:"input-element"},a("mds-text",{key:"125cb1e5b7fe872f353624555af070cad0da30b0",class:"date-label",typography:"detail",onClick:this.focusEndDateInput},this.t.get("to")),a("div",{key:"35884f542a3ebd824dab00a514e3aec69c79ae11",class:"input-wrapper"},a("slot",{key:"74f1b59daecc34daf576297c93fff43071dccabd",name:"end"})))),a("mds-button",{key:"be0b0f4af844d95a82211330de00c3545b136da3",class:"action-open-calendar",variant:"dark",tone:"quiet",icon:d,id:"calendar-dropdown",onClick:function(){t.calendarKey+=1}}),a("mds-dropdown",{key:"d7bd7782dbcb0f7647643d6054b5fec2947e81e9",ref:function(e){return t.dropdownRef=e},target:"#calendar-dropdown","auto-placement":false,placement:"bottom-end"},a("mds-calendar",Object.assign({lang:this.language,key:this.calendarKey,rangePicker:true,onMdsCalendarChange:function(e){t.internalStartDate=e.detail.startDate;t.updateInputValue("start",t.internalStartDate);if(e.detail.endDate){t.internalEndDate=e.detail.endDate;t.updateInputValue("end",t.internalEndDate)}t.syncFormValue();if(t.internalStartDate&&t.internalEndDate){t.dateRangeSelected.emit({startDate:t.internalStartDate,endDate:t.internalEndDate});if(t.delay===0)return;var r=t.dropdownRef;if(r){setTimeout((function(){r.visible=false}),t.delay)}}},onMdsCalendarPreselect:function(){t.checkPreselections()},startDate:this.internalStartDate,endDate:this.internalEndDate},this.min?{min:this.min}:{},this.max?{max:this.max}:{}),a("div",{key:"5f94b5fef9bdca001020776e18c79875015452c7",slot:"preselection",class:s("date-preselection",this.hasPreselection&&"date-preselection--has-preselection")},a("slot",{key:"58524f199d07343671ffc752be0ed74d21c3f021",name:"calendar-preselection"})))))};t.prototype.syncFormValue=function(){var t,e,r,a;var n=(e=(t=this.internalStartDate)===null||t===void 0?void 0:t.trim())!==null&&e!==void 0?e:"";var i=(a=(r=this.internalEndDate)===null||r===void 0?void 0:r.trim())!==null&&a!==void 0?a:"";if(!n&&!i){this.internals.setFormValue(null);return}this.internals.setFormValue(JSON.stringify({startDate:n,endDate:i}))};Object.defineProperty(t,"formAssociated",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"host",{get:function(){return i(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{startDate:["handleStartDateChange"],endDate:["handleEndDateChange"]}},enumerable:false,configurable:true});return t}());z.style=D}}}));

package/dist/magma-components/p-643fd688.entry.js

@@ -1 +0,0 @@
-import{r as e,c as a,h as r,H as t,g as n}from"./p-3a6b32e7.js";import{D as l}from"./p-3833e170.js";import{L as s}from"./p-2d77deaf.js";import{s as o}from"./p-cba6ae1b.js";import{c as i}from"./p-8a1a6e56.js";import"./p-85aa8e05.js";const d=class{constructor(r){e(this,r),this.datesEmitter=a(this,"mdsCalendarChange",7),this.checkPreselectionsEmitter=a(this,"mdsCalendarPreselect",7),this.hasPreselection=!1,this.currentDate=l.now(),this.weekDaysinMonth=[],this.weekdays=[],this.startDateIdentifier=null,this.endDateIdentifier=null,this.isFirstClick=!0,this.currentView="calendar",this.selectedYear=this.currentDate.year,this.t=new s({it:{},en:{},es:{},el:{}}),this.rangePicker=!0,this.startDate=null,this.endDate=null,this.min=null,this.max=null,this.internalStartDate=this.startDate,this.internalEndDate=this.endDate,this.currentMonth="",this.currentYear=""}async updateLang(){this.language=this.t.lang(this.host)}handleStartDate(e){if(null!==e&&""!==e){if(this.internalStartDate=o(null==e?void 0:e.toString()),this.internalEndDate&&l.fromISO(this.internalStartDate)>l.fromISO(this.internalEndDate))return void console.warn("startDate is after endDate, swapping values");this.updateDates()}}handleEndDate(e){if(this.rangePicker){if(null!==e&&""!==e){if(this.internalEndDate=o(null==e?void 0:e.toString()),this.internalStartDate&&l.fromISO(this.internalStartDate)>l.fromISO(this.internalEndDate))return void console.warn("startDate is after endDate, swapping values");this.updateDates()}}else console.warn("rangePicker is disabled, endDate cannot be set"),this.internalEndDate=null}componentWillLoad(){var e,a;this.language=this.t.lang(this.host),this.internalStartDate&&(this.internalStartDate=o(null===(e=this.internalStartDate)||void 0===e?void 0:e.toString()),this.startDateTime=l.fromISO(this.internalStartDate),this.startDateTime.isValid&&(this.currentDate=this.startDateTime)),this.internalEndDate&&(this.internalEndDate=o(null===(a=this.internalEndDate)||void 0===a?void 0:a.toString()),this.endDateTime=l.fromISO(this.internalEndDate)),this.updateCalendar()}componentDidLoad(){var e,a,r;this.hasPreselection=null!==(null===(e=this.host)||void 0===e?void 0:e.querySelector(".date-preselection--has-preselection")),null===(r=null===(a=this.host)||void 0===a?void 0:a.shadowRoot)||void 0===r||r.addEventListener("mouseover",(e=>{const a=e.target;a.matches("mds-calendar-cell")&&this.startDateIdentifier&&this.rangePicker&&this.handleHover(a)})),this.setDates()}disconnectedCallback(){var e,a;null===(a=null===(e=this.host)||void 0===e?void 0:e.shadowRoot)||void 0===a||a.removeEventListener("mouseover",(e=>{const a=e.target;a.matches("mds-calendar-cell")&&this.startDateIdentifier&&this.rangePicker&&this.handleHover(a)}))}async updateCurrentDate(e){return this.currentDate=l.fromISO(e),Promise.resolve()}updateDates(){(this.internalStartDate&&this.internalEndDate&&this.rangePicker||this.internalStartDate&&!this.rangePicker)&&this.updateCalendar().then((()=>{requestAnimationFrame((()=>this.setDates()))}))}async updateCalendar(){try{const e=this.currentDate.startOf("week");this.weekdays=Array.from({length:7}).map(((a,r)=>e.setLocale(this.language).plus({days:r}).toFormat("ccc"))),this.calculateWeekDaysInMonth(),this.currentMonth=this.currentDate.setLocale(this.language).toFormat("MMMM"),this.currentMonthNumber=this.currentDate.month,this.currentYear=this.currentDate.toFormat("yyyy")}catch(e){console.error("Error while updating the calendar:",e)}}setDates(){const e=this.host;if(!e)return;const{shadowRoot:a}=e;if(!a)return;const r=a.querySelectorAll("mds-calendar-cell[selection]");this.isFirstClick&&(this.rangePicker?this.setRangeSelection(r,a):this.setSingleSelection(r,a))}setRangeSelection(e,a){if(e.forEach((e=>{e.removeAttribute("selection"),e.removeAttribute("preview")})),!this.internalStartDate||!this.internalEndDate)return;this.startDateTime=l.fromISO(this.internalStartDate.toString()),this.endDateTime=l.fromISO(this.internalEndDate.toString());const r=a.querySelectorAll("mds-calendar-cell");if(r){let e;for(let a=0;a<r.length;a++){const t=r[a].getAttribute("date");if(t){const n=l.fromISO(t);n.toFormat("yyyy-MM-dd")===this.startDateTime.toFormat("yyyy-MM-dd")&&r[a].setAttribute("selection","start"),n.toFormat("yyyy-MM-dd")===this.endDateTime.toFormat("yyyy-MM-dd")&&(this.startDateTime.equals(this.endDateTime)?r[a].setAttribute("selection","single"):r[a].setAttribute("selection","end")),e=n>this.startDateTime&&n<this.endDateTime,e&&r[a].setAttribute("selection","middle")}}}}setSingleSelection(e,a){if(e.forEach((e=>{e.removeAttribute("selection")})),!this.internalStartDate)return;this.startDateTime=l.fromISO(this.internalStartDate.toString());const r=a.querySelectorAll("mds-calendar-cell");if(r)for(let e=0;e<r.length;e++){const a=r[e].getAttribute("date");a&&l.fromISO(a).toFormat("yyyy-MM-dd")===this.startDateTime.toFormat("yyyy-MM-dd")&&r[e].setAttribute("selection","single")}}changeMonth(e){this.currentDate=this.currentDate.plus({months:e}),this.updateCalendar().then((()=>{requestAnimationFrame((()=>this.setDates()))}))}calculateWeekDaysInMonth(){const e=this.currentDate.startOf("month"),a=this.currentDate.endOf("month"),r=[];for(let a=e.minus({days:e.weekday-1});a<e;a=a.plus({days:1}))r.push({date:a,isCurrentMonth:!1});for(let t=e;t<=a;t=t.plus({days:1}))r.push({date:t,isCurrentMonth:!0});const t=7-a.weekday,n=a.plus({days:1});for(let e=n;e<n.plus({days:t});e=e.plus({days:1}))r.push({date:e,isCurrentMonth:!1});this.weekDaysinMonth=r}handleRange(e,a){var r,t;if(this.startDateIdentifier&&this.endDateIdentifier&&(()=>{this.internalStartDate=null,this.internalEndDate=null,this.startDateIdentifier=null,this.startDateTime=null,this.endDateIdentifier=null,this.endDateTime=null,this.isFirstClick=!0;const e=this.host;requestAnimationFrame((()=>{var a;null===(a=null==e?void 0:e.shadowRoot)||void 0===a||a.querySelectorAll("mds-calendar-cell[selection]").forEach((e=>{e.removeAttribute("selection"),e.removeAttribute("preview")}))}))})(),this.isFirstClick){this.startDateIdentifier=a.toISODate(),this.startDateTime=a,this.internalStartDate=this.startDateTime.toISO().split("T")[0],this.isFirstClick=!1;const r=this.host;return requestAnimationFrame((()=>{var e;null===(e=null==r?void 0:r.shadowRoot)||void 0===e||e.querySelectorAll("mds-calendar-cell[selection]").forEach((e=>{e.removeAttribute("selection")}))})),void requestAnimationFrame((()=>{e.setAttribute("selection","single"),e.setAttribute("preview","true")}))}const n=this.host,s=null===(r=null==n?void 0:n.shadowRoot)||void 0===r?void 0:r.querySelectorAll("mds-calendar-cell"),o=Array.from(null!=s?s:[]).findIndex((e=>e.getAttribute("date")===this.startDateIdentifier)),i=Array.from(null!=s?s:[]).indexOf(e);if(this.startDateIdentifier&&l.fromISO(this.startDateIdentifier)<l.fromISO(e.getAttribute("date"))?(this.endDateIdentifier=e.getAttribute("date"),this.endDateTime=a,this.internalEndDate=this.endDateTime.toISO().split("T")[0]):(this.endDateIdentifier=this.startDateIdentifier,this.endDateTime=this.startDateTime,this.internalEndDate=this.internalStartDate,this.startDateIdentifier=e.getAttribute("date"),this.startDateTime=a,this.internalStartDate=this.startDateTime.toISO().split("T")[0]),null===(t=null==n?void 0:n.shadowRoot)||void 0===t||t.querySelectorAll("mds-calendar-cell[preview]").forEach((e=>{e.removeAttribute("preview")})),s&&-1!==o)for(let e=o+1;e<i;e++)s[e].setAttribute("selection","middle");this.internalStartDate&&this.internalEndDate&&(this.datesEmitter.emit({startDate:this.internalStartDate,endDate:this.internalEndDate}),this.checkPreselectionsEmitter.emit())}handleHover(e){var a,r;const t=e,n=l.fromISO(this.internalStartDate);if(!n.isValid||null!==this.endDateIdentifier)return;const s=this.host,o=Array.from(null!==(r=null===(a=null==s?void 0:s.shadowRoot)||void 0===a?void 0:a.querySelectorAll("mds-calendar-cell"))&&void 0!==r?r:[]),i=t.getAttribute("date");if(!i)return;const d=l.fromISO(i);if(!d.isValid)return;const c=o.find((e=>e.getAttribute("date")===this.internalStartDate));o.forEach((e=>{e.removeAttribute("preview"),e.removeAttribute("selection")})),t.setAttribute("preview","true");const h=t.getAttribute("date");if(h){const e=l.fromISO(h);e.isValid&&c&&(n<e?c.setAttribute("selection","start"):n>e?(c.setAttribute("selection","end"),t.setAttribute("selection","start")):t.setAttribute("selection","single"))}if(n.equals(d))t.setAttribute("selection","single");else{const[e,a]=n<d?[n,d]:[d,n];o.forEach((r=>{const t=r.getAttribute("date");if(!t)return;const n=l.fromISO(t);if(n.isValid&&n>=e&&n<=a){r.setAttribute("preview","true");let t="middle";n.equals(e)&&(t="start"),n.equals(a)&&(t="end"),r.setAttribute("selection",t)}}))}}handleSingleSelection(e,a){var r;const t=this.host;null===(r=null==t?void 0:t.shadowRoot)||void 0===r||r.querySelectorAll("mds-calendar-cell[selection]").forEach((e=>{e.removeAttribute("selection")})),this.startDateIdentifier=e.getAttribute("date"),this.startDateTime=a,this.internalStartDate=this.startDateTime.toISO().split("T")[0],this.isFirstClick=!1,e.setAttribute("selection","single"),this.internalStartDate&&this.datesEmitter.emit({startDate:this.internalStartDate})}render(){return r(t,{key:"f8c99b009fa780f683430e40a3f9e5a0b46b30d7"},r("div",{key:"ef190bc2d84e08c6214cf8ed3143e93fb39dd8e8",class:i("calendar-preselection",this.hasPreselection&&"calendar-preselection--has-preselection")},r("slot",{key:"80bc77b47e0aee093314222aa3c147ac57e0f494",name:"preselection"})),r("div",{key:"0f9a115dc3cbd9632a9b87e94ffdab78a61e9ef8",class:"calendar-view"},r("nav",{key:"cdec70c0d9263e0a7404976b1b9c9b1460f4760a"},r("mds-button",{key:"19cb046b6c4a3b0935b9dc50e38a99fd98c2fe56",class:"action-back",icon:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M17.77 3.77L16 2L6 12l10 10l1.77-1.77L9.54 12z"/></svg>',variant:"dark",tone:"quiet",onClick:e=>{"calendar"===this.currentView?(e.stopPropagation(),this.changeMonth(-1)):"years"===this.currentView?(e.stopPropagation(),this.selectedYear-=10):e.stopPropagation()}}),r("div",{key:"04e4e1ca98ea00d4513f88131cae65f8f3d368ae",class:"select-month-or-year"},("calendar"===this.currentView||"months"===this.currentView)&&r("mds-button",{key:"d6995e7c68177356e60a1c77aff3649848f91275",class:"action-month",variant:"dark",tone:"quiet",onClick:e=>{e.stopPropagation(),this.currentView="months"===this.currentView?"calendar":"months",requestAnimationFrame((()=>{this.updateCalendar().then((()=>this.setDates()))}))}},this.currentMonth),("calendar"===this.currentView||"years"===this.currentView)&&r("mds-button",{key:"d79d4de0219d05724b173290fa39a034324d950b",class:"action-year",variant:"dark",tone:"quiet",onClick:e=>{e.stopPropagation(),this.currentView="years"===this.currentView?"calendar":"years",requestAnimationFrame((()=>{this.updateCalendar().then((()=>this.setDates()))}))}},this.currentYear)),r("mds-button",{key:"596683e3960b61627fbe8d774db076e2297cd99a",class:"action-forward",icon:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M6.23 20.23L8 22l10-10L8 2L6.23 3.77L14.46 12z"/></svg>',variant:"dark",tone:"quiet",onClick:e=>{"calendar"===this.currentView?(e.stopPropagation(),this.changeMonth(1)):"years"===this.currentView?(e.stopPropagation(),this.selectedYear+=10):e.stopPropagation()}})),"calendar"===this.currentView&&r("section",{key:"2bac904c98af5bd276fbc3f1587655bea71dd138",class:"month-view"},r("header",{key:"eaf5ace7f5a3f822bf860f3ec3cceb01582fbe93",class:"month-view__days-names"},this.weekdays.map((e=>r("mds-button",{class:"week-day-name",variant:"dark",tone:"quiet"},e)))),r("div",{key:"ae14ce81225094dea1b082398901496ed77868eb",class:"month-view__cells"},this.weekDaysinMonth.map(((e,a)=>r("mds-calendar-cell",{key:a,today:l.now().toFormat("yyyy-MM-dd")===e.date.toFormat("yyyy-MM-dd"),date:e.date.toFormat("yyyy-MM-dd"),month:e.isCurrentMonth?"current":"other",disabled:(()=>!!(this.min&&""!==this.min&&e.date<l.fromISO(this.min))||!!(this.max&&""!==this.max&&e.date>l.fromISO(this.max))||void 0)(),onClick:a=>{a.stopPropagation();const r=a.currentTarget;this.rangePicker?this.handleRange(r,e.date):this.handleSingleSelection(r,e.date)}},e.date.toFormat("dd")))))),"months"===this.currentView&&r("section",{key:"d85ff88559bac8c6999e939cfd317e78e67bdcdb",class:"month-selection"},r("header",{key:"ed18653752d8d403c86dd8e78ff4cd182d8ec435",class:"month-view__month-names"},Array.from({length:12}).map(((e,a)=>{const t=l.local().set({month:a+1}).setLocale(this.language).toFormat("MMMM");return r("mds-button",{class:"action",variant:"dark",tone:"quiet",onClick:e=>{e.stopPropagation(),this.currentDate=this.currentDate.set({month:a+1}),this.currentMonth=this.currentDate.toFormat("MMMM"),this.currentView="calendar",this.updateCalendar().then((()=>{requestAnimationFrame((()=>this.setDates()))}))}},t)})))),"years"===this.currentView&&r("section",{key:"a9473ac1c4027e4e25635217a665aadd924d055a",class:"year-selection"},r("header",{key:"adc5de34d23fbb299aa8ab5debb1b210c7cb4bb0",class:"month-view__years"},Array.from({length:12}).map(((e,a)=>{const t=this.selectedYear+a;return r("mds-button",{class:"action",variant:"dark",tone:"quiet",onClick:e=>{e.stopPropagation(),this.currentDate=this.currentDate.set({year:t}),this.currentYear=t.toString(),this.currentView="calendar",this.updateCalendar().then((()=>{requestAnimationFrame((()=>this.setDates()))}))}},t)}))))))}get host(){return n(this)}static get watchers(){return{startDate:["handleStartDate"],endDate:["handleEndDate"]}}};d.style=":host{--mds-calendar-day-number-other-month-color:rgb(var(--tone-neutral-07));--mds-calendar-day-number-color:rgb(var(--tone-neutral-01));--mds-calendar-cell-gap:0.125rem;--mds-calendar-cell-other-month-visibility:visible;--mds-calendar-border-radius:0.5rem;--mds-calendar-background:rgb(var(--tone-neutral));--mds-calendar-padding:1rem;background-color:rgb(var(--tone-neutral-09));border-radius:var(--mds-calendar-border-radius);cursor:auto;display:-ms-inline-flexbox;display:inline-flex;max-width:380px;min-width:-moz-min-content;min-width:-webkit-min-content;min-width:min-content;overflow:hidden}.calendar-view{background-color:var(--mds-calendar-background);border-radius:inherit;display:grid;padding:var(--mds-calendar-padding)}.calendar-preselection{display:none;gap:0.125rem;grid-auto-rows:-webkit-min-content;grid-auto-rows:min-content;padding:var(--mds-calendar-padding)}.calendar-preselection--has-preselection{display:grid}nav{display:-ms-flexbox;display:flex;gap:0.5rem;-ms-flex-pack:justify;justify-content:space-between}.action{padding-left:0.5rem;padding-right:0.5rem;-ms-flex-pack:left;justify-content:left;min-width:-moz-min-content;min-width:-webkit-min-content;min-width:min-content}.action-back,.action-forward{-ms-flex-negative:0;flex-shrink:0}.select-month-or-year{background-color:rgb(var(--tone-neutral-09));border-radius:0.5rem;display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-ms-flex-pack:space-evenly;justify-content:space-evenly}.action-month,.action-year{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1}.week-day-name{-ms-flex-align:center;align-items:center;aspect-ratio:1;min-height:auto;padding:0}.month-view{display:grid}.month-view__days-names,.month-view__cells{display:grid;gap:var(--mds-calendar-cell-gap);grid-template-columns:repeat(7, minmax(1px, 100%));min-width:0}.month-view{display:grid}.month-view__month-names,.month-view__years{display:grid;gap:var(--mds-calendar-cell-gap);grid-template-columns:repeat(3, minmax(1px, 100%));min-width:0}";const c=class{constructor(a){e(this,a),this.month="current",this.orientation="horizontal",this.preview=!1,this.disabled=void 0,this.today=void 0}render(){return r(t,{key:"f7e1c5be903ff151cbad616718740fb2eb8f27f0"},r("div",{key:"3e4b838f78c0ce8df5813b468a6a1a00ae2730b0",class:"inner-dot"}),r("div",{key:"873c7e63491cf3a3c630632509410227ada07694",class:"area-background"}),r("mds-button",{key:"623915907fcb6d6c4aadba14c5db3f0e9b5d1aae",class:"action",variant:"dark",tone:"quiet",disabled:this.disabled},r("slot",{key:"8d78ee0a9b723f68bbf1a521106f77fe03f3a606"})))}};c.style=':host{--mds-calendar-cell-background:transparent;--mds-calendar-cell-boundaries-background:transparent;--mds-calendar-cell-boundaries-color:rgb(var(--tone-neutral-01));--mds-calendar-cell-boundaries-padding:0.25rem;--mds-calendar-cell-color:rgb(var(--tone-neutral-01));--mds-calendar-cell-other-month-background:transparent;--mds-calendar-cell-other-month-color:rgb(var(--tone-neutral-07));--mds-calendar-cell-disabled-background:transparent;--mds-calendar-cell-disabled-color:rgb(var(--tone-neutral-07));--mds-calendar-cell-weekend-background:transparent;--mds-calendar-cell-weekend-color:rgb(var(--tone-neutral-06));--mds-calendar-cell-size:3rem;--mds-calendar-cell-selection-boundaries-border-radius:calc(var(--mds-calendar-cell-size) / 2);--mds-calendar-cell-selection-week-boundaries-border-radius:calc(var(--mds-calendar-cell-size) / 2);--mds-calendar-cell-preselection-today-background:rgb(var(--variant-primary-09));--mds-calendar-cell-preselection-today-color:rgb(var(--variant-primary-03));--mds-calendar-cell-preselection-current-month-background:rgb(var(--variant-primary-08));--mds-calendar-cell-preselection-current-month-color:rgb(var(--tone-neutral-05));--mds-calendar-cell-preselection-current-month-boundaries-color:rgb(var(--tone-neutral-05));--mds-calendar-cell-preselection-current-month-boundaries-background:rgb(var(--variant-primary-10));--mds-calendar-cell-preselection-other-month-background:rgb(var(--variant-primary-09));--mds-calendar-cell-preselection-other-month-color:rgb(var(--tone-neutral-05));--mds-calendar-cell-preselection-other-month-boundaries-color:rgb(var(--tone-neutral-05));--mds-calendar-cell-preselection-other-month-boundaries-background:rgb(var(--tone-neutral));--mds-calendar-cell-selection-current-month-background:rgb(var(--variant-primary-04));--mds-calendar-cell-selection-current-month-color:rgb(var(--tone-neutral));--mds-calendar-cell-selection-current-month-boundaries-background:rgb(var(--tone-neutral));--mds-calendar-cell-selection-current-month-boundaries-color:rgb(var(--tone-neutral-03));--mds-calendar-cell-selection-current-month-weekend-background:rgb(var(--variant-primary-03));--mds-calendar-cell-selection-current-month-weekend-color:rgb(var(--variant-primary-07));--mds-calendar-cell-selection-current-month-weekend-boundaries-background:rgb(var(--variant-primary-03));--mds-calendar-cell-selection-current-month-weekend-boundaries-color:rgb(var(--tone-neutral-03));--mds-calendar-cell-selection-other-month-background:rgb(var(--variant-primary-07));--mds-calendar-cell-selection-other-month-color:rgb(var(--tone-neutral-04));--mds-calendar-cell-selection-other-month-boundaries-background:rgb(var(--variant-primary-10));--mds-calendar-cell-selection-other-month-boundaries-color:rgb(var(--tone-neutral-05));aspect-ratio:1 / 1;display:-ms-flexbox;display:flex;padding:var(--mds-calendar-cell-boundaries-padding);position:relative}:host([month="other"]){visibility:var(--mds-calendar-cell-other-month-visibility, hidden)}.inner-dot{aspect-ratio:1 / 1;background-color:var(--mds-calendar-cell-inner-background);border-radius:var(--mds-calendar-cell-selection-boundaries-border-radius);display:-ms-flexbox;display:flex;min-height:0;min-width:0;width:100%;z-index:1}.area-background{background-color:var(--mds-calendar-cell-background);color:var(--mds-calendar-cell-color);inset:0;position:absolute;z-index:0}.action{-ms-flex-align:center;align-items:center;aspect-ratio:1 / 1;background-color:transparent;border-radius:0;color:var(--mds-calendar-cell-color);display:-ms-flexbox;display:flex;inset:calc(var(--mds-calendar-cell-gap) * -1);-ms-flex-pack:center;justify-content:center;min-height:0;min-width:0;padding:0;position:absolute;width:auto;z-index:2}:host([selection][orientation="horizontal"]) .area-background{margin-left:calc(var(--mds-calendar-cell-gap) * -1);margin-right:calc(var(--mds-calendar-cell-gap) * -1)}:host([selection="start"][orientation="horizontal"]) .area-background{border-bottom-left-radius:var(--mds-calendar-cell-selection-boundaries-border-radius);border-top-left-radius:var(--mds-calendar-cell-selection-boundaries-border-radius);margin-left:0}:host([selection="end"][orientation="horizontal"]) .area-background{border-bottom-right-radius:var(--mds-calendar-cell-selection-boundaries-border-radius);border-top-right-radius:var(--mds-calendar-cell-selection-boundaries-border-radius);margin-right:0}:host([selection][orientation="vertical"]) .area-background{margin-bottom:calc(var(--mds-calendar-cell-gap) * -1);margin-top:calc(var(--mds-calendar-cell-gap) * -1)}:host([selection="start"][orientation="vertical"]) .area-background{border-radius:var(--mds-calendar-cell-selection-boundaries-border-radius) var(--mds-calendar-cell-selection-boundaries-border-radius) 0 0;margin-top:0}:host([selection="end"][orientation="vertical"]) .area-background{border-radius:0 0 var(--mds-calendar-cell-selection-boundaries-border-radius) var(--mds-calendar-cell-selection-boundaries-border-radius);margin-bottom:0}:host([orientation="vertical"]:not([selection="start"],[selection="end"])) .area-background{border-radius:0}:host(:nth-child(7n - 6)) .area-background,:host([selection="end"][orientation="horizontal"]:nth-child(7n - 6)) .area-background{border-bottom-left-radius:var(--mds-calendar-cell-selection-week-boundaries-border-radius);border-top-left-radius:var(--mds-calendar-cell-selection-week-boundaries-border-radius)}:host(:nth-child(7n)) .area-background,:host([selection="end"][orientation="horizontal"]:nth-child(7n)) .area-background{border-bottom-right-radius:var(--mds-calendar-cell-selection-week-boundaries-border-radius);border-top-right-radius:var(--mds-calendar-cell-selection-week-boundaries-border-radius)}:host([selection="end"][orientation="horizontal"]:nth-child(7n)) .area-background{border-bottom-right-radius:var(--mds-calendar-cell-selection-boundaries-border-radius);border-top-right-radius:var(--mds-calendar-cell-selection-boundaries-border-radius)}:host([selection][orientation="horizontal"]:nth-child(7n - 6)) .area-background{margin-left:0}:host([selection][orientation="horizontal"]:nth-child(7n)) .area-background{margin-right:0}:host([selection="single"][orientation="horizontal"]) .area-background{border-radius:var(--mds-calendar-cell-selection-boundaries-border-radius);margin-left:0;margin-right:0}:host(:nth-child(7n - 1)),:host(:nth-child(7n)){--mds-calendar-cell-color:var(--mds-calendar-cell-weekend-color);--mds-calendar-cell-background:var(--mds-calendar-cell-weekend-background)}:host([month="other"]:not([selection])){--mds-calendar-cell-color:var(--mds-calendar-cell-other-month-color);--mds-calendar-cell-background:var(--mds-calendar-cell-other-month-background)}:host([disabled]){--mds-calendar-cell-color:var(--mds-calendar-cell-disabled-color);--mds-calendar-cell-background:var(--mds-calendar-cell-disabled-background);cursor:auto;pointer-events:none}:host(:not([selection])[today]){--mds-calendar-cell-inner-background:var(--mds-calendar-cell-preselection-today-background);--mds-calendar-cell-color:var(--mds-calendar-cell-preselection-today-color)}:host([selection][month="current"]){--mds-calendar-cell-background:var(--mds-calendar-cell-selection-current-month-background);--mds-calendar-cell-color:var(--mds-calendar-cell-selection-current-month-color)}:host([selection][month="current"]:nth-child(7n - 1)),:host([selection][month="current"]:nth-child(7n)){--mds-calendar-cell-background:var(--mds-calendar-cell-selection-current-month-weekend-background);--mds-calendar-cell-color:var(--mds-calendar-cell-selection-current-month-weekend-color)}:host([selection="start"][month="current"]:nth-child(7n - 1)),:host([selection="end"][month="current"]:nth-child(7n - 1)),:host([selection="start"][month="current"]:nth-child(7n)),:host([selection="end"][month="current"]:nth-child(7n)){--mds-calendar-cell-background:var(--mds-calendar-cell-selection-current-month-weekend-boundaries-background);--mds-calendar-cell-color:var(--mds-calendar-cell-selection-current-month-weekend-boundaries-color)}:host([selection][month="other"]){--mds-calendar-cell-background:var(--mds-calendar-cell-selection-other-month-background);--mds-calendar-cell-color:var(--mds-calendar-cell-selection-other-month-color)}:host([selection="start"][month="current"]),:host([selection="end"][month="current"]){--mds-calendar-cell-inner-background:var(--mds-calendar-cell-selection-current-month-boundaries-background);--mds-calendar-cell-color:var(--mds-calendar-cell-selection-current-month-boundaries-color)}:host([selection="start"][month="other"]),:host([selection="end"][month="other"]){--mds-calendar-cell-inner-background:var(--mds-calendar-cell-selection-other-month-boundaries-background);--mds-calendar-cell-color:var(--mds-calendar-cell-selection-other-month-boundaries-color)}:host([selection][month="current"][preview]:not([preview="false"])){--mds-calendar-cell-background:var(--mds-calendar-cell-preselection-current-month-background);--mds-calendar-cell-color:var(--mds-calendar-cell-preselection-current-month-color)}:host([selection][month="other"][preview]:not([preview="false"])){--mds-calendar-cell-background:var(--mds-calendar-cell-preselection-other-month-background);--mds-calendar-cell-color:var(--mds-calendar-cell-preselection-other-month-color)}:host([selection="start"][month="current"][preview]:not([preview="false"])),:host([selection="end"][month="current"][preview]:not([preview="false"])){--mds-calendar-cell-inner-background:var(--mds-calendar-cell-preselection-current-month-boundaries-background);--mds-calendar-cell-color:var(--mds-calendar-cell-preselection-current-month-boundaries-color)}:host([selection="start"][month="other"][preview]:not([preview="false"])),:host([selection="end"][month="other"][preview]:not([preview="false"])){--mds-calendar-cell-inner-background:var(--mds-calendar-cell-preselection-other-month-boundaries-background);--mds-calendar-cell-color:var(--mds-calendar-cell-preselection-other-month-boundaries-color)}:host([selection="single"][month="current"]){--mds-calendar-cell-inner-background:var(--mds-calendar-cell-preselection-current-month-boundaries-background);--mds-calendar-cell-color:var(--mds-calendar-cell-preselection-current-month-boundaries-color)}:host([selection="single"][month="other"]){--mds-calendar-cell-inner-background:var(--mds-calendar-cell-preselection-other-month-boundaries-background);--mds-calendar-cell-color:var(--mds-calendar-cell-preselection-other-month-boundaries-color)}';export{d as mds_calendar,c as mds_calendar_cell}

package/dist/magma-components/p-80b11d2e.entry.js

@@ -1 +0,0 @@
-import{r as t,c as r,h as a,H as e,g as d}from"./p-3a6b32e7.js";import{m as i}from"./p-d2f61b1f.js";import{D as o}from"./p-3833e170.js";import{L as n}from"./p-2d77deaf.js";import"./p-85aa8e05.js";const s=class{constructor(a){t(this,a),this.validationEvent=r(this,"mdsInputValidation",7),this.valueChange=r(this,"mdsInputDateSelect",7),a.$hostElement$["s-ei"]?this.internals=a.$hostElement$["s-ei"]:(this.internals=a.$hostElement$.attachInternals(),a.$hostElement$["s-ei"]=this.internals),this.isSlotted=!1,this.t=new n({el:{},en:{},es:{},it:{}}),this.touched=!1,this.value="",this.variant="primary",this.min=null,this.max=null,this.delay=500,this.disabled=!1,this.readonly=!1,this.required=!1,this.calendarKey=0,this.hasFocus=!1,this.handleChange=t=>{const r=t.target;this.touched=!0,r.value&&(this.value=r.value),this.validateValue()},this.onBlur=t=>{const r=t.target;this.hasFocus=!1,this.value=r.value},this.onFocus=t=>{const r=t.target;this.hasFocus=!0,this.readonly&&setTimeout((()=>{r.select()}),10)}}async updateLang(){this.language=this.t.lang(this.host)}handleValue(){this.valueChange.emit(this.value),this.validateValue()}validateValue(){const t=o.fromISO(this.value),r=t.invalid,a=this.max&&o.fromISO(this.max)<t||this.min&&o.fromISO(this.min)>t;r&&this.required||a?(this.isValid=!1,this.variant="error",this.internals.setFormValue(null)):(this.isValid=!0,this.variant="primary",this.internals.setFormValue(this.value)),this.validationEvent.emit(this.isValid)}async focusInput(){var t;(null===(t=this.host.shadowRoot)||void 0===t?void 0:t.querySelector(".input")).focus()}async setValue(t){return this.value=t,this.validateValue(),Promise.resolve()}async getErrors(){return Promise.resolve(this.isValid?null:{error:""})}formResetCallback(){this.internals.setFormValue("")}componentWillLoad(){if(this.isSlotted=!!this.host.getAttribute("slot"),this.value=this.value||"",this.language=this.t.lang(this.host),this.min&&this.max){const t=o.fromISO(this.min);o.fromISO(this.max)<t&&(this.max=this.min)}this.validateValue()}render(){return a(e,{key:"6f98a43d84a87d7e0540331a3f7d37bbf4eca633"},a("input",{key:"ec75ae2fd091ee48a4f965057e2b2ae1b3ecddd4",value:this.value,id:"dateInput",class:"input",part:"input-date",type:"date",disabled:this.disabled,name:this.name,onBlur:this.onBlur,onFocus:this.onFocus,onInput:this.handleChange,onChange:this.handleChange}),!this.isSlotted&&a("mds-button",{key:"6c7ea4d660fa79b2ba681d255ab48a6d8a0015a9",id:"calendar-dropdown",class:"action-open-calendar",disabled:this.disabled,variant:"dark",tone:"quiet",icon:i,onClick:()=>{this.calendarKey+=1}}),a("mds-input-tip",{key:"ebbc8300462052aa8bac94a9ac7f66fc96852a0b",lang:this.language,position:"top",active:this.hasFocus},this.disabled&&a("mds-input-tip-item",{key:"54a9dd6905b25759f13fd625a9e64b0e41152e04",expanded:!0,variant:"disabled"}),this.readonly&&a("mds-input-tip-item",{key:"ecd6bfc83bda3ee8faeb9a990fc6886ab45f0f8d",expanded:!0,variant:"readonly"}),this.required&&a("mds-input-tip-item",{key:"e5b890f827a7a17b58d075bd4f500d208a512512",expanded:this.hasFocus,variant:this.isValid?"required-success":"required"})),!this.isSlotted&&a("mds-dropdown",{key:"34a37a18aea7c9e9476fc660229d3bec208ec8c9",placement:"bottom-end","auto-placement":!1,ref:t=>this.dropdownRef=t,target:"#calendar-dropdown"},a("mds-calendar",Object.assign({key:this.calendarKey,rangePicker:!1,lang:this.language,onMdsCalendarChange:t=>{if(this.value=t.detail.startDate,0===this.delay)return;const{dropdownRef:r}=this;r&&setTimeout((()=>{r.visible=!1}),this.delay)},startDate:this.value},this.min?{min:this.min}:{},this.max?{max:this.max}:{}))))}static get formAssociated(){return!0}get host(){return d(this)}static get watchers(){return{value:["handleValue"]}}};s.style='@tailwind utilities; :host{--mds-input-date-background:rgb(var(--tone-neutral));--mds-input-date-field-background-empty:rgb(var(--status-error-10));--mds-input-date-field-color-empty:rgb(var(--status-error-06));--mds-input-date-icon-color:var(--mds-input-date-variant-color);--mds-input-date-ring:0 0 0 1px rgb(var(--mds-input-date-variant-color) / 0.1);--mds-input-date-shadow:0 1px 3px 0 rgb(var(--mds-input-date-variant-color) / 0.1), 0 1px 2px 0 rgb(var(--mds-input-date-variant-color) / 0.06);--mds-input-date-variant-color:0 0 0;min-height:1.5rem;font-family:Karla, system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif;font-size:1rem;line-height:1.5rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;gap:0.5rem;color:rgb(var(--tone-neutral-02));container-type:inline-size;display:-ms-flexbox;display:flex;overflow:visible;position:relative}.input::-webkit-calendar-picker-indicator{-webkit-appearance:none;appearance:none;-moz-appearance:textfield;display:none}.input{min-height:1.25rem;font-family:\'Roboto Mono\', \'Courier New\', monospace;font-size:0.875rem;line-height:1.25rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0rem;-webkit-transition-duration:300ms;transition-duration:300ms;-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);background-color:transparent;border:0;border-radius:0.5rem;-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;overflow:hidden;text-overflow:ellipsis;-webkit-transition-property:background-color, border-color, color, fill, margin, opacity, padding, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, margin, opacity, padding, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, margin, opacity, padding, transform;transition-property:background-color, border-color, box-shadow, color, fill, margin, opacity, padding, transform, -webkit-box-shadow, -webkit-transform;width:-moz-min-content;width:-webkit-min-content;width:min-content}:host([empty]) .input{background-color:var(--mds-input-date-field-background-empty);color:var(--mds-input-date-field-color-empty)}:host([slot]){color:inherit;display:contents}:host([slot]) .input{cursor:text;text-align:center}:host(:not([slot])) .input{border-radius:0.5rem;padding-top:0.75rem;padding-bottom:0.75rem;padding-left:1rem;padding-right:3rem;background-color:var(--mds-input-date-background);-webkit-box-shadow:var(--mds-input-date-ring), var(--mds-input-date-shadow);box-shadow:var(--mds-input-date-ring), var(--mds-input-date-shadow);min-height:3rem;width:100%}:host(:focus-within) .input{outline:2px solid transparent;outline-offset:2px;-webkit-transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:300ms;transition-duration:300ms;-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);--mds-input-date-ring:0 0 0 3px rgb(var(--mds-input-date-variant-color) / 1);--mds-input-date-shadow:0 4px 6px 3px rgb(var(--mds-input-date-variant-color) / 0.1), 0 2px 4px -1px rgb(var(--mds-input-date-variant-color) / 0.06)}.input:focus{outline:2px solid transparent;outline-offset:2px;-webkit-transition-duration:300ms;transition-duration:300ms;-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);--mds-input-date-ring:0 0 0 3px rgb(var(--mds-input-date-variant-color) / 1);--mds-input-date-shadow:0 4px 6px 3px rgb(var(--mds-input-date-variant-color) / 0.1), 0 2px 4px -1px rgb(var(--mds-input-date-variant-color) / 0.06)}.input::-moz-placeholder{color:rgb(var(--tone-neutral-04))}.input::-webkit-input-placeholder{color:rgb(var(--tone-neutral-04))}.input:-ms-input-placeholder{color:rgb(var(--tone-neutral-04))}.input::-ms-input-placeholder{color:rgb(var(--tone-neutral-04))}.input::placeholder{color:rgb(var(--tone-neutral-04))}.input::-webkit-outer-spin-button,.input::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none;display:none;margin:0}.input:disabled{background-color:rgb(var(--tone-neutral-10))}.input:disabled::-moz-placeholder{color:rgb(var(--tone-neutral-05))}.input:disabled::-webkit-input-placeholder{color:rgb(var(--tone-neutral-05))}.input:disabled:-ms-input-placeholder{color:rgb(var(--tone-neutral-05))}.input:disabled::-ms-input-placeholder{color:rgb(var(--tone-neutral-05))}.input:disabled,.input:disabled::placeholder{color:rgb(var(--tone-neutral-05))}.action-open-calendar{--mds-button-color:rgb(var(--mds-input-date-icon-color));aspect-ratio:1;bottom:0;position:absolute;right:0;top:0}:host([disabled]:not([disabled="false"])) .action-open-calendar{-webkit-transform:translate(0.625rem, 0.5rem);transform:translate(0.625rem, 0.5rem)}mds-calendar{min-width:-moz-max-content;min-width:-webkit-max-content;min-width:max-content}mds-dropdown{padding:0}:host(:not(:is([hydrated],.hydrated))){-webkit-animation-duration:0s;animation-duration:0s;border-color:transparent;-webkit-box-shadow:0 0 0 transparent;box-shadow:0 0 0 transparent;opacity:0;outline-color:transparent;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:0s;transition-duration:0s;visibility:hidden}mds-accordion:not(:is([hydrated],.hydrated)),mds-accordion-item:not(:is([hydrated],.hydrated)),mds-accordion-timer:not(:is([hydrated],.hydrated)),mds-accordion-timer-item:not(:is([hydrated],.hydrated)),mds-author:not(:is([hydrated],.hydrated)),mds-avatar:not(:is([hydrated],.hydrated)),mds-badge:not(:is([hydrated],.hydrated)),mds-banner:not(:is([hydrated],.hydrated)),mds-benchmark-bar:not(:is([hydrated],.hydrated)),mds-bibliography:not(:is([hydrated],.hydrated)),mds-breadcrumb:not(:is([hydrated],.hydrated)),mds-breadcrumb-item:not(:is([hydrated],.hydrated)),mds-button:not(:is([hydrated],.hydrated)),mds-card:not(:is([hydrated],.hydrated)),mds-card-content:not(:is([hydrated],.hydrated)),mds-card-footer:not(:is([hydrated],.hydrated)),mds-card-header:not(:is([hydrated],.hydrated)),mds-card-media:not(:is([hydrated],.hydrated)),mds-chip:not(:is([hydrated],.hydrated)),mds-details:not(:is([hydrated],.hydrated)),mds-dropdown:not(:is([hydrated],.hydrated)),mds-entity:not(:is([hydrated],.hydrated)),mds-file:not(:is([hydrated],.hydrated)),mds-file-preview:not(:is([hydrated],.hydrated)),mds-filter:not(:is([hydrated],.hydrated)),mds-filter-item:not(:is([hydrated],.hydrated)),mds-header:not(:is([hydrated],.hydrated)),mds-header-bar:not(:is([hydrated],.hydrated)),mds-help:not(:is([hydrated],.hydrated)),mds-horizontal-scroll:not(:is([hydrated],.hydrated)),mds-hr:not(:is([hydrated],.hydrated)),mds-icon:not(:is([hydrated],.hydrated)),mds-img:not(:is([hydrated],.hydrated)),mds-input:not(:is([hydrated],.hydrated)),mds-input-field:not(:is([hydrated],.hydrated)),mds-input-range:not(:is([hydrated],.hydrated)),mds-input-select:not(:is([hydrated],.hydrated)),mds-input-switch:not(:is([hydrated],.hydrated)),mds-input-tip:not(:is([hydrated],.hydrated)),mds-input-tip-item:not(:is([hydrated],.hydrated)),mds-input-upload:not(:is([hydrated],.hydrated)),mds-keyboard:not(:is([hydrated],.hydrated)),mds-keyboard-key:not(:is([hydrated],.hydrated)),mds-kpi:not(:is([hydrated],.hydrated)),mds-kpi-item:not(:is([hydrated],.hydrated)),mds-label:not(:is([hydrated],.hydrated)),mds-list:not(:is([hydrated],.hydrated)),mds-list-item:not(:is([hydrated],.hydrated)),mds-modal:not(:is([hydrated],.hydrated)),mds-note:not(:is([hydrated],.hydrated)),mds-notification:not(:is([hydrated],.hydrated)),mds-paginator:not(:is([hydrated],.hydrated)),mds-paginator-item:not(:is([hydrated],.hydrated)),mds-pref:not(:is([hydrated],.hydrated)),mds-pref-animation:not(:is([hydrated],.hydrated)),mds-pref-consumption:not(:is([hydrated],.hydrated)),mds-pref-contrast:not(:is([hydrated],.hydrated)),mds-pref-language:not(:is([hydrated],.hydrated)),mds-pref-language-item:not(:is([hydrated],.hydrated)),mds-pref-theme:not(:is([hydrated],.hydrated)),mds-price-table:not(:is([hydrated],.hydrated)),mds-price-table-features:not(:is([hydrated],.hydrated)),mds-price-table-features-cell:not(:is([hydrated],.hydrated)),mds-price-table-features-row:not(:is([hydrated],.hydrated)),mds-price-table-header:not(:is([hydrated],.hydrated)),mds-price-table-list:not(:is([hydrated],.hydrated)),mds-price-table-list-item:not(:is([hydrated],.hydrated)),mds-progress:not(:is([hydrated],.hydrated)),mds-push-notification:not(:is([hydrated],.hydrated)),mds-push-notifications:not(:is([hydrated],.hydrated)),mds-quote:not(:is([hydrated],.hydrated)),mds-separator:not(:is([hydrated],.hydrated)),mds-spinner:not(:is([hydrated],.hydrated)),mds-stepper-bar:not(:is([hydrated],.hydrated)),mds-stepper-bar-item:not(:is([hydrated],.hydrated)),mds-tab:not(:is([hydrated],.hydrated)),mds-tab-bar:not(:is([hydrated],.hydrated)),mds-tab-bar-item:not(:is([hydrated],.hydrated)),mds-tab-item:not(:is([hydrated],.hydrated)),mds-table:not(:is([hydrated],.hydrated)),mds-table-body:not(:is([hydrated],.hydrated)),mds-table-cell:not(:is([hydrated],.hydrated)),mds-table-footer:not(:is([hydrated],.hydrated)),mds-table-header:not(:is([hydrated],.hydrated)),mds-table-header-cell:not(:is([hydrated],.hydrated)),mds-table-row:not(:is([hydrated],.hydrated)),mds-text:not(:is([hydrated],.hydrated)),mds-toast:not(:is([hydrated],.hydrated)),mds-tooltip:not(:is([hydrated],.hydrated)),mds-tree:not(:is([hydrated],.hydrated)),mds-tree-item:not(:is([hydrated],.hydrated)),mds-url-view:not(:is([hydrated],.hydrated)),mds-usage:not(:is([hydrated],.hydrated)),mds-video-wall:not(:is([hydrated],.hydrated)),mds-zero:not(:is([hydrated],.hydrated)){-webkit-animation-duration:0s;animation-duration:0s;border-color:transparent;-webkit-box-shadow:0 0 0 transparent;box-shadow:0 0 0 transparent;opacity:0;outline-color:transparent;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:0s;transition-duration:0s;visibility:hidden}:host-context(.pref-animation-reduce) .input{-webkit-transition-duration:0s;transition-duration:0s}@media (prefers-reduced-motion){:host-context(.pref-animation-system) .input{-webkit-transition-duration:0s;transition-duration:0s}}:host-context(.pref-theme-dark){--mds-input-date-ring:0 0 0 2px rgb(var(--tone-neutral-01) / 0.3);--mds-input-date-background:rgb(var(--tone-neutral-09));--mds-input-date-controls-border:2px solid rgb(var(--tone-neutral-06))}:host-context(.pref-theme-dark) .counter-button:hover{--mds-button-background:rgb(var(--tone-neutral-08))}@media (prefers-color-scheme: dark){:host-context(.pref-theme-system){--mds-input-date-ring:0 0 0 2px rgb(var(--tone-neutral-01) / 0.3);--mds-input-date-background:rgb(var(--tone-neutral-09));--mds-input-date-controls-border:2px solid rgb(var(--tone-neutral-06))}:host-context(.pref-theme-system) .counter-button:hover{--mds-button-background:rgb(var(--tone-neutral-08))}}:host-context(.pref-contrast-more){--mds-input-date-ring:0 0 0 2px rgb(var(--tone-neutral-01) / 0.6);--mds-input-date-background:rgb(var(--tone-neutral-09));--mds-input-date-controls-border:2px solid rgb(var(--tone-neutral-05))}:host-context(.pref-contrast-more) .input::-moz-placeholder{color:rgb(var(--tone-neutral-03))}:host-context(.pref-contrast-more) .input::-webkit-input-placeholder{color:rgb(var(--tone-neutral-03))}:host-context(.pref-contrast-more) .input:-ms-input-placeholder{color:rgb(var(--tone-neutral-03))}:host-context(.pref-contrast-more) .input::-ms-input-placeholder{color:rgb(var(--tone-neutral-03))}:host-context(.pref-contrast-more) .input::placeholder{color:rgb(var(--tone-neutral-03))}@media (prefers-contrast: more){:host-context(.pref-contrast-system){--mds-input-date-ring:0 0 0 2px rgb(var(--tone-neutral-01) / 0.6);--mds-input-date-background:rgb(var(--tone-neutral-09));--mds-input-date-controls-border:2px solid rgb(var(--tone-neutral-05))}:host-context(.pref-contrast-more) .input::-moz-placeholder{color:rgb(var(--tone-neutral-03))}:host-context(.pref-contrast-more) .input::-webkit-input-placeholder{color:rgb(var(--tone-neutral-03))}:host-context(.pref-contrast-more) .input:-ms-input-placeholder{color:rgb(var(--tone-neutral-03))}:host-context(.pref-contrast-more) .input::-ms-input-placeholder{color:rgb(var(--tone-neutral-03))}:host-context(.pref-contrast-more) .input::placeholder{color:rgb(var(--tone-neutral-03))}}@supports (-moz-appearance: none){.action-open-calendar{display:none}:host(:not([slot])) .input{padding-right:1rem}}:host{--mds-input-date-icon-color:var(--variant-primary-03);--mds-input-date-variant-color:0 0 0}:host(:focus-within){--mds-input-date-variant-color:var(--variant-primary-04)}:host([variant="info"]){--mds-input-date-icon-color:var(--status-info-05);--mds-input-date-tip-background:var(--status-info-05);--mds-input-date-variant-color:0 0 0}:host([variant="info"]:focus-within){--mds-input-date-icon-color:var(--status-info-04);--mds-input-date-variant-color:var(--status-info-05)}:host([variant="success"]){--mds-input-date-icon-color:var(--status-success-05);--mds-input-date-tip-background:var(--status-success-05);--mds-input-date-variant-color:0 0 0}:host([variant="success"]:focus-within){--mds-input-date-icon-color:var(--status-success-04);--mds-input-date-variant-color:var(--status-success-05)}:host([variant="warning"]){--mds-input-date-icon-color:var(--status-warning-05);--mds-input-date-tip-background:var(--status-warning-05);--mds-input-date-variant-color:0 0 0}:host([variant="warning"]:focus-within){--mds-input-date-icon-color:var(--status-warning-04);--mds-input-date-variant-color:var(--status-warning-05)}:host([variant="error"]){--mds-input-date-icon-color:var(--status-error-05);--mds-input-date-tip-background:var(--status-error-05);--mds-input-date-variant-color:0 0 0}:host([variant="error"]:focus-within){--mds-input-date-icon-color:var(--status-error-04);--mds-input-date-variant-color:var(--status-error-05)}';export{s as mds_input_date}

package/dist/magma-components/p-e1f3cc6d.entry.js

@@ -1 +0,0 @@
-import{r as t,c as e,h as a,H as r,g as d}from"./p-3a6b32e7.js";import{m as i}from"./p-d2f61b1f.js";import{D as s}from"./p-3833e170.js";import{c as n}from"./p-8a1a6e56.js";import{L as o}from"./p-2d77deaf.js";import"./p-85aa8e05.js";const h={from:"Από",to:"έως"},l={from:"From",to:"to"},c={from:"De",to:"a"},m={from:"Dal",to:"al"},p=class{constructor(a){t(this,a),this.dateRangeSelected=e(this,"mdsInputDateRangeSelect",7),this.valueChanged=e(this,"mdsInputDateRangeValueChange",7),a.$hostElement$["s-ei"]?this.internals=a.$hostElement$["s-ei"]:(this.internals=a.$hostElement$.attachInternals(),a.$hostElement$["s-ei"]=this.internals),this.calendarKey=0,this.internalStartDate="",this.internalEndDate="",this.hasPreselection=!1,this.t=new o({el:h,en:l,es:c,it:m}),this.startDate="",this.endDate="",this.min=null,this.max=null,this.delay=500,this.lastEmittedStartDate=null,this.lastEmittedEndDate=null,this.initialStartDate="",this.initialEndDate="",this.handleFocusOut=t=>{if(!this.host.contains(t.relatedTarget)){const t=s.fromISO(this.internalStartDate).isValid,e=s.fromISO(this.internalEndDate).isValid;t&&e&&(this.validateDateRange(),this.syncFormValue(),this.dateRangeSelected.emit({startDate:this.internalStartDate,endDate:this.internalEndDate}),this.checkPreselections()),this.internalStartDate===this.lastEmittedStartDate&&this.internalEndDate===this.lastEmittedEndDate||(this.valueChanged.emit({startDate:this.internalStartDate,endDate:this.internalEndDate}),this.lastEmittedStartDate=this.internalStartDate,this.lastEmittedEndDate=this.internalEndDate)}},this.focusInput=t=>{t.focusInput()},this.focusDateInput=t=>{t.target===this.host&&this.focusStartDateInput(t)},this.focusStartDateInput=t=>{t.preventDefault(),t.stopPropagation(),this.focusInput(this.host.querySelector('mds-input-date[slot="start"]'))},this.focusEndDateInput=t=>{t.preventDefault(),t.stopPropagation(),this.focusInput(this.host.querySelector('mds-input-date[slot="end"]'))}}async updateLang(){this.language=this.t.lang(this.host)}handleStartDateChange(t){this.syncExternalDate("start",t)}handleEndDateChange(t){this.syncExternalDate("end",t)}componentWillLoad(){if(this.language=this.t.lang(this.host),this.internalStartDate=this.startDate,this.internalEndDate=this.endDate,this.initialStartDate=this.startDate,this.initialEndDate=this.endDate,this.min&&this.max){const t=s.fromISO(this.min);s.fromISO(this.max)<t&&(this.max=this.min)}this.syncFormValue()}disconnectedCallback(){this.host.removeEventListener("focusout",this.handleFocusOut)}async preselect(t){var e,a;this.togglePreselection||(this.togglePreselection=Array.from(this.host.querySelectorAll("mds-input-date-range-preselection"))),this.togglePreselection.forEach((t=>{t.selected=!1})),t.caller.selected=!0,s.fromISO(t.start).isValid&&(this.internalStartDate=t.start,this.updateInputValue("start",this.internalStartDate)),void 0!==t.end?s.fromISO(t.end).isValid&&(this.internalEndDate=t.end):this.internalEndDate=t.start,this.updateInputValue("end",this.internalEndDate),this.syncFormValue();const r=null===(a=null===(e=this.host)||void 0===e?void 0:e.shadowRoot)||void 0===a?void 0:a.querySelector("mds-calendar");if(r){if(await r.updateCurrentDate(this.internalStartDate),0===this.delay)return;const{dropdownRef:t}=this;t&&setTimeout((()=>{t.visible=!1}),this.delay)}return this.dateRangeSelected.emit({startDate:this.internalStartDate,endDate:this.internalEndDate}),Promise.resolve()}componentDidLoad(){this.updateInputListeners(),this.updateInputValue("start",this.internalStartDate),this.updateInputValue("end",this.internalEndDate),this.syncFormValue(),this.host.addEventListener("focusout",this.handleFocusOut)}formResetCallback(){this.internalStartDate=this.initialStartDate,this.internalEndDate=this.initialEndDate,this.updateInputValue("start",this.internalStartDate),this.updateInputValue("end",this.internalEndDate),this.checkPreselections(),this.syncFormValue()}syncExternalDate(t,e){const a=null!=e?e:"";if("start"===t){if(a===this.internalStartDate)return;this.internalStartDate=a}else{if(a===this.internalEndDate)return;this.internalEndDate=a}this.validateDateRange(),this.updateInputValue("start",this.internalStartDate),this.updateInputValue("end",this.internalEndDate),this.checkPreselections(),this.syncFormValue()}updateInputValue(t,e){var a;const r=null===(a=this.host.shadowRoot)||void 0===a?void 0:a.querySelector(`slot[name="${t}"]`),d=null==r?void 0:r.assignedElements()[0];d&&d.setValue(e)}updateInputListeners(){var t,e;const a=null===(t=this.host.shadowRoot)||void 0===t?void 0:t.querySelector('slot[name="start"]'),r=null===(e=this.host.shadowRoot)||void 0===e?void 0:e.querySelector('slot[name="end"]');this.hasPreselection=null!==this.host.querySelector("mds-input-date-range-preselection"),a&&a.assignedElements()[0].addEventListener("mdsInputDateSelect",this.createFocusoutListener("start")),r&&r.assignedElements()[0].addEventListener("mdsInputDateSelect",this.createFocusoutListener("end"))}createFocusoutListener(t){return e=>{const a=e;"start"===t?this.internalStartDate=a.detail:this.internalEndDate=a.detail,this.syncFormValue()}}validateDateRange(){if(this.internalStartDate&&this.internalEndDate){const t=s.fromISO(this.internalStartDate);s.fromISO(this.internalEndDate)<t&&(this.internalEndDate=this.internalStartDate,this.updateInputValue("end",this.internalEndDate))}}checkPreselections(){const t=Array.from(this.host.querySelectorAll("mds-input-date-range-preselection"));t&&t.forEach((t=>{t.selected=!!(t.start===this.internalStartDate&&t.end===this.internalEndDate||t.start===this.internalStartDate&&this.internalStartDate===this.internalEndDate&&void 0===t.end)}))}render(){return a(r,{key:"a0d2991f2840c21d10410d9a2759bea2140b5fb8",onClick:this.focusDateInput},a("div",{key:"42a70b643de49c02a1db422e9f7e69c4c16b5df2",class:"inputs"},a("div",{key:"9aaef7664e161099e93dcf09f70e8a12ac26cba5",class:"input-element"},a("mds-text",{key:"d7a2f85dbd2ad2d4f2dbeefcad2d23c7062fa193",class:"date-label",typography:"detail",onClick:this.focusStartDateInput},this.t.get("from")),a("div",{key:"c430288d5850666258269faf269934c9771b62bf",class:"input-wrapper"},a("slot",{key:"3cfdeacc1c9b024ce7f5a2a306425eeaa51f1130",name:"start"}))),a("div",{key:"e8543d95071704939d879f87790f0fc711a34046",class:"input-element"},a("mds-text",{key:"125cb1e5b7fe872f353624555af070cad0da30b0",class:"date-label",typography:"detail",onClick:this.focusEndDateInput},this.t.get("to")),a("div",{key:"35884f542a3ebd824dab00a514e3aec69c79ae11",class:"input-wrapper"},a("slot",{key:"74f1b59daecc34daf576297c93fff43071dccabd",name:"end"})))),a("mds-button",{key:"be0b0f4af844d95a82211330de00c3545b136da3",class:"action-open-calendar",variant:"dark",tone:"quiet",icon:i,id:"calendar-dropdown",onClick:()=>{this.calendarKey+=1}}),a("mds-dropdown",{key:"d7bd7782dbcb0f7647643d6054b5fec2947e81e9",ref:t=>this.dropdownRef=t,target:"#calendar-dropdown","auto-placement":!1,placement:"bottom-end"},a("mds-calendar",Object.assign({lang:this.language,key:this.calendarKey,rangePicker:!0,onMdsCalendarChange:t=>{if(this.internalStartDate=t.detail.startDate,this.updateInputValue("start",this.internalStartDate),t.detail.endDate&&(this.internalEndDate=t.detail.endDate,this.updateInputValue("end",this.internalEndDate)),this.syncFormValue(),this.internalStartDate&&this.internalEndDate){if(this.dateRangeSelected.emit({startDate:this.internalStartDate,endDate:this.internalEndDate}),0===this.delay)return;const{dropdownRef:t}=this;t&&setTimeout((()=>{t.visible=!1}),this.delay)}},onMdsCalendarPreselect:()=>{this.checkPreselections()},startDate:this.internalStartDate,endDate:this.internalEndDate},this.min?{min:this.min}:{},this.max?{max:this.max}:{}),a("div",{key:"5f94b5fef9bdca001020776e18c79875015452c7",slot:"preselection",class:n("date-preselection",this.hasPreselection&&"date-preselection--has-preselection")},a("slot",{key:"58524f199d07343671ffc752be0ed74d21c3f021",name:"calendar-preselection"})))))}syncFormValue(){var t,e,a,r;const d=null!==(e=null===(t=this.internalStartDate)||void 0===t?void 0:t.trim())&&void 0!==e?e:"",i=null!==(r=null===(a=this.internalEndDate)||void 0===a?void 0:a.trim())&&void 0!==r?r:"";this.internals.setFormValue(d||i?JSON.stringify({startDate:d,endDate:i}):null)}static get formAssociated(){return!0}get host(){return d(this)}static get watchers(){return{startDate:["handleStartDateChange"],endDate:["handleEndDateChange"]}}};p.style=':host{--mds-input-date-range-background:rgb(var(--tone-neutral));--mds-input-date-range-fields-firefox-justify-content:start;--mds-input-date-range-fields-gap:0 0.5rem;--mds-input-date-range-icon-color:var(--mds-input-date-range-variant-color);--mds-input-date-range-ring:0 0 0 1px rgb(var(--mds-input-date-range-variant-color) / 0.1);--mds-input-date-range-shadow:0 1px 3px 0 rgb(var(--mds-input-date-range-variant-color) / 0.1), 0 1px 2px 0 rgb(var(--mds-input-date-range-variant-color) / 0.06);--mds-input-date-range-variant-color:0 0 0;min-height:1.5rem;font-family:Karla, system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif;font-size:1rem;line-height:1.5rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;gap:0.5rem;color:rgb(var(--tone-neutral-02));container-type:inline-size;cursor:text;display:-ms-flexbox;display:flex;overflow:visible;position:relative}.date-preselection{display:grid;gap:0.5rem}.inputs{font-family:\'Roboto Mono\', \'Courier New\', monospace;font-size:0.875rem;line-height:1.25rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0rem;border-radius:0.5rem;padding-left:1rem;padding-right:3rem;-webkit-transition-duration:300ms;transition-duration:300ms;-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);-ms-flex-align:center;align-items:center;background-color:var(--mds-input-date-range-background);border:0;-webkit-box-shadow:var(--mds-input-date-range-ring), var(--mds-input-date-range-shadow);box-shadow:var(--mds-input-date-range-ring), var(--mds-input-date-range-shadow);-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--mds-input-date-range-fields-gap);min-height:3rem;overflow:hidden;text-overflow:ellipsis;-webkit-transition-property:background-color, border-color, color, fill, margin, opacity, padding, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, margin, opacity, padding, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, margin, opacity, padding, transform;transition-property:background-color, border-color, box-shadow, color, fill, margin, opacity, padding, transform, -webkit-box-shadow, -webkit-transform;width:100%}.input-element{-ms-flex-align:baseline;align-items:baseline;display:-ms-inline-flexbox;display:inline-flex}:host(:focus-within) .inputs{outline:2px solid transparent;outline-offset:2px;-webkit-transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:300ms;transition-duration:300ms;-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);--mds-input-date-range-ring:0 0 0 3px rgb(var(--mds-input-date-range-variant-color) / 1);--mds-input-date-range-shadow:0 4px 6px 3px rgb(var(--mds-input-date-range-variant-color) / 0.1), 0 2px 4px -1px rgb(var(--mds-input-date-range-variant-color) / 0.06)}.input-wrapper{display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0}:host() ::slotted(mds-input-date){color:inherit}.date-label{margin-left:0.125rem;margin-right:0.125rem;min-width:-moz-min-content;min-width:-webkit-min-content;min-width:min-content;white-space:nowrap}.date-label:first-child{margin-left:0}mds-calendar{min-width:-moz-max-content;min-width:-webkit-max-content;min-width:max-content}.action-open-calendar{--mds-button-color:rgb(var(--mds-input-date-range-icon-color));aspect-ratio:1;bottom:0;position:absolute;right:0;top:0}mds-dropdown{padding:0}:host(:not(:is([hydrated],.hydrated))){-webkit-animation-duration:0s;animation-duration:0s;border-color:transparent;-webkit-box-shadow:0 0 0 transparent;box-shadow:0 0 0 transparent;opacity:0;outline-color:transparent;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:0s;transition-duration:0s;visibility:hidden}mds-accordion:not(:is([hydrated],.hydrated)),mds-accordion-item:not(:is([hydrated],.hydrated)),mds-accordion-timer:not(:is([hydrated],.hydrated)),mds-accordion-timer-item:not(:is([hydrated],.hydrated)),mds-author:not(:is([hydrated],.hydrated)),mds-avatar:not(:is([hydrated],.hydrated)),mds-badge:not(:is([hydrated],.hydrated)),mds-banner:not(:is([hydrated],.hydrated)),mds-benchmark-bar:not(:is([hydrated],.hydrated)),mds-bibliography:not(:is([hydrated],.hydrated)),mds-breadcrumb:not(:is([hydrated],.hydrated)),mds-breadcrumb-item:not(:is([hydrated],.hydrated)),mds-button:not(:is([hydrated],.hydrated)),mds-card:not(:is([hydrated],.hydrated)),mds-card-content:not(:is([hydrated],.hydrated)),mds-card-footer:not(:is([hydrated],.hydrated)),mds-card-header:not(:is([hydrated],.hydrated)),mds-card-media:not(:is([hydrated],.hydrated)),mds-chip:not(:is([hydrated],.hydrated)),mds-details:not(:is([hydrated],.hydrated)),mds-dropdown:not(:is([hydrated],.hydrated)),mds-entity:not(:is([hydrated],.hydrated)),mds-file:not(:is([hydrated],.hydrated)),mds-file-preview:not(:is([hydrated],.hydrated)),mds-filter:not(:is([hydrated],.hydrated)),mds-filter-item:not(:is([hydrated],.hydrated)),mds-header:not(:is([hydrated],.hydrated)),mds-header-bar:not(:is([hydrated],.hydrated)),mds-help:not(:is([hydrated],.hydrated)),mds-horizontal-scroll:not(:is([hydrated],.hydrated)),mds-hr:not(:is([hydrated],.hydrated)),mds-icon:not(:is([hydrated],.hydrated)),mds-img:not(:is([hydrated],.hydrated)),mds-input:not(:is([hydrated],.hydrated)),mds-input-field:not(:is([hydrated],.hydrated)),mds-input-range:not(:is([hydrated],.hydrated)),mds-input-select:not(:is([hydrated],.hydrated)),mds-input-switch:not(:is([hydrated],.hydrated)),mds-input-tip:not(:is([hydrated],.hydrated)),mds-input-tip-item:not(:is([hydrated],.hydrated)),mds-input-upload:not(:is([hydrated],.hydrated)),mds-keyboard:not(:is([hydrated],.hydrated)),mds-keyboard-key:not(:is([hydrated],.hydrated)),mds-kpi:not(:is([hydrated],.hydrated)),mds-kpi-item:not(:is([hydrated],.hydrated)),mds-label:not(:is([hydrated],.hydrated)),mds-list:not(:is([hydrated],.hydrated)),mds-list-item:not(:is([hydrated],.hydrated)),mds-modal:not(:is([hydrated],.hydrated)),mds-note:not(:is([hydrated],.hydrated)),mds-notification:not(:is([hydrated],.hydrated)),mds-paginator:not(:is([hydrated],.hydrated)),mds-paginator-item:not(:is([hydrated],.hydrated)),mds-pref:not(:is([hydrated],.hydrated)),mds-pref-animation:not(:is([hydrated],.hydrated)),mds-pref-consumption:not(:is([hydrated],.hydrated)),mds-pref-contrast:not(:is([hydrated],.hydrated)),mds-pref-language:not(:is([hydrated],.hydrated)),mds-pref-language-item:not(:is([hydrated],.hydrated)),mds-pref-theme:not(:is([hydrated],.hydrated)),mds-price-table:not(:is([hydrated],.hydrated)),mds-price-table-features:not(:is([hydrated],.hydrated)),mds-price-table-features-cell:not(:is([hydrated],.hydrated)),mds-price-table-features-row:not(:is([hydrated],.hydrated)),mds-price-table-header:not(:is([hydrated],.hydrated)),mds-price-table-list:not(:is([hydrated],.hydrated)),mds-price-table-list-item:not(:is([hydrated],.hydrated)),mds-progress:not(:is([hydrated],.hydrated)),mds-push-notification:not(:is([hydrated],.hydrated)),mds-push-notifications:not(:is([hydrated],.hydrated)),mds-quote:not(:is([hydrated],.hydrated)),mds-separator:not(:is([hydrated],.hydrated)),mds-spinner:not(:is([hydrated],.hydrated)),mds-stepper-bar:not(:is([hydrated],.hydrated)),mds-stepper-bar-item:not(:is([hydrated],.hydrated)),mds-tab:not(:is([hydrated],.hydrated)),mds-tab-bar:not(:is([hydrated],.hydrated)),mds-tab-bar-item:not(:is([hydrated],.hydrated)),mds-tab-item:not(:is([hydrated],.hydrated)),mds-table:not(:is([hydrated],.hydrated)),mds-table-body:not(:is([hydrated],.hydrated)),mds-table-cell:not(:is([hydrated],.hydrated)),mds-table-footer:not(:is([hydrated],.hydrated)),mds-table-header:not(:is([hydrated],.hydrated)),mds-table-header-cell:not(:is([hydrated],.hydrated)),mds-table-row:not(:is([hydrated],.hydrated)),mds-text:not(:is([hydrated],.hydrated)),mds-toast:not(:is([hydrated],.hydrated)),mds-tooltip:not(:is([hydrated],.hydrated)),mds-tree:not(:is([hydrated],.hydrated)),mds-tree-item:not(:is([hydrated],.hydrated)),mds-url-view:not(:is([hydrated],.hydrated)),mds-usage:not(:is([hydrated],.hydrated)),mds-video-wall:not(:is([hydrated],.hydrated)),mds-zero:not(:is([hydrated],.hydrated)){-webkit-animation-duration:0s;animation-duration:0s;border-color:transparent;-webkit-box-shadow:0 0 0 transparent;box-shadow:0 0 0 transparent;opacity:0;outline-color:transparent;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:0s;transition-duration:0s;visibility:hidden}:host-context(.pref-animation-reduce) .input{-webkit-transition-duration:0s;transition-duration:0s}@media (prefers-reduced-motion){:host-context(.pref-animation-system) .input{-webkit-transition-duration:0s;transition-duration:0s}}:host-context(.pref-theme-dark){--mds-input-date-range-ring:0 0 0 2px rgb(var(--tone-neutral-01) / 0.3);--mds-input-date-range-background:rgb(var(--tone-neutral-09));--mds-input-date-range-controls-border:2px solid rgb(var(--tone-neutral-06))}:host-context(.pref-theme-dark) .counter-button:hover{--mds-button-background:rgb(var(--tone-neutral-08))}@media (prefers-color-scheme: dark){:host-context(.pref-theme-system){--mds-input-date-range-ring:0 0 0 2px rgb(var(--tone-neutral-01) / 0.3);--mds-input-date-range-background:rgb(var(--tone-neutral-09));--mds-input-date-range-controls-border:2px solid rgb(var(--tone-neutral-06))}:host-context(.pref-theme-system) .counter-button:hover{--mds-button-background:rgb(var(--tone-neutral-08))}}:host-context(.pref-contrast-more){--mds-input-date-range-ring:0 0 0 2px rgb(var(--tone-neutral-01) / 0.6);--mds-input-date-range-background:rgb(var(--tone-neutral-09));--mds-input-date-range-controls-border:2px solid rgb(var(--tone-neutral-05))}:host-context(.pref-contrast-more) .input::-moz-placeholder{color:rgb(var(--tone-neutral-03))}:host-context(.pref-contrast-more) .input::-webkit-input-placeholder{color:rgb(var(--tone-neutral-03))}:host-context(.pref-contrast-more) .input:-ms-input-placeholder{color:rgb(var(--tone-neutral-03))}:host-context(.pref-contrast-more) .input::-ms-input-placeholder{color:rgb(var(--tone-neutral-03))}:host-context(.pref-contrast-more) .input::placeholder{color:rgb(var(--tone-neutral-03))}@media (prefers-contrast: more){:host-context(.pref-contrast-system){--mds-input-date-range-ring:0 0 0 2px rgb(var(--tone-neutral-01) / 0.6);--mds-input-date-range-background:rgb(var(--tone-neutral-09));--mds-input-date-range-controls-border:2px solid rgb(var(--tone-neutral-05))}:host-context(.pref-contrast-more) .input::-moz-placeholder{color:rgb(var(--tone-neutral-03))}:host-context(.pref-contrast-more) .input::-webkit-input-placeholder{color:rgb(var(--tone-neutral-03))}:host-context(.pref-contrast-more) .input:-ms-input-placeholder{color:rgb(var(--tone-neutral-03))}:host-context(.pref-contrast-more) .input::-ms-input-placeholder{color:rgb(var(--tone-neutral-03))}:host-context(.pref-contrast-more) .input::placeholder{color:rgb(var(--tone-neutral-03))}}@supports (-moz-appearance: none){.action-open-calendar{display:none}.inputs{padding-right:1rem;-ms-flex-pack:var(--mds-input-date-range-fields-firefox-justify-content);justify-content:var(--mds-input-date-range-fields-firefox-justify-content)}}:host{--mds-input-date-range-icon-color:var(--variant-primary-03);--mds-input-date-range-variant-color:0 0 0}:host(:focus-within){--mds-input-date-range-variant-color:var(--variant-primary-04)}:host([variant="info"]){--mds-input-date-range-icon-color:var(--status-info-05);--mds-input-date-range-variant-color:0 0 0}:host([variant="info"]:focus-within){--mds-input-date-range-icon-color:var(--status-info-04);--mds-input-date-range-variant-color:var(--status-info-05)}:host([variant="success"]){--mds-input-date-range-icon-color:var(--status-success-05);--mds-input-date-range-variant-color:0 0 0}:host([variant="success"]:focus-within){--mds-input-date-range-icon-color:var(--status-success-04);--mds-input-date-range-variant-color:var(--status-success-05)}:host([variant="warning"]){--mds-input-date-range-icon-color:var(--status-warning-05);--mds-input-date-range-variant-color:0 0 0}:host([variant="warning"]:focus-within){--mds-input-date-range-icon-color:var(--status-warning-04);--mds-input-date-range-variant-color:var(--status-warning-05)}:host([variant="error"]){--mds-input-date-range-icon-color:var(--status-error-05);--mds-input-date-range-variant-color:0 0 0}:host([variant="error"]:focus-within){--mds-input-date-range-icon-color:var(--status-error-04);--mds-input-date-range-variant-color:var(--status-error-05)}';export{p as mds_input_date_range}