snice 1.14.2 → 2.1.0

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

@@ -1,203 +0,0 @@
-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 'snice';
-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

@@ -1 +0,0 @@
-{"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

@@ -1,14 +0,0 @@
-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

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

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

@@ -1 +0,0 @@
-{"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

@@ -1,82 +0,0 @@
-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;
-}