snice 1.13.2 → 1.13.4

package/dist/components/radio/snice-radio.types.d.ts

@@ -0,0 +1,19 @@
+export type RadioSize = 'small' | 'medium' | 'large';
+export interface SniceRadioElement extends HTMLElement {
+    checked: boolean;
+    disabled: boolean;
+    required: boolean;
+    invalid: boolean;
+    size: RadioSize;
+    name: string;
+    value: string;
+    label: string;
+    focus(): void;
+    blur(): void;
+    click(): void;
+}
+export interface RadioChangeDetail {
+    checked: boolean;
+    value: string;
+    radio: SniceRadioElement;
+}

package/dist/components/radio/snice-radio.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=snice-radio.types.js.map

package/dist/components/radio/snice-radio.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"snice-radio.types.js","sourceRoot":"","sources":["../../../components/radio/snice-radio.types.ts"],"names":[],"mappings":""}

package/dist/components/select/snice-option.d.ts

@@ -0,0 +1,17 @@
+import type { SniceOptionElement } from './snice-option.types';
+export declare class SniceOption extends HTMLElement implements SniceOptionElement {
+    value: string;
+    label: string;
+    disabled: boolean;
+    selected: boolean;
+    icon: string;
+    html(): string;
+    init(): void;
+    get optionData(): {
+        value: string;
+        label: string;
+        disabled: boolean;
+        selected: boolean;
+        icon: string;
+    };
+}

package/dist/components/select/snice-option.js

@@ -0,0 +1,77 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+import { element, property, ready } from '../../src/index';
+let SniceOption = class SniceOption extends HTMLElement {
+    constructor() {
+        super(...arguments);
+        this.value = '';
+        this.label = '';
+        this.disabled = false;
+        this.selected = false;
+        this.icon = '';
+    }
+    html() {
+        // Options are data-only elements, no shadow DOM needed
+        return '';
+    }
+    init() {
+        // Hide the option element itself as it's only used for data
+        this.style.display = 'none';
+        // If no label is provided, use the text content
+        if (!this.label && this.textContent) {
+            this.label = this.textContent.trim();
+        }
+        // If no value is provided, use the label
+        if (!this.value && this.label) {
+            this.value = this.label;
+        }
+    }
+    // Getter for the option data
+    get optionData() {
+        return {
+            value: this.value,
+            label: this.label || this.textContent?.trim() || this.value,
+            disabled: this.disabled,
+            selected: this.selected,
+            icon: this.icon
+        };
+    }
+};
+__decorate([
+    property({ reflect: true }),
+    __metadata("design:type", Object)
+], SniceOption.prototype, "value", void 0);
+__decorate([
+    property({ reflect: true }),
+    __metadata("design:type", Object)
+], SniceOption.prototype, "label", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true }),
+    __metadata("design:type", Object)
+], SniceOption.prototype, "disabled", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true }),
+    __metadata("design:type", Object)
+], SniceOption.prototype, "selected", void 0);
+__decorate([
+    property({ reflect: true }),
+    __metadata("design:type", Object)
+], SniceOption.prototype, "icon", void 0);
+__decorate([
+    ready(),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", []),
+    __metadata("design:returntype", void 0)
+], SniceOption.prototype, "init", null);
+SniceOption = __decorate([
+    element('snice-option')
+], SniceOption);
+export { SniceOption };
+//# sourceMappingURL=snice-option.js.map

package/dist/components/select/snice-option.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"snice-option.js","sourceRoot":"","sources":["../../../components/select/snice-option.ts"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAIpD,IAAM,WAAW,GAAjB,MAAM,WAAY,SAAQ,WAAW;IAArC;;QAEL,UAAK,GAAG,EAAE,CAAC;QAGX,UAAK,GAAG,EAAE,CAAC;QAGX,aAAQ,GAAG,KAAK,CAAC;QAGjB,aAAQ,GAAG,KAAK,CAAC;QAGjB,SAAI,GAAG,EAAE,CAAC;IAiCZ,CAAC;IA/BC,IAAI;QACF,uDAAuD;QACvD,OAAO,EAAE,CAAC;IACZ,CAAC;IAGD,IAAI;QACF,4DAA4D;QAC5D,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC;QAE5B,gDAAgD;QAChD,IAAI,CAAC,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC;YACpC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC;QACvC,CAAC;QAED,yCAAyC;QACzC,IAAI,CAAC,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;YAC9B,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;QAC1B,CAAC;IACH,CAAC;IAED,6BAA6B;IAC7B,IAAI,UAAU;QACZ,OAAO;YACL,KAAK,EAAE,IAAI,CAAC,KAAK;YACjB,KAAK,EAAE,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,WAAW,EAAE,IAAI,EAAE,IAAI,IAAI,CAAC,KAAK;YAC3D,QAAQ,EAAE,IAAI,CAAC,QAAQ;YACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ;YACvB,IAAI,EAAE,IAAI,CAAC,IAAI;SAChB,CAAC;IACJ,CAAC;CACF,CAAA;AA7CC;IADC,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;;0CACjB;AAGX;IADC,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;;0CACjB;AAGX;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;;6CAC1B;AAGjB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;;6CAC1B;AAGjB;IADC,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;;yCAClB;AAQV;IADC,KAAK,EAAE;;;;uCAcP;AAnCU,WAAW;IADvB,OAAO,CAAC,cAAc,CAAC;GACX,WAAW,CA+CvB"}

package/dist/components/select/snice-option.types.d.ts

@@ -0,0 +1,14 @@
+export interface SniceOptionElement extends HTMLElement {
+    value: string;
+    label: string;
+    disabled: boolean;
+    selected: boolean;
+    icon: string;
+    readonly optionData: {
+        value: string;
+        label: string;
+        disabled: boolean;
+        selected: boolean;
+        icon: string;
+    };
+}

package/dist/components/select/snice-option.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=snice-option.types.js.map

package/dist/components/select/snice-option.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"snice-option.types.js","sourceRoot":"","sources":["../../../components/select/snice-option.types.ts"],"names":[],"mappings":""}

package/dist/components/select/snice-select.d.ts

@@ -0,0 +1,89 @@
+import type { SelectSize, SniceSelectElement } from './snice-select.types';
+import './snice-option';
+export declare class SniceSelect extends HTMLElement implements SniceSelectElement {
+    disabled: boolean;
+    required: boolean;
+    invalid: boolean;
+    readonly: boolean;
+    multiple: boolean;
+    searchable: boolean;
+    clearable: boolean;
+    open: boolean;
+    size: SelectSize;
+    name: string;
+    value: string;
+    label: string;
+    placeholder: string;
+    maxHeight: string;
+    private options;
+    trigger?: HTMLButtonElement;
+    dropdown?: HTMLElement;
+    valueDisplay?: HTMLElement;
+    labelElement?: HTMLElement;
+    searchInput?: HTMLInputElement;
+    optionsList?: HTMLElement;
+    nativeSelect?: HTMLSelectElement;
+    clearButton?: HTMLElement;
+    arrow?: HTMLElement;
+    searchContainer?: HTMLElement;
+    optionElements?: HTMLElement[];
+    private filteredOptions;
+    private selectedValues;
+    private focusedIndex;
+    html(): string;
+    private renderOptions;
+    css(): string;
+    init(): void;
+    cleanup(): void;
+    private outsideClickHandler?;
+    private globalKeyHandler?;
+    private setupGlobalListeners;
+    private removeGlobalListeners;
+    private observeChildren;
+    private childObserver?;
+    private handleChildrenChange;
+    private readOptionsFromChildren;
+    handleTriggerOpen(e: KeyboardEvent): void;
+    handleSearchEscape(): void;
+    handleSearchArrowDown(e: KeyboardEvent): void;
+    handleSearchArrowUp(e: KeyboardEvent): void;
+    handleSearchEnter(e: KeyboardEvent): void;
+    private focusNextOption;
+    private focusPreviousOption;
+    private updateOptionFocus;
+    handleTriggerClick(e: Event): void;
+    handleClearClick(_e: Event): void;
+    handleTagRemove(e: Event): void;
+    handleOptionsClick(e: Event): void;
+    handleSearchInput(e: Event): void;
+    private handleOptionSelect;
+    handleValueChange(): void;
+    handleDisabledChange(): void;
+    handleReadonlyChange(): void;
+    handleInvalidChange(): void;
+    handleOpenChange(): void;
+    handleLabelChange(): void;
+    handlePlaceholderChange(): void;
+    handleRequiredChange(): void;
+    handleMultipleChange(): void;
+    handleNameChange(): void;
+    handleClearableChange(): void;
+    handleSearchableChange(): void;
+    private updateValueDisplay;
+    private updateClearButton;
+    private updateDropdownContent;
+    private updateNativeSelect;
+    private dispatchChangeEvent;
+    private dispatchOpenEvent;
+    private dispatchCloseEvent;
+    focus(): void;
+    blur(): void;
+    clear(): void;
+    openDropdown(): void;
+    closeDropdown(): void;
+    toggleDropdown(): void;
+    selectOption(value: string): void;
+    private updateTriggerState;
+    private updateDropdownState;
+    private updateNativeSelectAttributes;
+}