ngwr 5.0.3 → 6.0.0

package/fesm2022/ngwr-select.mjs

@@ -0,0 +1,405 @@
+import { NgTemplateOutlet } from '@angular/common';
+import * as i0 from '@angular/core';
+import { inject, booleanAttribute, TemplateRef, Component, ChangeDetectionStrategy, ViewEncapsulation, Input, ContentChild, HostBinding, ContentChildren, signal, computed, ElementRef, ChangeDetectorRef, numberAttribute, forwardRef, ViewChild, HostListener } from '@angular/core';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
+import { noop } from 'rxjs';
+import { WrAbstractBase } from 'ngwr/cdk';
+import { provideWrIcons, chevronDown, close, WrIconComponent } from 'ngwr/icon';
+import { WrTagComponent } from 'ngwr/tag';
+
+/**
+ * @license
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
+ */
+class WrOptionComponent {
+    constructor() {
+        this.disabled = false;
+        this.context = {
+            $implicit: this,
+            option: this,
+        };
+        this.selectComponent = inject(WrSelectComponent);
+    }
+    get hostClasses() {
+        return {
+            'wr-option': true,
+            'wr-option--selected': this.isSelected,
+            'wr-option--disabled': this.disabled,
+            'wr-option--highlighted': this.isHighlighted,
+            'wr-option--filtered': this.isFiltered,
+        };
+    }
+    get isSelected() {
+        const currentValue = this.selectComponent.currentValue;
+        if (this.selectComponent.isMultiple) {
+            return Array.isArray(currentValue) && currentValue.includes(this.value);
+        }
+        return currentValue === this.value;
+    }
+    get isHighlighted() {
+        return this.selectComponent.isHighlightedOption(this);
+    }
+    get isFiltered() {
+        return this.selectComponent.isFilteredOption(this);
+    }
+    select() {
+        if (!this.disabled) {
+            this.selectComponent.onOptionSelect(this);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: WrOptionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.5", type: WrOptionComponent, isStandalone: true, selector: "wr-option", inputs: { value: "value", label: "label", disabled: ["disabled", "disabled", booleanAttribute] }, host: { listeners: { "click": "select()" }, properties: { "class": "this.hostClasses" } }, queries: [{ propertyName: "customTemplate", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: "<div class=\"wr-option__content\">\n  @if (customTemplate) {\n    <ng-container *ngTemplateOutlet=\"customTemplate; context: context\"> </ng-container>\n  } @else {\n    {{ label }}\n  }\n</div>\n", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: WrOptionComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'wr-option', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
+                        '(click)': 'select()',
+                    }, imports: [NgTemplateOutlet], template: "<div class=\"wr-option__content\">\n  @if (customTemplate) {\n    <ng-container *ngTemplateOutlet=\"customTemplate; context: context\"> </ng-container>\n  } @else {\n    {{ label }}\n  }\n</div>\n" }]
+        }], propDecorators: { value: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], disabled: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], customTemplate: [{
+                type: ContentChild,
+                args: [TemplateRef]
+            }], hostClasses: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+
+/**
+ * @license
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
+ */
+class WrOptionGroupComponent {
+    constructor() {
+        this.label = '';
+        this.disabled = false;
+    }
+    get hostClasses() {
+        return {
+            'wr-select-group': true,
+            'wr-select-group--disabled': this.disabled,
+        };
+    }
+    ngAfterContentInit() {
+        if (this.disabled) {
+            this.options.forEach(option => (option.disabled = true));
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: WrOptionGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.1.5", type: WrOptionGroupComponent, isStandalone: true, selector: "wr-option-group", inputs: { label: "label", disabled: ["disabled", "disabled", booleanAttribute] }, host: { properties: { "class": "this.hostClasses" } }, queries: [{ propertyName: "options", predicate: WrOptionComponent }], ngImport: i0, template: "<div class=\"wr-select-group__label\">{{ label }}</div>\n<div class=\"wr-select-group__content\">\n  <ng-content></ng-content>\n</div>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: WrOptionGroupComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'wr-option-group', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div class=\"wr-select-group__label\">{{ label }}</div>\n<div class=\"wr-select-group__content\">\n  <ng-content></ng-content>\n</div>\n" }]
+        }], propDecorators: { label: [{
+                type: Input
+            }], disabled: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], options: [{
+                type: ContentChildren,
+                args: [WrOptionComponent]
+            }], hostClasses: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+
+/**
+ * @license
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
+ */
+/**
+ * NGWR select component.
+ *
+ * {@tutorial} [How to use wr-select]{@link http://ngwr.dev/docs/components/select}
+ */
+class WrSelectComponent extends WrAbstractBase {
+    constructor() {
+        super(...arguments);
+        this.placeholder = '';
+        this.noItemsLabel = 'No Items';
+        this.multiple = false;
+        this.searchable = false;
+        this.clearable = false;
+        this.value = signal(null);
+        this.isOpen = signal(false);
+        this.isFocused = signal(false);
+        this.isDisabled = signal(false);
+        this.searchValue = signal('');
+        this.highlightedOptionIndex = signal(-1);
+        this.selectedOptions = computed(() => {
+            const currentValue = this.value();
+            const optionsArray = this.options?.toArray() || [];
+            if (this.multiple) {
+                return optionsArray.filter(option => Array.isArray(currentValue) && currentValue.includes(option.value));
+            }
+            return optionsArray.filter(option => option.value === currentValue);
+        });
+        this.selectedLabel = computed(() => {
+            const selected = this.selectedOptions();
+            return selected.length ? selected[0].label || selected[0].value : '';
+        });
+        this.filteredOptions = computed(() => {
+            const search = this.searchValue().toLowerCase();
+            const optionsArray = this.options?.toArray() || [];
+            let filteredArray = optionsArray;
+            if (this.multiple) {
+                const currentValue = this.value();
+                filteredArray = optionsArray.filter(option => !Array.isArray(currentValue) || !currentValue.includes(option.value));
+            }
+            if (!search) {
+                return filteredArray;
+            }
+            return filteredArray.filter(option => (option.label || option.value.toString()).toLowerCase().includes(search));
+        });
+        this.elementRef = inject(ElementRef);
+        this.cdr = inject(ChangeDetectorRef);
+        this.onChange = noop;
+        this.onTouch = noop;
+    }
+    set disabled(value) {
+        this.isDisabled.set(value);
+    }
+    get disabled() {
+        return this.isDisabled();
+    }
+    get hostClasses() {
+        return {
+            'wr-select': true,
+            'wr-select--open': this.isOpen(),
+            'wr-select--multiple': this.multiple,
+            'wr-select--disabled': this.isDisabled(),
+            'wr-select--focused': this.isFocused(),
+        };
+    }
+    onKeyDown(event) {
+        if (!this.isOpen()) {
+            return;
+        }
+        const filteredOpts = this.filteredOptions();
+        const currentIndex = this.highlightedOptionIndex();
+        switch (event.key) {
+            case 'ArrowDown':
+                event.preventDefault();
+                this.highlightedOptionIndex.set(currentIndex < filteredOpts.length - 1 ? currentIndex + 1 : 0);
+                break;
+            case 'ArrowUp':
+                event.preventDefault();
+                this.highlightedOptionIndex.set(currentIndex > 0 ? currentIndex - 1 : filteredOpts.length - 1);
+                break;
+            case 'Enter':
+                event.preventDefault();
+                if (currentIndex >= 0 && filteredOpts[currentIndex]) {
+                    this.onOptionSelect(filteredOpts[currentIndex]);
+                }
+                break;
+            case 'Backspace':
+                if (this.multiple && !this.searchValue() && this.selectedOptions().length) {
+                    const selectedOptionsArray = this.selectedOptions();
+                    const lastSelected = selectedOptionsArray[selectedOptionsArray.length - 1];
+                    this.onOptionSelect(lastSelected);
+                }
+                break;
+            case 'Escape':
+                event.preventDefault();
+                this.close();
+                break;
+        }
+    }
+    onClickOutside(event) {
+        if (!this.elementRef.nativeElement.contains(event.target)) {
+            this.close();
+        }
+    }
+    get currentValue() {
+        return this.value();
+    }
+    get isMultiple() {
+        return this.multiple;
+    }
+    ngAfterContentInit() {
+        this.options.changes.pipe(takeUntilDestroyed(this.destroyRef$)).subscribe(() => {
+            this.cdr.markForCheck();
+        });
+    }
+    onOptionSelect(option) {
+        if (this.isDisabled())
+            return;
+        if (this.multiple) {
+            const currentValue = Array.isArray(this.value()) ? this.value() : [];
+            if (this.maxMultipleCount && !this.isSelectedOption(option) && currentValue.length >= this.maxMultipleCount) {
+                return;
+            }
+            const newValue = this.isSelectedOption(option)
+                ? currentValue.filter((v) => v !== option.value)
+                : [...currentValue, option.value];
+            this.writeValue(newValue);
+            this.searchValue.set('');
+        }
+        else {
+            this.writeValue(option.value);
+            this.close();
+        }
+    }
+    onSearch(event) {
+        const value = event.target.value;
+        this.searchValue.set(value);
+    }
+    isHighlightedOption(option) {
+        if (this.highlightedOptionIndex() === -1) {
+            return false;
+        }
+        const filteredOpts = this.filteredOptions();
+        const optionIndex = filteredOpts.findIndex(item => item.value === option.value);
+        return optionIndex !== -1 && optionIndex === this.highlightedOptionIndex();
+    }
+    isFilteredOption(option) {
+        if (this.multiple) {
+            const currentValue = this.value();
+            if (Array.isArray(currentValue) && currentValue.includes(option.value)) {
+                return true;
+            }
+        }
+        const search = this.searchValue().toLowerCase();
+        if (search) {
+            return !(option.label || option.value.toString()).toLowerCase().includes(search);
+        }
+        return false;
+    }
+    writeValue(value) {
+        this.value.set(value);
+        this.onChange(value);
+        this.cdr.markForCheck();
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouch = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.isDisabled.set(isDisabled);
+    }
+    clear(event) {
+        event.stopPropagation();
+        if (this.isDisabled())
+            return;
+        if (this.multiple) {
+            this.writeValue([]);
+        }
+        else {
+            this.writeValue(null);
+        }
+    }
+    toggle() {
+        if (this.isDisabled()) {
+            return;
+        }
+        this.isOpen.update(value => !value);
+        this.isFocused.update(value => !value);
+        if (this.isOpen() && this.searchable) {
+            // TODO Разобраться с этим хаком
+            setTimeout(() => {
+                this.searchInput?.nativeElement.focus();
+            }, 10);
+        }
+    }
+    close() {
+        this.isOpen.set(false);
+        this.isFocused.set(false);
+        this.searchValue.set('');
+        this.highlightedOptionIndex.set(-1);
+    }
+    isSelectedOption(option) {
+        const currentValue = this.value();
+        if (this.multiple) {
+            return Array.isArray(currentValue) && currentValue.includes(option.value);
+        }
+        return currentValue === option.value;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: WrSelectComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.5", type: WrSelectComponent, isStandalone: true, selector: "wr-select", inputs: { placeholder: "placeholder", noItemsLabel: "noItemsLabel", multiple: ["multiple", "multiple", booleanAttribute], searchable: ["searchable", "searchable", booleanAttribute], clearable: ["clearable", "clearable", booleanAttribute], maxMultipleCount: ["maxMultipleCount", "maxMultipleCount", numberAttribute], disabled: ["disabled", "disabled", booleanAttribute] }, host: { listeners: { "document:keydown": "onKeyDown($event)", "document:click": "onClickOutside($event)" }, properties: { "class": "this.hostClasses" } }, providers: [
+            provideWrIcons([chevronDown, close]),
+            {
+                provide: NG_VALUE_ACCESSOR,
+                // eslint-disable-next-line @angular-eslint/no-forward-ref
+                useExisting: forwardRef(() => WrSelectComponent),
+                multi: true,
+            },
+        ], queries: [{ propertyName: "options", predicate: WrOptionComponent, descendants: true }, { propertyName: "optionGroups", predicate: WrOptionGroupComponent }], viewQueries: [{ propertyName: "searchInput", first: true, predicate: ["searchInput"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-template #searchTemplate let-placeholder=\"placeholder\">\n  <input\n    #searchInput\n    class=\"wr-select__search\"\n    [value]=\"searchValue()\"\n    (input)=\"onSearch($event)\"\n    (click)=\"$event.stopPropagation()\"\n    [placeholder]=\"placeholder || ''\"\n  />\n</ng-template>\n\n<ng-template #selectedOptionsTemplate>\n  @for (option of selectedOptions(); track option.value) {\n    <wr-tag [hoverable]=\"true\" color=\"light\" (click)=\"onOptionSelect(option); $event.stopPropagation()\">\n      {{ option.label || option.value }}\n      <button class=\"wr-select__tag-remove\">\u00D7</button>\n    </wr-tag>\n  }\n</ng-template>\n\n<div class=\"wr-select__trigger\" (click)=\"toggle()\">\n  <div class=\"wr-select__value\">\n    @if (multiple) {\n      <div class=\"wr-select__tags\">\n        <div class=\"wr-select__tags-container\">\n          <ng-container *ngTemplateOutlet=\"selectedOptionsTemplate\"></ng-container>\n        </div>\n\n        @if (searchable && isOpen()) {\n          <ng-container *ngTemplateOutlet=\"searchTemplate\"></ng-container>\n        }\n\n        @if (maxMultipleCount) {\n          <div class=\"wr-select__counter\">{{ selectedOptions().length }}/{{ maxMultipleCount }}</div>\n        }\n      </div>\n    } @else {\n      @if (searchable && isOpen()) {\n        <ng-container\n          *ngTemplateOutlet=\"searchTemplate; context: { placeholder: selectedLabel() || placeholder }\"\n        ></ng-container>\n      } @else {\n        {{ selectedLabel() || placeholder }}\n      }\n    }\n  </div>\n\n  @if (clearable && selectedOptions().length) {\n    <button class=\"wr-select__clear\" (click)=\"clear($event)\" [class.wr-select__clear--multiple]=\"multiple\">\n      <wr-icon name=\"close\" />\n    </button>\n  }\n  <wr-icon class=\"wr-select__arrow\" name=\"chevron-down\" />\n</div>\n\n<div class=\"wr-select__dropdown\" [class.wr-select__dropdown--open]=\"isOpen()\">\n  <div class=\"wr-select__dropdown-content\">\n    @if (!filteredOptions().length) {\n      <div class=\"wr-select__no-data\">{{ noItemsLabel }}</div>\n    } @else {\n      <ng-content></ng-content>\n    }\n  </div>\n</div>\n", dependencies: [{ kind: "component", type: WrIconComponent, selector: "wr-icon", inputs: ["name"] }, { kind: "component", type: WrTagComponent, selector: "wr-tag", inputs: ["color", "icon", "iconPosition", "outlined", "rounded", "transparent", "hoverable", "loading"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: WrSelectComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'wr-select', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [
+                        provideWrIcons([chevronDown, close]),
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            // eslint-disable-next-line @angular-eslint/no-forward-ref
+                            useExisting: forwardRef(() => WrSelectComponent),
+                            multi: true,
+                        },
+                    ], imports: [WrIconComponent, WrTagComponent, NgTemplateOutlet], template: "<ng-template #searchTemplate let-placeholder=\"placeholder\">\n  <input\n    #searchInput\n    class=\"wr-select__search\"\n    [value]=\"searchValue()\"\n    (input)=\"onSearch($event)\"\n    (click)=\"$event.stopPropagation()\"\n    [placeholder]=\"placeholder || ''\"\n  />\n</ng-template>\n\n<ng-template #selectedOptionsTemplate>\n  @for (option of selectedOptions(); track option.value) {\n    <wr-tag [hoverable]=\"true\" color=\"light\" (click)=\"onOptionSelect(option); $event.stopPropagation()\">\n      {{ option.label || option.value }}\n      <button class=\"wr-select__tag-remove\">\u00D7</button>\n    </wr-tag>\n  }\n</ng-template>\n\n<div class=\"wr-select__trigger\" (click)=\"toggle()\">\n  <div class=\"wr-select__value\">\n    @if (multiple) {\n      <div class=\"wr-select__tags\">\n        <div class=\"wr-select__tags-container\">\n          <ng-container *ngTemplateOutlet=\"selectedOptionsTemplate\"></ng-container>\n        </div>\n\n        @if (searchable && isOpen()) {\n          <ng-container *ngTemplateOutlet=\"searchTemplate\"></ng-container>\n        }\n\n        @if (maxMultipleCount) {\n          <div class=\"wr-select__counter\">{{ selectedOptions().length }}/{{ maxMultipleCount }}</div>\n        }\n      </div>\n    } @else {\n      @if (searchable && isOpen()) {\n        <ng-container\n          *ngTemplateOutlet=\"searchTemplate; context: { placeholder: selectedLabel() || placeholder }\"\n        ></ng-container>\n      } @else {\n        {{ selectedLabel() || placeholder }}\n      }\n    }\n  </div>\n\n  @if (clearable && selectedOptions().length) {\n    <button class=\"wr-select__clear\" (click)=\"clear($event)\" [class.wr-select__clear--multiple]=\"multiple\">\n      <wr-icon name=\"close\" />\n    </button>\n  }\n  <wr-icon class=\"wr-select__arrow\" name=\"chevron-down\" />\n</div>\n\n<div class=\"wr-select__dropdown\" [class.wr-select__dropdown--open]=\"isOpen()\">\n  <div class=\"wr-select__dropdown-content\">\n    @if (!filteredOptions().length) {\n      <div class=\"wr-select__no-data\">{{ noItemsLabel }}</div>\n    } @else {\n      <ng-content></ng-content>\n    }\n  </div>\n</div>\n" }]
+        }], propDecorators: { placeholder: [{
+                type: Input
+            }], noItemsLabel: [{
+                type: Input
+            }], multiple: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], searchable: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], clearable: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], maxMultipleCount: [{
+                type: Input,
+                args: [{ transform: numberAttribute }]
+            }], disabled: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], searchInput: [{
+                type: ViewChild,
+                args: ['searchInput']
+            }], options: [{
+                type: ContentChildren,
+                args: [WrOptionComponent, { descendants: true }]
+            }], optionGroups: [{
+                type: ContentChildren,
+                args: [WrOptionGroupComponent]
+            }], hostClasses: [{
+                type: HostBinding,
+                args: ['class']
+            }], onKeyDown: [{
+                type: HostListener,
+                args: ['document:keydown', ['$event']]
+            }], onClickOutside: [{
+                type: HostListener,
+                args: ['document:click', ['$event']]
+            }] } });
+
+/**
+ * @license
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { WrOptionComponent, WrOptionGroupComponent, WrSelectComponent };
+//# sourceMappingURL=ngwr-select.mjs.map

package/fesm2022/ngwr-select.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngwr-select.mjs","sources":["../../../projects/lib/select/select-option.component.ts","../../../projects/lib/select/select-option.component.html","../../../projects/lib/select/select-option-group.component.ts","../../../projects/lib/select/select-option-group.component.html","../../../projects/lib/select/select.component.ts","../../../projects/lib/select/select.component.html","../../../projects/lib/select/public-api.ts","../../../projects/lib/select/ngwr-select.ts"],"sourcesContent":["/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport { NgTemplateOutlet } from '@angular/common';\nimport {\n  Component,\n  Input,\n  ChangeDetectionStrategy,\n  ViewEncapsulation,\n  HostBinding,\n  inject,\n  booleanAttribute,\n  TemplateRef,\n  ContentChild,\n} from '@angular/core';\n\nimport { SafeAny } from 'ngwr/cdk/types';\n\nimport { WrSelectComponent } from './select.component';\n\n@Component({\n  selector: 'wr-option',\n  templateUrl: './select-option.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  host: {\n    '(click)': 'select()',\n  },\n  imports: [NgTemplateOutlet],\n})\nexport class WrOptionComponent {\n  @Input()\n  value: SafeAny;\n\n  @Input()\n  label?: string;\n\n  @Input({ transform: booleanAttribute })\n  disabled = false;\n\n  @ContentChild(TemplateRef)\n  customTemplate?: TemplateRef<SafeAny>;\n\n  @HostBinding('class')\n  get hostClasses(): Record<string, boolean> {\n    return {\n      'wr-option': true,\n      'wr-option--selected': this.isSelected,\n      'wr-option--disabled': this.disabled,\n      'wr-option--highlighted': this.isHighlighted,\n      'wr-option--filtered': this.isFiltered,\n    };\n  }\n\n  protected readonly context: { $implicit: SafeAny; option: SafeAny } = {\n    $implicit: this,\n    option: this,\n  };\n\n  private readonly selectComponent = inject(WrSelectComponent);\n\n  get isSelected(): boolean {\n    const currentValue = this.selectComponent.currentValue;\n    if (this.selectComponent.isMultiple) {\n      return Array.isArray(currentValue) && currentValue.includes(this.value);\n    }\n    return currentValue === this.value;\n  }\n\n  get isHighlighted(): boolean {\n    return this.selectComponent.isHighlightedOption(this);\n  }\n\n  get isFiltered(): boolean {\n    return this.selectComponent.isFilteredOption(this);\n  }\n\n  select(): void {\n    if (!this.disabled) {\n      this.selectComponent.onOptionSelect(this);\n    }\n  }\n}\n","<div class=\"wr-option__content\">\n  @if (customTemplate) {\n    <ng-container *ngTemplateOutlet=\"customTemplate; context: context\"> </ng-container>\n  } @else {\n    {{ label }}\n  }\n</div>\n","/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport {\n  Component,\n  Input,\n  ChangeDetectionStrategy,\n  ViewEncapsulation,\n  ContentChildren,\n  QueryList,\n  AfterContentInit,\n  HostBinding,\n  booleanAttribute,\n} from '@angular/core';\n\nimport { WrOptionComponent } from './select-option.component';\n\n@Component({\n  selector: 'wr-option-group',\n  templateUrl: './select-option-group.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n})\nexport class WrOptionGroupComponent implements AfterContentInit {\n  @Input()\n  label = '';\n\n  @Input({ transform: booleanAttribute })\n  disabled = false;\n\n  @ContentChildren(WrOptionComponent)\n  options!: QueryList<WrOptionComponent>;\n\n  @HostBinding('class')\n  get hostClasses(): Record<string, boolean> {\n    return {\n      'wr-select-group': true,\n      'wr-select-group--disabled': this.disabled,\n    };\n  }\n\n  ngAfterContentInit(): void {\n    if (this.disabled) {\n      this.options.forEach(option => (option.disabled = true));\n    }\n  }\n}\n","<div class=\"wr-select-group__label\">{{ label }}</div>\n<div class=\"wr-select-group__content\">\n  <ng-content></ng-content>\n</div>\n","/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport { NgTemplateOutlet } from '@angular/common';\nimport {\n  Component,\n  ChangeDetectionStrategy,\n  ViewEncapsulation,\n  Input,\n  ContentChildren,\n  QueryList,\n  AfterContentInit,\n  forwardRef,\n  HostBinding,\n  inject,\n  signal,\n  computed,\n  ChangeDetectorRef,\n  booleanAttribute,\n  ElementRef,\n  ViewChild,\n  HostListener,\n  numberAttribute,\n} from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\n\nimport { noop } from 'rxjs';\n\nimport { WrAbstractBase } from 'ngwr/cdk';\nimport { SafeAny } from 'ngwr/cdk/types';\nimport { provideWrIcons, chevronDown, WrIconComponent, close } from 'ngwr/icon';\nimport { WrTagComponent } from 'ngwr/tag';\n\nimport { WrOptionGroupComponent } from './select-option-group.component';\nimport { WrOptionComponent } from './select-option.component';\n\n/**\n * NGWR select component.\n *\n * {@tutorial} [How to use wr-select]{@link http://ngwr.dev/docs/components/select}\n */\n@Component({\n  selector: 'wr-select',\n  templateUrl: './select.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  providers: [\n    provideWrIcons([chevronDown, close]),\n    {\n      provide: NG_VALUE_ACCESSOR,\n      // eslint-disable-next-line @angular-eslint/no-forward-ref\n      useExisting: forwardRef(() => WrSelectComponent),\n      multi: true,\n    },\n  ],\n  imports: [WrIconComponent, WrTagComponent, NgTemplateOutlet],\n})\nexport class WrSelectComponent extends WrAbstractBase implements ControlValueAccessor, AfterContentInit {\n  @Input()\n  placeholder = '';\n\n  @Input()\n  noItemsLabel = 'No Items';\n\n  @Input({ transform: booleanAttribute })\n  multiple = false;\n\n  @Input({ transform: booleanAttribute })\n  searchable = false;\n\n  @Input({ transform: booleanAttribute })\n  clearable = false;\n\n  @Input({ transform: numberAttribute })\n  maxMultipleCount?: number;\n\n  @Input({ transform: booleanAttribute })\n  set disabled(value: boolean) {\n    this.isDisabled.set(value);\n  }\n  get disabled(): boolean {\n    return this.isDisabled();\n  }\n\n  @ViewChild('searchInput')\n  searchInput?: ElementRef<HTMLInputElement>;\n\n  @ContentChildren(WrOptionComponent, { descendants: true })\n  options!: QueryList<WrOptionComponent>;\n\n  @ContentChildren(WrOptionGroupComponent)\n  optionGroups!: QueryList<WrOptionGroupComponent>;\n\n  @HostBinding('class')\n  get hostClasses(): Record<string, boolean> {\n    return {\n      'wr-select': true,\n      'wr-select--open': this.isOpen(),\n      'wr-select--multiple': this.multiple,\n      'wr-select--disabled': this.isDisabled(),\n      'wr-select--focused': this.isFocused(),\n    };\n  }\n\n  @HostListener('document:keydown', ['$event'])\n  onKeyDown(event: KeyboardEvent): void {\n    if (!this.isOpen()) {\n      return;\n    }\n\n    const filteredOpts = this.filteredOptions();\n    const currentIndex = this.highlightedOptionIndex();\n\n    switch (event.key) {\n      case 'ArrowDown':\n        event.preventDefault();\n        this.highlightedOptionIndex.set(currentIndex < filteredOpts.length - 1 ? currentIndex + 1 : 0);\n        break;\n\n      case 'ArrowUp':\n        event.preventDefault();\n        this.highlightedOptionIndex.set(currentIndex > 0 ? currentIndex - 1 : filteredOpts.length - 1);\n        break;\n\n      case 'Enter':\n        event.preventDefault();\n        if (currentIndex >= 0 && filteredOpts[currentIndex]) {\n          this.onOptionSelect(filteredOpts[currentIndex]);\n        }\n        break;\n\n      case 'Backspace':\n        if (this.multiple && !this.searchValue() && this.selectedOptions().length) {\n          const selectedOptionsArray = this.selectedOptions();\n          const lastSelected = selectedOptionsArray[selectedOptionsArray.length - 1];\n          this.onOptionSelect(lastSelected);\n        }\n        break;\n\n      case 'Escape':\n        event.preventDefault();\n        this.close();\n        break;\n    }\n  }\n\n  @HostListener('document:click', ['$event'])\n  onClickOutside(event: MouseEvent): void {\n    if (!this.elementRef.nativeElement.contains(event.target)) {\n      this.close();\n    }\n  }\n\n  protected readonly value = signal<SafeAny>(null);\n  protected readonly isOpen = signal(false);\n  protected readonly isFocused = signal(false);\n  protected readonly isDisabled = signal(false);\n  protected readonly searchValue = signal('');\n  protected readonly highlightedOptionIndex = signal(-1);\n\n  protected readonly selectedOptions = computed(() => {\n    const currentValue = this.value();\n    const optionsArray = this.options?.toArray() || [];\n\n    if (this.multiple) {\n      return optionsArray.filter(option => Array.isArray(currentValue) && currentValue.includes(option.value));\n    }\n    return optionsArray.filter(option => option.value === currentValue);\n  });\n\n  protected readonly selectedLabel = computed(() => {\n    const selected = this.selectedOptions();\n    return selected.length ? selected[0].label || selected[0].value : '';\n  });\n\n  protected readonly filteredOptions = computed(() => {\n    const search = this.searchValue().toLowerCase();\n    const optionsArray = this.options?.toArray() || [];\n\n    let filteredArray = optionsArray;\n    if (this.multiple) {\n      const currentValue = this.value();\n      filteredArray = optionsArray.filter(\n        option => !Array.isArray(currentValue) || !currentValue.includes(option.value)\n      );\n    }\n\n    if (!search) {\n      return filteredArray;\n    }\n\n    return filteredArray.filter(option => (option.label || option.value.toString()).toLowerCase().includes(search));\n  });\n\n  private readonly elementRef = inject(ElementRef);\n  private readonly cdr = inject(ChangeDetectorRef);\n\n  get currentValue(): SafeAny {\n    return this.value();\n  }\n\n  get isMultiple(): boolean {\n    return this.multiple;\n  }\n\n  ngAfterContentInit(): void {\n    this.options.changes.pipe(takeUntilDestroyed(this.destroyRef$)).subscribe(() => {\n      this.cdr.markForCheck();\n    });\n  }\n\n  onChange: (value: string) => void = noop;\n  onTouch: () => void = noop;\n\n  onOptionSelect(option: WrOptionComponent): void {\n    if (this.isDisabled()) return;\n\n    if (this.multiple) {\n      const currentValue = Array.isArray(this.value()) ? this.value() : [];\n\n      if (this.maxMultipleCount && !this.isSelectedOption(option) && currentValue.length >= this.maxMultipleCount) {\n        return;\n      }\n\n      const newValue = this.isSelectedOption(option)\n        ? currentValue.filter((v: SafeAny) => v !== option.value)\n        : [...currentValue, option.value];\n\n      this.writeValue(newValue);\n      this.searchValue.set('');\n    } else {\n      this.writeValue(option.value);\n      this.close();\n    }\n  }\n\n  onSearch(event: Event): void {\n    const value = (event.target as HTMLInputElement).value;\n    this.searchValue.set(value);\n  }\n\n  isHighlightedOption(option: WrOptionComponent): boolean {\n    if (this.highlightedOptionIndex() === -1) {\n      return false;\n    }\n\n    const filteredOpts = this.filteredOptions();\n    const optionIndex = filteredOpts.findIndex(item => item.value === option.value);\n\n    return optionIndex !== -1 && optionIndex === this.highlightedOptionIndex();\n  }\n\n  isFilteredOption(option: WrOptionComponent): boolean {\n    if (this.multiple) {\n      const currentValue = this.value();\n      if (Array.isArray(currentValue) && currentValue.includes(option.value)) {\n        return true;\n      }\n    }\n\n    const search = this.searchValue().toLowerCase();\n    if (search) {\n      return !(option.label || option.value.toString()).toLowerCase().includes(search);\n    }\n\n    return false;\n  }\n\n  writeValue(value: SafeAny): void {\n    this.value.set(value);\n    this.onChange(value);\n    this.cdr.markForCheck();\n  }\n\n  registerOnChange(fn: (value: SafeAny) => void): void {\n    this.onChange = fn;\n  }\n\n  registerOnTouched(fn: () => void): void {\n    this.onTouch = fn;\n  }\n\n  setDisabledState(isDisabled: boolean): void {\n    this.isDisabled.set(isDisabled);\n  }\n\n  clear(event: Event): void {\n    event.stopPropagation();\n    if (this.isDisabled()) return;\n\n    if (this.multiple) {\n      this.writeValue([]);\n    } else {\n      this.writeValue(null);\n    }\n  }\n\n  toggle(): void {\n    if (this.isDisabled()) {\n      return;\n    }\n\n    this.isOpen.update(value => !value);\n    this.isFocused.update(value => !value);\n\n    if (this.isOpen() && this.searchable) {\n      // TODO Разобраться с этим хаком\n      setTimeout(() => {\n        this.searchInput?.nativeElement.focus();\n      }, 10);\n    }\n  }\n\n  private close(): void {\n    this.isOpen.set(false);\n    this.isFocused.set(false);\n    this.searchValue.set('');\n    this.highlightedOptionIndex.set(-1);\n  }\n\n  private isSelectedOption(option: WrOptionComponent): boolean {\n    const currentValue = this.value();\n    if (this.multiple) {\n      return Array.isArray(currentValue) && currentValue.includes(option.value);\n    }\n\n    return currentValue === option.value;\n  }\n}\n","<ng-template #searchTemplate let-placeholder=\"placeholder\">\n  <input\n    #searchInput\n    class=\"wr-select__search\"\n    [value]=\"searchValue()\"\n    (input)=\"onSearch($event)\"\n    (click)=\"$event.stopPropagation()\"\n    [placeholder]=\"placeholder || ''\"\n  />\n</ng-template>\n\n<ng-template #selectedOptionsTemplate>\n  @for (option of selectedOptions(); track option.value) {\n    <wr-tag [hoverable]=\"true\" color=\"light\" (click)=\"onOptionSelect(option); $event.stopPropagation()\">\n      {{ option.label || option.value }}\n      <button class=\"wr-select__tag-remove\">×</button>\n    </wr-tag>\n  }\n</ng-template>\n\n<div class=\"wr-select__trigger\" (click)=\"toggle()\">\n  <div class=\"wr-select__value\">\n    @if (multiple) {\n      <div class=\"wr-select__tags\">\n        <div class=\"wr-select__tags-container\">\n          <ng-container *ngTemplateOutlet=\"selectedOptionsTemplate\"></ng-container>\n        </div>\n\n        @if (searchable && isOpen()) {\n          <ng-container *ngTemplateOutlet=\"searchTemplate\"></ng-container>\n        }\n\n        @if (maxMultipleCount) {\n          <div class=\"wr-select__counter\">{{ selectedOptions().length }}/{{ maxMultipleCount }}</div>\n        }\n      </div>\n    } @else {\n      @if (searchable && isOpen()) {\n        <ng-container\n          *ngTemplateOutlet=\"searchTemplate; context: { placeholder: selectedLabel() || placeholder }\"\n        ></ng-container>\n      } @else {\n        {{ selectedLabel() || placeholder }}\n      }\n    }\n  </div>\n\n  @if (clearable && selectedOptions().length) {\n    <button class=\"wr-select__clear\" (click)=\"clear($event)\" [class.wr-select__clear--multiple]=\"multiple\">\n      <wr-icon name=\"close\" />\n    </button>\n  }\n  <wr-icon class=\"wr-select__arrow\" name=\"chevron-down\" />\n</div>\n\n<div class=\"wr-select__dropdown\" [class.wr-select__dropdown--open]=\"isOpen()\">\n  <div class=\"wr-select__dropdown-content\">\n    @if (!filteredOptions().length) {\n      <div class=\"wr-select__no-data\">{{ noItemsLabel }}</div>\n    } @else {\n      <ng-content></ng-content>\n    }\n  </div>\n</div>\n","/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nexport * from './select.types';\nexport * from './select.component';\nexport * from './select-option.component';\nexport * from './select-option-group.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/ngwr-skeleton.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { booleanAttribute, Component, ChangeDetectionStrategy, ViewEncapsulation, Input, HostBinding, NgModule } from '@angular/core';
+import { booleanAttribute, Component, ChangeDetectionStrategy, ViewEncapsulation, Input, HostBinding } from '@angular/core';
 
 class WrSkeletonComponent {
     constructor() {
@@ -20,13 +20,12 @@ class WrSkeletonComponent {
             'wr-skeleton--dark': this.color === 'dark',
         };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.3", ngImport: i0, type: WrSkeletonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.1.3", type: WrSkeletonComponent, isStandalone: true, selector: "wr-skeleton", inputs: { color: "color", animated: ["animated", "animated", booleanAttribute] }, host: { properties: { "class": "this.elClasses" } }, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: WrSkeletonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.1.5", type: WrSkeletonComponent, isStandalone: true, selector: "wr-skeleton", inputs: { color: "color", animated: ["animated", "animated", booleanAttribute] }, host: { properties: { "class": "this.elClasses" } }, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.3", ngImport: i0, type: WrSkeletonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: WrSkeletonComponent, decorators: [{
             type: Component,
             args: [{
-                    standalone: true,
                     selector: 'wr-skeleton',
                     template: '',
                     changeDetection: ChangeDetectionStrategy.OnPush,
@@ -42,22 +41,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.3", ngImpor
                 args: ['class']
             }] } });
 
-class WrSkeletonModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.3", ngImport: i0, type: WrSkeletonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.3", ngImport: i0, type: WrSkeletonModule, imports: [WrSkeletonComponent], exports: [WrSkeletonComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.3", ngImport: i0, type: WrSkeletonModule }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.3", ngImport: i0, type: WrSkeletonModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [WrSkeletonComponent],
-                    exports: [WrSkeletonComponent],
-                }]
-        }] });
-
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { WrSkeletonComponent, WrSkeletonModule };
+export { WrSkeletonComponent };
 //# sourceMappingURL=ngwr-skeleton.mjs.map

package/fesm2022/ngwr-skeleton.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ngwr-skeleton.mjs","sources":["../../../projects/lib/skeleton/skeleton.component.ts","../../../projects/lib/skeleton/skeleton.module.ts","../../../projects/lib/skeleton/ngwr-skeleton.ts"],"sourcesContent":["import {\n  booleanAttribute,\n  ChangeDetectionStrategy,\n  Component,\n  HostBinding,\n  Input,\n  ViewEncapsulation,\n} from '@angular/core';\n\nimport { SafeAny, WrThemeColor } from 'ngwr/cdk/types';\n\n@Component({\n  standalone: true,\n  selector: 'wr-skeleton',\n  template: '',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n})\nexport class WrSkeletonComponent {\n  @Input() color: WrThemeColor = 'dark';\n  @Input({ transform: booleanAttribute }) animated = true;\n\n  @HostBinding('class')\n  get elClasses(): SafeAny {\n    return {\n      'wr-skeleton': true,\n      'wr-skeleton--animated': this.animated,\n      'wr-skeleton--primary': this.color === 'primary',\n      'wr-skeleton--secondary': this.color === 'secondary',\n      'wr-skeleton--success': this.color === 'success',\n      'wr-skeleton--warning': this.color === 'warning',\n      'wr-skeleton--danger': this.color === 'danger',\n      'wr-skeleton--light': this.color === 'light',\n      'wr-skeleton--medium': this.color === 'medium',\n      'wr-skeleton--dark': this.color === 'dark',\n    };\n  }\n}\n","import { NgModule } from '@angular/core';\n\nimport { WrSkeletonComponent } from './skeleton.component';\n\n@NgModule({\n  imports: [WrSkeletonComponent],\n  exports: [WrSkeletonComponent],\n})\nexport class WrSkeletonModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;MAkBa,mBAAmB,CAAA;AAPhC,IAAA,WAAA,GAAA;QAQW,IAAK,CAAA,KAAA,GAAiB,MAAM;QACG,IAAQ,CAAA,QAAA,GAAG,IAAI;AAiBxD;AAfC,IAAA,IACI,SAAS,GAAA;QACX,OAAO;AACL,YAAA,aAAa,EAAE,IAAI;YACnB,uBAAuB,EAAE,IAAI,CAAC,QAAQ;AACtC,YAAA,sBAAsB,EAAE,IAAI,CAAC,KAAK,KAAK,SAAS;AAChD,YAAA,wBAAwB,EAAE,IAAI,CAAC,KAAK,KAAK,WAAW;AACpD,YAAA,sBAAsB,EAAE,IAAI,CAAC,KAAK,KAAK,SAAS;AAChD,YAAA,sBAAsB,EAAE,IAAI,CAAC,KAAK,KAAK,SAAS;AAChD,YAAA,qBAAqB,EAAE,IAAI,CAAC,KAAK,KAAK,QAAQ;AAC9C,YAAA,oBAAoB,EAAE,IAAI,CAAC,KAAK,KAAK,OAAO;AAC5C,YAAA,qBAAqB,EAAE,IAAI,CAAC,KAAK,KAAK,QAAQ;AAC9C,YAAA,mBAAmB,EAAE,IAAI,CAAC,KAAK,KAAK,MAAM;SAC3C;;8GAjBQ,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAnB,mBAAmB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,OAAA,EAAA,QAAA,EAAA,CAAA,UAAA,EAAA,UAAA,EAEV,gBAAgB,CAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,gBAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAN1B,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FAID,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAP/B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,QAAQ,EAAE,aAAa;AACvB,oBAAA,QAAQ,EAAE,EAAE;oBACZ,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,aAAa,EAAE,iBAAiB,CAAC,IAAI;AACtC,iBAAA;8BAEU,KAAK,EAAA,CAAA;sBAAb;gBACuC,QAAQ,EAAA,CAAA;sBAA/C,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE;gBAGlC,SAAS,EAAA,CAAA;sBADZ,WAAW;uBAAC,OAAO;;;MCdT,gBAAgB,CAAA;8GAAhB,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;+GAAhB,gBAAgB,EAAA,OAAA,EAAA,CAHjB,mBAAmB,CAAA,EAAA,OAAA,EAAA,CACnB,mBAAmB,CAAA,EAAA,CAAA,CAAA;+GAElB,gBAAgB,EAAA,CAAA,CAAA;;2FAAhB,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAJ5B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,OAAO,EAAE,CAAC,mBAAmB,CAAC;oBAC9B,OAAO,EAAE,CAAC,mBAAmB,CAAC;AAC/B,iBAAA;;;ACPD;;AAEG;;;;"}
+{"version":3,"file":"ngwr-skeleton.mjs","sources":["../../../projects/lib/skeleton/skeleton.component.ts","../../../projects/lib/skeleton/ngwr-skeleton.ts"],"sourcesContent":["import {\n  booleanAttribute,\n  ChangeDetectionStrategy,\n  Component,\n  HostBinding,\n  Input,\n  ViewEncapsulation,\n} from '@angular/core';\n\nimport { SafeAny, WrThemeColor } from 'ngwr/cdk/types';\n\n@Component({\n  selector: 'wr-skeleton',\n  template: '',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n})\nexport class WrSkeletonComponent {\n  @Input() color: WrThemeColor = 'dark';\n  @Input({ transform: booleanAttribute }) animated = true;\n\n  @HostBinding('class')\n  get elClasses(): SafeAny {\n    return {\n      'wr-skeleton': true,\n      'wr-skeleton--animated': this.animated,\n      'wr-skeleton--primary': this.color === 'primary',\n      'wr-skeleton--secondary': this.color === 'secondary',\n      'wr-skeleton--success': this.color === 'success',\n      'wr-skeleton--warning': this.color === 'warning',\n      'wr-skeleton--danger': this.color === 'danger',\n      'wr-skeleton--light': this.color === 'light',\n      'wr-skeleton--medium': this.color === 'medium',\n      'wr-skeleton--dark': this.color === 'dark',\n    };\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;MAiBa,mBAAmB,CAAA;AANhC,IAAA,WAAA,GAAA;QAOW,IAAK,CAAA,KAAA,GAAiB,MAAM;QACG,IAAQ,CAAA,QAAA,GAAG,IAAI;AAiBxD;AAfC,IAAA,IACI,SAAS,GAAA;QACX,OAAO;AACL,YAAA,aAAa,EAAE,IAAI;YACnB,uBAAuB,EAAE,IAAI,CAAC,QAAQ;AACtC,YAAA,sBAAsB,EAAE,IAAI,CAAC,KAAK,KAAK,SAAS;AAChD,YAAA,wBAAwB,EAAE,IAAI,CAAC,KAAK,KAAK,WAAW;AACpD,YAAA,sBAAsB,EAAE,IAAI,CAAC,KAAK,KAAK,SAAS;AAChD,YAAA,sBAAsB,EAAE,IAAI,CAAC,KAAK,KAAK,SAAS;AAChD,YAAA,qBAAqB,EAAE,IAAI,CAAC,KAAK,KAAK,QAAQ;AAC9C,YAAA,oBAAoB,EAAE,IAAI,CAAC,KAAK,KAAK,OAAO;AAC5C,YAAA,qBAAqB,EAAE,IAAI,CAAC,KAAK,KAAK,QAAQ;AAC9C,YAAA,mBAAmB,EAAE,IAAI,CAAC,KAAK,KAAK,MAAM;SAC3C;;8GAjBQ,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAnB,mBAAmB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,OAAA,EAAA,QAAA,EAAA,CAAA,UAAA,EAAA,UAAA,EAEV,gBAAgB,CAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,gBAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAN1B,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FAID,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAN/B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,aAAa;AACvB,oBAAA,QAAQ,EAAE,EAAE;oBACZ,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,aAAa,EAAE,iBAAiB,CAAC,IAAI;AACtC,iBAAA;8BAEU,KAAK,EAAA,CAAA;sBAAb;gBACuC,QAAQ,EAAA,CAAA;sBAA/C,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE;gBAGlC,SAAS,EAAA,CAAA;sBADZ,WAAW;uBAAC,OAAO;;;ACrBtB;;AAEG;;;;"}

package/fesm2022/ngwr-spinner.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { Component, ChangeDetectionStrategy, ViewEncapsulation, HostBinding, NgModule } from '@angular/core';
+import { input, Component, ChangeDetectionStrategy, ViewEncapsulation, HostBinding } from '@angular/core';
 
 /**
  * @license
@@ -14,46 +14,34 @@ import { Component, ChangeDetectionStrategy, ViewEncapsulation, HostBinding, NgM
  */
 class WrSpinnerComponent {
     constructor() {
-        this.class = 'wr-spinner';
+        this.size = input('small');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.3", ngImport: i0, type: WrSpinnerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.3", type: WrSpinnerComponent, isStandalone: true, selector: "wr-spinner", host: { properties: { "class": "this.class" } }, ngImport: i0, template: '<svg viewBox="0 0 50 50"><circle class="path" cx="25" cy="25" r="20" stroke-width="5" fill="none"></circle></svg>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    get hostClasses() {
+        return {
+            'wr-spinner': true,
+            'wr-spinner--small': this.size() === 'small',
+            'wr-spinner--large': this.size() === 'large',
+        };
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: WrSpinnerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.1.5", type: WrSpinnerComponent, isStandalone: true, selector: "wr-spinner", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "this.hostClasses" } }, ngImport: i0, template: '<svg viewBox="0 0 50 50"><circle class="path" cx="25" cy="25" r="20" stroke-width="5" fill="none"></circle></svg>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.3", ngImport: i0, type: WrSpinnerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: WrSpinnerComponent, decorators: [{
             type: Component,
             args: [{
-                    standalone: true,
                     selector: 'wr-spinner',
                     template: '<svg viewBox="0 0 50 50"><circle class="path" cx="25" cy="25" r="20" stroke-width="5" fill="none"></circle></svg>',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     encapsulation: ViewEncapsulation.None,
                 }]
-        }], propDecorators: { class: [{
-                type: HostBinding
+        }], propDecorators: { hostClasses: [{
+                type: HostBinding,
+                args: ['class']
             }] } });
 
-/**
- * @license
- *
- * Use of this source code is governed by an MIT-style license that can be
- * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
- */
-class WrSpinnerModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.3", ngImport: i0, type: WrSpinnerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.3", ngImport: i0, type: WrSpinnerModule, imports: [WrSpinnerComponent], exports: [WrSpinnerComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.3", ngImport: i0, type: WrSpinnerModule }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.3", ngImport: i0, type: WrSpinnerModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [WrSpinnerComponent],
-                    exports: [WrSpinnerComponent],
-                }]
-        }] });
-
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { WrSpinnerComponent, WrSpinnerModule };
+export { WrSpinnerComponent };
 //# sourceMappingURL=ngwr-spinner.mjs.map

package/fesm2022/ngwr-spinner.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ngwr-spinner.mjs","sources":["../../../projects/lib/spinner/spinner.component.ts","../../../projects/lib/spinner/spinner.module.ts","../../../projects/lib/spinner/ngwr-spinner.ts"],"sourcesContent":["/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport { ChangeDetectionStrategy, Component, HostBinding, ViewEncapsulation } from '@angular/core';\n\n/**\n * NGWR spinner component.\n *\n * {@tutorial} [How to use wr-spinner]{@link http://ngwr.dev/docs/components/spinner\n */\n@Component({\n  standalone: true,\n  selector: 'wr-spinner',\n  template:\n    '<svg viewBox=\"0 0 50 50\"><circle class=\"path\" cx=\"25\" cy=\"25\" r=\"20\" stroke-width=\"5\" fill=\"none\"></circle></svg>',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n})\nexport class WrSpinnerComponent {\n  @HostBinding() class = 'wr-spinner';\n}\n","/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport { NgModule } from '@angular/core';\n\nimport { WrSpinnerComponent } from './spinner.component';\n\n@NgModule({\n  imports: [WrSpinnerComponent],\n  exports: [WrSpinnerComponent],\n})\nexport class WrSpinnerModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;AAAA;;;;;AAKG;AAIH;;;;AAIG;MASU,kBAAkB,CAAA;AAR/B,IAAA,WAAA,GAAA;QASiB,IAAK,CAAA,KAAA,GAAG,YAAY;AACpC;8GAFY,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAlB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,kBAAkB,uHAJ3B,mHAAmH,EAAA,QAAA,EAAA,IAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FAI1G,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAR9B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,QAAQ,EAAE,YAAY;AACtB,oBAAA,QAAQ,EACN,mHAAmH;oBACrH,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,aAAa,EAAE,iBAAiB,CAAC,IAAI;AACtC,iBAAA;8BAEgB,KAAK,EAAA,CAAA;sBAAnB;;;ACvBH;;;;;AAKG;MAUU,eAAe,CAAA;8GAAf,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;+GAAf,eAAe,EAAA,OAAA,EAAA,CAHhB,kBAAkB,CAAA,EAAA,OAAA,EAAA,CAClB,kBAAkB,CAAA,EAAA,CAAA,CAAA;+GAEjB,eAAe,EAAA,CAAA,CAAA;;2FAAf,eAAe,EAAA,UAAA,EAAA,CAAA;kBAJ3B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,OAAO,EAAE,CAAC,kBAAkB,CAAC;oBAC7B,OAAO,EAAE,CAAC,kBAAkB,CAAC;AAC9B,iBAAA;;;ACdD;;AAEG;;;;"}
+{"version":3,"file":"ngwr-spinner.mjs","sources":["../../../projects/lib/spinner/spinner.component.ts","../../../projects/lib/spinner/ngwr-spinner.ts"],"sourcesContent":["/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport { ChangeDetectionStrategy, Component, HostBinding, input, ViewEncapsulation } from '@angular/core';\n\nimport { WrSpinnerSize } from './spinner.types';\n\n/**\n * NGWR spinner component.\n *\n * {@tutorial} [How to use wr-spinner]{@link http://ngwr.dev/docs/components/spinner\n */\n@Component({\n  selector: 'wr-spinner',\n  template:\n    '<svg viewBox=\"0 0 50 50\"><circle class=\"path\" cx=\"25\" cy=\"25\" r=\"20\" stroke-width=\"5\" fill=\"none\"></circle></svg>',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n})\nexport class WrSpinnerComponent {\n  size = input<WrSpinnerSize>('small');\n\n  @HostBinding('class')\n  get hostClasses(): Record<string, boolean> {\n    return {\n      'wr-spinner': true,\n      'wr-spinner--small': this.size() === 'small',\n      'wr-spinner--large': this.size() === 'large',\n    };\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;AAAA;;;;;AAKG;AAMH;;;;AAIG;MAQU,kBAAkB,CAAA;AAP/B,IAAA,WAAA,GAAA;AAQE,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAAgB,OAAO,CAAC;AAUrC;AARC,IAAA,IACI,WAAW,GAAA;QACb,OAAO;AACL,YAAA,YAAY,EAAE,IAAI;AAClB,YAAA,mBAAmB,EAAE,IAAI,CAAC,IAAI,EAAE,KAAK,OAAO;AAC5C,YAAA,mBAAmB,EAAE,IAAI,CAAC,IAAI,EAAE,KAAK,OAAO;SAC7C;;8GATQ,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAlB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,kBAAkB,8PAJ3B,mHAAmH,EAAA,QAAA,EAAA,IAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FAI1G,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAP9B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,YAAY;AACtB,oBAAA,QAAQ,EACN,mHAAmH;oBACrH,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,aAAa,EAAE,iBAAiB,CAAC,IAAI;AACtC,iBAAA;8BAKK,WAAW,EAAA,CAAA;sBADd,WAAW;uBAAC,OAAO;;;AC1BtB;;AAEG;;;;"}