@origostudio/origo-design 0.0.49 → 0.0.51

package/dist/packages/angular-renderer/src/components/primitives/date-range-picker/date-range-picker.component.d.ts

@@ -0,0 +1,67 @@
+import { InteractionContract } from '@origostudio/core';
+import { OrigoAdapter } from '../../../adapters/web/adapter';
+export interface DateRangePickerProps {
+    format?: string;
+    minDate?: string;
+    maxDate?: string;
+    showTime?: boolean;
+    timezone?: string;
+    startDate?: string;
+    endDate?: string;
+    'aria-label'?: string;
+}
+interface CalendarDay {
+    date: Date;
+    isCurrentMonth: boolean;
+    isToday: boolean;
+    disabled: boolean;
+}
+export declare class DateRangePickerComponent implements OrigoAdapter<DateRangePickerProps> {
+    static readonly contractSchema: {
+        format: string;
+        minDate: string;
+        maxDate: string;
+        showTime: string;
+        timezone: string;
+        startDate: string;
+        endDate: string;
+        'aria-label': string;
+        permissions: string;
+        rules: string;
+        metadata: string;
+    };
+    static readonly strictContract = false;
+    contract: import("@angular/core").InputSignal<InteractionContract<DateRangePickerProps>>;
+    value: import("@angular/core").ModelSignal<any>;
+    startDate: import("@angular/core").WritableSignal<string | null>;
+    endDate: import("@angular/core").WritableSignal<string | null>;
+    isOpen: import("@angular/core").WritableSignal<boolean>;
+    currentViewDate: import("@angular/core").WritableSignal<Date>;
+    selectionPhase: import("@angular/core").WritableSignal<"start" | "end">;
+    private experienceAdapter;
+    private elementRef;
+    weekDays: string[];
+    computedAriaLabel: import("@angular/core").Signal<string>;
+    displayStartValue: import("@angular/core").Signal<string>;
+    displayEndValue: import("@angular/core").Signal<string>;
+    private parseSafeUTC;
+    private formatDateStr;
+    constructor();
+    onClickOutside(event: MouseEvent): void;
+    onEscape(): void;
+    private cancelSelection;
+    toggleCalendar(): void;
+    currentMonthYear: import("@angular/core").Signal<string>;
+    private isDateDisabled;
+    calendarGrid: import("@angular/core").Signal<CalendarDay[][]>;
+    isSameDate(d1Str: string | null, d2: Date): boolean;
+    isSelected(date: Date): boolean;
+    isInRange(date: Date): boolean;
+    onDayClick(date: Date): void;
+    selectRange(start: Date, end: Date): void;
+    prevMonth(): void;
+    nextMonth(): void;
+    onInputKeyDown(event: KeyboardEvent): void;
+    onDayKeyDown(event: KeyboardEvent, date: Date): void;
+}
+export {};

package/dist/packages/angular-renderer/src/components/primitives/date-range-picker/date-range-picker.component.js

@@ -0,0 +1,299 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DateRangePickerComponent = void 0;
+const tslib_1 = require("tslib");
+const core_1 = require("@angular/core");
+const experience_adapter_service_1 = require("../../../adapters/web/experience-adapter.service");
+let DateRangePickerComponent = (() => {
+    let _classDecorators = [(0, core_1.Component)({
+            selector: 'origo-date-range-picker',
+            standalone: true,
+            templateUrl: './date-range-picker.component.html',
+            styleUrls: ['./date-range-picker.component.scss'],
+            changeDetection: core_1.ChangeDetectionStrategy.OnPush,
+            encapsulation: core_1.ViewEncapsulation.ShadowDom,
+        })];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _instanceExtraInitializers = [];
+    let _onClickOutside_decorators;
+    let _onEscape_decorators;
+    var DateRangePickerComponent = class {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
+            _onClickOutside_decorators = [(0, core_1.HostListener)('document:mousedown', ['$event'])];
+            _onEscape_decorators = [(0, core_1.HostListener)('document:keydown.escape')];
+            tslib_1.__esDecorate(this, null, _onClickOutside_decorators, { kind: "method", name: "onClickOutside", static: false, private: false, access: { has: obj => "onClickOutside" in obj, get: obj => obj.onClickOutside }, metadata: _metadata }, null, _instanceExtraInitializers);
+            tslib_1.__esDecorate(this, null, _onEscape_decorators, { kind: "method", name: "onEscape", static: false, private: false, access: { has: obj => "onEscape" in obj, get: obj => obj.onEscape }, metadata: _metadata }, null, _instanceExtraInitializers);
+            tslib_1.__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            DateRangePickerComponent = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        }
+        static contractSchema = {
+            format: 'string',
+            minDate: 'string',
+            maxDate: 'string',
+            showTime: 'boolean',
+            timezone: 'string',
+            startDate: 'string',
+            endDate: 'string',
+            'aria-label': 'string',
+            permissions: 'array',
+            rules: 'array',
+            metadata: 'object',
+        };
+        static strictContract = false;
+        contract = (tslib_1.__runInitializers(this, _instanceExtraInitializers), core_1.input.required());
+        // DateRangePicker doesn't use a single value model in the same way, but keeping it for adapter compat if needed
+        value = (0, core_1.model)(null);
+        startDate = (0, core_1.signal)(null);
+        endDate = (0, core_1.signal)(null);
+        isOpen = (0, core_1.signal)(false);
+        currentViewDate = (0, core_1.signal)(new Date(Date.UTC(new Date().getUTCFullYear(), new Date().getUTCMonth(), 1)));
+        selectionPhase = (0, core_1.signal)('start');
+        experienceAdapter = (0, core_1.inject)(experience_adapter_service_1.WebExperienceAdapterService);
+        elementRef = (0, core_1.inject)(core_1.ElementRef);
+        weekDays = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'];
+        computedAriaLabel = (0, core_1.computed)(() => this.contract().props?.['aria-label'] || 'Date Range Picker');
+        displayStartValue = (0, core_1.computed)(() => this.formatDateStr(this.startDate()));
+        displayEndValue = (0, core_1.computed)(() => this.formatDateStr(this.endDate()));
+        parseSafeUTC(isoString) {
+            if (!isoString || isoString === 'null' || isoString === 'undefined')
+                return null;
+            const d = new Date(isoString);
+            if (isNaN(d.getTime()))
+                return null;
+            return d;
+        }
+        formatDateStr(val) {
+            const d = this.parseSafeUTC(val);
+            if (!d)
+                return '';
+            return `${d.getUTCFullYear()}-${String(d.getUTCMonth() + 1).padStart(2, '0')}-${String(d.getUTCDate()).padStart(2, '0')}`;
+        }
+        constructor() {
+            (0, core_1.effect)(() => {
+                const s = this.contract().props?.startDate;
+                const e = this.contract().props?.endDate;
+                (0, core_1.untracked)(() => {
+                    this.startDate.set(s === undefined || s === null ? null : String(s));
+                    this.endDate.set(e === undefined || e === null ? null : String(e));
+                    const dateToView = this.parseSafeUTC(this.startDate()) || new Date();
+                    this.currentViewDate.set(new Date(Date.UTC(dateToView.getUTCFullYear(), dateToView.getUTCMonth(), 1)));
+                });
+            });
+        }
+        onClickOutside(event) {
+            if (this.isOpen() && !this.elementRef.nativeElement.contains(event.target)) {
+                this.cancelSelection();
+            }
+        }
+        onEscape() {
+            if (this.isOpen()) {
+                this.cancelSelection();
+            }
+        }
+        cancelSelection() {
+            // If we're mid-selection, revert to the contract state
+            if (this.selectionPhase() === 'end') {
+                const s = this.contract().props?.startDate;
+                this.startDate.set(s === undefined || s === null ? null : String(s));
+                this.selectionPhase.set('start');
+            }
+            this.isOpen.set(false);
+        }
+        toggleCalendar() {
+            if (this.isOpen()) {
+                this.cancelSelection();
+            }
+            else {
+                this.isOpen.set(true);
+            }
+        }
+        currentMonthYear = (0, core_1.computed)(() => {
+            const d = this.currentViewDate();
+            const months = [
+                'January',
+                'February',
+                'March',
+                'April',
+                'May',
+                'June',
+                'July',
+                'August',
+                'September',
+                'October',
+                'November',
+                'December',
+            ];
+            return `${months[d.getUTCMonth()]} ${d.getUTCFullYear()}`;
+        });
+        isDateDisabled(date) {
+            const minDateStr = this.contract().props?.minDate;
+            const maxDateStr = this.contract().props?.maxDate;
+            if (minDateStr) {
+                const minD = this.parseSafeUTC(minDateStr);
+                if (minD && date < minD)
+                    return true;
+            }
+            if (maxDateStr) {
+                const maxD = this.parseSafeUTC(maxDateStr);
+                if (maxD && date > maxD)
+                    return true;
+            }
+            return false;
+        }
+        calendarGrid = (0, core_1.computed)(() => {
+            const viewDate = this.currentViewDate();
+            const year = viewDate.getUTCFullYear();
+            const month = viewDate.getUTCMonth();
+            const firstDayOfMonth = new Date(Date.UTC(year, month, 1));
+            const startingDayOfWeek = firstDayOfMonth.getUTCDay();
+            const startDateGrid = new Date(firstDayOfMonth);
+            startDateGrid.setUTCDate(startDateGrid.getUTCDate() - startingDayOfWeek);
+            const weeks = [];
+            const currentDay = new Date(startDateGrid);
+            const today = new Date();
+            while (weeks.length < 6) {
+                if (currentDay.getUTCDay() === 0) {
+                    weeks.push([]);
+                }
+                weeks[weeks.length - 1].push({
+                    date: new Date(currentDay),
+                    isCurrentMonth: currentDay.getUTCMonth() === month,
+                    isToday: currentDay.getUTCFullYear() === today.getUTCFullYear() &&
+                        currentDay.getUTCMonth() === today.getUTCMonth() &&
+                        currentDay.getUTCDate() === today.getUTCDate(),
+                    disabled: this.isDateDisabled(currentDay),
+                });
+                currentDay.setUTCDate(currentDay.getUTCDate() + 1);
+            }
+            return weeks;
+        });
+        isSameDate(d1Str, d2) {
+            const d1 = this.parseSafeUTC(d1Str);
+            if (!d1)
+                return false;
+            return (d1.getUTCFullYear() === d2.getUTCFullYear() &&
+                d1.getUTCMonth() === d2.getUTCMonth() &&
+                d1.getUTCDate() === d2.getUTCDate());
+        }
+        isSelected(date) {
+            return this.isSameDate(this.startDate(), date) || this.isSameDate(this.endDate(), date);
+        }
+        isInRange(date) {
+            const sDate = this.parseSafeUTC(this.startDate());
+            const eDate = this.parseSafeUTC(this.endDate());
+            if (!sDate || !eDate)
+                return false;
+            // Normalize to start of UTC day for comparison
+            const normDate = Date.UTC(date.getUTCFullYear(), date.getUTCMonth(), date.getUTCDate());
+            const normS = Date.UTC(sDate.getUTCFullYear(), sDate.getUTCMonth(), sDate.getUTCDate());
+            const normE = Date.UTC(eDate.getUTCFullYear(), eDate.getUTCMonth(), eDate.getUTCDate());
+            return normDate >= Math.min(normS, normE) && normDate <= Math.max(normS, normE);
+        }
+        onDayClick(date) {
+            if (this.isDateDisabled(date))
+                return;
+            if (this.selectionPhase() === 'start') {
+                const iso = date.toISOString();
+                this.startDate.set(iso);
+                this.endDate.set(null);
+                this.selectionPhase.set('end');
+            }
+            else {
+                let startD = this.parseSafeUTC(this.startDate());
+                if (!startD) {
+                    startD = date;
+                }
+                let endD = date;
+                if (endD.getTime() < startD.getTime()) {
+                    const temp = startD;
+                    startD = endD;
+                    endD = temp;
+                }
+                this.selectRange(startD, endD);
+                this.selectionPhase.set('start');
+                this.isOpen.set(false);
+            }
+        }
+        selectRange(start, end) {
+            const s = new Date(Date.UTC(start.getUTCFullYear(), start.getUTCMonth(), start.getUTCDate())).toISOString();
+            const e = new Date(Date.UTC(end.getUTCFullYear(), end.getUTCMonth(), end.getUTCDate())).toISOString();
+            let actualStart = s;
+            let actualEnd = e;
+            if (new Date(e).getTime() < new Date(s).getTime()) {
+                actualStart = e;
+                actualEnd = s;
+            }
+            this.startDate.set(actualStart);
+            this.endDate.set(actualEnd);
+            this.experienceAdapter.updateState(this.contract().id, 'startDate', actualStart);
+            this.experienceAdapter.updateState(this.contract().id, 'endDate', actualEnd);
+            // Also notify if 'value' model binding is used to pass range object
+            this.value.set({ startDate: actualStart, endDate: actualEnd });
+        }
+        prevMonth() {
+            const d = this.currentViewDate();
+            this.currentViewDate.set(new Date(Date.UTC(d.getUTCFullYear(), d.getUTCMonth() - 1, 1)));
+        }
+        nextMonth() {
+            const d = this.currentViewDate();
+            this.currentViewDate.set(new Date(Date.UTC(d.getUTCFullYear(), d.getUTCMonth() + 1, 1)));
+        }
+        onInputKeyDown(event) {
+            if (event.key === 'Enter' || event.key === ' ' || event.key === 'ArrowDown') {
+                event.preventDefault();
+                this.isOpen.set(true);
+            }
+        }
+        onDayKeyDown(event, date) {
+            const d = new Date(date);
+            let handled = false;
+            switch (event.key) {
+                case 'Enter':
+                case ' ':
+                    this.onDayClick(d);
+                    handled = true;
+                    break;
+                case 'ArrowRight':
+                    d.setUTCDate(d.getUTCDate() + 1);
+                    handled = true;
+                    break;
+                case 'ArrowLeft':
+                    d.setUTCDate(d.getUTCDate() - 1);
+                    handled = true;
+                    break;
+                case 'ArrowDown':
+                    d.setUTCDate(d.getUTCDate() + 7);
+                    handled = true;
+                    break;
+                case 'ArrowUp':
+                    d.setUTCDate(d.getUTCDate() - 7);
+                    handled = true;
+                    break;
+            }
+            if (handled) {
+                event.preventDefault();
+                if (d.getUTCMonth() !== this.currentViewDate().getUTCMonth() ||
+                    d.getUTCFullYear() !== this.currentViewDate().getUTCFullYear()) {
+                    this.currentViewDate.set(new Date(Date.UTC(d.getUTCFullYear(), d.getUTCMonth(), 1)));
+                }
+                setTimeout(() => {
+                    const id = `day-${d.getUTCFullYear()}-${d.getUTCMonth()}-${d.getUTCDate()}`;
+                    const el = this.elementRef.nativeElement.shadowRoot?.getElementById(id);
+                    if (el)
+                        el.focus();
+                }, 0);
+            }
+        }
+        static {
+            tslib_1.__runInitializers(_classThis, _classExtraInitializers);
+        }
+    };
+    return DateRangePickerComponent = _classThis;
+})();
+exports.DateRangePickerComponent = DateRangePickerComponent;
+//# sourceMappingURL=date-range-picker.component.js.map

package/dist/packages/angular-renderer/src/components/primitives/date-range-picker/date-range-picker.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-range-picker.component.js","sourceRoot":"","sources":["../../../../../../../packages/angular-renderer/src/components/primitives/date-range-picker/date-range-picker.component.ts"],"names":[],"mappings":"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"}

package/dist/packages/angular-renderer/src/components/primitives/multi-select/multi-select.component.d.ts

@@ -0,0 +1,110 @@
+import { InteractionContract } from '@origostudio/core';
+import { OrigoAdapter } from '../../../adapters/web/adapter';
+import { NormalizedOption } from '../select/selection-utils';
+export interface MultiSelectProps {
+    id?: string;
+    value?: Array<unknown>;
+    options: Array<unknown>;
+    optionLabel?: string;
+    optionValue?: string;
+    placeholder?: string;
+    filter?: boolean;
+    filterBy?: string;
+    filterPlaceholder?: string;
+    showToggleAll?: boolean;
+    maxSelectedLabels?: number;
+    selectedItemsLabel?: string;
+    display?: 'comma' | 'chip';
+    clearable?: boolean;
+    virtualScroll?: boolean;
+    itemSize?: number;
+    loading?: boolean;
+    disabled?: boolean;
+    readonly?: boolean;
+    required?: boolean;
+    invalid?: boolean;
+    errorText?: string;
+    helpText?: string;
+    variant?: 'outlined' | 'filled';
+    fluid?: boolean;
+    'aria-label'?: string;
+    'aria-describedby'?: string;
+    permissions?: Record<string, string>;
+    rules?: Record<string, unknown>;
+    metadata?: Record<string, unknown>;
+}
+export declare class MultiSelectComponent implements OrigoAdapter<MultiSelectProps> {
+    static readonly contractSchema: {
+        permissions: string;
+        rules: string;
+        metadata: string;
+        options: string;
+        value: string;
+        optionLabel: string;
+        optionValue: string;
+        placeholder: string;
+        filter: string;
+        filterBy: string;
+        filterPlaceholder: string;
+        showToggleAll: string;
+        maxSelectedLabels: string;
+        selectedItemsLabel: string;
+        display: string;
+        clearable: string;
+        virtualScroll: string;
+        itemSize: string;
+        loading: string;
+        disabled: string;
+        readonly: string;
+        required: string;
+        invalid: string;
+        errorText: string;
+        helpText: string;
+        variant: string;
+        fluid: string;
+        'aria-label': string;
+        'aria-describedby': string;
+    };
+    static readonly strictContract = false;
+    contract: import("@angular/core").InputSignal<InteractionContract<MultiSelectProps>>;
+    value: import("@angular/core").ModelSignal<unknown[]>;
+    isOpen: import("@angular/core").WritableSignal<boolean>;
+    filterQuery: import("@angular/core").WritableSignal<string>;
+    activeIndex: import("@angular/core").WritableSignal<number>;
+    computedNormalizedOptions: import("@angular/core").Signal<NormalizedOption[]>;
+    filteredOptions: import("@angular/core").Signal<NormalizedOption[]>;
+    computedSelectedOptions: import("@angular/core").Signal<NormalizedOption[]>;
+    computedPlaceholder: import("@angular/core").Signal<string>;
+    computedDisabled: import("@angular/core").Signal<boolean>;
+    computedReadonly: import("@angular/core").Signal<boolean>;
+    computedRequired: import("@angular/core").Signal<boolean>;
+    computedInvalid: import("@angular/core").Signal<boolean>;
+    computedFilter: import("@angular/core").Signal<boolean>;
+    computedFilterPlaceholder: import("@angular/core").Signal<string>;
+    computedShowToggleAll: import("@angular/core").Signal<boolean>;
+    computedClearable: import("@angular/core").Signal<boolean>;
+    computedDisplay: import("@angular/core").Signal<"comma" | "chip">;
+    computedMaxSelectedLabels: import("@angular/core").Signal<number>;
+    computedSelectedItemsLabel: import("@angular/core").Signal<string>;
+    computedVariant: import("@angular/core").Signal<"outlined" | "filled">;
+    computedFluid: import("@angular/core").Signal<boolean>;
+    computedErrorText: import("@angular/core").Signal<string>;
+    computedHelpText: import("@angular/core").Signal<string>;
+    computedAriaLabel: import("@angular/core").Signal<string>;
+    computedAriaDescribedBy: import("@angular/core").Signal<string | undefined>;
+    displaySummary: import("@angular/core").Signal<string>;
+    isAllSelected: import("@angular/core").Signal<boolean>;
+    private experienceAdapter;
+    private platformId;
+    private elementRef;
+    constructor();
+    toggleOpen(): void;
+    isSelected(opt: NormalizedOption): boolean;
+    toggleOption(optionValue: unknown): void;
+    toggleAll(): void;
+    removeOption(optionValue: unknown, event?: Event): void;
+    clear(event?: Event): void;
+    onFilterInput(event: Event): void;
+    onKeydown(event: KeyboardEvent): void;
+    onDocumentClick(event: MouseEvent): void;
+}