@origostudio/origo-design 0.0.49 → 0.0.50

package/dist/packages/angular-renderer/src/components/primitives/combobox/combobox.component.js

@@ -0,0 +1,276 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ComboboxComponent = void 0;
+const tslib_1 = require("tslib");
+const core_1 = require("@angular/core");
+const common_1 = require("@angular/common");
+const experience_adapter_service_1 = require("../../../adapters/web/experience-adapter.service");
+const selection_utils_1 = require("../select/selection-utils");
+let ComboboxComponent = (() => {
+    let _classDecorators = [(0, core_1.Component)({
+            selector: 'origo-combobox',
+            standalone: true,
+            templateUrl: './combobox.component.html',
+            styleUrls: ['./combobox.component.scss'],
+            changeDetection: core_1.ChangeDetectionStrategy.OnPush,
+            encapsulation: core_1.ViewEncapsulation.ShadowDom,
+            host: {
+                '[class.origo-combobox]': 'true',
+                '[attr.data-testid]': 'contract().id ?? ""',
+                '[class.origo-combobox--fluid]': 'computedFluid()',
+                '[class.origo-combobox--outlined]': 'computedVariant() === "outlined"',
+                '[class.origo-combobox--filled]': 'computedVariant() === "filled"',
+                '[class.origo-combobox--invalid]': 'computedInvalid()',
+                '[class.origo-combobox--disabled]': 'computedDisabled()',
+                '[class.origo-combobox--readonly]': 'computedReadonly()',
+            },
+        })];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _instanceExtraInitializers = [];
+    let _onDocumentClick_decorators;
+    var ComboboxComponent = class {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
+            _onDocumentClick_decorators = [(0, core_1.HostListener)('document:click', ['$event'])];
+            tslib_1.__esDecorate(this, null, _onDocumentClick_decorators, { kind: "method", name: "onDocumentClick", static: false, private: false, access: { has: obj => "onDocumentClick" in obj, get: obj => obj.onDocumentClick }, metadata: _metadata }, null, _instanceExtraInitializers);
+            tslib_1.__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            ComboboxComponent = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        }
+        static contractSchema = {
+            permissions: 'object',
+            rules: 'object',
+            metadata: 'object',
+            options: 'array',
+            value: 'string',
+            optionLabel: 'string',
+            optionValue: 'string',
+            optionGroupLabel: 'string',
+            optionGroupChildren: 'string',
+            placeholder: 'string',
+            filter: 'boolean',
+            filterBy: 'string',
+            filterMatchMode: 'string',
+            filterPlaceholder: 'string',
+            editable: 'boolean',
+            clearable: 'boolean',
+            appendTo: 'string',
+            virtualScroll: 'boolean',
+            itemSize: 'number',
+            loading: 'boolean',
+            disabled: 'boolean',
+            readonly: 'boolean',
+            required: 'boolean',
+            invalid: 'boolean',
+            errorText: 'string',
+            helpText: 'string',
+            variant: 'string',
+            fluid: 'boolean',
+            'aria-label': 'string',
+            'aria-describedby': 'string',
+        };
+        static strictContract = false;
+        contract = (tslib_1.__runInitializers(this, _instanceExtraInitializers), core_1.input.required());
+        value = (0, core_1.model)('');
+        inputValue = (0, core_1.signal)('');
+        isOpen = (0, core_1.signal)(false);
+        activeIndex = (0, core_1.signal)(-1);
+        computedNormalizedOptions = (0, core_1.computed)(() => {
+            const props = this.contract().props;
+            return (0, selection_utils_1.normalizeOptions)(props?.options, props?.optionLabel, props?.optionValue, props?.optionGroupLabel, props?.optionGroupChildren);
+        });
+        filteredOptions = (0, core_1.computed)(() => {
+            const opts = this.computedNormalizedOptions();
+            const query = this.inputValue();
+            if (!query)
+                return opts;
+            const mode = this.contract().props?.filterMatchMode ?? 'contains';
+            return (0, selection_utils_1.filterOptions)(opts, query, mode);
+        });
+        computedPlaceholder = (0, core_1.computed)(() => this.contract().props?.placeholder ?? '');
+        computedDisabled = (0, core_1.computed)(() => !!this.contract().props?.disabled);
+        computedReadonly = (0, core_1.computed)(() => !!this.contract().props?.readonly);
+        computedRequired = (0, core_1.computed)(() => !!this.contract().props?.required);
+        computedInvalid = (0, core_1.computed)(() => !!this.contract().props?.invalid);
+        computedClearable = (0, core_1.computed)(() => !!this.contract().props?.clearable);
+        computedVariant = (0, core_1.computed)(() => this.contract().props?.variant ?? 'outlined');
+        computedFluid = (0, core_1.computed)(() => !!this.contract().props?.fluid);
+        computedErrorText = (0, core_1.computed)(() => this.contract().props?.errorText ?? '');
+        computedHelpText = (0, core_1.computed)(() => this.contract().props?.helpText ?? '');
+        computedAriaLabel = (0, core_1.computed)(() => {
+            const label = this.contract().props?.['aria-label'];
+            if (label !== undefined && label !== null && String(label).trim() !== '') {
+                return String(label);
+            }
+            return this.computedPlaceholder() || 'Combobox';
+        });
+        computedAriaDescribedBy = (0, core_1.computed)(() => {
+            const parts = [];
+            const desc = this.contract().props?.['aria-describedby'];
+            if (desc)
+                parts.push(String(desc));
+            if (this.computedErrorText())
+                parts.push(`${this.contract().id}-error`);
+            if (this.computedHelpText())
+                parts.push(`${this.contract().id}-help`);
+            return parts.length > 0 ? parts.join(' ') : undefined;
+        });
+        experienceAdapter = (0, core_1.inject)(experience_adapter_service_1.WebExperienceAdapterService);
+        platformId = (0, core_1.inject)(core_1.PLATFORM_ID);
+        elementRef = (0, core_1.inject)(core_1.ElementRef);
+        constructor() {
+            (0, core_1.effect)(() => {
+                const contractVal = this.contract().props?.value;
+                (0, core_1.untracked)(() => {
+                    if (contractVal !== undefined && contractVal !== this.value()) {
+                        this.value.set(contractVal);
+                        const match = this.computedNormalizedOptions().find(o => o.value === contractVal);
+                        this.inputValue.set(match ? match.label : String(contractVal ?? ''));
+                    }
+                });
+            });
+        }
+        onInput(event) {
+            if (this.computedDisabled() || this.computedReadonly())
+                return;
+            const target = event.target;
+            const text = target.value;
+            this.inputValue.set(text);
+            this.value.set(text);
+            this.isOpen.set(true);
+            this.activeIndex.set(0);
+            this.experienceAdapter.updateState(this.contract().id, 'value', text);
+        }
+        onPaste(event) {
+            if (this.computedDisabled() || this.computedReadonly())
+                return;
+            event.preventDefault();
+            const plain = event.clipboardData?.getData('text/plain') ?? '';
+            const target = event.target;
+            if (!target)
+                return;
+            const start = target.selectionStart ?? target.value.length;
+            const end = target.selectionEnd ?? target.value.length;
+            const newValue = target.value.slice(0, start) + plain + target.value.slice(end);
+            target.value = newValue;
+            this.inputValue.set(newValue);
+            this.value.set(newValue);
+            this.isOpen.set(true);
+            this.activeIndex.set(0);
+            this.experienceAdapter.updateState(this.contract().id, 'value', newValue);
+        }
+        toggleOpen() {
+            if (this.computedDisabled() || this.computedReadonly())
+                return;
+            const next = !this.isOpen();
+            this.isOpen.set(next);
+            if (next) {
+                this.activeIndex.set(0);
+            }
+        }
+        selectOption(optionValue) {
+            if (this.computedDisabled() || this.computedReadonly())
+                return;
+            const match = this.computedNormalizedOptions().find(o => o.value === optionValue);
+            this.value.set(optionValue);
+            this.inputValue.set(match ? match.label : String(optionValue ?? ''));
+            this.isOpen.set(false);
+            this.experienceAdapter.updateState(this.contract().id, 'value', optionValue);
+        }
+        clear(event) {
+            if (this.computedDisabled() || this.computedReadonly())
+                return;
+            event?.stopPropagation();
+            this.value.set('');
+            this.inputValue.set('');
+            this.isOpen.set(false);
+            this.experienceAdapter.updateState(this.contract().id, 'value', '');
+        }
+        onKeydown(event) {
+            if (this.computedDisabled() || this.computedReadonly())
+                return;
+            const opts = this.filteredOptions();
+            const count = opts.length;
+            switch (event.key) {
+                case 'ArrowDown': {
+                    event.preventDefault();
+                    if (!this.isOpen() && count > 0) {
+                        this.isOpen.set(true);
+                        this.activeIndex.set(0);
+                    }
+                    else if (count > 0) {
+                        const next = (this.activeIndex() + 1) % count;
+                        this.activeIndex.set(next);
+                    }
+                    break;
+                }
+                case 'ArrowUp': {
+                    event.preventDefault();
+                    if (!this.isOpen() && count > 0) {
+                        this.isOpen.set(true);
+                        this.activeIndex.set(count - 1);
+                    }
+                    else if (count > 0) {
+                        const prev = (this.activeIndex() - 1 + count) % count;
+                        this.activeIndex.set(prev);
+                    }
+                    break;
+                }
+                case 'Enter': {
+                    if (this.isOpen()) {
+                        event.preventDefault();
+                        const idx = this.activeIndex();
+                        if (idx >= 0 && idx < count && !opts[idx].disabled) {
+                            this.selectOption(opts[idx].value);
+                        }
+                    }
+                    break;
+                }
+                case 'Escape': {
+                    if (this.isOpen()) {
+                        event.preventDefault();
+                        this.isOpen.set(false);
+                    }
+                    break;
+                }
+                case 'Tab': {
+                    if (this.isOpen()) {
+                        this.isOpen.set(false);
+                    }
+                    break;
+                }
+                case 'Home': {
+                    if (this.isOpen() && count > 0) {
+                        event.preventDefault();
+                        this.activeIndex.set(0);
+                    }
+                    break;
+                }
+                case 'End': {
+                    if (this.isOpen() && count > 0) {
+                        event.preventDefault();
+                        this.activeIndex.set(count - 1);
+                    }
+                    break;
+                }
+            }
+        }
+        onDocumentClick(event) {
+            if (!(0, common_1.isPlatformBrowser)(this.platformId))
+                return;
+            const clickedInside = this.elementRef.nativeElement.contains(event.target);
+            if (!clickedInside && this.isOpen()) {
+                this.isOpen.set(false);
+            }
+        }
+        static {
+            tslib_1.__runInitializers(_classThis, _classExtraInitializers);
+        }
+    };
+    return ComboboxComponent = _classThis;
+})();
+exports.ComboboxComponent = ComboboxComponent;
+//# sourceMappingURL=combobox.component.js.map

package/dist/packages/angular-renderer/src/components/primitives/combobox/combobox.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"combobox.component.js","sourceRoot":"","sources":["../../../../../../../packages/angular-renderer/src/components/primitives/combobox/combobox.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;
+}