@api-client/ui 0.5.5 → 0.5.6

package/build/src/md/date-picker/index.js

@@ -0,0 +1,13 @@
+// Export main components
+export { UiDatePickerCalendar } from './internals/DatePickerCalendar.js';
+export { UiDatePickerInput } from './ui-date-picker-input.js';
+export { UiDatePickerModal } from './ui-date-picker-modal.js';
+export { UiDatePickerModalInput } from './ui-date-picker-modal-input.js';
+// Export utilities and types
+export * from './internals/DatePickerUtils.js';
+// Import components for registration
+import './ui-date-picker-input.js';
+import './ui-date-picker-modal.js';
+import './ui-date-picker-modal-input.js';
+import './internals/DatePickerCalendar.js';
+//# sourceMappingURL=index.js.map

package/build/src/md/date-picker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/md/date-picker/index.ts"],"names":[],"mappings":"AAAA,yBAAyB;AACzB,OAAO,EAAE,oBAAoB,EAAE,MAAM,mCAAmC,CAAA;AACxE,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAA;AAC7D,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAA;AAC7D,OAAO,EAAE,sBAAsB,EAAE,MAAM,iCAAiC,CAAA;AAExE,6BAA6B;AAC7B,cAAc,gCAAgC,CAAA;AAK9C,qCAAqC;AACrC,OAAO,2BAA2B,CAAA;AAClC,OAAO,2BAA2B,CAAA;AAClC,OAAO,iCAAiC,CAAA;AACxC,OAAO,mCAAmC,CAAA","sourcesContent":["// Export main components\nexport { UiDatePickerCalendar } from './internals/DatePickerCalendar.js'\nexport { UiDatePickerInput } from './ui-date-picker-input.js'\nexport { UiDatePickerModal } from './ui-date-picker-modal.js'\nexport { UiDatePickerModalInput } from './ui-date-picker-modal-input.js'\n\n// Export utilities and types\nexport * from './internals/DatePickerUtils.js'\nexport type { DateSelectEvent, DateRangeSelectEvent } from './internals/DatePickerCalendar.js'\nexport type { ModalDatePickerChangeEvent } from './ui-date-picker-modal.js'\nexport type { ModalInputDatePickerChangeEvent } from './ui-date-picker-modal-input.js'\n\n// Import components for registration\nimport './ui-date-picker-input.js'\nimport './ui-date-picker-modal.js'\nimport './ui-date-picker-modal-input.js'\nimport './internals/DatePickerCalendar.js'\n"]}

package/build/src/md/date-picker/internals/DatePicker.styles.d.ts

@@ -0,0 +1,4 @@
+export declare const calendarStyles: import("lit").CSSResult;
+export declare const inputStyles: import("lit").CSSResult;
+export declare const modalStyles: import("lit").CSSResult;
+//# sourceMappingURL=DatePicker.styles.d.ts.map

package/build/src/md/date-picker/internals/DatePicker.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.styles.d.ts","sourceRoot":"","sources":["../../../../../src/md/date-picker/internals/DatePicker.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc,yBAyL1B,CAAA;AAED,eAAO,MAAM,WAAW,yBA+BvB,CAAA;AAED,eAAO,MAAM,WAAW,yBAmHvB,CAAA"}

package/build/src/md/date-picker/internals/DatePicker.styles.js

@@ -0,0 +1,336 @@
+import { css } from 'lit';
+export const calendarStyles = css `
+  :host {
+    display: block;
+    font-family: 'Roboto', sans-serif;
+    font-size: 14px;
+    border-radius: 12px;
+    background: var(--md-sys-color-surface-container-high);
+    border: 1px solid var(--md-sys-color-outline-variant);
+    box-shadow: var(--md-sys-elevation-2);
+    overflow: hidden;
+  }
+
+  .calendar {
+    padding: 20px 12px 12px 12px;
+  }
+
+  /* Header */
+  .header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    margin-bottom: 30px;
+    gap: 8px;
+  }
+
+  .month-year {
+    display: flex;
+    align-items: center;
+    flex: 1;
+    justify-content: space-between;
+  }
+
+  .month-selector,
+  .year-selector {
+    display: flex;
+    align-items: center;
+  }
+
+  .month-year-text {
+    font-size: 16px;
+    font-weight: 500;
+    color: var(--md-sys-color-on-surface);
+    min-width: 120px;
+  }
+
+  /* Weekdays header */
+  .weekdays {
+    display: grid;
+    grid-template-columns: repeat(7, 40px);
+    margin-bottom: 16px;
+  }
+
+  .weekday {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    height: 32px;
+    font-size: 12px;
+    font-weight: 500;
+    color: var(--md-sys-color-on-surface-variant);
+    text-transform: uppercase;
+  }
+
+  /* Calendar grid */
+  .days {
+    display: grid;
+    grid-template-columns: repeat(7, 40px);
+    gap: 0;
+  }
+
+  .day-cell {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    position: relative;
+    width: 40px;
+  }
+
+  .day-cell.in-range.has-complete-range {
+    background: var(--md-sys-color-secondary-container);
+  }
+
+  .day-cell.range-start.has-complete-range:not(.range-end) {
+    background: linear-gradient(to right, transparent 50%, var(--md-sys-color-secondary-container) 50%);
+  }
+
+  .day-cell.range-end.has-complete-range:not(.range-start) {
+    background: linear-gradient(to left, transparent 50%, var(--md-sys-color-secondary-container) 50%);
+  }
+
+  .day-cell.range-start.range-end.has-complete-range {
+    background: transparent;
+  }
+
+  .day-button {
+    width: 40px !important;
+    height: 40px !important;
+    min-width: 40px !important;
+    padding: 0;
+  }
+
+  .day-button.other-month {
+    opacity: 0.38;
+  }
+
+  .nav-button,
+  .month-button,
+  .year-button,
+  .other-month .day-button:not([color='filled']):not([disabled]) {
+    color: var(--md-sys-color-on-surface-variant);
+  }
+
+  .month-button,
+  .year-button {
+    padding: 0;
+  }
+
+  .weekday:not([color='filled']),
+  .day-button:not([color='filled']):not([disabled]) {
+    color: var(--md-sys-color-on-surface);
+  }
+
+  .today .day-button:not([color='filled']) {
+    color: var(--md-sys-color-primary);
+  }
+
+  .today .day-button {
+    --md-button-outline-color: var(--md-sys-color-primary);
+  }
+
+  /* Dropdown views */
+  .dropdown-view {
+    min-height: 300px;
+  }
+
+  .close-button {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 32px;
+    height: 32px;
+    border: none;
+    background: transparent;
+    color: var(--md-sys-color-on-surface-variant);
+    cursor: pointer;
+    border-radius: 16px;
+    transition: background-color 0.2s ease;
+  }
+
+  .close-button:hover {
+    background: color-mix(in srgb, var(--md-sys-color-on-surface) 8%, transparent);
+  }
+
+  .close-button:focus {
+    outline: none;
+    background: color-mix(in srgb, var(--md-sys-color-on-surface) 12%, transparent);
+  }
+
+  /* Month dropdown */
+  .month-list {
+    display: grid;
+    grid-template-columns: repeat(3, 1fr);
+    gap: 8px;
+  }
+
+  .year-option:not(.selected),
+  .month-option:not(.selected) {
+    color: var(--md-sys-color-on-surface-variant);
+  }
+
+  /* Year dropdown */
+  .year-grid {
+    display: grid;
+    grid-template-columns: repeat(4, 1fr);
+    gap: 4px;
+    max-height: 240px;
+    overflow-y: auto;
+    padding: 4px;
+  }
+
+  .actions {
+    margin-top: 8px;
+    display: flex;
+    justify-content: flex-end;
+  }
+`;
+export const inputStyles = css `
+  :host {
+    display: inline-block;
+    width: 100%;
+  }
+
+  .input-container {
+    position: relative;
+  }
+
+  .dropdown-container {
+    position: absolute;
+    position-anchor: --ui-date-picker-anchor;
+    top: anchor(bottom);
+    left: anchor(left);
+    z-index: 1000;
+    margin-top: 4px;
+    min-width: anchor-size(width);
+    width: max-content;
+    max-width: calc(100vw - 32px);
+  }
+
+  .backdrop {
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    z-index: 999;
+    background: transparent;
+  }
+`;
+export const modalStyles = css `
+  .modal-header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 24px 24px 16px;
+  }
+
+  .modal-title {
+    font-size: 24px;
+    font-weight: 400;
+    color: var(--md-sys-color-on-surface);
+    margin: 0;
+  }
+
+  .modal-content {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 24px;
+    max-height: 60vh;
+    overflow-y: auto;
+  }
+
+  .modal-content ui-date-picker-calendar {
+    box-shadow: none;
+  }
+
+  .date-range-display {
+    display: flex;
+    align-items: center;
+    gap: 16px;
+    padding: 16px;
+    background: var(--md-sys-color-surface-container-highest);
+    border-radius: 12px;
+    width: 100%;
+    max-width: 320px;
+  }
+
+  .date-display {
+    flex: 1;
+    text-align: center;
+  }
+
+  .date-label {
+    font-size: 12px;
+    font-weight: 500;
+    color: var(--md-sys-color-on-surface-variant);
+    text-transform: uppercase;
+    margin-bottom: 4px;
+  }
+
+  .date-value {
+    font-size: 16px;
+    font-weight: 400;
+    color: var(--md-sys-color-on-surface);
+  }
+
+  .date-separator {
+    color: var(--md-sys-color-on-surface-variant);
+    font-size: 18px;
+  }
+
+  .modal-actions {
+    display: flex;
+    justify-content: flex-end;
+    gap: 8px;
+    padding: 16px 24px;
+    border-top: 1px solid var(--md-sys-color-outline-variant);
+  }
+
+  /* Calendar Action Buttons */
+  .actions {
+    display: flex;
+    justify-content: flex-end;
+    gap: 8px;
+    margin-top: 16px;
+    padding-top: 16px;
+    border-top: 1px solid var(--md-sys-color-outline-variant);
+  }
+
+  /* Pending selection state */
+  .day.pending {
+    background: var(--md-sys-color-secondary-container);
+    color: var(--md-sys-color-on-secondary-container);
+    border: 2px solid var(--md-sys-color-secondary);
+  }
+
+  .day.pending.selected {
+    background: var(--md-sys-color-secondary);
+    color: var(--md-sys-color-on-secondary);
+  }
+
+  .day.pending.range-start,
+  .day.pending.range-end {
+    background: var(--md-sys-color-secondary);
+    color: var(--md-sys-color-on-secondary);
+  }
+
+  .day.pending.in-range {
+    background: var(--md-sys-color-secondary-container);
+    color: var(--md-sys-color-on-secondary-container);
+  }
+
+  /* Responsive */
+  @media (max-width: 640px) {
+    .modal-content {
+      padding: 16px;
+    }
+
+    .calendar {
+      width: 100%;
+      max-width: 320px;
+    }
+  }
+`;
+//# sourceMappingURL=DatePicker.styles.js.map

package/build/src/md/date-picker/internals/DatePicker.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.styles.js","sourceRoot":"","sources":["../../../../../src/md/date-picker/internals/DatePicker.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAEzB,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyLhC,CAAA;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+B7B,CAAA;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmH7B,CAAA","sourcesContent":["import { css } from 'lit'\n\nexport const calendarStyles = css`\n  :host {\n    display: block;\n    font-family: 'Roboto', sans-serif;\n    font-size: 14px;\n    border-radius: 12px;\n    background: var(--md-sys-color-surface-container-high);\n    border: 1px solid var(--md-sys-color-outline-variant);\n    box-shadow: var(--md-sys-elevation-2);\n    overflow: hidden;\n  }\n\n  .calendar {\n    padding: 20px 12px 12px 12px;\n  }\n\n  /* Header */\n  .header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin-bottom: 30px;\n    gap: 8px;\n  }\n\n  .month-year {\n    display: flex;\n    align-items: center;\n    flex: 1;\n    justify-content: space-between;\n  }\n\n  .month-selector,\n  .year-selector {\n    display: flex;\n    align-items: center;\n  }\n\n  .month-year-text {\n    font-size: 16px;\n    font-weight: 500;\n    color: var(--md-sys-color-on-surface);\n    min-width: 120px;\n  }\n\n  /* Weekdays header */\n  .weekdays {\n    display: grid;\n    grid-template-columns: repeat(7, 40px);\n    margin-bottom: 16px;\n  }\n\n  .weekday {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    height: 32px;\n    font-size: 12px;\n    font-weight: 500;\n    color: var(--md-sys-color-on-surface-variant);\n    text-transform: uppercase;\n  }\n\n  /* Calendar grid */\n  .days {\n    display: grid;\n    grid-template-columns: repeat(7, 40px);\n    gap: 0;\n  }\n\n  .day-cell {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    position: relative;\n    width: 40px;\n  }\n\n  .day-cell.in-range.has-complete-range {\n    background: var(--md-sys-color-secondary-container);\n  }\n\n  .day-cell.range-start.has-complete-range:not(.range-end) {\n    background: linear-gradient(to right, transparent 50%, var(--md-sys-color-secondary-container) 50%);\n  }\n\n  .day-cell.range-end.has-complete-range:not(.range-start) {\n    background: linear-gradient(to left, transparent 50%, var(--md-sys-color-secondary-container) 50%);\n  }\n\n  .day-cell.range-start.range-end.has-complete-range {\n    background: transparent;\n  }\n\n  .day-button {\n    width: 40px !important;\n    height: 40px !important;\n    min-width: 40px !important;\n    padding: 0;\n  }\n\n  .day-button.other-month {\n    opacity: 0.38;\n  }\n\n  .nav-button,\n  .month-button,\n  .year-button,\n  .other-month .day-button:not([color='filled']):not([disabled]) {\n    color: var(--md-sys-color-on-surface-variant);\n  }\n\n  .month-button,\n  .year-button {\n    padding: 0;\n  }\n\n  .weekday:not([color='filled']),\n  .day-button:not([color='filled']):not([disabled]) {\n    color: var(--md-sys-color-on-surface);\n  }\n\n  .today .day-button:not([color='filled']) {\n    color: var(--md-sys-color-primary);\n  }\n\n  .today .day-button {\n    --md-button-outline-color: var(--md-sys-color-primary);\n  }\n\n  /* Dropdown views */\n  .dropdown-view {\n    min-height: 300px;\n  }\n\n  .close-button {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 32px;\n    height: 32px;\n    border: none;\n    background: transparent;\n    color: var(--md-sys-color-on-surface-variant);\n    cursor: pointer;\n    border-radius: 16px;\n    transition: background-color 0.2s ease;\n  }\n\n  .close-button:hover {\n    background: color-mix(in srgb, var(--md-sys-color-on-surface) 8%, transparent);\n  }\n\n  .close-button:focus {\n    outline: none;\n    background: color-mix(in srgb, var(--md-sys-color-on-surface) 12%, transparent);\n  }\n\n  /* Month dropdown */\n  .month-list {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 8px;\n  }\n\n  .year-option:not(.selected),\n  .month-option:not(.selected) {\n    color: var(--md-sys-color-on-surface-variant);\n  }\n\n  /* Year dropdown */\n  .year-grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 4px;\n    max-height: 240px;\n    overflow-y: auto;\n    padding: 4px;\n  }\n\n  .actions {\n    margin-top: 8px;\n    display: flex;\n    justify-content: flex-end;\n  }\n`\n\nexport const inputStyles = css`\n  :host {\n    display: inline-block;\n    width: 100%;\n  }\n\n  .input-container {\n    position: relative;\n  }\n\n  .dropdown-container {\n    position: absolute;\n    position-anchor: --ui-date-picker-anchor;\n    top: anchor(bottom);\n    left: anchor(left);\n    z-index: 1000;\n    margin-top: 4px;\n    min-width: anchor-size(width);\n    width: max-content;\n    max-width: calc(100vw - 32px);\n  }\n\n  .backdrop {\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    z-index: 999;\n    background: transparent;\n  }\n`\n\nexport const modalStyles = css`\n  .modal-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 24px 24px 16px;\n  }\n\n  .modal-title {\n    font-size: 24px;\n    font-weight: 400;\n    color: var(--md-sys-color-on-surface);\n    margin: 0;\n  }\n\n  .modal-content {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 24px;\n    max-height: 60vh;\n    overflow-y: auto;\n  }\n\n  .modal-content ui-date-picker-calendar {\n    box-shadow: none;\n  }\n\n  .date-range-display {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    padding: 16px;\n    background: var(--md-sys-color-surface-container-highest);\n    border-radius: 12px;\n    width: 100%;\n    max-width: 320px;\n  }\n\n  .date-display {\n    flex: 1;\n    text-align: center;\n  }\n\n  .date-label {\n    font-size: 12px;\n    font-weight: 500;\n    color: var(--md-sys-color-on-surface-variant);\n    text-transform: uppercase;\n    margin-bottom: 4px;\n  }\n\n  .date-value {\n    font-size: 16px;\n    font-weight: 400;\n    color: var(--md-sys-color-on-surface);\n  }\n\n  .date-separator {\n    color: var(--md-sys-color-on-surface-variant);\n    font-size: 18px;\n  }\n\n  .modal-actions {\n    display: flex;\n    justify-content: flex-end;\n    gap: 8px;\n    padding: 16px 24px;\n    border-top: 1px solid var(--md-sys-color-outline-variant);\n  }\n\n  /* Calendar Action Buttons */\n  .actions {\n    display: flex;\n    justify-content: flex-end;\n    gap: 8px;\n    margin-top: 16px;\n    padding-top: 16px;\n    border-top: 1px solid var(--md-sys-color-outline-variant);\n  }\n\n  /* Pending selection state */\n  .day.pending {\n    background: var(--md-sys-color-secondary-container);\n    color: var(--md-sys-color-on-secondary-container);\n    border: 2px solid var(--md-sys-color-secondary);\n  }\n\n  .day.pending.selected {\n    background: var(--md-sys-color-secondary);\n    color: var(--md-sys-color-on-secondary);\n  }\n\n  .day.pending.range-start,\n  .day.pending.range-end {\n    background: var(--md-sys-color-secondary);\n    color: var(--md-sys-color-on-secondary);\n  }\n\n  .day.pending.in-range {\n    background: var(--md-sys-color-secondary-container);\n    color: var(--md-sys-color-on-secondary-container);\n  }\n\n  /* Responsive */\n  @media (max-width: 640px) {\n    .modal-content {\n      padding: 16px;\n    }\n\n    .calendar {\n      width: 100%;\n      max-width: 320px;\n    }\n  }\n`\n"]}

package/build/src/md/date-picker/internals/DatePickerCalendar.d.ts

@@ -0,0 +1,159 @@
+import { LitElement, TemplateResult } from 'lit';
+import { DateRange } from './DatePickerUtils.js';
+import '../../../md/icons/ui-icon.js';
+import '../../../md/button/ui-button.js';
+import '../../../md/icon-button/ui-icon-button.js';
+export interface DateSelectEvent {
+    date: Date;
+    formattedDate: string;
+}
+export interface DateRangeSelectEvent {
+    range: DateRange;
+    formattedRange: {
+        start: string | null;
+        end: string | null;
+    };
+}
+export interface DateRangeConfirmEvent {
+    range: DateRange | null;
+    formattedRange: {
+        start: string | null;
+        end: string | null;
+    };
+}
+export interface DateCancelEvent {
+    reason?: string;
+}
+/**
+ * A calendar grid component for date selection.
+ * Supports single date selection and date range selection.
+ *
+ * ## Usage
+ *
+ * ```html
+ * <ui-date-picker-calendar></ui-date-picker-calendar>
+ * ```
+ *
+ * ### Single date selection
+ * ```html
+ * <ui-date-picker-calendar
+ *   .selectedDate=${new Date()}
+ *   @date-select=${this.handleDateSelect}
+ * ></ui-date-picker-calendar>
+ * ```
+ *
+ * ### Date range selection
+ * ```html
+ * <ui-date-picker-calendar
+ *   .rangeSelection=${true}
+ *   .selectedRange=${{ start: new Date(), end: null }}
+ *   @date-range-select=${this.handleRangeSelect}
+ * ></ui-date-picker-calendar>
+ * ```
+ */
+export declare class UiDatePickerCalendar extends LitElement {
+    static styles: import("lit").CSSResult;
+    /**
+     * The currently displayed year
+     */
+    accessor year: number;
+    /**
+     * The currently displayed month (0-indexed)
+     */
+    accessor month: number;
+    /**
+     * The currently selected date for single selection mode
+     */
+    accessor selectedDate: Date | null;
+    /**
+     * The selected date range for range selection mode
+     */
+    accessor selectedRange: DateRange | null;
+    /**
+     * Enable range selection mode
+     */
+    accessor rangeSelection: boolean;
+    /**
+     * Minimum selectable date
+     */
+    accessor minDate: Date | undefined;
+    /**
+     * Maximum selectable date
+     */
+    accessor maxDate: Date | undefined;
+    /**
+     * Array of disabled dates
+     */
+    accessor disabledDates: Date[] | undefined;
+    /**
+     * Locale for date formatting and month/day names
+     */
+    accessor locale: string | undefined;
+    /**
+     * Whether to show navigation controls
+     */
+    accessor showNavigation: boolean;
+    /**
+     * Whether to show action buttons (OK/Cancel)
+     */
+    accessor showActions: boolean;
+    /**
+     * Text for the OK button
+     */
+    accessor okButtonText: string;
+    /**
+     * Text for the Cancel button
+     */
+    accessor cancelButtonText: string;
+    private accessor _calendarData;
+    private accessor _rangeStart;
+    private accessor _monthNames;
+    private accessor _showMonthDropdown;
+    private accessor _showYearDropdown;
+    private accessor _pendingDate;
+    private accessor _pendingRange;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    updated(changedProperties: Map<string | number | symbol, unknown>): void;
+    private _scrollSelectedYearIntoView;
+    willUpdate(changedProperties: Map<string | number | symbol, unknown>): void;
+    private _updateCalendar;
+    private _updateMonthNames;
+    private _navigateMonth;
+    private _handlePrevMonth;
+    private _handleNextMonth;
+    private _handlePrevYear;
+    private _handleNextYear;
+    private _handleMonthClick;
+    private _handleYearClick;
+    private _handleMonthSelect;
+    private _handleYearSelect;
+    private _closeDropdowns;
+    private _handleDocumentKeyDown;
+    private _handleDayClick;
+    private _handleSingleSelection;
+    private _handleRangeSelection;
+    private _isDateDisabled;
+    private _handleConfirm;
+    private _handleCancel;
+    private _renderNavigation;
+    private _renderWeekdays;
+    private _renderDay;
+    private _renderDays;
+    private _renderActions;
+    private _renderMonthDropdown;
+    private _renderYearDropdown;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'ui-date-picker-calendar': UiDatePickerCalendar;
+    }
+    interface HTMLElementEventMap {
+        'date-select': CustomEvent<DateSelectEvent>;
+        'date-range-select': CustomEvent<DateRangeSelectEvent>;
+        'date-range-confirm': CustomEvent<DateRangeConfirmEvent>;
+        'date-cancel': CustomEvent<DateCancelEvent>;
+    }
+}
+//# sourceMappingURL=DatePickerCalendar.d.ts.map

package/build/src/md/date-picker/internals/DatePickerCalendar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePickerCalendar.d.ts","sourceRoot":"","sources":["../../../../../src/md/date-picker/internals/DatePickerCalendar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,cAAc,EAAW,MAAM,KAAK,CAAA;AAI/D,OAAO,EAGL,SAAS,EAMV,MAAM,sBAAsB,CAAA;AAC7B,OAAO,8BAA8B,CAAA;AACrC,OAAO,iCAAiC,CAAA;AACxC,OAAO,2CAA2C,CAAA;AAElD,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,IAAI,CAAA;IACV,aAAa,EAAE,MAAM,CAAA;CACtB;AAED,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,SAAS,CAAA;IAChB,cAAc,EAAE;QACd,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;QACpB,GAAG,EAAE,MAAM,GAAG,IAAI,CAAA;KACnB,CAAA;CACF;AAED,MAAM,WAAW,qBAAqB;IACpC,KAAK,EAAE,SAAS,GAAG,IAAI,CAAA;IACvB,cAAc,EAAE;QACd,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;QACpB,GAAG,EAAE,MAAM,GAAG,IAAI,CAAA;KACnB,CAAA;CACF;AAED,MAAM,WAAW,eAAe;IAC9B,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,qBACa,oBAAqB,SAAQ,UAAU;IAClD,OAAgB,MAAM,0BAAiB;IAEvC;;OAEG;IACyB,QAAQ,CAAC,IAAI,SAA2B;IAEpE;;OAEG;IACyB,QAAQ,CAAC,KAAK,SAAwB;IAElE;;OAEG;IACyB,QAAQ,CAAC,YAAY,EAAE,IAAI,GAAG,IAAI,CAAO;IAErE;;OAEG;IACyB,QAAQ,CAAC,aAAa,EAAE,SAAS,GAAG,IAAI,CAAO;IAE3E;;OAEG;IAC0B,QAAQ,CAAC,cAAc,UAAQ;IAE5D;;OAEG;IACyB,QAAQ,CAAC,OAAO,EAAE,IAAI,GAAG,SAAS,CAAY;IAE1E;;OAEG;IACyB,QAAQ,CAAC,OAAO,EAAE,IAAI,GAAG,SAAS,CAAY;IAE1E;;OAEG;IACwB,QAAQ,CAAC,aAAa,EAAE,IAAI,EAAE,GAAG,SAAS,CAAY;IAEjF;;OAEG;IACyB,QAAQ,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,CAAY;IAE3E;;OAEG;IAC0B,QAAQ,CAAC,cAAc,UAAO;IAE3D;;OAEG;IAC0B,QAAQ,CAAC,WAAW,UAAQ;IAEzD;;OAEG;IACyB,QAAQ,CAAC,YAAY,SAAO;IAExD;;OAEG;IACyB,QAAQ,CAAC,gBAAgB,SAAW;IAEvD,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAuC;IAErE,OAAO,CAAC,QAAQ,CAAC,WAAW,CAA8B;IAE1D,OAAO,CAAC,QAAQ,CAAC,WAAW,CAAe;IAE3C,OAAO,CAAC,QAAQ,CAAC,kBAAkB,CAAQ;IAE3C,OAAO,CAAC,QAAQ,CAAC,iBAAiB,CAAQ;IAE1C,OAAO,CAAC,QAAQ,CAAC,YAAY,CAAoB;IAEjD,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAyB;IAEvD,iBAAiB,IAAI,IAAI;IAOzB,oBAAoB,IAAI,IAAI;IAK5B,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAOjF,OAAO,CAAC,2BAA2B;IAa1B,UAAU,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAiBpF,OAAO,CAAC,eAAe;IAWvB,OAAO,CAAC,iBAAiB;IAIzB,OAAO,CAAC,cAAc;IAMtB,OAAO,CAAC,gBAAgB;IAIxB,OAAO,CAAC,gBAAgB;IAIxB,OAAO,CAAC,eAAe;IAIvB,OAAO,CAAC,eAAe;IAIvB,OAAO,CAAC,iBAAiB;IAKzB,OAAO,CAAC,gBAAgB;IAKxB,OAAO,CAAC,kBAAkB;IAK1B,OAAO,CAAC,iBAAiB;IAKzB,OAAO,CAAC,eAAe;IAKvB,OAAO,CAAC,sBAAsB;IAM9B,OAAO,CAAC,eAAe;IAUvB,OAAO,CAAC,sBAAsB;IAuB9B,OAAO,CAAC,qBAAqB;IAgD7B,OAAO,CAAC,eAAe;IAOvB,OAAO,CAAC,cAAc;IAyCtB,OAAO,CAAC,aAAa;IAmBrB,OAAO,CAAC,iBAAiB;IA2FzB,OAAO,CAAC,eAAe;IAUvB,OAAO,CAAC,UAAU;IAiElB,OAAO,CAAC,WAAW;IAMnB,OAAO,CAAC,cAAc;IAetB,OAAO,CAAC,oBAAoB;IAsB5B,OAAO,CAAC,mBAAmB;IA+BlB,MAAM,IAAI,cAAc;CAyBlC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,yBAAyB,EAAE,oBAAoB,CAAA;KAChD;IAED,UAAU,mBAAmB;QAC3B,aAAa,EAAE,WAAW,CAAC,eAAe,CAAC,CAAA;QAC3C,mBAAmB,EAAE,WAAW,CAAC,oBAAoB,CAAC,CAAA;QACtD,oBAAoB,EAAE,WAAW,CAAC,qBAAqB,CAAC,CAAA;QACxD,aAAa,EAAE,WAAW,CAAC,eAAe,CAAC,CAAA;KAC5C;CACF"}