@origostudio/origo-design 0.0.49 → 0.0.51

package/CHANGELOG.md

@@ -1,10 +1,12 @@
-## 0.0.49 (2026-10-08)
+## 0.0.51 (2026-10-08)
 
 ### 🚀 Features
 
-- add implementation artifacts and status for core input controls story 1.2 ([450e384](https://github.com/OrigoStudio/origo-design/commit/450e384))
-- add primitive components and corresponding test suites for angular-renderer package ([d02c3d1](https://github.com/OrigoStudio/origo-design/commit/d02c3d1))
-- add angular renderer primitives and component implementations ([e751643](https://github.com/OrigoStudio/origo-design/commit/e751643))
+- add sprint status and story for date and time controls ([fd66c6e](https://github.com/OrigoStudio/origo-design/commit/fd66c6e))
+- add date-picker, date-range-picker, and time-picker primitive components to angular renderer ([649dadc](https://github.com/OrigoStudio/origo-design/commit/649dadc))
+- add date-picker, time-picker, and date-range-picker primitive components ([25530e1](https://github.com/OrigoStudio/origo-design/commit/25530e1))
+- initialize sprint status tracking with completed core UI stories ([ff4bc24](https://github.com/OrigoStudio/origo-design/commit/ff4bc24))
+- add DatePickerComponent primitive for Angular renderer ([6746c8e](https://github.com/OrigoStudio/origo-design/commit/6746c8e))
 
 ### ❤️ Thank You
 

package/dist/packages/angular-renderer/CHANGELOG.md

@@ -1,3 +1,25 @@
+## 0.0.51 (2026-10-08)
+
+### 🚀 Features
+
+- add DatePickerComponent primitive for Angular renderer ([6746c8e](https://github.com/OrigoStudio/origo-design/commit/6746c8e))
+- add date-picker, time-picker, and date-range-picker primitive components ([25530e1](https://github.com/OrigoStudio/origo-design/commit/25530e1))
+- add date-picker, date-range-picker, and time-picker primitive components to angular renderer ([649dadc](https://github.com/OrigoStudio/origo-design/commit/649dadc))
+
+### ❤️ Thank You
+
+- Hardik Patel @hardikpatelse
+
+## 0.0.50 (2026-10-08)
+
+### 🚀 Features
+
+- add core selection control primitives including select, multi-select, combobox, and autocomplete components ([3866703](https://github.com/OrigoStudio/origo-design/commit/3866703))
+
+### ❤️ Thank You
+
+- Hardik Patel @hardikpatelse
+
 ## 0.0.49 (2026-10-08)
 
 ### 🚀 Features

package/dist/packages/angular-renderer/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@origostudio/angular-renderer",
-  "version": "0.0.49",
+  "version": "0.0.51",
   "private": false,
   "type": "commonjs",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "dependencies": {
-    "@origostudio/core": "0.0.49",
-    "@origostudio/design-tokens": "0.0.49",
+    "@origostudio/core": "0.0.51",
+    "@origostudio/design-tokens": "0.0.51",
     "tslib": "^2.3.0",
     "@analogjs/vite-plugin-angular": "^2.7.1",
     "zone.js": "^0.16.3",

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

@@ -0,0 +1,99 @@
+import { InteractionContract } from '@origostudio/core';
+import { OrigoAdapter } from '../../../adapters/web/adapter';
+import { NormalizedOption } from '../select/selection-utils';
+export interface AutocompleteProps {
+    id?: string;
+    value?: unknown;
+    suggestions?: Array<unknown>;
+    minQueryLength?: number;
+    delay?: number;
+    multiple?: boolean;
+    forceSelection?: boolean;
+    optionLabel?: string;
+    optionValue?: string;
+    completeOnFocus?: boolean;
+    virtualScroll?: boolean;
+    loading?: boolean;
+    placeholder?: string;
+    clearable?: 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 AutocompleteComponent implements OrigoAdapter<AutocompleteProps> {
+    static readonly contractSchema: {
+        permissions: string;
+        rules: string;
+        metadata: string;
+        suggestions: string;
+        value: string;
+        minQueryLength: string;
+        delay: string;
+        multiple: string;
+        forceSelection: string;
+        optionLabel: string;
+        optionValue: string;
+        completeOnFocus: string;
+        virtualScroll: string;
+        loading: string;
+        placeholder: string;
+        clearable: 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<AutocompleteProps>>;
+    value: import("@angular/core").ModelSignal<unknown>;
+    inputValue: import("@angular/core").WritableSignal<string>;
+    query: import("@angular/core").WritableSignal<string>;
+    isOpen: import("@angular/core").WritableSignal<boolean>;
+    activeIndex: import("@angular/core").WritableSignal<number>;
+    private debounceTimer;
+    computedNormalizedSuggestions: import("@angular/core").Signal<NormalizedOption[]>;
+    filteredSuggestions: import("@angular/core").Signal<NormalizedOption[]>;
+    computedPlaceholder: import("@angular/core").Signal<string>;
+    computedMinQueryLength: import("@angular/core").Signal<number>;
+    computedDelay: import("@angular/core").Signal<number>;
+    computedForceSelection: import("@angular/core").Signal<boolean>;
+    computedClearable: import("@angular/core").Signal<boolean>;
+    computedDisabled: import("@angular/core").Signal<boolean>;
+    computedReadonly: import("@angular/core").Signal<boolean>;
+    computedRequired: import("@angular/core").Signal<boolean>;
+    computedInvalid: import("@angular/core").Signal<boolean>;
+    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>;
+    private experienceAdapter;
+    private platformId;
+    private elementRef;
+    constructor();
+    onInput(event: Event): void;
+    onPaste(event: ClipboardEvent): void;
+    onFocus(): void;
+    onBlur(): void;
+    selectSuggestion(suggestion: NormalizedOption): void;
+    clear(event?: Event): void;
+    onKeydown(event: KeyboardEvent): void;
+    onDocumentClick(event: MouseEvent): void;
+}

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

@@ -0,0 +1,306 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AutocompleteComponent = 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 AutocompleteComponent = (() => {
+    let _classDecorators = [(0, core_1.Component)({
+            selector: 'origo-autocomplete',
+            standalone: true,
+            templateUrl: './autocomplete.component.html',
+            styleUrls: ['./autocomplete.component.scss'],
+            changeDetection: core_1.ChangeDetectionStrategy.OnPush,
+            encapsulation: core_1.ViewEncapsulation.ShadowDom,
+            host: {
+                '[class.origo-autocomplete]': 'true',
+                '[attr.data-testid]': 'contract().id ?? ""',
+                '[class.origo-autocomplete--fluid]': 'computedFluid()',
+                '[class.origo-autocomplete--outlined]': 'computedVariant() === "outlined"',
+                '[class.origo-autocomplete--filled]': 'computedVariant() === "filled"',
+                '[class.origo-autocomplete--invalid]': 'computedInvalid()',
+                '[class.origo-autocomplete--disabled]': 'computedDisabled()',
+                '[class.origo-autocomplete--readonly]': 'computedReadonly()',
+            },
+        })];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _instanceExtraInitializers = [];
+    let _onDocumentClick_decorators;
+    var AutocompleteComponent = 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);
+            AutocompleteComponent = _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',
+            suggestions: 'array',
+            value: 'string',
+            minQueryLength: 'number',
+            delay: 'number',
+            multiple: 'boolean',
+            forceSelection: 'boolean',
+            optionLabel: 'string',
+            optionValue: 'string',
+            completeOnFocus: 'boolean',
+            virtualScroll: 'boolean',
+            loading: 'boolean',
+            placeholder: 'string',
+            clearable: '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)('');
+        query = (0, core_1.signal)('');
+        isOpen = (0, core_1.signal)(false);
+        activeIndex = (0, core_1.signal)(-1);
+        debounceTimer = null;
+        computedNormalizedSuggestions = (0, core_1.computed)(() => {
+            const props = this.contract().props;
+            return (0, selection_utils_1.normalizeOptions)(props?.suggestions, props?.optionLabel, props?.optionValue);
+        });
+        filteredSuggestions = (0, core_1.computed)(() => {
+            const suggestions = this.computedNormalizedSuggestions();
+            const q = this.query();
+            if (!q)
+                return suggestions;
+            return (0, selection_utils_1.filterOptions)(suggestions, q, 'contains');
+        });
+        computedPlaceholder = (0, core_1.computed)(() => this.contract().props?.placeholder ?? '');
+        computedMinQueryLength = (0, core_1.computed)(() => this.contract().props?.minQueryLength ?? 1);
+        computedDelay = (0, core_1.computed)(() => this.contract().props?.delay ?? 300);
+        computedForceSelection = (0, core_1.computed)(() => !!this.contract().props?.forceSelection);
+        computedClearable = (0, core_1.computed)(() => !!this.contract().props?.clearable);
+        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);
+        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() || 'Autocomplete';
+        });
+        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);
+                        // Sync input display
+                        const match = this.computedNormalizedSuggestions().find(s => s.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);
+            if (this.debounceTimer) {
+                clearTimeout(this.debounceTimer);
+            }
+            this.debounceTimer = setTimeout(() => {
+                this.query.set(text);
+                if (text.length >= this.computedMinQueryLength()) {
+                    this.isOpen.set(true);
+                    this.activeIndex.set(0);
+                }
+                else {
+                    this.isOpen.set(false);
+                }
+            }, this.computedDelay());
+        }
+        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.query.set(newValue);
+            if (newValue.length >= this.computedMinQueryLength()) {
+                this.isOpen.set(true);
+                this.activeIndex.set(0);
+            }
+        }
+        onFocus() {
+            if (this.contract().props?.completeOnFocus &&
+                !this.computedDisabled() &&
+                !this.computedReadonly()) {
+                this.isOpen.set(true);
+                this.activeIndex.set(0);
+            }
+        }
+        onBlur() {
+            if (this.computedForceSelection()) {
+                const currentText = this.inputValue().trim().toLowerCase();
+                const match = this.computedNormalizedSuggestions().find(s => s.label.toLowerCase() === currentText);
+                if (match) {
+                    this.selectSuggestion(match);
+                }
+                else {
+                    // Revert to existing value or clear
+                    const existing = this.computedNormalizedSuggestions().find(s => s.value === this.value());
+                    if (existing) {
+                        this.inputValue.set(existing.label);
+                    }
+                    else {
+                        this.value.set('');
+                        this.inputValue.set('');
+                    }
+                }
+            }
+        }
+        selectSuggestion(suggestion) {
+            if (this.computedDisabled() || this.computedReadonly() || suggestion.disabled)
+                return;
+            this.value.set(suggestion.value);
+            this.inputValue.set(suggestion.label);
+            this.isOpen.set(false);
+            this.experienceAdapter.updateState(this.contract().id, 'value', suggestion.value);
+        }
+        clear(event) {
+            if (this.computedDisabled() || this.computedReadonly())
+                return;
+            event?.stopPropagation();
+            this.value.set('');
+            this.inputValue.set('');
+            this.query.set('');
+            this.isOpen.set(false);
+            this.experienceAdapter.updateState(this.contract().id, 'value', '');
+        }
+        onKeydown(event) {
+            if (this.computedDisabled() || this.computedReadonly())
+                return;
+            const list = this.filteredSuggestions();
+            const count = list.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 && !list[idx].disabled) {
+                            this.selectSuggestion(list[idx]);
+                        }
+                    }
+                    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 AutocompleteComponent = _classThis;
+})();
+exports.AutocompleteComponent = AutocompleteComponent;
+//# sourceMappingURL=autocomplete.component.js.map

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

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

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

@@ -0,0 +1,69 @@
+import { InteractionContract } from '@origostudio/core';
+import { OrigoAdapter } from '../../../adapters/web/adapter';
+import { SelectProps } from '../select/select.component';
+export type ComboboxProps = SelectProps;
+export declare class ComboboxComponent implements OrigoAdapter<ComboboxProps> {
+    static readonly contractSchema: {
+        permissions: string;
+        rules: string;
+        metadata: string;
+        options: string;
+        value: string;
+        optionLabel: string;
+        optionValue: string;
+        optionGroupLabel: string;
+        optionGroupChildren: string;
+        placeholder: string;
+        filter: string;
+        filterBy: string;
+        filterMatchMode: string;
+        filterPlaceholder: string;
+        editable: string;
+        clearable: string;
+        appendTo: 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<SelectProps>>;
+    value: import("@angular/core").ModelSignal<unknown>;
+    inputValue: import("@angular/core").WritableSignal<string>;
+    isOpen: import("@angular/core").WritableSignal<boolean>;
+    activeIndex: import("@angular/core").WritableSignal<number>;
+    computedNormalizedOptions: import("@angular/core").Signal<import("../select/selection-utils").NormalizedOption[]>;
+    filteredOptions: import("@angular/core").Signal<import("../select/selection-utils").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>;
+    computedClearable: import("@angular/core").Signal<boolean>;
+    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>;
+    private experienceAdapter;
+    private platformId;
+    private elementRef;
+    constructor();
+    onInput(event: Event): void;
+    onPaste(event: ClipboardEvent): void;
+    toggleOpen(): void;
+    selectOption(optionValue: unknown): void;
+    clear(event?: Event): void;
+    onKeydown(event: KeyboardEvent): void;
+    onDocumentClick(event: MouseEvent): void;
+}