@ismail-elkorchi/ui-primitives 0.1.0 → 0.1.1

package/dist/src/composed/collection/uik-radio-group/element.js

@@ -0,0 +1,257 @@
+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;
+};
+import { LitElement, html } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import { ifDefined } from 'lit/directives/if-defined.js';
+import { styles } from './styles';
+import { buildDescribedBy, createId, hasSlotContent } from '../../../internal';
+let UikRadioGroup = class UikRadioGroup extends LitElement {
+    static formAssociated = true;
+    #value_accessor_storage = '';
+    get value() { return this.#value_accessor_storage; }
+    set value(value) { this.#value_accessor_storage = value; }
+    #name_accessor_storage = '';
+    get name() { return this.#name_accessor_storage; }
+    set name(value) { this.#name_accessor_storage = value; }
+    #orientation_accessor_storage = 'vertical';
+    get orientation() { return this.#orientation_accessor_storage; }
+    set orientation(value) { this.#orientation_accessor_storage = value; }
+    #disabled_accessor_storage = false;
+    get disabled() { return this.#disabled_accessor_storage; }
+    set disabled(value) { this.#disabled_accessor_storage = value; }
+    #required_accessor_storage = false;
+    get required() { return this.#required_accessor_storage; }
+    set required(value) { this.#required_accessor_storage = value; }
+    #invalid_accessor_storage = false;
+    get invalid() { return this.#invalid_accessor_storage; }
+    set invalid(value) { this.#invalid_accessor_storage = value; }
+    #ariaLabelValue_accessor_storage = '';
+    get ariaLabelValue() { return this.#ariaLabelValue_accessor_storage; }
+    set ariaLabelValue(value) { this.#ariaLabelValue_accessor_storage = value; }
+    #ariaLabelledbyValue_accessor_storage = '';
+    get ariaLabelledbyValue() { return this.#ariaLabelledbyValue_accessor_storage; }
+    set ariaLabelledbyValue(value) { this.#ariaLabelledbyValue_accessor_storage = value; }
+    #ariaDescribedbyValue_accessor_storage = '';
+    get ariaDescribedbyValue() { return this.#ariaDescribedbyValue_accessor_storage; }
+    set ariaDescribedbyValue(value) { this.#ariaDescribedbyValue_accessor_storage = value; }
+    internals = this.attachInternals();
+    controlId = createId('uik-radio-group');
+    labelId = `${this.controlId}-label`;
+    hintId = `${this.controlId}-hint`;
+    errorId = `${this.controlId}-error`;
+    defaultValue = '';
+    hasResolvedInitialValue = false;
+    static styles = styles;
+    get controlElement() {
+        return this.renderRoot.querySelector('.control');
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        if (!this.hasResolvedInitialValue && this.value === '') {
+            const radios = this.getRadios();
+            if (radios.length > 0) {
+                const checkedRadio = radios.find(radio => radio.checked);
+                if (checkedRadio) {
+                    this.value = checkedRadio.value;
+                }
+                this.hasResolvedInitialValue = true;
+            }
+        }
+        this.defaultValue = this.value;
+    }
+    firstUpdated() {
+        this.defaultValue = this.value;
+        this.syncRadios();
+        this.syncFormValue();
+        this.syncValidity();
+    }
+    updated(changed) {
+        if (changed.has('value') || changed.has('name') || changed.has('disabled')) {
+            this.syncRadios();
+            this.syncFormValue();
+        }
+        if (changed.has('required') || changed.has('invalid') || changed.has('value')) {
+            this.syncValidity();
+        }
+    }
+    formDisabledCallback(disabled) {
+        this.disabled = disabled;
+    }
+    formResetCallback() {
+        this.value = this.defaultValue;
+        this.syncRadios();
+        this.syncFormValue();
+        this.syncValidity();
+    }
+    formStateRestoreCallback(state) {
+        if (typeof state === 'string') {
+            this.value = state;
+            this.syncRadios();
+            this.syncFormValue();
+            this.syncValidity();
+        }
+    }
+    getRadios() {
+        return Array.from(this.querySelectorAll('uik-radio'));
+    }
+    syncRadios() {
+        const radios = this.getRadios();
+        if (radios.length === 0)
+            return;
+        const selected = this.value;
+        radios.forEach(radio => {
+            radio.name = this.name;
+            radio.groupDisabled = this.disabled;
+            radio.checked = selected !== '' && radio.value === selected;
+        });
+        const enabledRadios = radios.filter(radio => !radio.disabled && !radio.groupDisabled);
+        if (enabledRadios.length === 0)
+            return;
+        const current = enabledRadios.find(radio => radio.checked) ?? enabledRadios[0];
+        enabledRadios.forEach(radio => {
+            radio.tabIndexValue = radio === current ? 0 : -1;
+        });
+    }
+    syncFormValue() {
+        const value = this.disabled || !this.value ? null : this.value;
+        this.internals.setFormValue(value);
+    }
+    syncValidity() {
+        const control = this.controlElement;
+        if (!control)
+            return;
+        if (this.invalid || this.hasSlotContent('error')) {
+            this.internals.setValidity({ customError: true }, 'Invalid', control);
+            return;
+        }
+        if (this.required && !this.value) {
+            this.internals.setValidity({ valueMissing: true }, 'Please select an option.', control);
+            return;
+        }
+        this.internals.setValidity({});
+    }
+    hasSlotContent(name) {
+        return hasSlotContent(this, name);
+    }
+    onSlotChange = (event) => {
+        const slot = event.target;
+        if (slot.name === 'error') {
+            this.syncValidity();
+        }
+        else {
+            if (!this.hasResolvedInitialValue && this.value === '') {
+                const checkedRadio = this.getRadios().find(radio => radio.checked);
+                if (checkedRadio) {
+                    this.value = checkedRadio.value;
+                }
+                this.hasResolvedInitialValue = true;
+            }
+            this.syncRadios();
+        }
+        this.requestUpdate();
+    };
+    onRadioChange = (event) => {
+        const target = event.target;
+        if (!(target instanceof HTMLElement) || target.tagName.toLowerCase() !== 'uik-radio')
+            return;
+        const radio = target;
+        if (!radio.checked)
+            return;
+        this.value = radio.value;
+        this.syncRadios();
+        this.syncFormValue();
+        this.syncValidity();
+    };
+    onKeyDown = (event) => {
+        const nextKeys = this.orientation === 'horizontal' ? ['ArrowRight'] : ['ArrowDown'];
+        const prevKeys = this.orientation === 'horizontal' ? ['ArrowLeft'] : ['ArrowUp'];
+        if (![...nextKeys, ...prevKeys].includes(event.key))
+            return;
+        const radios = this.getRadios().filter(radio => !radio.disabled && !radio.groupDisabled);
+        if (radios.length === 0)
+            return;
+        const currentIndex = Math.max(0, radios.findIndex(radio => radio.checked || radio.tabIndexValue === 0));
+        const delta = nextKeys.includes(event.key) ? 1 : -1;
+        const nextIndex = (currentIndex + delta + radios.length) % radios.length;
+        const nextRadio = radios[nextIndex];
+        if (!nextRadio)
+            return;
+        event.preventDefault();
+        nextRadio.checked = true;
+        this.value = nextRadio.value;
+        this.syncRadios();
+        this.syncFormValue();
+        this.syncValidity();
+        nextRadio.focus();
+    };
+    render() {
+        const hasLabel = this.hasSlotContent('label');
+        const hasHint = this.hasSlotContent('hint');
+        const hasError = this.hasSlotContent('error');
+        const describedBy = buildDescribedBy(this.ariaDescribedbyValue, hasHint ? this.hintId : null, hasError ? this.errorId : null);
+        const ariaInvalid = this.invalid || hasError ? 'true' : undefined;
+        const ariaLabel = hasLabel ? undefined : this.ariaLabelValue || undefined;
+        const ariaLabelledby = hasLabel ? this.labelId : this.ariaLabelledbyValue || undefined;
+        return html `
+      <div class="field">
+        <label part="label" class="label" id=${this.labelId} ?hidden=${!hasLabel}>
+          <slot name="label" @slotchange=${this.onSlotChange}></slot>
+        </label>
+        <div
+          part="base control"
+          class="control"
+          role="radiogroup"
+          aria-invalid=${ifDefined(ariaInvalid)}
+          aria-describedby=${ifDefined(describedBy)}
+          aria-label=${ifDefined(ariaLabel)}
+          aria-labelledby=${ifDefined(ariaLabelledby)}
+          @change=${this.onRadioChange}
+          @keydown=${this.onKeyDown}>
+          <slot @slotchange=${this.onSlotChange}></slot>
+        </div>
+        <div part="hint" class="hint" id=${this.hintId} ?hidden=${!hasHint}>
+          <slot name="hint" @slotchange=${this.onSlotChange}></slot>
+        </div>
+        <div part="error" class="error" id=${this.errorId} ?hidden=${!hasError}>
+          <slot name="error" @slotchange=${this.onSlotChange}></slot>
+        </div>
+      </div>
+    `;
+    }
+};
+__decorate([
+    property({ type: String })
+], UikRadioGroup.prototype, "value", null);
+__decorate([
+    property({ type: String, reflect: true, useDefault: true })
+], UikRadioGroup.prototype, "name", null);
+__decorate([
+    property({ type: String, reflect: true, useDefault: true })
+], UikRadioGroup.prototype, "orientation", null);
+__decorate([
+    property({ type: Boolean, reflect: true, useDefault: true })
+], UikRadioGroup.prototype, "disabled", null);
+__decorate([
+    property({ type: Boolean, reflect: true, useDefault: true })
+], UikRadioGroup.prototype, "required", null);
+__decorate([
+    property({ type: Boolean, reflect: true, useDefault: true })
+], UikRadioGroup.prototype, "invalid", null);
+__decorate([
+    property({ attribute: 'aria-label' })
+], UikRadioGroup.prototype, "ariaLabelValue", null);
+__decorate([
+    property({ attribute: 'aria-labelledby' })
+], UikRadioGroup.prototype, "ariaLabelledbyValue", null);
+__decorate([
+    property({ attribute: 'aria-describedby' })
+], UikRadioGroup.prototype, "ariaDescribedbyValue", null);
+UikRadioGroup = __decorate([
+    customElement('uik-radio-group')
+], UikRadioGroup);
+export { UikRadioGroup };
+//# sourceMappingURL=element.js.map

package/dist/src/composed/collection/uik-radio-group/element.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"element.js","sourceRoot":"","sources":["../../../../../src/composed/collection/uik-radio-group/element.ts"],"names":[],"mappings":"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"}

package/dist/src/composed/collection/uik-radio-group/index.d.ts

@@ -0,0 +1,2 @@
+export { UikRadioGroup } from './element';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/composed/collection/uik-radio-group/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/composed/collection/uik-radio-group/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,aAAa,EAAC,MAAM,WAAW,CAAC"}

package/dist/src/composed/collection/uik-radio-group/index.js

@@ -0,0 +1,2 @@
+export { UikRadioGroup } from './element';
+//# sourceMappingURL=index.js.map

package/dist/src/composed/collection/uik-radio-group/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/composed/collection/uik-radio-group/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,aAAa,EAAC,MAAM,WAAW,CAAC"}

package/dist/src/composed/collection/uik-radio-group/styles.d.ts

@@ -0,0 +1,2 @@
+export declare const styles: import("lit").CSSResult;
+//# sourceMappingURL=styles.d.ts.map

package/dist/src/composed/collection/uik-radio-group/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../src/composed/collection/uik-radio-group/styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,yBA2ClB,CAAC"}

package/dist/src/composed/collection/uik-radio-group/styles.js

@@ -0,0 +1,46 @@
+import { css } from 'lit';
+export const styles = css `
+  :host {
+    display: block;
+  }
+
+  .field {
+    display: grid;
+    gap: var(--uik-space-2);
+  }
+
+  .label {
+    font-size: var(--uik-typography-font-size-2);
+    font-weight: var(--uik-typography-font-weight-medium);
+    line-height: var(--uik-typography-line-height-2);
+    color: oklch(var(--uik-text-strong));
+  }
+
+  .control {
+    display: flex;
+    flex-direction: column;
+    gap: var(--uik-component-radio-group-gap);
+  }
+
+  :host([orientation='horizontal']) .control {
+    flex-flow: row wrap;
+    align-items: center;
+  }
+
+  .hint {
+    font-size: var(--uik-typography-font-size-1);
+    line-height: var(--uik-typography-line-height-2);
+    color: oklch(var(--uik-text-muted));
+  }
+
+  .error {
+    font-size: var(--uik-typography-font-size-1);
+    line-height: var(--uik-typography-line-height-2);
+    color: oklch(var(--uik-text-danger));
+  }
+
+  :host([disabled]) .label {
+    color: oklch(var(--uik-text-disabled));
+  }
+`;
+//# sourceMappingURL=styles.js.map

package/dist/src/composed/collection/uik-radio-group/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/composed/collection/uik-radio-group/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAC;AAExB,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2CxB,CAAC"}

package/dist/src/composed/collection/uik-tree-view/element.d.ts

@@ -0,0 +1,54 @@
+import { LitElement } from 'lit';
+import type { TreeItemBase } from '../../../internal';
+export type UikTreeViewItem = TreeItemBase;
+export interface UikTreeViewSelectDetail {
+    id: string;
+    checked: boolean;
+    selectionState: 'checked' | 'mixed' | 'unchecked';
+    selectedIds: string[];
+    item: UikTreeViewItem;
+}
+export interface UikTreeViewOpenDetail {
+    id: string;
+    item: UikTreeViewItem;
+}
+export interface UikTreeViewToggleDetail {
+    id: string;
+    open: boolean;
+    item: UikTreeViewItem;
+}
+export declare class UikTreeView extends LitElement {
+    accessor items: UikTreeViewItem[];
+    accessor selectedIds: string[];
+    accessor openIds: string[];
+    accessor ariaLabelValue: string;
+    accessor ariaLabelledbyValue: string;
+    private accessor focusId;
+    static readonly styles: import("lit").CSSResult;
+    updated(changed: Map<string, unknown>): void;
+    private getOpenSet;
+    private getVisibleItems;
+    private getTreeIndex;
+    private resolveOpenIds;
+    private resolveSelectionState;
+    private resolveSelectedIds;
+    private emitSelect;
+    private emitOpen;
+    private emitToggle;
+    private toggleOpen;
+    private toggleSelection;
+    private focusItem;
+    private onItemClick;
+    private onItemFocus;
+    private onKeyDown;
+    private renderToggleIcon;
+    private renderCheckIcon;
+    private renderItem;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'uik-tree-view': UikTreeView;
+    }
+}
+//# sourceMappingURL=element.d.ts.map

package/dist/src/composed/collection/uik-tree-view/element.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"element.d.ts","sourceRoot":"","sources":["../../../../../src/composed/collection/uik-tree-view/element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAqB,MAAM,KAAK,CAAC;AAYnD,OAAO,KAAK,EAAsB,YAAY,EAAC,MAAM,mBAAmB,CAAC;AAEzE,MAAM,MAAM,eAAe,GAAG,YAAY,CAAC;AAE3C,MAAM,WAAW,uBAAuB;IACtC,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,OAAO,CAAC;IACjB,cAAc,EAAE,SAAS,GAAG,OAAO,GAAG,WAAW,CAAC;IAClD,WAAW,EAAE,MAAM,EAAE,CAAC;IACtB,IAAI,EAAE,eAAe,CAAC;CACvB;AAED,MAAM,WAAW,qBAAqB;IACpC,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,eAAe,CAAC;CACvB;AAED,MAAM,WAAW,uBAAuB;IACtC,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,OAAO,CAAC;IACd,IAAI,EAAE,eAAe,CAAC;CACvB;AAID,qBACa,WAAY,SAAQ,UAAU;IACX,QAAQ,CAAC,KAAK,EAAE,eAAe,EAAE,CAAM;IACvC,QAAQ,CAAC,WAAW,EAAE,MAAM,EAAE,CAAM;IACpC,QAAQ,CAAC,OAAO,EAAE,MAAM,EAAE,CAAM;IACzB,QAAQ,CAAC,cAAc,SAAM;IACxB,QAAQ,CAAC,mBAAmB,SAAM;IAEnE,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAM;IAEvC,gBAAyB,MAAM,0BAAU;IAEhC,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAS9C,OAAO,CAAC,UAAU;IAIlB,OAAO,CAAC,eAAe;IAIvB,OAAO,CAAC,YAAY;IAIpB,OAAO,CAAC,cAAc;IAKtB,OAAO,CAAC,qBAAqB;IAa7B,OAAO,CAAC,kBAAkB;IAK1B,OAAO,CAAC,UAAU;IAWlB,OAAO,CAAC,QAAQ;IAKhB,OAAO,CAAC,UAAU;IAKlB,OAAO,CAAC,UAAU;IAalB,OAAO,CAAC,eAAe;IAoBvB,OAAO,CAAC,SAAS;IAQjB,OAAO,CAAC,WAAW;IASnB,OAAO,CAAC,WAAW,CAMjB;IAEF,OAAO,CAAC,SAAS,CAqEf;IAEF,OAAO,CAAC,gBAAgB;IAmBxB,OAAO,CAAC,eAAe;IAoBvB,OAAO,CAAC,UAAU;IAmET,MAAM;CAkBhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,eAAe,EAAE,WAAW,CAAC;KAC9B;CACF"}