snice 1.13.2 → 1.13.4

package/dist/components/chip/snice-chip.js

@@ -0,0 +1,203 @@
+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, watch, query, on, dispatch } from '../../src/index';
+import css from './snice-chip.css?inline';
+let SniceChip = class SniceChip extends HTMLElement {
+    constructor() {
+        super(...arguments);
+        this.label = '';
+        this.variant = 'default';
+        this.size = 'medium';
+        this.removable = false;
+        this.selected = false;
+        this.disabled = false;
+        this.icon = '';
+        this.avatar = '';
+    }
+    html() {
+        return /*html*/ `
+      <div class="chip ${this.selected ? 'chip--selected' : ''}" 
+           role="${this.removable ? 'button' : 'status'}"
+           tabindex="${this.disabled ? '-1' : '0'}"
+           aria-disabled="${this.disabled}"
+           aria-selected="${this.selected}">
+        ${this.avatar ? /*html*/ `
+          <img class="chip-avatar" src="${this.avatar}" alt="">
+        ` : this.icon ? /*html*/ `
+          <span class="chip-icon">${this.icon}</span>
+        ` : ''}
+        <span class="chip-label">${this.label}</span>
+        ${this.removable && !this.disabled ? /*html*/ `
+          <button class="chip-remove" 
+                  type="button" 
+                  tabindex="-1"
+                  aria-label="Remove ${this.label}">
+            <svg width="14" height="14" viewBox="0 0 14 14" fill="currentColor">
+              <path d="M14 1.41L12.59 0L7 5.59L1.41 0L0 1.41L5.59 7L0 12.59L1.41 14L7 8.41L12.59 14L14 12.59L8.41 7L14 1.41Z"/>
+            </svg>
+          </button>
+        ` : ''}
+      </div>
+    `;
+    }
+    css() {
+        return css;
+    }
+    handleClick(event) {
+        if (this.disabled)
+            return;
+        if (event.target.closest('.chip-remove'))
+            return;
+        if (!this.removable) {
+            this.selected = !this.selected;
+        }
+        return {
+            label: this.label,
+            selected: this.selected
+        };
+    }
+    handleRemove(event) {
+        event.stopPropagation();
+        if (this.disabled)
+            return;
+        return { label: this.label };
+    }
+    handleKeyPress(event) {
+        event.preventDefault();
+        if (this.disabled)
+            return;
+        if (!this.removable) {
+            this.selected = !this.selected;
+            this.dispatchChipClick();
+        }
+    }
+    handleDelete(event) {
+        if (this.disabled || !this.removable)
+            return;
+        event.preventDefault();
+        this.dispatchChipRemove();
+    }
+    updateSelected() {
+        if (this.chipElement) {
+            this.chipElement.classList.toggle('chip--selected', this.selected);
+            this.chipElement.setAttribute('aria-selected', String(this.selected));
+        }
+    }
+    updateDisabled() {
+        if (this.chipElement) {
+            this.chipElement.setAttribute('aria-disabled', String(this.disabled));
+            this.chipElement.setAttribute('tabindex', this.disabled ? '-1' : '0');
+        }
+    }
+    dispatchChipClick() {
+        return {
+            label: this.label,
+            selected: this.selected
+        };
+    }
+    dispatchChipRemove() {
+        return { label: this.label };
+    }
+};
+__decorate([
+    property({ reflect: true }),
+    __metadata("design:type", Object)
+], SniceChip.prototype, "label", void 0);
+__decorate([
+    property({ reflect: true }),
+    __metadata("design:type", String)
+], SniceChip.prototype, "variant", void 0);
+__decorate([
+    property({ reflect: true }),
+    __metadata("design:type", String)
+], SniceChip.prototype, "size", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true }),
+    __metadata("design:type", Object)
+], SniceChip.prototype, "removable", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true }),
+    __metadata("design:type", Object)
+], SniceChip.prototype, "selected", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true }),
+    __metadata("design:type", Object)
+], SniceChip.prototype, "disabled", void 0);
+__decorate([
+    property({ reflect: true }),
+    __metadata("design:type", Object)
+], SniceChip.prototype, "icon", void 0);
+__decorate([
+    property({ reflect: true }),
+    __metadata("design:type", Object)
+], SniceChip.prototype, "avatar", void 0);
+__decorate([
+    query('.chip'),
+    __metadata("design:type", HTMLElement)
+], SniceChip.prototype, "chipElement", void 0);
+__decorate([
+    query('.chip-remove'),
+    __metadata("design:type", HTMLButtonElement)
+], SniceChip.prototype, "removeButton", void 0);
+__decorate([
+    on('click', '.chip'),
+    dispatch('chip-click'),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", [MouseEvent]),
+    __metadata("design:returntype", void 0)
+], SniceChip.prototype, "handleClick", null);
+__decorate([
+    on('click', '.chip-remove'),
+    dispatch('chip-remove'),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", [MouseEvent]),
+    __metadata("design:returntype", void 0)
+], SniceChip.prototype, "handleRemove", null);
+__decorate([
+    on(['keydown:Enter', 'keydown:Space'], '.chip'),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", [KeyboardEvent]),
+    __metadata("design:returntype", void 0)
+], SniceChip.prototype, "handleKeyPress", null);
+__decorate([
+    on(['keydown:Delete', 'keydown:Backspace'], '.chip'),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", [KeyboardEvent]),
+    __metadata("design:returntype", void 0)
+], SniceChip.prototype, "handleDelete", null);
+__decorate([
+    watch('selected'),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", []),
+    __metadata("design:returntype", void 0)
+], SniceChip.prototype, "updateSelected", null);
+__decorate([
+    watch('disabled'),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", []),
+    __metadata("design:returntype", void 0)
+], SniceChip.prototype, "updateDisabled", null);
+__decorate([
+    dispatch('chip-click'),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", []),
+    __metadata("design:returntype", void 0)
+], SniceChip.prototype, "dispatchChipClick", null);
+__decorate([
+    dispatch('chip-remove'),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", []),
+    __metadata("design:returntype", void 0)
+], SniceChip.prototype, "dispatchChipRemove", null);
+SniceChip = __decorate([
+    element('snice-chip')
+], SniceChip);
+export { SniceChip };
+//# sourceMappingURL=snice-chip.js.map

package/dist/components/chip/snice-chip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"snice-chip.js","sourceRoot":"","sources":["../../../components/chip/snice-chip.ts"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,14 @@
+export type ChipVariant = 'default' | 'primary' | 'success' | 'warning' | 'error' | 'info';
+export type ChipSize = 'small' | 'medium' | 'large';
+export interface SniceChipElement extends HTMLElement {
+    label: string;
+    variant: ChipVariant;
+    size: ChipSize;
+    removable: boolean;
+    selected: boolean;
+    disabled: boolean;
+    icon: string;
+    avatar: string;
+    onClick?: () => void;
+    onRemove?: () => void;
+}

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

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

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

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

package/dist/components/date-picker/snice-date-picker.d.ts

@@ -0,0 +1,82 @@
+import type { DatePickerSize, DatePickerVariant, DateFormat, SniceDatePickerElement } from './snice-date-picker.types';
+export declare class SniceDatePicker extends HTMLElement implements SniceDatePickerElement {
+    size: DatePickerSize;
+    variant: DatePickerVariant;
+    value: string;
+    private inputValue;
+    format: DateFormat;
+    placeholder: string;
+    label: string;
+    helperText: string;
+    errorText: string;
+    disabled: boolean;
+    readonly: boolean;
+    required: boolean;
+    invalid: boolean;
+    clearable: boolean;
+    min: string;
+    max: string;
+    name: string;
+    showCalendar: boolean;
+    firstDayOfWeek: number;
+    input?: HTMLInputElement;
+    calendar?: HTMLElement;
+    clearButton?: HTMLButtonElement;
+    calendarToggle?: HTMLButtonElement;
+    selectedDayButton?: HTMLButtonElement;
+    firstDayButton?: HTMLButtonElement;
+    private selectedDate;
+    private viewDate;
+    private monthNames;
+    private dayNames;
+    css(): string;
+    html(): string;
+    init(): void;
+    private parseInitialValue;
+    private parseDate;
+    private formatDate;
+    private getFormattedValue;
+    private getPlaceholderForFormat;
+    private getDayHeaders;
+    private getDaysGrid;
+    private updateInputValue;
+    private isCompleteDate;
+    private updateClearButton;
+    private updateCalendarGrid;
+    private setupCalendarClickOutside;
+    handleInput(e: Event): void;
+    handleChange(e: Event): void;
+    handleFocus(): void;
+    handleInputClick(): void;
+    handleBlur(): void;
+    handleCalendarToggle(): void;
+    handleClear(): void;
+    handleCalendarClick(e: Event): void;
+    handleKeydown(e: KeyboardEvent): void;
+    private handleNavigation;
+    handleValueChange(): void;
+    handleShowCalendarChange(): void;
+    handleDisabledChange(): void;
+    handleReadonlyChange(): void;
+    handleInvalidChange(): void;
+    handleFormatChange(): void;
+    private dispatchInputEvent;
+    private dispatchChangeEvent;
+    private dispatchFocusEvent;
+    private dispatchBlurEvent;
+    private dispatchOpenEvent;
+    private dispatchCloseEvent;
+    private dispatchClearEvent;
+    private dispatchSelectEvent;
+    focus(): void;
+    blur(): void;
+    clear(): void;
+    open(): void;
+    close(): void;
+    selectDate(date: Date): void;
+    goToMonth(year: number, month: number): void;
+    goToToday(): void;
+    checkValidity(): boolean;
+    reportValidity(): boolean;
+    setCustomValidity(message: string): void;
+}