@agorapulse/ui-components 22.1.8 → 22.2.0

package/types/agorapulse-ui-components-dropdown-panel.d.ts

@@ -13,7 +13,9 @@ declare class DropdownContentDirective {
 
 /**
  * The surface a dropdown opens: white, rounded, elevated — and nothing more. No role and no focus
- * trap: the content brings its own semantics (`menu`, `listbox`…). A dialog wants the popover.
+ * trap: the content brings its own semantics (`menu`, `listbox`, and the `dialog` a combobox owns,
+ * as the datepicker's calendar is). A dialog that should take focus — heading, close button, Tab
+ * confined — wants the popover instead.
  *
  * @example
  * <button [apDropdownTrigger]="panel">Columns</button>

package/types/agorapulse-ui-components-input-group.d.ts

@@ -2,8 +2,10 @@ import * as i0 from '@angular/core';
 
 declare class InputGroupComponent {
     symbolPosition: 'left' | 'right';
+    /** Paints the group in its disabled state. For when it holds no `<input disabled>`. */
+    disabled: i0.InputSignalWithTransform<boolean, unknown>;
     static ɵfac: i0.ɵɵFactoryDeclaration<InputGroupComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<InputGroupComponent, "ap-input-group", never, { "symbolPosition": { "alias": "symbolPosition"; "required": false; }; }, {}, never, ["ap-input-prefix", "ap-symbol", "*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InputGroupComponent, "ap-input-group", never, { "symbolPosition": { "alias": "symbolPosition"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, ["ap-input-prefix", "ap-symbol", "*"], true, never>;
 }
 
 declare class InputPrefixComponent {

package/types/agorapulse-ui-components-neo-datepicker.d.ts

@@ -32,10 +32,10 @@ declare class NeoDatepickerComponent implements OnInit {
     }> | undefined;
     locale: NeoDatePickerLocale;
     private _maxDate;
-    set maxDate(maxDate: dayjs__default.Dayjs);
+    set maxDate(maxDate: dayjs__default.Dayjs | undefined);
     get maxDate(): dayjs__default.Dayjs | undefined;
     private _minDate;
-    set minDate(minDate: dayjs__default.Dayjs);
+    set minDate(minDate: dayjs__default.Dayjs | undefined);
     get minDate(): dayjs__default.Dayjs | undefined;
     previousMonthAvailable: boolean;
     private _mode;

package/types/agorapulse-ui-components-popover.d.ts

@@ -48,6 +48,13 @@ declare class PopoverPanelComponent {
  * Inputs are prefixed one by one rather than bundled: an inline config object would be recreated on
  * every change-detection cycle and thrash the overlay.
  *
+ * The panel does not cap its own height, and cannot: its content is a `TemplateRef`, so only the
+ * caller knows what may scroll. Content that can run long needs a `max-height` of
+ * `var(--ap-floating-available-height, none)` — the floating engine publishes what the viewport
+ * leaves once flip and shift have settled, and the fallback keeps a panel that already fits
+ * untouched. Then pick what scrolls: the whole surface when nothing in it is sticky, the body
+ * alone when a heading or an action row has to stay put.
+ *
  * @example
  * <button [apPopover]="shareTpl" apPopoverHeading="Share">Share</button>
  * <ng-template #shareTpl>…</ng-template>

package/types/agorapulse-ui-components-select.d.ts

@@ -200,6 +200,8 @@ declare class SelectLabelMultipleComponent {
     roundedAvatar: _angular_core.InputSignal<boolean>;
     bindNetwork: _angular_core.InputSignal<string>;
     bindTagColor: _angular_core.InputSignal<string>;
+    /** Turns chip removal off. Completes the parent ng-select's state, when there is one. */
+    disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
     removeItem: _angular_core.OutputEmitterRef<any>;
     /**
      * Parent ng-select, resolved through the DI chain of the `ng-multi-label-tmp` template.
@@ -216,14 +218,11 @@ declare class SelectLabelMultipleComponent {
         network: any;
         tagColor: TagColor | undefined;
     }[]>;
-    hiddenCount: _angular_core.WritableSignal<number>;
     trackByItem: (_: number, item: any) => any;
     mainContainer: _angular_core.Signal<ElementRef<any>>;
-    itemsElement: _angular_core.Signal<readonly ElementRef<any>[]>;
-    private responsiveLayout;
     private pinHorizontalScroll;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SelectLabelMultipleComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SelectLabelMultipleComponent, "ap-select-label-multiple", never, { "displayType": { "alias": "displayType"; "required": false; "isSignal": true; }; "tagColor": { "alias": "tagColor"; "required": false; "isSignal": true; }; "selectedItems": { "alias": "selectedItems"; "required": true; "isSignal": true; }; "bindLabel": { "alias": "bindLabel"; "required": false; "isSignal": true; }; "bindValue": { "alias": "bindValue"; "required": false; "isSignal": true; }; "bindAvatarUrl": { "alias": "bindAvatarUrl"; "required": false; "isSignal": true; }; "bindSymbolId": { "alias": "bindSymbolId"; "required": false; "isSignal": true; }; "roundedAvatar": { "alias": "roundedAvatar"; "required": false; "isSignal": true; }; "bindNetwork": { "alias": "bindNetwork"; "required": false; "isSignal": true; }; "bindTagColor": { "alias": "bindTagColor"; "required": false; "isSignal": true; }; }, { "removeItem": "removeItem"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SelectLabelMultipleComponent, "ap-select-label-multiple", never, { "displayType": { "alias": "displayType"; "required": false; "isSignal": true; }; "tagColor": { "alias": "tagColor"; "required": false; "isSignal": true; }; "selectedItems": { "alias": "selectedItems"; "required": true; "isSignal": true; }; "bindLabel": { "alias": "bindLabel"; "required": false; "isSignal": true; }; "bindValue": { "alias": "bindValue"; "required": false; "isSignal": true; }; "bindAvatarUrl": { "alias": "bindAvatarUrl"; "required": false; "isSignal": true; }; "bindSymbolId": { "alias": "bindSymbolId"; "required": false; "isSignal": true; }; "roundedAvatar": { "alias": "roundedAvatar"; "required": false; "isSignal": true; }; "bindNetwork": { "alias": "bindNetwork"; "required": false; "isSignal": true; }; "bindTagColor": { "alias": "bindTagColor"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "removeItem": "removeItem"; }, never, never, true, never>;
 }
 
 /** Search input for an ng-select dropdown — place inside its `ng-header-tmp`. */

package/types/agorapulse-ui-components.d.ts

@@ -8,7 +8,7 @@ export { Step, StepperComponent } from '@agorapulse/ui-components/stepper';
 import * as i3 from '@agorapulse/ui-components/confirm-modal';
 export { ConfirmModalComponent, ConfirmModalTexts } from '@agorapulse/ui-components/confirm-modal';
 import * as i4 from '@agorapulse/ui-components/datepicker';
-export { DatepickerComponent, DatepickerMode, I18nDatePicker, Period } from '@agorapulse/ui-components/datepicker';
+export { DatepickerComponent, DatepickerMode, DatepickerPreset, DatepickerSelectComponent, DatepickerValue, Period, defaultDatepickerPresets, isPeriod } from '@agorapulse/ui-components/datepicker';
 import * as i5 from '@agorapulse/ui-components/dot-stepper';
 export { DotStepperComponent } from '@agorapulse/ui-components/dot-stepper';
 import * as i6 from '@agorapulse/ui-components/directives';
@@ -39,8 +39,6 @@ import * as i18 from '@agorapulse/ui-components/tooltip';
 export { CustomTooltipAvatarItem, CustomTooltipPresentationItem, CustomTooltipType, TooltipDirective, TooltipExternalTriggerDirective } from '@agorapulse/ui-components/tooltip';
 import * as i19 from '@agorapulse/ui-components/add-comment';
 export { AddCommentComponent } from '@agorapulse/ui-components/add-comment';
-export { PopoverDirective } from '@agorapulse/ui-components/popover';
-export { FloatingAnchorMode, FloatingPlacement, FloatingSide } from '@agorapulse/ui-components/floating';
 export { DropdownOptionDirective, DropdownOverlay, DropdownTriggerDirective, createDropdownOverlay } from '@agorapulse/ui-components/dropdown-base';
 export { DropdownContentDirective, DropdownPanelComponent } from '@agorapulse/ui-components/dropdown-panel';
 export { ActionDropdownComponent, ActionDropdownItem, ActionDropdownTriggerDirective } from '@agorapulse/ui-components/action-dropdown';
@@ -49,7 +47,6 @@ export { BadgeComponent } from '@agorapulse/ui-components/badge';
 export { ButtonComponent } from '@agorapulse/ui-components/button';
 export { CheckboxComponent } from '@agorapulse/ui-components/checkbox';
 export { CounterComponent } from '@agorapulse/ui-components/counter';
-export { DateRangePickerComponent, DateRangePickerPreset, defaultDateRangePickerPresets } from '@agorapulse/ui-components/date-range-picker';
 export { IconButtonComponent } from '@agorapulse/ui-components/icon-button';
 export { InputComponent } from '@agorapulse/ui-components/legacy/input';
 export { SelectComponent } from '@agorapulse/ui-components/legacy/select';

package/fesm2022/agorapulse-ui-components-date-range-picker.mjs

@@ -1,163 +0,0 @@
-import { LOCALE_CONFIG, LocaleService } from '@agorapulse/ngx-daterangepicker-material';
-import { DatepickerMode, DatepickerDropdownComponent } from '@agorapulse/ui-components/datepicker';
-import { DropdownTriggerDirective } from '@agorapulse/ui-components/dropdown-base';
-import { TooltipDirective } from '@agorapulse/ui-components/tooltip';
-import { SymbolComponent, withSymbols, apCalendar, apChevronDown, apChevronUp, apClock, apInfo } from '@agorapulse/ui-symbol';
-import * as i0 from '@angular/core';
-import { model, input, output, computed, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
-import dayjs from 'dayjs';
-
-/** The default preset list (English labels), computed relative to `today` so ranges stay fresh. */
-function defaultDateRangePickerPresets(today = dayjs()) {
-    const yesterday = today.subtract(1, 'day');
-    return [
-        { key: 'yesterday', label: 'Yesterday', range: [yesterday, yesterday] },
-        { key: 'lastWeek', label: 'Last week', range: [today.subtract(7, 'day'), yesterday] },
-        { key: 'last30Days', label: 'Last 30 days', range: [today.subtract(30, 'day'), yesterday] },
-        {
-            key: 'lastMonth',
-            label: 'Previous month',
-            range: [today.subtract(1, 'month').startOf('month'), today.subtract(1, 'month').endOf('month')],
-        },
-        { key: 'last90Days', label: 'Last 90 days', range: [today.subtract(90, 'day'), yesterday] },
-        { key: 'last12Months', label: 'Last 12 months', range: [today.subtract(1, 'year'), yesterday] },
-        { key: 'thisMonth', label: 'This month', range: [yesterday.startOf('month'), yesterday] },
-        {
-            key: 'lastYear',
-            label: 'Previous year',
-            range: [today.subtract(1, 'year').startOf('year'), today.subtract(1, 'year').endOf('year')],
-        },
-    ];
-}
-function timeZoneAbbreviation(timeZone) {
-    return (new Intl.DateTimeFormat('en-US', { timeZone, timeZoneName: 'short' })
-        .formatToParts(new Date())
-        .find(({ type }) => type === 'timeZoneName')?.value ?? '');
-}
-/**
- * A compact date-range selector for toolbars: a trigger chip showing the selected
- * period that opens a dropdown with preset ranges and a dual-month calendar.
- *
- * @example
- * ```html
- * <ap-date-range-picker
- *     [(value)]="period"
- *     [maxDate]="yesterday"
- *     timeZone="Europe/Paris"
- *     (presetSelected)="onPreset($event)" />
- * ```
- */
-class DateRangePickerComponent {
-    /** The selected period. Supports two-way binding via `[(value)]`. */
-    value = model({ startDate: undefined, endDate: undefined }, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
-    /** The preset ranges listed in the dropdown. Defaults to `defaultDateRangePickerPresets()`. */
-    presets = input(defaultDateRangePickerPresets(), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "presets" }] : /* istanbul ignore next */ []));
-    /** Earliest selectable date. */
-    minDate = input(undefined, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "minDate" }] : /* istanbul ignore next */ []));
-    /** Latest selectable date. */
-    maxDate = input(undefined, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "maxDate" }] : /* istanbul ignore next */ []));
-    /** Maximum number of days between the start and the end date. Undefined means no limit. */
-    maxRangeDays = input(undefined, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "maxRangeDays" }] : /* istanbul ignore next */ []));
-    /** Caption shown in the panel when `maxRangeDays` is set. Defaults to an English sentence — pass a translated one. */
-    maxRangeDaysHint = input(undefined, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "maxRangeDaysHint" }] : /* istanbul ignore next */ []));
-    /** Locale used for the calendar and the trigger label. */
-    locale = input('en', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "locale" }] : /* istanbul ignore next */ []));
-    firstDayOfWeek = input('monday', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "firstDayOfWeek" }] : /* istanbul ignore next */ []));
-    /** dayjs format of the trigger label. */
-    dateFormat = input('ll', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "dateFormat" }] : /* istanbul ignore next */ []));
-    /** Text shown on the trigger while no period is selected. */
-    placeholder = input('Select period', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []));
-    /** Panel placement. Unset means derived from the anchor mode, i.e. `bottom-start`. */
-    placement = input(/* @ts-ignore */
-    ...(ngDevMode ? [undefined, { debugName: "placement" }] : /* istanbul ignore next */ []));
-    /** Label of the "Custom" entry in the preset list. */
-    customRangeLabel = input('Custom', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "customRangeLabel" }] : /* istanbul ignore next */ []));
-    /** IANA time zone name. When set, a chip with the zone's offset is shown next to the trigger. */
-    timeZone = input(undefined, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "timeZone" }] : /* istanbul ignore next */ []));
-    /** Tooltip text of the info icon shown next to the time-zone chip. */
-    timeZoneTooltip = input(undefined, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "timeZoneTooltip" }] : /* istanbul ignore next */ []));
-    disabled = input(false, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
-    /** Close the dropdown once a full period is selected. When false it stays open until backdrop click or Escape. */
-    closeOnSelect = input(true, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "closeOnSelect" }] : /* istanbul ignore next */ []));
-    /** Emits the `key` of the preset matching the picked period, or 'custom'. */
-    presetSelected = output();
-    DatepickerMode = DatepickerMode;
-    rangesConfig = computed(() => Object.fromEntries(this.presets().map(({ label, range }) => [label, range])), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "rangesConfig" }] : /* istanbul ignore next */ []));
-    i18n = computed(() => ({
-        ranges: {
-            yesterday: 'Yesterday',
-            lastWeek: 'Last Week',
-            last30Days: 'Last 30 days',
-            lastMonth: 'Previous month',
-            thisMonth: 'This month',
-        },
-        customRangeLabel: this.customRangeLabel(),
-    }), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "i18n" }] : /* istanbul ignore next */ []));
-    formattedValue = computed(() => {
-        const { startDate, endDate } = this.value();
-        if (!startDate || !endDate) {
-            return '';
-        }
-        const format = (date) => date.locale(this.locale()).format(this.dateFormat());
-        return `${format(startDate)} - ${format(endDate)}`;
-    }, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "formattedValue" }] : /* istanbul ignore next */ []));
-    rangeHint = computed(() => {
-        const days = this.maxRangeDays();
-        return days ? (this.maxRangeDaysHint() ?? `Maximum period: ${days} days`) : undefined;
-    }, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "rangeHint" }] : /* istanbul ignore next */ []));
-    timeZoneOffset = computed(() => {
-        const timeZone = this.timeZone();
-        return timeZone ? timeZoneAbbreviation(timeZone) : '';
-    }, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "timeZoneOffset" }] : /* istanbul ignore next */ []));
-    onPeriodSelected(period) {
-        this.value.set(period);
-        this.presetSelected.emit(this.matchPresetKey(period));
-    }
-    matchPresetKey({ startDate, endDate }) {
-        const match = this.presets().find(({ range: [start, end] }) => startDate?.isSame(start, 'day') && endDate?.isSame(end, 'day'));
-        return match?.key ?? 'custom';
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: DateRangePickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: DateRangePickerComponent, isStandalone: true, selector: "ap-date-range-picker", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, presets: { classPropertyName: "presets", publicName: "presets", isSignal: true, isRequired: false, transformFunction: null }, minDate: { classPropertyName: "minDate", publicName: "minDate", isSignal: true, isRequired: false, transformFunction: null }, maxDate: { classPropertyName: "maxDate", publicName: "maxDate", isSignal: true, isRequired: false, transformFunction: null }, maxRangeDays: { classPropertyName: "maxRangeDays", publicName: "maxRangeDays", isSignal: true, isRequired: false, transformFunction: null }, maxRangeDaysHint: { classPropertyName: "maxRangeDaysHint", publicName: "maxRangeDaysHint", isSignal: true, isRequired: false, transformFunction: null }, locale: { classPropertyName: "locale", publicName: "locale", isSignal: true, isRequired: false, transformFunction: null }, firstDayOfWeek: { classPropertyName: "firstDayOfWeek", publicName: "firstDayOfWeek", isSignal: true, isRequired: false, transformFunction: null }, dateFormat: { classPropertyName: "dateFormat", publicName: "dateFormat", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, placement: { classPropertyName: "placement", publicName: "placement", isSignal: true, isRequired: false, transformFunction: null }, customRangeLabel: { classPropertyName: "customRangeLabel", publicName: "customRangeLabel", isSignal: true, isRequired: false, transformFunction: null }, timeZone: { classPropertyName: "timeZone", publicName: "timeZone", isSignal: true, isRequired: false, transformFunction: null }, timeZoneTooltip: { classPropertyName: "timeZoneTooltip", publicName: "timeZoneTooltip", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, closeOnSelect: { classPropertyName: "closeOnSelect", publicName: "closeOnSelect", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", presetSelected: "presetSelected" }, host: { classAttribute: "ap-date-range-picker" }, providers: [
-            withSymbols(apCalendar, apChevronDown, apChevronUp, apClock, apInfo),
-            { provide: LOCALE_CONFIG, useValue: {} },
-            LocaleService,
-        ], ngImport: i0, template: "<button\n    type=\"button\"\n    class=\"ap-date-range-picker__trigger\"\n    aria-haspopup=\"dialog\"\n    [attr.aria-expanded]=\"dropdown.isOpen()\"\n    [class.ap-date-range-picker__trigger--open]=\"dropdown.isOpen()\"\n    [disabled]=\"disabled()\"\n    [apDropdownTrigger]=\"dropdown\">\n    <ap-symbol\n        size=\"sm\"\n        symbolId=\"calendar\" />\n    @if (formattedValue()) {\n        <span class=\"ap-date-range-picker__value\">{{ formattedValue() }}</span>\n    } @else {\n        <span class=\"ap-date-range-picker__placeholder\">{{ placeholder() }}</span>\n    }\n    <ap-symbol\n        class=\"ap-date-range-picker__chevron\"\n        size=\"sm\"\n        [symbolId]=\"dropdown.isOpen() ? 'chevron-up' : 'chevron-down'\" />\n</button>\n\n@if (timeZone()) {\n    <div\n        class=\"ap-date-range-picker__timezone\"\n        apTooltipPosition=\"bottom\"\n        [apTooltip]=\"timeZone()\">\n        <ap-symbol\n            size=\"sm\"\n            symbolId=\"clock\"\n            color=\"grey\" />\n        <span class=\"ap-date-range-picker__timezone-offset\">{{ timeZoneOffset() }}</span>\n    </div>\n    @if (timeZoneTooltip()) {\n        <ap-symbol\n            class=\"ap-date-range-picker__timezone-info\"\n            size=\"sm\"\n            symbolId=\"info\"\n            color=\"grey-blue\"\n            apTooltipPosition=\"bottom\"\n            [apTooltip]=\"timeZoneTooltip()\" />\n    }\n}\n\n<ap-datepicker-dropdown\n    #dropdown\n    [mode]=\"DatepickerMode.Range\"\n    [closeOnSelect]=\"closeOnSelect()\"\n    [dateLimit]=\"maxRangeDays()\"\n    [placement]=\"placement()\"\n    [hint]=\"rangeHint()\"\n    [disabled]=\"disabled()\"\n    [firstDayOfWeek]=\"firstDayOfWeek()\"\n    [i18n]=\"i18n()\"\n    [locale]=\"locale()\"\n    [maxDate]=\"maxDate()\"\n    [minDate]=\"minDate()\"\n    [rangesConfig]=\"rangesConfig()\"\n    [selectedPeriod]=\"value()\"\n    [showCustomRangeLabel]=\"true\"\n    [showRanges]=\"true\"\n    (periodSelected)=\"onPeriodSelected($event)\" />\n", styles: [".ap-date-range-picker{display:inline-flex;align-items:center;gap:var(--ref-spacing-sm)}.ap-date-range-picker__trigger{display:inline-flex;align-items:center;gap:var(--ref-spacing-xxs);height:var(--sys-button-height);padding:0 var(--ref-spacing-sm);border:1px solid var(--ref-color-grey-20);border-radius:var(--sys-border-radius-sm);background-color:var(--ref-color-white);color:var(--ref-color-grey-100);font-family:var(--sys-text-style-body-font-family);font-size:var(--sys-text-style-body-size);cursor:pointer}.ap-date-range-picker__trigger .ap-symbol{color:var(--ref-color-grey-150)}.ap-date-range-picker__trigger:hover:not(:disabled){border-color:var(--ref-color-grey-40)}.ap-date-range-picker__trigger:disabled{cursor:default;color:var(--ref-color-grey-40)}.ap-date-range-picker__trigger:disabled .ap-symbol{color:inherit}.ap-date-range-picker__trigger--open{border-color:var(--ref-color-electric-blue-100)}.ap-date-range-picker__trigger--open .ap-symbol{color:var(--ref-color-electric-blue-100)}.ap-date-range-picker__placeholder{color:var(--sys-text-color-light)}.ap-date-range-picker__chevron{padding-left:var(--ref-spacing-xxs)}.ap-date-range-picker__timezone{display:inline-flex;align-items:center;gap:var(--ref-spacing-xxs)}.ap-date-range-picker__timezone-info{display:inline-flex;align-items:center}\n"], dependencies: [{ kind: "component", type: DatepickerDropdownComponent, selector: "ap-datepicker-dropdown", inputs: ["mode", "selectedDate", "selectedDates", "selectedPeriod", "minDate", "maxDate", "dateLimit", "hint", "firstDayOfWeek", "locale", "i18n", "showRanges", "showCustomRangeLabel", "rangesConfig", "showBackdrop", "closeOnSelect", "disabled", "placement"], outputs: ["opened", "closed", "dateSelected", "periodSelected"] }, { kind: "directive", type: DropdownTriggerDirective, selector: "[apDropdownTrigger]", inputs: ["apDropdownTrigger"] }, { kind: "component", type: SymbolComponent, selector: "ap-symbol", inputs: ["symbolId", "color", "size"], outputs: ["sizeChange"] }, { kind: "directive", type: TooltipDirective, selector: "[apTooltip]", inputs: ["apTooltip", "apTooltipPosition", "apTooltipShowDelay", "apTooltipHideDelay", "apTooltipDuration", "apTooltipDisabled", "apTooltipTruncatedTextOnly", "apTooltipTemplateContext", "apTooltipVirtualScrollElement", "apTooltipTrigger", "apTooltipType", "apTooltipPresentationContext", "apTooltipListItems", "apTooltipShowAvatarCaption"], exportAs: ["apTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: DateRangePickerComponent, decorators: [{
-            type: Component,
-            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'ap-date-range-picker', imports: [DatepickerDropdownComponent, DropdownTriggerDirective, SymbolComponent, TooltipDirective], providers: [
-                        withSymbols(apCalendar, apChevronDown, apChevronUp, apClock, apInfo),
-                        { provide: LOCALE_CONFIG, useValue: {} },
-                        LocaleService,
-                    ], host: {
-                        class: 'ap-date-range-picker',
-                    }, encapsulation: ViewEncapsulation.None, template: "<button\n    type=\"button\"\n    class=\"ap-date-range-picker__trigger\"\n    aria-haspopup=\"dialog\"\n    [attr.aria-expanded]=\"dropdown.isOpen()\"\n    [class.ap-date-range-picker__trigger--open]=\"dropdown.isOpen()\"\n    [disabled]=\"disabled()\"\n    [apDropdownTrigger]=\"dropdown\">\n    <ap-symbol\n        size=\"sm\"\n        symbolId=\"calendar\" />\n    @if (formattedValue()) {\n        <span class=\"ap-date-range-picker__value\">{{ formattedValue() }}</span>\n    } @else {\n        <span class=\"ap-date-range-picker__placeholder\">{{ placeholder() }}</span>\n    }\n    <ap-symbol\n        class=\"ap-date-range-picker__chevron\"\n        size=\"sm\"\n        [symbolId]=\"dropdown.isOpen() ? 'chevron-up' : 'chevron-down'\" />\n</button>\n\n@if (timeZone()) {\n    <div\n        class=\"ap-date-range-picker__timezone\"\n        apTooltipPosition=\"bottom\"\n        [apTooltip]=\"timeZone()\">\n        <ap-symbol\n            size=\"sm\"\n            symbolId=\"clock\"\n            color=\"grey\" />\n        <span class=\"ap-date-range-picker__timezone-offset\">{{ timeZoneOffset() }}</span>\n    </div>\n    @if (timeZoneTooltip()) {\n        <ap-symbol\n            class=\"ap-date-range-picker__timezone-info\"\n            size=\"sm\"\n            symbolId=\"info\"\n            color=\"grey-blue\"\n            apTooltipPosition=\"bottom\"\n            [apTooltip]=\"timeZoneTooltip()\" />\n    }\n}\n\n<ap-datepicker-dropdown\n    #dropdown\n    [mode]=\"DatepickerMode.Range\"\n    [closeOnSelect]=\"closeOnSelect()\"\n    [dateLimit]=\"maxRangeDays()\"\n    [placement]=\"placement()\"\n    [hint]=\"rangeHint()\"\n    [disabled]=\"disabled()\"\n    [firstDayOfWeek]=\"firstDayOfWeek()\"\n    [i18n]=\"i18n()\"\n    [locale]=\"locale()\"\n    [maxDate]=\"maxDate()\"\n    [minDate]=\"minDate()\"\n    [rangesConfig]=\"rangesConfig()\"\n    [selectedPeriod]=\"value()\"\n    [showCustomRangeLabel]=\"true\"\n    [showRanges]=\"true\"\n    (periodSelected)=\"onPeriodSelected($event)\" />\n", styles: [".ap-date-range-picker{display:inline-flex;align-items:center;gap:var(--ref-spacing-sm)}.ap-date-range-picker__trigger{display:inline-flex;align-items:center;gap:var(--ref-spacing-xxs);height:var(--sys-button-height);padding:0 var(--ref-spacing-sm);border:1px solid var(--ref-color-grey-20);border-radius:var(--sys-border-radius-sm);background-color:var(--ref-color-white);color:var(--ref-color-grey-100);font-family:var(--sys-text-style-body-font-family);font-size:var(--sys-text-style-body-size);cursor:pointer}.ap-date-range-picker__trigger .ap-symbol{color:var(--ref-color-grey-150)}.ap-date-range-picker__trigger:hover:not(:disabled){border-color:var(--ref-color-grey-40)}.ap-date-range-picker__trigger:disabled{cursor:default;color:var(--ref-color-grey-40)}.ap-date-range-picker__trigger:disabled .ap-symbol{color:inherit}.ap-date-range-picker__trigger--open{border-color:var(--ref-color-electric-blue-100)}.ap-date-range-picker__trigger--open .ap-symbol{color:var(--ref-color-electric-blue-100)}.ap-date-range-picker__placeholder{color:var(--sys-text-color-light)}.ap-date-range-picker__chevron{padding-left:var(--ref-spacing-xxs)}.ap-date-range-picker__timezone{display:inline-flex;align-items:center;gap:var(--ref-spacing-xxs)}.ap-date-range-picker__timezone-info{display:inline-flex;align-items:center}\n"] }]
-        }], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], presets: [{ type: i0.Input, args: [{ isSignal: true, alias: "presets", required: false }] }], minDate: [{ type: i0.Input, args: [{ isSignal: true, alias: "minDate", required: false }] }], maxDate: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxDate", required: false }] }], maxRangeDays: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxRangeDays", required: false }] }], maxRangeDaysHint: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxRangeDaysHint", required: false }] }], locale: [{ type: i0.Input, args: [{ isSignal: true, alias: "locale", required: false }] }], firstDayOfWeek: [{ type: i0.Input, args: [{ isSignal: true, alias: "firstDayOfWeek", required: false }] }], dateFormat: [{ type: i0.Input, args: [{ isSignal: true, alias: "dateFormat", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], placement: [{ type: i0.Input, args: [{ isSignal: true, alias: "placement", required: false }] }], customRangeLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "customRangeLabel", required: false }] }], timeZone: [{ type: i0.Input, args: [{ isSignal: true, alias: "timeZone", required: false }] }], timeZoneTooltip: [{ type: i0.Input, args: [{ isSignal: true, alias: "timeZoneTooltip", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], closeOnSelect: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeOnSelect", required: false }] }], presetSelected: [{ type: i0.Output, args: ["presetSelected"] }] } });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { DateRangePickerComponent, defaultDateRangePickerPresets };
-//# sourceMappingURL=agorapulse-ui-components-date-range-picker.mjs.map

package/fesm2022/agorapulse-ui-components-date-range-picker.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"agorapulse-ui-components-date-range-picker.mjs","sources":["../../../libs/ui-components/date-range-picker/src/date-range-picker.component.ts","../../../libs/ui-components/date-range-picker/src/date-range-picker.component.html","../../../libs/ui-components/date-range-picker/src/agorapulse-ui-components-date-range-picker.ts"],"sourcesContent":["import { LOCALE_CONFIG, LocaleService } from '@agorapulse/ngx-daterangepicker-material';\nimport {\n    DatepickerDropdownComponent,\n    DatepickerMode,\n    FirstDayOfWeek,\n    I18nDatePicker,\n    Period,\n    RangesConfigPresetType,\n} from '@agorapulse/ui-components/datepicker';\nimport { DropdownTriggerDirective } from '@agorapulse/ui-components/dropdown-base';\nimport { FloatingPlacement } from '@agorapulse/ui-components/floating';\nimport { TooltipDirective } from '@agorapulse/ui-components/tooltip';\nimport { apCalendar, apChevronDown, apChevronUp, apClock, apInfo, SymbolComponent, withSymbols } from '@agorapulse/ui-symbol';\nimport { ChangeDetectionStrategy, Component, computed, input, model, output, ViewEncapsulation } from '@angular/core';\nimport dayjs from 'dayjs';\n\nexport interface DateRangePickerPreset {\n    /** Stable identifier emitted by `presetSelected`, independent of the displayed label. */\n    key: string;\n    /** The text shown in the preset list. */\n    label: string;\n    /** The date range this preset selects. */\n    range: [dayjs.Dayjs, dayjs.Dayjs];\n}\n\n/** The default preset list (English labels), computed relative to `today` so ranges stay fresh. */\nexport function defaultDateRangePickerPresets(today: dayjs.Dayjs = dayjs()): DateRangePickerPreset[] {\n    const yesterday = today.subtract(1, 'day');\n    return [\n        { key: 'yesterday', label: 'Yesterday', range: [yesterday, yesterday] },\n        { key: 'lastWeek', label: 'Last week', range: [today.subtract(7, 'day'), yesterday] },\n        { key: 'last30Days', label: 'Last 30 days', range: [today.subtract(30, 'day'), yesterday] },\n        {\n            key: 'lastMonth',\n            label: 'Previous month',\n            range: [today.subtract(1, 'month').startOf('month'), today.subtract(1, 'month').endOf('month')],\n        },\n        { key: 'last90Days', label: 'Last 90 days', range: [today.subtract(90, 'day'), yesterday] },\n        { key: 'last12Months', label: 'Last 12 months', range: [today.subtract(1, 'year'), yesterday] },\n        { key: 'thisMonth', label: 'This month', range: [yesterday.startOf('month'), yesterday] },\n        {\n            key: 'lastYear',\n            label: 'Previous year',\n            range: [today.subtract(1, 'year').startOf('year'), today.subtract(1, 'year').endOf('year')],\n        },\n    ];\n}\n\nfunction timeZoneAbbreviation(timeZone: string): string {\n    return (\n        new Intl.DateTimeFormat('en-US', { timeZone, timeZoneName: 'short' })\n            .formatToParts(new Date())\n            .find(({ type }) => type === 'timeZoneName')?.value ?? ''\n    );\n}\n\n/**\n * A compact date-range selector for toolbars: a trigger chip showing the selected\n * period that opens a dropdown with preset ranges and a dual-month calendar.\n *\n * @example\n * ```html\n * <ap-date-range-picker\n *     [(value)]=\"period\"\n *     [maxDate]=\"yesterday\"\n *     timeZone=\"Europe/Paris\"\n *     (presetSelected)=\"onPreset($event)\" />\n * ```\n */\n@Component({\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    selector: 'ap-date-range-picker',\n    templateUrl: './date-range-picker.component.html',\n    styleUrls: ['./date-range-picker.component.scss'],\n    imports: [DatepickerDropdownComponent, DropdownTriggerDirective, SymbolComponent, TooltipDirective],\n    providers: [\n        withSymbols(apCalendar, apChevronDown, apChevronUp, apClock, apInfo),\n        { provide: LOCALE_CONFIG, useValue: {} },\n        LocaleService,\n    ],\n    host: {\n        class: 'ap-date-range-picker',\n    },\n    // Emit plain, global `.ap-date-range-picker*` classes (no Angular scoping) so the\n    // styling stays framework-agnostic and readable/reusable outside Angular.\n    encapsulation: ViewEncapsulation.None,\n})\nexport class DateRangePickerComponent {\n    /** The selected period. Supports two-way binding via `[(value)]`. */\n    readonly value = model<Period>({ startDate: undefined, endDate: undefined });\n    /** The preset ranges listed in the dropdown. Defaults to `defaultDateRangePickerPresets()`. */\n    readonly presets = input<DateRangePickerPreset[]>(defaultDateRangePickerPresets());\n    /** Earliest selectable date. */\n    readonly minDate = input<dayjs.Dayjs | undefined>(undefined);\n    /** Latest selectable date. */\n    readonly maxDate = input<dayjs.Dayjs | undefined>(undefined);\n    /** Maximum number of days between the start and the end date. Undefined means no limit. */\n    readonly maxRangeDays = input<number | undefined>(undefined);\n    /** Caption shown in the panel when `maxRangeDays` is set. Defaults to an English sentence — pass a translated one. */\n    readonly maxRangeDaysHint = input<string | undefined>(undefined);\n    /** Locale used for the calendar and the trigger label. */\n    readonly locale = input('en');\n    readonly firstDayOfWeek = input<FirstDayOfWeek>('monday');\n    /** dayjs format of the trigger label. */\n    readonly dateFormat = input('ll');\n    /** Text shown on the trigger while no period is selected. */\n    readonly placeholder = input('Select period');\n    /** Panel placement. Unset means derived from the anchor mode, i.e. `bottom-start`. */\n    readonly placement = input<FloatingPlacement>();\n    /** Label of the \"Custom\" entry in the preset list. */\n    readonly customRangeLabel = input('Custom');\n    /** IANA time zone name. When set, a chip with the zone's offset is shown next to the trigger. */\n    readonly timeZone = input<string | undefined>(undefined);\n    /** Tooltip text of the info icon shown next to the time-zone chip. */\n    readonly timeZoneTooltip = input<string | undefined>(undefined);\n    readonly disabled = input(false);\n    /** Close the dropdown once a full period is selected. When false it stays open until backdrop click or Escape. */\n    readonly closeOnSelect = input(true);\n    /** Emits the `key` of the preset matching the picked period, or 'custom'. */\n    readonly presetSelected = output<string>();\n\n    protected readonly DatepickerMode = DatepickerMode;\n\n    protected readonly rangesConfig = computed<RangesConfigPresetType>(() =>\n        Object.fromEntries(this.presets().map(({ label, range }) => [label, range]))\n    );\n\n    protected readonly i18n = computed<I18nDatePicker>(() => ({\n        ranges: {\n            yesterday: 'Yesterday',\n            lastWeek: 'Last Week',\n            last30Days: 'Last 30 days',\n            lastMonth: 'Previous month',\n            thisMonth: 'This month',\n        },\n        customRangeLabel: this.customRangeLabel(),\n    }));\n\n    protected readonly formattedValue = computed(() => {\n        const { startDate, endDate } = this.value();\n        if (!startDate || !endDate) {\n            return '';\n        }\n        const format = (date: dayjs.Dayjs) => date.locale(this.locale()).format(this.dateFormat());\n        return `${format(startDate)} - ${format(endDate)}`;\n    });\n\n    protected readonly rangeHint = computed(() => {\n        const days = this.maxRangeDays();\n        return days ? (this.maxRangeDaysHint() ?? `Maximum period: ${days} days`) : undefined;\n    });\n\n    protected readonly timeZoneOffset = computed(() => {\n        const timeZone = this.timeZone();\n        return timeZone ? timeZoneAbbreviation(timeZone) : '';\n    });\n\n    protected onPeriodSelected(period: Period): void {\n        this.value.set(period);\n        this.presetSelected.emit(this.matchPresetKey(period));\n    }\n\n    private matchPresetKey({ startDate, endDate }: Period): string {\n        const match = this.presets().find(({ range: [start, end] }) => startDate?.isSame(start, 'day') && endDate?.isSame(end, 'day'));\n        return match?.key ?? 'custom';\n    }\n}\n","<button\n    type=\"button\"\n    class=\"ap-date-range-picker__trigger\"\n    aria-haspopup=\"dialog\"\n    [attr.aria-expanded]=\"dropdown.isOpen()\"\n    [class.ap-date-range-picker__trigger--open]=\"dropdown.isOpen()\"\n    [disabled]=\"disabled()\"\n    [apDropdownTrigger]=\"dropdown\">\n    <ap-symbol\n        size=\"sm\"\n        symbolId=\"calendar\" />\n    @if (formattedValue()) {\n        <span class=\"ap-date-range-picker__value\">{{ formattedValue() }}</span>\n    } @else {\n        <span class=\"ap-date-range-picker__placeholder\">{{ placeholder() }}</span>\n    }\n    <ap-symbol\n        class=\"ap-date-range-picker__chevron\"\n        size=\"sm\"\n        [symbolId]=\"dropdown.isOpen() ? 'chevron-up' : 'chevron-down'\" />\n</button>\n\n@if (timeZone()) {\n    <div\n        class=\"ap-date-range-picker__timezone\"\n        apTooltipPosition=\"bottom\"\n        [apTooltip]=\"timeZone()\">\n        <ap-symbol\n            size=\"sm\"\n            symbolId=\"clock\"\n            color=\"grey\" />\n        <span class=\"ap-date-range-picker__timezone-offset\">{{ timeZoneOffset() }}</span>\n    </div>\n    @if (timeZoneTooltip()) {\n        <ap-symbol\n            class=\"ap-date-range-picker__timezone-info\"\n            size=\"sm\"\n            symbolId=\"info\"\n            color=\"grey-blue\"\n            apTooltipPosition=\"bottom\"\n            [apTooltip]=\"timeZoneTooltip()\" />\n    }\n}\n\n<ap-datepicker-dropdown\n    #dropdown\n    [mode]=\"DatepickerMode.Range\"\n    [closeOnSelect]=\"closeOnSelect()\"\n    [dateLimit]=\"maxRangeDays()\"\n    [placement]=\"placement()\"\n    [hint]=\"rangeHint()\"\n    [disabled]=\"disabled()\"\n    [firstDayOfWeek]=\"firstDayOfWeek()\"\n    [i18n]=\"i18n()\"\n    [locale]=\"locale()\"\n    [maxDate]=\"maxDate()\"\n    [minDate]=\"minDate()\"\n    [rangesConfig]=\"rangesConfig()\"\n    [selectedPeriod]=\"value()\"\n    [showCustomRangeLabel]=\"true\"\n    [showRanges]=\"true\"\n    (periodSelected)=\"onPeriodSelected($event)\" />\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":";;;;;;;;;AAyBA;AACM,SAAU,6BAA6B,CAAC,KAAA,GAAqB,KAAK,EAAE,EAAA;IACtE,MAAM,SAAS,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,EAAE,KAAK,CAAC;IAC1C,OAAO;AACH,QAAA,EAAE,GAAG,EAAE,WAAW,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC,EAAE;QACvE,EAAE,GAAG,EAAE,UAAU,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,EAAE,KAAK,CAAC,EAAE,SAAS,CAAC,EAAE;QACrF,EAAE,GAAG,EAAE,YAAY,EAAE,KAAK,EAAE,cAAc,EAAE,KAAK,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,EAAE,KAAK,CAAC,EAAE,SAAS,CAAC,EAAE;AAC3F,QAAA;AACI,YAAA,GAAG,EAAE,WAAW;AAChB,YAAA,KAAK,EAAE,gBAAgB;AACvB,YAAA,KAAK,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;AAClG,SAAA;QACD,EAAE,GAAG,EAAE,YAAY,EAAE,KAAK,EAAE,cAAc,EAAE,KAAK,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,EAAE,KAAK,CAAC,EAAE,SAAS,CAAC,EAAE;QAC3F,EAAE,GAAG,EAAE,cAAc,EAAE,KAAK,EAAE,gBAAgB,EAAE,KAAK,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,EAAE,MAAM,CAAC,EAAE,SAAS,CAAC,EAAE;QAC/F,EAAE,GAAG,EAAE,WAAW,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,CAAC,SAAS,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,SAAS,CAAC,EAAE;AACzF,QAAA;AACI,YAAA,GAAG,EAAE,UAAU;AACf,YAAA,KAAK,EAAE,eAAe;AACtB,YAAA,KAAK,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;AAC9F,SAAA;KACJ;AACL;AAEA,SAAS,oBAAoB,CAAC,QAAgB,EAAA;AAC1C,IAAA,QACI,IAAI,IAAI,CAAC,cAAc,CAAC,OAAO,EAAE,EAAE,QAAQ,EAAE,YAAY,EAAE,OAAO,EAAE;AAC/D,SAAA,aAAa,CAAC,IAAI,IAAI,EAAE;AACxB,SAAA,IAAI,CAAC,CAAC,EAAE,IAAI,EAAE,KAAK,IAAI,KAAK,cAAc,CAAC,EAAE,KAAK,IAAI,EAAE;AAErE;AAEA;;;;;;;;;;;;AAYG;MAmBU,wBAAwB,CAAA;;IAExB,KAAK,GAAG,KAAK,CAAS,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,SAAS,EAAE;8EAAC;;AAEnE,IAAA,OAAO,GAAG,KAAK,CAA0B,6BAA6B,EAAE;gFAAC;;IAEzE,OAAO,GAAG,KAAK,CAA0B,SAAS;gFAAC;;IAEnD,OAAO,GAAG,KAAK,CAA0B,SAAS;gFAAC;;IAEnD,YAAY,GAAG,KAAK,CAAqB,SAAS;qFAAC;;IAEnD,gBAAgB,GAAG,KAAK,CAAqB,SAAS;yFAAC;;IAEvD,MAAM,GAAG,KAAK,CAAC,IAAI;+EAAC;IACpB,cAAc,GAAG,KAAK,CAAiB,QAAQ;uFAAC;;IAEhD,UAAU,GAAG,KAAK,CAAC,IAAI;mFAAC;;IAExB,WAAW,GAAG,KAAK,CAAC,eAAe;oFAAC;;AAEpC,IAAA,SAAS,GAAG,KAAK;6FAAqB;;IAEtC,gBAAgB,GAAG,KAAK,CAAC,QAAQ;yFAAC;;IAElC,QAAQ,GAAG,KAAK,CAAqB,SAAS;iFAAC;;IAE/C,eAAe,GAAG,KAAK,CAAqB,SAAS;wFAAC;IACtD,QAAQ,GAAG,KAAK,CAAC,KAAK;iFAAC;;IAEvB,aAAa,GAAG,KAAK,CAAC,IAAI;sFAAC;;IAE3B,cAAc,GAAG,MAAM,EAAU;IAEvB,cAAc,GAAG,cAAc;AAE/B,IAAA,YAAY,GAAG,QAAQ,CAAyB,MAC/D,MAAM,CAAC,WAAW,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC;qFAC/E;AAEkB,IAAA,IAAI,GAAG,QAAQ,CAAiB,OAAO;AACtD,QAAA,MAAM,EAAE;AACJ,YAAA,SAAS,EAAE,WAAW;AACtB,YAAA,QAAQ,EAAE,WAAW;AACrB,YAAA,UAAU,EAAE,cAAc;AAC1B,YAAA,SAAS,EAAE,gBAAgB;AAC3B,YAAA,SAAS,EAAE,YAAY;AAC1B,SAAA;AACD,QAAA,gBAAgB,EAAE,IAAI,CAAC,gBAAgB,EAAE;KAC5C,CAAC;6EAAC;AAEgB,IAAA,cAAc,GAAG,QAAQ,CAAC,MAAK;QAC9C,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC,KAAK,EAAE;AAC3C,QAAA,IAAI,CAAC,SAAS,IAAI,CAAC,OAAO,EAAE;AACxB,YAAA,OAAO,EAAE;QACb;QACA,MAAM,MAAM,GAAG,CAAC,IAAiB,KAAK,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC;QAC1F,OAAO,CAAA,EAAG,MAAM,CAAC,SAAS,CAAC,CAAA,GAAA,EAAM,MAAM,CAAC,OAAO,CAAC,CAAA,CAAE;IACtD,CAAC;uFAAC;AAEiB,IAAA,SAAS,GAAG,QAAQ,CAAC,MAAK;AACzC,QAAA,MAAM,IAAI,GAAG,IAAI,CAAC,YAAY,EAAE;AAChC,QAAA,OAAO,IAAI,IAAI,IAAI,CAAC,gBAAgB,EAAE,IAAI,CAAA,gBAAA,EAAmB,IAAI,CAAA,KAAA,CAAO,IAAI,SAAS;IACzF,CAAC;kFAAC;AAEiB,IAAA,cAAc,GAAG,QAAQ,CAAC,MAAK;AAC9C,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,EAAE;AAChC,QAAA,OAAO,QAAQ,GAAG,oBAAoB,CAAC,QAAQ,CAAC,GAAG,EAAE;IACzD,CAAC;uFAAC;AAEQ,IAAA,gBAAgB,CAAC,MAAc,EAAA;AACrC,QAAA,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC;AACtB,QAAA,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;IACzD;AAEQ,IAAA,cAAc,CAAC,EAAE,SAAS,EAAE,OAAO,EAAU,EAAA;AACjD,QAAA,MAAM,KAAK,GAAG,IAAI,CAAC,OAAO,EAAE,CAAC,IAAI,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,KAAK,EAAE,GAAG,CAAC,EAAE,KAAK,SAAS,EAAE,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,IAAI,OAAO,EAAE,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;AAC9H,QAAA,OAAO,KAAK,EAAE,GAAG,IAAI,QAAQ;IACjC;uGA9ES,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAxB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,wBAAwB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,sBAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,YAAA,EAAA,EAAA,iBAAA,EAAA,cAAA,EAAA,UAAA,EAAA,cAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,gBAAA,EAAA,EAAA,iBAAA,EAAA,kBAAA,EAAA,UAAA,EAAA,kBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,MAAA,EAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,EAAA,iBAAA,EAAA,gBAAA,EAAA,UAAA,EAAA,gBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,WAAA,EAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,UAAA,EAAA,aAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,WAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,gBAAA,EAAA,EAAA,iBAAA,EAAA,kBAAA,EAAA,UAAA,EAAA,kBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,eAAA,EAAA,EAAA,iBAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,aAAA,EAAA,EAAA,iBAAA,EAAA,eAAA,EAAA,UAAA,EAAA,eAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,KAAA,EAAA,aAAA,EAAA,cAAA,EAAA,gBAAA,EAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,sBAAA,EAAA,EAAA,SAAA,EAZtB;YACP,WAAW,CAAC,UAAU,EAAE,aAAa,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,CAAC;AACpE,YAAA,EAAE,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,EAAE,EAAE;YACxC,aAAa;SAChB,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EC/EL,u+DA8DA,21CDYc,2BAA2B,EAAA,QAAA,EAAA,wBAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,cAAA,EAAA,eAAA,EAAA,gBAAA,EAAA,SAAA,EAAA,SAAA,EAAA,WAAA,EAAA,MAAA,EAAA,gBAAA,EAAA,QAAA,EAAA,MAAA,EAAA,YAAA,EAAA,sBAAA,EAAA,cAAA,EAAA,cAAA,EAAA,eAAA,EAAA,UAAA,EAAA,WAAA,CAAA,EAAA,OAAA,EAAA,CAAA,QAAA,EAAA,QAAA,EAAA,cAAA,EAAA,gBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,wBAAwB,EAAA,QAAA,EAAA,qBAAA,EAAA,MAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,eAAe,sHAAE,gBAAgB,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,WAAA,EAAA,mBAAA,EAAA,oBAAA,EAAA,oBAAA,EAAA,mBAAA,EAAA,mBAAA,EAAA,4BAAA,EAAA,0BAAA,EAAA,+BAAA,EAAA,kBAAA,EAAA,eAAA,EAAA,8BAAA,EAAA,oBAAA,EAAA,4BAAA,CAAA,EAAA,QAAA,EAAA,CAAA,WAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA;;2FAazF,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBAlBpC,SAAS;AACW,YAAA,IAAA,EAAA,CAAA,EAAA,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,QAAA,EACrC,sBAAsB,WAGvB,CAAC,2BAA2B,EAAE,wBAAwB,EAAE,eAAe,EAAE,gBAAgB,CAAC,EAAA,SAAA,EACxF;wBACP,WAAW,CAAC,UAAU,EAAE,aAAa,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,CAAC;AACpE,wBAAA,EAAE,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,EAAE,EAAE;wBACxC,aAAa;qBAChB,EAAA,IAAA,EACK;AACF,wBAAA,KAAK,EAAE,sBAAsB;qBAChC,EAAA,aAAA,EAGc,iBAAiB,CAAC,IAAI,EAAA,QAAA,EAAA,u+DAAA,EAAA,MAAA,EAAA,CAAA,myCAAA,CAAA,EAAA;;;AErFzC;;AAEG;;;;"}

package/types/agorapulse-ui-components-date-range-picker.d.ts

@@ -1,75 +0,0 @@
-import * as _floating_ui_utils from '@floating-ui/utils';
-import * as _angular_core from '@angular/core';
-import { Period, FirstDayOfWeek, DatepickerMode, RangesConfigPresetType, I18nDatePicker } from '@agorapulse/ui-components/datepicker';
-import dayjs from 'dayjs';
-
-interface DateRangePickerPreset {
-    /** Stable identifier emitted by `presetSelected`, independent of the displayed label. */
-    key: string;
-    /** The text shown in the preset list. */
-    label: string;
-    /** The date range this preset selects. */
-    range: [dayjs.Dayjs, dayjs.Dayjs];
-}
-/** The default preset list (English labels), computed relative to `today` so ranges stay fresh. */
-declare function defaultDateRangePickerPresets(today?: dayjs.Dayjs): DateRangePickerPreset[];
-/**
- * A compact date-range selector for toolbars: a trigger chip showing the selected
- * period that opens a dropdown with preset ranges and a dual-month calendar.
- *
- * @example
- * ```html
- * <ap-date-range-picker
- *     [(value)]="period"
- *     [maxDate]="yesterday"
- *     timeZone="Europe/Paris"
- *     (presetSelected)="onPreset($event)" />
- * ```
- */
-declare class DateRangePickerComponent {
-    /** The selected period. Supports two-way binding via `[(value)]`. */
-    readonly value: _angular_core.ModelSignal<Period>;
-    /** The preset ranges listed in the dropdown. Defaults to `defaultDateRangePickerPresets()`. */
-    readonly presets: _angular_core.InputSignal<DateRangePickerPreset[]>;
-    /** Earliest selectable date. */
-    readonly minDate: _angular_core.InputSignal<dayjs.Dayjs | undefined>;
-    /** Latest selectable date. */
-    readonly maxDate: _angular_core.InputSignal<dayjs.Dayjs | undefined>;
-    /** Maximum number of days between the start and the end date. Undefined means no limit. */
-    readonly maxRangeDays: _angular_core.InputSignal<number | undefined>;
-    /** Caption shown in the panel when `maxRangeDays` is set. Defaults to an English sentence — pass a translated one. */
-    readonly maxRangeDaysHint: _angular_core.InputSignal<string | undefined>;
-    /** Locale used for the calendar and the trigger label. */
-    readonly locale: _angular_core.InputSignal<string>;
-    readonly firstDayOfWeek: _angular_core.InputSignal<FirstDayOfWeek>;
-    /** dayjs format of the trigger label. */
-    readonly dateFormat: _angular_core.InputSignal<string>;
-    /** Text shown on the trigger while no period is selected. */
-    readonly placeholder: _angular_core.InputSignal<string>;
-    /** Panel placement. Unset means derived from the anchor mode, i.e. `bottom-start`. */
-    readonly placement: _angular_core.InputSignal<_floating_ui_utils.Placement | undefined>;
-    /** Label of the "Custom" entry in the preset list. */
-    readonly customRangeLabel: _angular_core.InputSignal<string>;
-    /** IANA time zone name. When set, a chip with the zone's offset is shown next to the trigger. */
-    readonly timeZone: _angular_core.InputSignal<string | undefined>;
-    /** Tooltip text of the info icon shown next to the time-zone chip. */
-    readonly timeZoneTooltip: _angular_core.InputSignal<string | undefined>;
-    readonly disabled: _angular_core.InputSignal<boolean>;
-    /** Close the dropdown once a full period is selected. When false it stays open until backdrop click or Escape. */
-    readonly closeOnSelect: _angular_core.InputSignal<boolean>;
-    /** Emits the `key` of the preset matching the picked period, or 'custom'. */
-    readonly presetSelected: _angular_core.OutputEmitterRef<string>;
-    protected readonly DatepickerMode: typeof DatepickerMode;
-    protected readonly rangesConfig: _angular_core.Signal<RangesConfigPresetType>;
-    protected readonly i18n: _angular_core.Signal<I18nDatePicker>;
-    protected readonly formattedValue: _angular_core.Signal<string>;
-    protected readonly rangeHint: _angular_core.Signal<string | undefined>;
-    protected readonly timeZoneOffset: _angular_core.Signal<string>;
-    protected onPeriodSelected(period: Period): void;
-    private matchPresetKey;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DateRangePickerComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DateRangePickerComponent, "ap-date-range-picker", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "presets": { "alias": "presets"; "required": false; "isSignal": true; }; "minDate": { "alias": "minDate"; "required": false; "isSignal": true; }; "maxDate": { "alias": "maxDate"; "required": false; "isSignal": true; }; "maxRangeDays": { "alias": "maxRangeDays"; "required": false; "isSignal": true; }; "maxRangeDaysHint": { "alias": "maxRangeDaysHint"; "required": false; "isSignal": true; }; "locale": { "alias": "locale"; "required": false; "isSignal": true; }; "firstDayOfWeek": { "alias": "firstDayOfWeek"; "required": false; "isSignal": true; }; "dateFormat": { "alias": "dateFormat"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "customRangeLabel": { "alias": "customRangeLabel"; "required": false; "isSignal": true; }; "timeZone": { "alias": "timeZone"; "required": false; "isSignal": true; }; "timeZoneTooltip": { "alias": "timeZoneTooltip"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "closeOnSelect": { "alias": "closeOnSelect"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "presetSelected": "presetSelected"; }, never, never, true, never>;
-}
-
-export { DateRangePickerComponent, defaultDateRangePickerPresets };
-export type { DateRangePickerPreset };