@slotted/angular 0.0.0-stage → 0.1.0-beta.1

package/types/slotted-angular-datetime-range-picker.d.ts

@@ -0,0 +1,459 @@
+import * as _slotted_core_i18n from '@slotted/core/i18n';
+import { PartialMessages, DatetimeRangePickerMessages } from '@slotted/core/i18n';
+import * as _angular_core from '@angular/core';
+import { InjectionToken, OnInit, TemplateRef, ElementRef } from '@angular/core';
+import * as _slotted_core_date from '@slotted/core/date';
+import { TimeGranularity, DateTimeRangeValue, PlainTime, PlainDateTime, PlainDate, TimeOption } from '@slotted/core/date';
+import { ChangeRequest } from '@slotted/core/state';
+import { ControlValueAccessor, Validator, AbstractControl, ValidationErrors } from '@angular/forms';
+import { SlCalendar, CalendarView, CalendarValue } from '@slotted/angular/calendar';
+import { SlDateTimeField, DateTimeFieldChangeRequest } from '@slotted/angular/datetime-field';
+
+/** A run of datetimes, either end of which may be open. */
+type DateTimeRange = DateTimeRangeValue;
+/** Where the surface opens, before the positioner has read the room. */
+type DateTimeRangePickerPlacement = 'bottom-start' | 'bottom' | 'bottom-end' | 'top-start' | 'top' | 'top-end';
+/**
+ * Whether choosing closes the surface. `auto` closes when the work becomes
+ * whole — by a press in a list, by `now` or by a preset — and stays open
+ * while an end is still missing, because the next press has to reach the
+ * same surface.
+ */
+type DateTimeRangePickerCloseOnSelect = 'auto' | 'always' | 'never';
+/** What a time a bound or the predicate refuses looks like in a list. */
+type DateTimeRangePickerUnavailableOptions = 'disable' | 'hide';
+type DateTimeRangePickerSize = 'sm' | 'md' | 'lg';
+type DateTimeRangePickerVariant = 'outline' | 'subtle' | 'plain';
+type DateTimeRangePickerHourCycle = 12 | 24;
+type DateTimeRangePickerCalendar = 'gregory';
+/** The end being edited: the field and the panel carrying `data-current`. */
+type DateTimeRangePickerPosition = 'start' | 'end';
+/** The highlighted option of each list. */
+interface DateTimeRangePickerHighlight {
+    readonly start: PlainTime | null;
+    readonly end: PlainTime | null;
+}
+/** A quarter of an hour, the step every surveyed panel defaults to within a factor of two. */
+declare const DATETIME_RANGE_PICKER_STEP = 900;
+/** A whole day at a one-minute step: the finest whole-day list any surveyed implementation offers. */
+declare const DATETIME_RANGE_PICKER_MAX_OPTIONS = 1440;
+/** One month: two lists stand beside the grid, and two months beside two lists do not fit in 720 pixels. */
+declare const DATETIME_RANGE_PICKER_MONTHS = 1;
+/** "3 days 21 hr": the duration the band and the rows say, in the family's locale. */
+declare function dateTimeRangePickerLengthLabel(seconds: number, locale?: string): string;
+interface DateTimeRangePickerDefaults {
+    calendar: DateTimeRangePickerCalendar;
+    closeOnSelect: DateTimeRangePickerCloseOnSelect;
+    firstDayOfWeek: number | undefined;
+    granularity: TimeGranularity;
+    hourCycle: DateTimeRangePickerHourCycle | undefined;
+    /** "2 hr 30 min", in the product's own words; seconds in, and the family's locale. */
+    lengthLabel: (seconds: number, locale: string | undefined) => string;
+    maxOptions: number;
+    months: number;
+    placement: DateTimeRangePickerPlacement;
+    size: DateTimeRangePickerSize;
+    step: number;
+    timeZone: string | undefined;
+    unavailableOptions: DateTimeRangePickerUnavailableOptions;
+    variant: DateTimeRangePickerVariant;
+}
+declare const DATETIME_RANGE_PICKER_DEFAULTS: InjectionToken<DateTimeRangePickerDefaults>;
+/**
+ * An application decides once what its times look like, what step its lists
+ * offer and how a duration is written — rather than repeating the same inputs
+ * on every picker in a form. The locale and the words come from the language
+ * in force (`provideSlotted`).
+ */
+declare function provideDateTimeRangePickerDefaults(defaults: Partial<DateTimeRangePickerDefaults>): {
+    provide: InjectionToken<DateTimeRangePickerDefaults>;
+    useFactory: () => DateTimeRangePickerDefaults;
+};
+/** What a datetime range picker renders as here, before it states anything of its own. */
+declare function injectDateTimeRangePickerDefaults(): DateTimeRangePickerDefaults;
+
+/** One end of the work: its two halves, each of which may still be missing. */
+interface Half {
+    readonly date: PlainDate | null;
+    readonly time: PlainTime | null;
+}
+interface Work {
+    readonly start: Half;
+    readonly end: Half;
+}
+declare function isSameDateTimeRange(a: DateTimeRange | null, b: DateTimeRange | null): boolean;
+/**
+ * A one-line frame — the value in words, a clear and the trigger — and behind
+ * it one end at a time: two tabs, the field of the current end, a hint, the
+ * range calendar and the list of that end.
+ *
+ * **The frame is one line at any width**, for the reason `time-range-picker`
+ * records. The field lives in the panel's band, where the reader types.
+ *
+ * **One calendar for the two dates, and the list of the current end.** The
+ * grid draws the run and its pending band the way `date-range-picker` does;
+ * the list runs on the day of the current end — or on the grid's focused day
+ * while the end has none — and says the duration beside each row while the
+ * two ends are on the same day.
+ *
+ * **The press that leaves the work incomplete carries focus to the half that
+ * is missing; the press that completes it closes the panel.** The rule
+ * `datetime-picker` wrote, once per end.
+ */
+declare class SlDateTimeRangePicker implements ControlValueAccessor, Validator, OnInit {
+    readonly value: _angular_core.InputSignal<_slotted_core_date.DateTimeRangeValue | null | undefined>;
+    readonly defaultValue: _angular_core.InputSignal<_slotted_core_date.DateTimeRangeValue | null | undefined>;
+    /** Present means the consumer owns whether the surface is showing. */
+    readonly open: _angular_core.InputSignalWithTransform<boolean | undefined, string | boolean | undefined>;
+    readonly defaultOpen: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Present means the consumer owns which end is being edited. */
+    readonly position: _angular_core.InputSignal<DateTimeRangePickerPosition | undefined>;
+    readonly defaultPosition: _angular_core.InputSignal<DateTimeRangePickerPosition>;
+    /** Where the reader is in each list. Present means the consumer owns it. */
+    readonly highlighted: _angular_core.InputSignal<DateTimeRangePickerHighlight | undefined>;
+    readonly defaultHighlighted: _angular_core.InputSignal<DateTimeRangePickerHighlight | undefined>;
+    /** The whole-value bounds: where the range starts and ends. */
+    readonly min: _angular_core.InputSignal<PlainDateTime | undefined>;
+    readonly max: _angular_core.InputSignal<PlainDateTime | undefined>;
+    /** The bounds of every day inside the range, applied together with the two above. */
+    readonly minTime: _angular_core.InputSignal<PlainTime | undefined>;
+    readonly maxTime: _angular_core.InputSignal<PlainTime | undefined>;
+    /** Answers a whole day and feeds the grid. */
+    readonly isDateUnavailable: _angular_core.InputSignal<((date: PlainDate) => boolean) | undefined>;
+    /** Answers one time on one day and feeds the lists. */
+    readonly isTimeUnavailable: _angular_core.InputSignal<((time: PlainTime, date: PlainDate) => boolean) | undefined>;
+    /**
+     * Whether a run may cross an unavailable day. On, and with a start chosen,
+     * the days beyond the first unavailable one are refused in the grid, and on
+     * the same day the times beyond the first unavailable one in the end list.
+     */
+    readonly contiguous: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** The shortest and longest run allowed, in seconds. */
+    readonly minLength: _angular_core.InputSignalWithTransform<number | undefined, unknown>;
+    readonly maxLength: _angular_core.InputSignalWithTransform<number | undefined, unknown>;
+    readonly lengthLabel: _angular_core.InputSignal<((seconds: number, locale: string | undefined) => string) | undefined>;
+    /** Seconds between two offered times. Ignored when `options` states the list. */
+    readonly step: _angular_core.InputSignalWithTransform<number | undefined, unknown>;
+    /** The times to offer, stated rather than stepped; the same list for both ends. */
+    readonly options: _angular_core.InputSignal<readonly PlainTime[] | undefined>;
+    readonly maxOptions: _angular_core.InputSignalWithTransform<number | undefined, unknown>;
+    readonly unavailableOptions: _angular_core.InputSignal<DateTimeRangePickerUnavailableOptions | undefined>;
+    readonly months: _angular_core.InputSignalWithTransform<number | undefined, unknown>;
+    readonly weekNumbers: _angular_core.InputSignalWithTransform<boolean | undefined, string | boolean | undefined>;
+    /** Six rows whatever the month needs, so a press of "next" moves no target. */
+    readonly fixedWeeks: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** BCP 47. Unset, the language in force (`provideSlotted`) decides. */
+    readonly locale: _angular_core.InputSignal<string | undefined>;
+    readonly timeZone: _angular_core.InputSignal<string | undefined>;
+    readonly hourCycle: _angular_core.InputSignal<DateTimeRangePickerHourCycle | undefined>;
+    readonly granularity: _angular_core.InputSignal<_slotted_core_date.TimeGranularity | undefined>;
+    readonly calendar: _angular_core.InputSignal<"gregory" | undefined>;
+    readonly firstDayOfWeek: _angular_core.InputSignalWithTransform<number | undefined, unknown>;
+    readonly yearPivot: _angular_core.InputSignalWithTransform<number | undefined, unknown>;
+    /** What "now" is, for a story or a test; the clock otherwise. */
+    readonly referenceDateTime: _angular_core.InputSignal<PlainDateTime | undefined>;
+    readonly size: _angular_core.InputSignal<DateTimeRangePickerSize | undefined>;
+    readonly variant: _angular_core.InputSignal<DateTimeRangePickerVariant | undefined>;
+    readonly placement: _angular_core.InputSignal<DateTimeRangePickerPlacement | undefined>;
+    readonly closeOnSelect: _angular_core.InputSignal<DateTimeRangePickerCloseOnSelect | undefined>;
+    readonly disabled: _angular_core.InputSignalWithTransform<boolean | undefined, string | boolean | undefined>;
+    readonly readOnly: _angular_core.InputSignalWithTransform<boolean | undefined, string | boolean | undefined>;
+    readonly invalid: _angular_core.InputSignalWithTransform<boolean | undefined, string | boolean | undefined>;
+    readonly required: _angular_core.InputSignalWithTransform<boolean | undefined, string | boolean | undefined>;
+    /** Draws one clear on the frame, which empties both ends. */
+    readonly clearable: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Whether the two fields in the band take the relative expression. */
+    readonly relative: _angular_core.InputSignalWithTransform<boolean | undefined, string | boolean | undefined>;
+    /**
+     * Words laid over the catalog of the language in force, key by key: the
+     * trigger's names, the two ends, the hint, the limit, and what a panel says
+     * when it is empty or cut short.
+     */
+    readonly messages: _angular_core.InputSignal<PartialMessages<DatetimeRangePickerMessages> | undefined>;
+    /** The names of the two hidden inputs a plain form post reads. */
+    readonly startName: _angular_core.InputSignal<string | undefined>;
+    readonly endName: _angular_core.InputSignal<string | undefined>;
+    readonly valueChange: _angular_core.OutputEmitterRef<ChangeRequest<_slotted_core_date.DateTimeRangeValue | null>>;
+    readonly openChange: _angular_core.OutputEmitterRef<ChangeRequest<boolean>>;
+    readonly positionChange: _angular_core.OutputEmitterRef<ChangeRequest<DateTimeRangePickerPosition>>;
+    readonly highlightedChange: _angular_core.OutputEmitterRef<ChangeRequest<DateTimeRangePickerHighlight>>;
+    /** What one row draws; a template, because it is re-rendered once per option. */
+    protected optionTemplate?: TemplateRef<unknown>;
+    protected layer?: ElementRef<HTMLElement>;
+    /** Whether the lists were scrolled to their highlight since the surface opened. */
+    private revealed;
+    protected triggerRef?: ElementRef<HTMLButtonElement>;
+    protected field?: SlDateTimeField;
+    protected fieldBox?: ElementRef<HTMLElement>;
+    protected calendarRef?: SlCalendar;
+    private readonly element;
+    protected readonly defaults: DateTimeRangePickerDefaults;
+    private readonly appLocale;
+    /** The family's words in the language in force, with this picker's `messages` laid over them. */
+    readonly t: _slotted_core_i18n.FamilyTranslator<DatetimeRangePickerMessages>;
+    private readonly injector;
+    private readonly destroyRef;
+    private readonly enclosing;
+    protected readonly contentId: string;
+    protected readonly positions: readonly DateTimeRangePickerPosition[];
+    private readonly ownOpen;
+    private readonly ownValue;
+    private readonly ownPosition;
+    private readonly ownHighlight;
+    private readonly formDisabled;
+    private readonly clock;
+    protected readonly view: _angular_core.WritableSignal<CalendarView>;
+    /** The pending end the calendar reports, or `null` while no run is open. */
+    protected readonly preview: _angular_core.WritableSignal<PlainDate | null>;
+    /**
+     * The day the grid has focused. The family holds it — rather than the
+     * calendar alone — because a list of an end with no date runs on it.
+     */
+    protected readonly focusedDate: _angular_core.WritableSignal<PlainDate>;
+    protected readonly positioned: _angular_core.WritableSignal<boolean>;
+    protected readonly sheet: _angular_core.WritableSignal<boolean>;
+    /**
+     * The work: the two ends as the reader left them while the panel is open. A
+     * press in a list writes it; the value is asked for when it is whole. Closed
+     * by anything, it is rebuilt from the value on the next open.
+     */
+    protected readonly work: _angular_core.WritableSignal<Work>;
+    protected readonly workStart: _angular_core.Signal<PlainDateTime | null>;
+    protected readonly workEnd: _angular_core.Signal<PlainDateTime | null>;
+    /** The option under the pointer, which enters the duration and nothing else. */
+    protected readonly hovered: _angular_core.WritableSignal<{
+        position: DateTimeRangePickerPosition;
+        time: PlainTime;
+    } | null>;
+    /** Which list holds focus, so its highlight is the pending end. */
+    protected readonly listFocused: _angular_core.WritableSignal<boolean>;
+    /** A pointer press before focus names the reason a field became current. */
+    /** Where focus lands once the surface is drawn. */
+    private focusOnOpen;
+    private positioner;
+    private dismissable;
+    private readonly typeaheads;
+    private onChangeFn;
+    private onTouchedFn;
+    private onValidatorChangeFn;
+    protected readonly isOpen: _angular_core.Signal<boolean>;
+    protected readonly held: _angular_core.Signal<_slotted_core_date.DateTimeRangeValue | null>;
+    /** The range the picker holds. Public, so a preset can compare itself to it. */
+    readonly selection: _angular_core.Signal<_slotted_core_date.DateTimeRangeValue | null>;
+    protected readonly currentPosition: _angular_core.Signal<DateTimeRangePickerPosition>;
+    protected readonly highlight: _angular_core.Signal<DateTimeRangePickerHighlight>;
+    protected readonly start: _angular_core.Signal<PlainDateTime | null>;
+    protected readonly end: _angular_core.Signal<PlainDateTime | null>;
+    protected readonly startIso: _angular_core.Signal<string>;
+    protected readonly endIso: _angular_core.Signal<string>;
+    protected readonly resolvedLocale: _angular_core.Signal<string>;
+    protected readonly resolvedTimeZone: _angular_core.Signal<string | undefined>;
+    protected readonly resolvedHourCycle: _angular_core.Signal<DateTimeRangePickerHourCycle | undefined>;
+    protected readonly resolvedGranularity: _angular_core.Signal<_slotted_core_date.TimeGranularity>;
+    protected readonly resolvedCalendar: _angular_core.Signal<"gregory">;
+    protected readonly resolvedFirstDayOfWeek: _angular_core.Signal<number | undefined>;
+    protected readonly resolvedMonths: _angular_core.Signal<number>;
+    protected readonly resolvedSize: _angular_core.Signal<DateTimeRangePickerSize>;
+    protected readonly resolvedVariant: _angular_core.Signal<DateTimeRangePickerVariant>;
+    protected readonly resolvedPlacement: _angular_core.Signal<DateTimeRangePickerPlacement>;
+    protected readonly resolvedDisabled: _angular_core.Signal<boolean | undefined>;
+    protected readonly resolvedReadOnly: _angular_core.Signal<boolean | undefined>;
+    protected readonly resolvedRequired: _angular_core.Signal<boolean | undefined>;
+    protected readonly editable: _angular_core.Signal<boolean>;
+    private readonly format;
+    private readonly timeFormat;
+    private readonly anchor;
+    private readonly bounds;
+    private readonly lengthOf;
+    /**
+     * Validity the family owns, beside the validity the consumer states: the
+     * bounds, the predicate, the order of the two ends and the duration.
+     */
+    private readonly problems;
+    protected readonly reversed: _angular_core.Signal<boolean>;
+    protected readonly resolvedInvalid: _angular_core.Signal<boolean | undefined>;
+    private readonly workOrdered;
+    protected readonly startMax: _angular_core.Signal<PlainDateTime | undefined>;
+    protected readonly endMin: _angular_core.Signal<PlainDateTime | undefined>;
+    /**
+     * What the calendar is shown: the two dates of the work, with the end
+     * withheld while the end is the current position so the next press writes
+     * it instead of restarting the run — `date-range-picker`'s rule.
+     */
+    protected readonly calendarValue: _angular_core.Signal<CalendarValue>;
+    private readonly openStart;
+    private readonly blocked;
+    protected readonly gridUnavailable: _angular_core.Signal<(date: PlainDate) => boolean>;
+    /** The day each list serves: the date of its end, or the grid's focused day. */
+    protected dayFor(position: DateTimeRangePickerPosition): PlainDate;
+    protected isEmptyHalf(position: DateTimeRangePickerPosition): boolean;
+    /** The end written short in the tab — a whole, a day alone, a time alone — or a dash. */
+    protected tabValue(position: DateTimeRangePickerPosition): string;
+    /** The problems of the work as it stands, once it is whole. */
+    private readonly workProblems;
+    protected readonly workReversed: _angular_core.Signal<boolean>;
+    protected readonly hintProblem: _angular_core.Signal<_slotted_core_date.DateRangeProblem | undefined>;
+    /**
+     * What the next press should be, or what is wrong: the difference between a
+     * panel that refuses and a panel that explains. Empty while the work is
+     * whole and valid, when the length says the duration.
+     */
+    protected readonly hint: _angular_core.Signal<string>;
+    protected readonly truncated: _angular_core.Signal<boolean>;
+    /**
+     * The list of one end: the day's window from both pairs of bounds, the
+     * predicate on that day, and — on the same day as the other end — what the
+     * other end of the work refuses. The duration limits apply across days.
+     */
+    protected readonly lists: _angular_core.Signal<Record<DateTimeRangePickerPosition, TimeOption[]>>;
+    protected readonly labels: _angular_core.Signal<Record<DateTimeRangePickerPosition, string[]>>;
+    private listFor;
+    protected highlightIndex(position: DateTimeRangePickerPosition): number;
+    protected isSelected(position: DateTimeRangePickerPosition, option: TimeOption): boolean;
+    /** The name of one end: the field's, its tab's and the hint's `{end}`. */
+    protected labelFor(position: DateTimeRangePickerPosition): string;
+    /** The duration a row would make with the other end, on the same day only. */
+    protected durationOf(position: DateTimeRangePickerPosition, option: TimeOption): string | null;
+    protected contextFor(position: DateTimeRangePickerPosition, option: TimeOption, index: number): {
+        $implicit: PlainTime;
+        current: boolean;
+        date: PlainDate;
+        duration: string | null;
+        label: string;
+        position: DateTimeRangePickerPosition;
+        selected: boolean;
+        unavailable: boolean;
+    };
+    /**
+     * The pending end: the option under the pointer, or the highlighted option
+     * of the list that has focus.
+     */
+    private readonly pendingTime;
+    /** The pending run: a time under the pointer or highlighted, or the grid's pending day. */
+    protected readonly pending: _angular_core.Signal<Work | null>;
+    protected readonly spokenLength: _angular_core.Signal<string>;
+    protected readonly limitText: _angular_core.Signal<string | null>;
+    /** The trigger's accessible name: focus returns here when the surface closes. */
+    protected readonly triggerLabel: _angular_core.Signal<string>;
+    private readonly short;
+    private writeShort;
+    /** The value in words, one line; `null` while nothing is chosen. */
+    protected readonly summary: _angular_core.Signal<string | null>;
+    constructor();
+    ngOnInit(): void;
+    writeValue(value: DateTimeRange | null | undefined): void;
+    registerOnChange(fn: (value: DateTimeRange | null) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    registerOnValidatorChange(fn: () => void): void;
+    /**
+     * The rules no other validator can see: the bounds, the predicate, the
+     * order of the two ends and the duration. `required` is left to Angular's
+     * own, because a form already has a word for it.
+     */
+    validate(control: AbstractControl): ValidationErrors | null;
+    /** Puts focus on the trigger, which is the frame. */
+    focus(): void;
+    openSurface(source?: Event): void;
+    closeSurface(source?: Event): void;
+    /** A preset writes its range through here, with the `select` reason. */
+    choose(range: DateTimeRange, source?: Event): void;
+    protected toggle(source: Event): void;
+    protected clear(source: Event): void;
+    protected onTriggerKeyDown(event: KeyboardEvent): void;
+    protected selectTab(position: DateTimeRangePickerPosition, source: Event): void;
+    /** Automatic activation: the arrow moves the position with it. */
+    protected onTabKeyDown(event: KeyboardEvent): void;
+    /**
+     * The way out of a sheet that fills the screen, and of an edit left half
+     * way: a whole work is the value; a half alone stays as it is.
+     */
+    protected done(source: Event): void;
+    protected onControlFocusOut(event: FocusEvent): void;
+    protected onListFocusOut(event: FocusEvent): void;
+    protected hover(position: DateTimeRangePickerPosition, option: TimeOption): void;
+    /**
+     * A field in the band writes its end to the work at every request it emits,
+     * with the field's own reason, and an open end is a value on its own.
+     */
+    protected onFieldValue(request: DateTimeFieldChangeRequest): void;
+    protected chooseNow(source: Event): void;
+    protected select(position: DateTimeRangePickerPosition, option: TimeOption, source: Event): void;
+    protected onCalendarValue(request: ChangeRequest<CalendarValue>): void;
+    /**
+     * After a press wrote a half: whole, the work is the value and the panel
+     * closes when the press completed it; incomplete, focus carries to the half
+     * that is missing — this end's first, then the other end's.
+     */
+    private settle;
+    private enterGrid;
+    private closeAfter;
+    /** Where a list opens: on its end, on the nearest step to now, or on the first available option. */
+    private openingIndex;
+    /**
+     * Into the list of one end: the tab moves there when it is not the current
+     * one, and focus lands on its highlight after the render that drew it.
+     */
+    private enterList;
+    private focusOption;
+    /** The list scrolled to its highlight: centred as the surface opens, by the least after. */
+    private revealHighlights;
+    /** The field, or the grid where the field is not drawn (a coarse pointer). */
+    private focusField;
+    protected onListKeyDown(position: DateTimeRangePickerPosition, event: KeyboardEvent): void;
+    private commit;
+    private setPosition;
+    private setHighlight;
+    private setOpen;
+    /** Places the layer and puts it in the single stack. */
+    private attach;
+    private release;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SlDateTimeRangePicker, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SlDateTimeRangePicker, "[slDateTimeRangePicker]", ["slDateTimeRangePicker"], { "value": { "alias": "value"; "required": false; "isSignal": true; }; "defaultValue": { "alias": "defaultValue"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; "defaultOpen": { "alias": "defaultOpen"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "defaultPosition": { "alias": "defaultPosition"; "required": false; "isSignal": true; }; "highlighted": { "alias": "highlighted"; "required": false; "isSignal": true; }; "defaultHighlighted": { "alias": "defaultHighlighted"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "minTime": { "alias": "minTime"; "required": false; "isSignal": true; }; "maxTime": { "alias": "maxTime"; "required": false; "isSignal": true; }; "isDateUnavailable": { "alias": "isDateUnavailable"; "required": false; "isSignal": true; }; "isTimeUnavailable": { "alias": "isTimeUnavailable"; "required": false; "isSignal": true; }; "contiguous": { "alias": "contiguous"; "required": false; "isSignal": true; }; "minLength": { "alias": "minLength"; "required": false; "isSignal": true; }; "maxLength": { "alias": "maxLength"; "required": false; "isSignal": true; }; "lengthLabel": { "alias": "lengthLabel"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "maxOptions": { "alias": "maxOptions"; "required": false; "isSignal": true; }; "unavailableOptions": { "alias": "unavailableOptions"; "required": false; "isSignal": true; }; "months": { "alias": "months"; "required": false; "isSignal": true; }; "weekNumbers": { "alias": "weekNumbers"; "required": false; "isSignal": true; }; "fixedWeeks": { "alias": "fixedWeeks"; "required": false; "isSignal": true; }; "locale": { "alias": "locale"; "required": false; "isSignal": true; }; "timeZone": { "alias": "timeZone"; "required": false; "isSignal": true; }; "hourCycle": { "alias": "hourCycle"; "required": false; "isSignal": true; }; "granularity": { "alias": "granularity"; "required": false; "isSignal": true; }; "calendar": { "alias": "calendar"; "required": false; "isSignal": true; }; "firstDayOfWeek": { "alias": "firstDayOfWeek"; "required": false; "isSignal": true; }; "yearPivot": { "alias": "yearPivot"; "required": false; "isSignal": true; }; "referenceDateTime": { "alias": "referenceDateTime"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "closeOnSelect": { "alias": "closeOnSelect"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readOnly": { "alias": "readOnly"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "relative": { "alias": "relative"; "required": false; "isSignal": true; }; "messages": { "alias": "messages"; "required": false; "isSignal": true; }; "startName": { "alias": "startName"; "required": false; "isSignal": true; }; "endName": { "alias": "endName"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; "openChange": "openChange"; "positionChange": "positionChange"; "highlightedChange": "highlightedChange"; }, ["optionTemplate"], ["[slDateTimeRangePickerPresets]", "[slDateTimeRangePickerFooter]"], true, never>;
+}
+/**
+ * One shortcut. It writes its range with the `select` reason and carries
+ * `data-selected` while the value equals it. The list is the product's — "the
+ * morning shift" is a business clock — and the family ships the button, not
+ * the list.
+ */
+declare class SlDateTimeRangePickerPreset {
+    /** The range the press writes, or a function resolving it at the press. */
+    readonly range: _angular_core.InputSignal<_slotted_core_date.DateTimeRangeValue | (() => DateTimeRange)>;
+    private readonly picker;
+    protected readonly selected: _angular_core.Signal<boolean>;
+    protected choose(event: Event): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SlDateTimeRangePickerPreset, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SlDateTimeRangePickerPreset, "button[slDateTimeRangePickerPreset]", ["slDateTimeRangePickerPreset"], { "range": { "alias": "slDateTimeRangePickerPreset"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+/**
+ * The consumer's own shortcuts, beside the grid and the two lists where there is room
+ * and above them where there is not. Each one is a `slDateTimeRangePickerPreset` button.
+ */
+declare class SlDateTimeRangePickerPresets {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SlDateTimeRangePickerPresets, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SlDateTimeRangePickerPresets, "[slDateTimeRangePickerPresets]", ["slDateTimeRangePickerPresets"], {}, {}, never, never, true, never>;
+}
+/** The consumer's own actions, under the grid and the two lists. */
+declare class SlDateTimeRangePickerFooter {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SlDateTimeRangePickerFooter, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SlDateTimeRangePickerFooter, "[slDateTimeRangePickerFooter]", ["slDateTimeRangePickerFooter"], {}, {}, never, never, true, never>;
+}
+/**
+ * What one row of a list draws.
+ *
+ * The row is the family's — its role, its states, its keyboard and its target
+ * size — and what is written inside it is the consumer's. It is a template
+ * rather than a projected slot because it is re-rendered once per option. The
+ * context carries the time as `$implicit`, plus `position`, `date`, `label`,
+ * `duration`, `selected`, `current` and `unavailable`.
+ */
+declare class SlDateTimeRangePickerOption {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SlDateTimeRangePickerOption, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SlDateTimeRangePickerOption, "[slDateTimeRangePickerOption]", ["slDateTimeRangePickerOption"], {}, {}, never, never, true, never>;
+}
+
+export { DATETIME_RANGE_PICKER_DEFAULTS, DATETIME_RANGE_PICKER_MAX_OPTIONS, DATETIME_RANGE_PICKER_MONTHS, DATETIME_RANGE_PICKER_STEP, SlDateTimeRangePicker, SlDateTimeRangePickerFooter, SlDateTimeRangePickerOption, SlDateTimeRangePickerPreset, SlDateTimeRangePickerPresets, dateTimeRangePickerLengthLabel, injectDateTimeRangePickerDefaults, isSameDateTimeRange, provideDateTimeRangePickerDefaults };
+export type { DateTimeRange, DateTimeRangePickerCloseOnSelect, DateTimeRangePickerDefaults, DateTimeRangePickerHighlight, DateTimeRangePickerHourCycle, DateTimeRangePickerPlacement, DateTimeRangePickerPosition, DateTimeRangePickerSize, DateTimeRangePickerUnavailableOptions, DateTimeRangePickerVariant };
+//# sourceMappingURL=slotted-angular-datetime-range-picker.d.ts.map

package/types/slotted-angular-datetime-range-picker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"slotted-angular-datetime-range-picker.d.ts","sources":["../../datetime-range-picker/src/datetime-range-picker-defaults.ts","../../datetime-range-picker/src/datetime-range-picker.ts","../../datetime-range-picker/src/datetime-range-picker-parts.ts"],"mappings":"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","names":[]}