@raintonic/formaui 0.2.0

package/fesm2022/raintonic-formaui-components-tab.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"raintonic-formaui-components-tab.mjs","sources":["../../../lib/components/tab/tab.component.ts","../../../lib/components/tab/tab-group.component.ts","../../../lib/components/tab/tab-group.component.html","../../../lib/components/tab/raintonic-formaui-components-tab.ts"],"sourcesContent":["import { Component, input, TemplateRef, ViewChild, InputSignal } from '@angular/core';\n\n/**\n * @component FuiTabComponent\n * @selector fui-tab\n * @description Individual tab definition used inside `fui-tab-group`. Provides a label\n * for the tab header and wraps its content in an `ng-template` for lazy rendering.\n *\n * @input label - (required) Text displayed in the tab header button\n * @input disabled - Whether the tab is disabled and cannot be selected (default: false)\n *\n * @example\n * <fui-tab label=\"Settings\" [disabled]=\"!canEdit\">\n *   <p>Settings panel content here.</p>\n * </fui-tab>\n */\n@Component({\n  selector: 'fui-tab',\n  standalone: true,\n  template: `\n    <ng-template>\n      <ng-content></ng-content>\n    </ng-template>\n  `,\n})\nexport class FuiTabComponent {\n  /**\n   * The label for the tab\n   */\n  readonly label: InputSignal<string> = input.required<string>();\n\n  /**\n   * Whether the tab is disabled\n   */\n  readonly disabled: InputSignal<boolean> = input(false);\n\n  /**\n   * Template reference for the tab content\n   */\n  @ViewChild(TemplateRef, { static: true }) content!: TemplateRef<unknown>;\n}\n","import {\n  AfterContentInit,\n  ChangeDetectionStrategy,\n  Component,\n  ContentChildren,\n  effect,\n  ElementRef,\n  model,\n  ModelSignal,\n  output,\n  OutputEmitterRef,\n  QueryList,\n  signal,\n  ViewChildren,\n  ViewEncapsulation,\n  WritableSignal,\n} from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FuiTabComponent } from './tab.component';\n\nlet nextTabGroupId = 0;\n\n/**\n * @component FuiTabGroupComponent\n * @selector fui-tab-group\n * @description Container for `fui-tab` components. Manages tab selection, keyboard navigation\n * (ArrowLeft/Right, Home, End, Enter, Space), and roving tabindex for accessibility.\n * Uses content projection to collect tab definitions and renders their content lazily.\n *\n * @input selectedIndex - Two-way model signal for the active tab index (default: 0)\n *\n * @output selectedTabChange - Emits the FuiTabComponent instance when a new tab is selected\n *\n * @cssvar --fui-tab-label-font-size - Font size of tab labels\n * @cssvar --fui-tab-label-min-height - Minimum height of tab header buttons\n * @cssvar --fui-tab-label-padding-x - Horizontal padding of tab labels\n * @cssvar --fui-tab-label-padding-y - Vertical padding of tab labels\n * @cssvar --fui-tab-panel-padding - Padding of the tab content panel\n * @cssvar --fui-tab-indicator-height - Height of the active-tab underline indicator\n * @cssvar --fui-tab-active-color - Color of the active tab label and indicator\n *\n * @example\n * <fui-tab-group [(selectedIndex)]=\"activeTab\">\n *   <fui-tab label=\"Overview\">Overview content</fui-tab>\n *   <fui-tab label=\"Details\">Details content</fui-tab>\n *   <fui-tab label=\"History\" [disabled]=\"true\">History content</fui-tab>\n * </fui-tab-group>\n */\n@Component({\n  selector: 'fui-tab-group',\n  standalone: true,\n  imports: [CommonModule],\n  templateUrl: './tab-group.component.html',\n  styleUrls: ['./tab-group.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  host: {\n    class: 'fui-tab-group',\n  },\n})\nexport class FuiTabGroupComponent implements AfterContentInit {\n  /** Unique ID prefix for this tab group instance to avoid collisions */\n  readonly tabGroupId = `fui-tab-group-${nextTabGroupId++}`;\n\n  /**\n   * The index of the selected tab\n   */\n  readonly selectedIndex: ModelSignal<number> = model(0);\n\n  /**\n   * Event emitted when a tab is selected\n   */\n  readonly selectedTabChange: OutputEmitterRef<FuiTabComponent> = output<FuiTabComponent>();\n\n  /**\n   * Query for all tab components\n   */\n  @ContentChildren(FuiTabComponent) tabComponents!: QueryList<FuiTabComponent>;\n\n  /**\n   * Query for tab header buttons for focus management\n   */\n  @ViewChildren('tabButton') tabButtons!: QueryList<ElementRef<HTMLButtonElement>>;\n\n  /**\n   * Signal containing all tabs\n   */\n  readonly tabs: WritableSignal<FuiTabComponent[]> = signal<FuiTabComponent[]>([]);\n\n  constructor() {\n    // React to external or internal selectedIndex changes and emit selectedTabChange accordingly\n    effect(() => {\n      const idx = this.selectedIndex();\n      const tabs = this.tabs();\n      if (!tabs?.length) return;\n      if (idx >= 0 && idx < tabs.length) {\n        const tab = tabs[idx];\n        if (!tab.disabled()) {\n          this.selectedTabChange.emit(tab);\n        }\n      }\n    });\n  }\n\n  ngAfterContentInit(): void {\n    this.tabs.set(this.tabComponents.toArray());\n\n    // Listen for changes in tab components\n    this.tabComponents.changes.subscribe(() => {\n      this.tabs.set(this.tabComponents.toArray());\n    });\n  }\n\n  /**\n   * Select a tab by index\n   */\n  selectTab(index: number): void {\n    const tabs = this.tabs();\n    if (index >= 0 && index < tabs.length && !tabs[index].disabled()) {\n      // Update the model; the effect defined in ngAfterContentInit will emit selectedTabChange\n      this.selectedIndex.set(index);\n    }\n  }\n\n  onKeydown(event: KeyboardEvent, index: number): void {\n    const tabs = this.tabs();\n    if (!tabs?.length) return;\n    const last = tabs.length - 1;\n    let next = index;\n    switch (event.key) {\n      case 'ArrowRight':\n        next = index === last ? 0 : index + 1;\n        break;\n      case 'ArrowLeft':\n        next = index === 0 ? last : index - 1;\n        break;\n      case 'Home':\n        next = 0;\n        break;\n      case 'End':\n        next = last;\n        break;\n      case 'Enter':\n      case ' ': // Space key\n        this.selectTab(index);\n        return;\n      default:\n        return;\n    }\n    event.preventDefault();\n    while (tabs[next]?.disabled()) {\n      next = (next + 1) % tabs.length;\n      if (next === index) break;\n    }\n    // Focus the target tab button (roving tabindex)\n    const buttons = this.tabButtons?.toArray();\n    if (buttons?.[next]) {\n      buttons[next].nativeElement.focus();\n    }\n  }\n}\n","<div class=\"fui-tab-group\">\n  <div class=\"fui-tab-header\" role=\"tablist\">\n    @for (tab of tabs(); track $index) {\n      <button\n        #tabButton\n        class=\"fui-tab-label\"\n        [class.fui-tab-label--active]=\"selectedIndex() === $index\"\n        [class.fui-tab-label--disabled]=\"tab.disabled()\"\n        [disabled]=\"tab.disabled()\"\n        [attr.aria-selected]=\"selectedIndex() === $index\"\n        [attr.tabindex]=\"selectedIndex() === $index ? 0 : -1\"\n        [attr.aria-controls]=\"tabGroupId + '-panel-' + $index\"\n        [id]=\"tabGroupId + '-tab-' + $index\"\n        role=\"tab\"\n        type=\"button\"\n        (click)=\"selectTab($index)\"\n        (keydown)=\"onKeydown($event, $index)\"\n      >\n        {{ tab.label() }}\n      </button>\n    }\n  </div>\n\n  <div class=\"fui-tab-content\">\n    @for (tab of tabs(); track $index) {\n      <div\n        class=\"fui-tab-panel\"\n        [class.fui-tab-panel--active]=\"selectedIndex() === $index\"\n        [attr.aria-labelledby]=\"tabGroupId + '-tab-' + $index\"\n        [id]=\"tabGroupId + '-panel-' + $index\"\n        role=\"tabpanel\"\n        [attr.tabindex]=\"selectedIndex() === $index ? 0 : null\"\n        [attr.aria-hidden]=\"selectedIndex() !== $index\"\n      >\n        @if (selectedIndex() === $index) {\n          <ng-container [ngTemplateOutlet]=\"tab.content\"></ng-container>\n        }\n      </div>\n    }\n  </div>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/raintonic-formaui-components-tag.mjs

@@ -0,0 +1,78 @@
+import * as i0 from '@angular/core';
+import { input, booleanAttribute, output, signal, computed, effect, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
+import { FuiIconComponent } from '@raintonic/formaui/components/icon';
+
+const FUI_TAG_VARIANTS = [
+    'primary',
+    'secondary',
+    'success',
+    'warning',
+    'danger',
+    'info',
+];
+const FUI_TAG_SIZES = ['sm', 'md'];
+
+class FuiTagComponent {
+    label = input.required(...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
+    variant = input('primary', { ...(ngDevMode ? { debugName: "variant" } : /* istanbul ignore next */ {}), transform: (v) => (FUI_TAG_VARIANTS.includes(v) ? v : 'primary') });
+    size = input('md', ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+    icon = input(null, ...(ngDevMode ? [{ debugName: "icon" }] : /* istanbul ignore next */ []));
+    removable = input(false, ...(ngDevMode ? [{ debugName: "removable" }] : /* istanbul ignore next */ []));
+    selectable = input(false, ...(ngDevMode ? [{ debugName: "selectable" }] : /* istanbul ignore next */ []));
+    selected = input(false, ...(ngDevMode ? [{ debugName: "selected" }] : /* istanbul ignore next */ []));
+    disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    removed = output();
+    selectedChange = output();
+    _selected = signal(false, ...(ngDevMode ? [{ debugName: "_selected" }] : /* istanbul ignore next */ []));
+    computedClasses = computed(() => {
+        return `fui-tag fui-tag--${this.variant()} fui-tag--${this.size()}`;
+    }, ...(ngDevMode ? [{ debugName: "computedClasses" }] : /* istanbul ignore next */ []));
+    constructor() {
+        effect(() => {
+            this._selected.set(this.selected());
+        });
+    }
+    onClick() {
+        if (this.disabled())
+            return;
+        if (this.selectable()) {
+            this._selected.update((v) => !v);
+            this.selectedChange.emit(this._selected());
+        }
+    }
+    onSpace(event) {
+        event.preventDefault();
+        this.onClick();
+    }
+    onRemove(event) {
+        event.stopPropagation();
+        if (!this.disabled()) {
+            this.removed.emit({ tag: this });
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: FuiTagComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.6", type: FuiTagComponent, isStandalone: true, selector: "fui-tag", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, removable: { classPropertyName: "removable", publicName: "removable", isSignal: true, isRequired: false, transformFunction: null }, selectable: { classPropertyName: "selectable", publicName: "selectable", isSignal: true, isRequired: false, transformFunction: null }, selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { removed: "removed", selectedChange: "selectedChange" }, host: { listeners: { "click": "onClick()", "keydown.enter": "onClick()", "keydown.space": "onSpace($event)" }, properties: { "class": "computedClasses()", "class.fui-tag--selected": "_selected()", "class.fui-tag--disabled": "disabled()", "attr.role": "selectable() ? \"option\" : null", "attr.aria-selected": "selectable() ? _selected() : null", "attr.aria-pressed": "selectable() ? _selected() : null", "attr.tabindex": "selectable() || removable() ? 0 : null" }, classAttribute: "fui-tag" }, ngImport: i0, template: "<span class=\"fui-tag__content\">\n  @if (icon()) {\n    <fui-icon class=\"fui-tag__icon\" [name]=\"icon()!\" size=\"sm\" aria-hidden=\"true\" />\n  }\n  <span class=\"fui-tag__label\">{{ label() }}</span>\n</span>\n\n@if (removable() && !disabled()) {\n  <button\n    class=\"fui-tag__remove\"\n    type=\"button\"\n    [attr.aria-label]=\"'Remove ' + label()\"\n    (click)=\"onRemove($event)\"\n    (keydown.enter)=\"onRemove($event)\"\n  >\n    <fui-icon name=\"x\" size=\"sm\" aria-hidden=\"true\" />\n  </button>\n}\n", styles: ["@keyframes fui-skeleton-pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes fui-spin{to{transform:rotate(360deg)}}@keyframes fui-shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-2px)}20%,40%,60%,80%{transform:translate(2px)}}.fui-motion-fade-in{transition:opacity var(--fui-duration-fast-02) var(--fui-ease-entrance) 0ms}.fui-motion-fade-out{transition:opacity var(--fui-duration-fast-01) var(--fui-ease-exit) 0ms}.fui-motion-slide-in-bottom{transition:transform var(--fui-duration-moderate-01) var(--fui-ease-entrance) 0ms;transform:translateY(0)}.fui-motion-slide-in-bottom.fui-motion-entering{transform:translateY(1rem)}.fui-motion-slide-in-top{transition:transform var(--fui-duration-moderate-01) var(--fui-ease-entrance) 0ms;transform:translateY(0)}.fui-motion-slide-in-top.fui-motion-entering{transform:translateY(-1rem)}.fui-motion-scale-in{transition:transform,opacity var(--fui-duration-moderate-01) var(--fui-ease-entrance) 0ms;transform:scale(1);opacity:1}.fui-motion-scale-in.fui-motion-entering{transform:scale(.95);opacity:0}.fui-no-motion{transition:none!important;animation:none!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@keyframes fui-pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}@keyframes fui-slide-in{0%{transform:translate(120%)}to{transform:translate(0)}}.fui-slide-in{animation:fui-slide-in var(--fui-duration-moderate-01) var(--fui-ease-entrance)}.fui-tag{display:inline-flex;align-items:center;gap:var(--fui-gap-4, .25rem);border-radius:var(--fui-border-radius-pill, 999px);font-family:var(--fui-font-family-sans);font-weight:var(--fui-font-weight-medium, 500);cursor:default;-webkit-user-select:none;user-select:none;transition:background-color border-color color var(--fui-duration-fast-02, .15s) var(--fui-ease-standard) 0ms}.fui-tag--sm{padding:.125rem var(--fui-gap-8, .5rem);font-size:var(--fui-font-size-01);height:1.25rem}.fui-tag--md{padding:.25rem var(--fui-gap-12, .75rem);font-size:var(--fui-font-size-02);height:1.625rem}.fui-tag--primary{background-color:var(--fui-primary-20);color:var(--fui-primary-80)}.fui-tag--secondary{background-color:var(--fui-secondary-20);color:var(--fui-secondary-80)}.fui-tag--success{background-color:var(--fui-success-20);color:var(--fui-success-80)}.fui-tag--warning{background-color:var(--fui-warning-20);color:var(--fui-warning-80)}.fui-tag--danger{background-color:var(--fui-danger-20);color:var(--fui-danger-80)}.fui-tag--info{background-color:var(--fui-info-20);color:var(--fui-info-80)}.fui-tag--selected.fui-tag--primary{background-color:var(--fui-primary);color:var(--fui-white)}.fui-tag--selected.fui-tag--secondary{background-color:var(--fui-secondary-80);color:var(--fui-white)}.fui-tag--selected.fui-tag--success{background-color:var(--fui-success);color:var(--fui-white)}.fui-tag--selected.fui-tag--warning{background-color:var(--fui-warning);color:var(--fui-white)}.fui-tag--selected.fui-tag--danger{background-color:var(--fui-danger);color:var(--fui-white)}.fui-tag--selected.fui-tag--info{background-color:var(--fui-info);color:var(--fui-white)}.fui-tag__content{display:inline-flex;align-items:center;gap:var(--fui-gap-4, .25rem)}.fui-tag__remove{background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer;outline:none}.fui-tag__remove:focus-visible{outline:2px solid var(--fui-primary);outline-offset:2px}.fui-tag__remove{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;width:1rem;height:1rem;margin-left:var(--fui-gap-4, .25rem)}.fui-tag__remove:hover{background-color:var(--fui-black-10)}.fui-tag[tabindex=\"0\"]{cursor:pointer}.fui-tag:focus-visible{outline:2px solid var(--fui-primary);outline-offset:2px}.fui-tag--disabled{opacity:var(--fui-opacity-disabled, .38);cursor:not-allowed;pointer-events:none}\n"], dependencies: [{ kind: "component", type: FuiIconComponent, selector: "fui-icon", inputs: ["name", "size", "weight", "color", "ariaLabel", "spin", "pulse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: FuiTagComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'fui-tag', standalone: true, imports: [FuiIconComponent], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
+                        class: 'fui-tag',
+                        '[class]': 'computedClasses()',
+                        '[class.fui-tag--selected]': '_selected()',
+                        '[class.fui-tag--disabled]': 'disabled()',
+                        '[attr.role]': 'selectable() ? "option" : null',
+                        '[attr.aria-selected]': 'selectable() ? _selected() : null',
+                        '[attr.aria-pressed]': 'selectable() ? _selected() : null',
+                        '[attr.tabindex]': 'selectable() || removable() ? 0 : null',
+                        '(click)': 'onClick()',
+                        '(keydown.enter)': 'onClick()',
+                        '(keydown.space)': 'onSpace($event)',
+                    }, template: "<span class=\"fui-tag__content\">\n  @if (icon()) {\n    <fui-icon class=\"fui-tag__icon\" [name]=\"icon()!\" size=\"sm\" aria-hidden=\"true\" />\n  }\n  <span class=\"fui-tag__label\">{{ label() }}</span>\n</span>\n\n@if (removable() && !disabled()) {\n  <button\n    class=\"fui-tag__remove\"\n    type=\"button\"\n    [attr.aria-label]=\"'Remove ' + label()\"\n    (click)=\"onRemove($event)\"\n    (keydown.enter)=\"onRemove($event)\"\n  >\n    <fui-icon name=\"x\" size=\"sm\" aria-hidden=\"true\" />\n  </button>\n}\n", styles: ["@keyframes fui-skeleton-pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes fui-spin{to{transform:rotate(360deg)}}@keyframes fui-shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-2px)}20%,40%,60%,80%{transform:translate(2px)}}.fui-motion-fade-in{transition:opacity var(--fui-duration-fast-02) var(--fui-ease-entrance) 0ms}.fui-motion-fade-out{transition:opacity var(--fui-duration-fast-01) var(--fui-ease-exit) 0ms}.fui-motion-slide-in-bottom{transition:transform var(--fui-duration-moderate-01) var(--fui-ease-entrance) 0ms;transform:translateY(0)}.fui-motion-slide-in-bottom.fui-motion-entering{transform:translateY(1rem)}.fui-motion-slide-in-top{transition:transform var(--fui-duration-moderate-01) var(--fui-ease-entrance) 0ms;transform:translateY(0)}.fui-motion-slide-in-top.fui-motion-entering{transform:translateY(-1rem)}.fui-motion-scale-in{transition:transform,opacity var(--fui-duration-moderate-01) var(--fui-ease-entrance) 0ms;transform:scale(1);opacity:1}.fui-motion-scale-in.fui-motion-entering{transform:scale(.95);opacity:0}.fui-no-motion{transition:none!important;animation:none!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@keyframes fui-pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}@keyframes fui-slide-in{0%{transform:translate(120%)}to{transform:translate(0)}}.fui-slide-in{animation:fui-slide-in var(--fui-duration-moderate-01) var(--fui-ease-entrance)}.fui-tag{display:inline-flex;align-items:center;gap:var(--fui-gap-4, .25rem);border-radius:var(--fui-border-radius-pill, 999px);font-family:var(--fui-font-family-sans);font-weight:var(--fui-font-weight-medium, 500);cursor:default;-webkit-user-select:none;user-select:none;transition:background-color border-color color var(--fui-duration-fast-02, .15s) var(--fui-ease-standard) 0ms}.fui-tag--sm{padding:.125rem var(--fui-gap-8, .5rem);font-size:var(--fui-font-size-01);height:1.25rem}.fui-tag--md{padding:.25rem var(--fui-gap-12, .75rem);font-size:var(--fui-font-size-02);height:1.625rem}.fui-tag--primary{background-color:var(--fui-primary-20);color:var(--fui-primary-80)}.fui-tag--secondary{background-color:var(--fui-secondary-20);color:var(--fui-secondary-80)}.fui-tag--success{background-color:var(--fui-success-20);color:var(--fui-success-80)}.fui-tag--warning{background-color:var(--fui-warning-20);color:var(--fui-warning-80)}.fui-tag--danger{background-color:var(--fui-danger-20);color:var(--fui-danger-80)}.fui-tag--info{background-color:var(--fui-info-20);color:var(--fui-info-80)}.fui-tag--selected.fui-tag--primary{background-color:var(--fui-primary);color:var(--fui-white)}.fui-tag--selected.fui-tag--secondary{background-color:var(--fui-secondary-80);color:var(--fui-white)}.fui-tag--selected.fui-tag--success{background-color:var(--fui-success);color:var(--fui-white)}.fui-tag--selected.fui-tag--warning{background-color:var(--fui-warning);color:var(--fui-white)}.fui-tag--selected.fui-tag--danger{background-color:var(--fui-danger);color:var(--fui-white)}.fui-tag--selected.fui-tag--info{background-color:var(--fui-info);color:var(--fui-white)}.fui-tag__content{display:inline-flex;align-items:center;gap:var(--fui-gap-4, .25rem)}.fui-tag__remove{background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer;outline:none}.fui-tag__remove:focus-visible{outline:2px solid var(--fui-primary);outline-offset:2px}.fui-tag__remove{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;width:1rem;height:1rem;margin-left:var(--fui-gap-4, .25rem)}.fui-tag__remove:hover{background-color:var(--fui-black-10)}.fui-tag[tabindex=\"0\"]{cursor:pointer}.fui-tag:focus-visible{outline:2px solid var(--fui-primary);outline-offset:2px}.fui-tag--disabled{opacity:var(--fui-opacity-disabled, .38);cursor:not-allowed;pointer-events:none}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: true }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], removable: [{ type: i0.Input, args: [{ isSignal: true, alias: "removable", required: false }] }], selectable: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectable", required: false }] }], selected: [{ type: i0.Input, args: [{ isSignal: true, alias: "selected", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], removed: [{ type: i0.Output, args: ["removed"] }], selectedChange: [{ type: i0.Output, args: ["selectedChange"] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { FUI_TAG_SIZES, FUI_TAG_VARIANTS, FuiTagComponent };
+//# sourceMappingURL=raintonic-formaui-components-tag.mjs.map

package/fesm2022/raintonic-formaui-components-tag.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"raintonic-formaui-components-tag.mjs","sources":["../../../lib/components/tag/tag.types.ts","../../../lib/components/tag/tag.component.ts","../../../lib/components/tag/tag.component.html","../../../lib/components/tag/raintonic-formaui-components-tag.ts"],"sourcesContent":["export type FuiTagVariant = 'primary' | 'secondary' | 'success' | 'warning' | 'danger' | 'info';\nexport type FuiTagSize = 'sm' | 'md';\n\nexport const FUI_TAG_VARIANTS: readonly FuiTagVariant[] = [\n  'primary',\n  'secondary',\n  'success',\n  'warning',\n  'danger',\n  'info',\n] as const;\nexport const FUI_TAG_SIZES: readonly FuiTagSize[] = ['sm', 'md'] as const;\n\nexport interface FuiTagRemoveEvent {\n  tag: unknown;\n}\n","import {\n  ChangeDetectionStrategy,\n  Component,\n  ViewEncapsulation,\n  computed,\n  effect,\n  input,\n  output,\n  signal,\n  booleanAttribute,\n} from '@angular/core';\nimport { FuiIconComponent } from '@raintonic/formaui/components/icon';\nimport { FuiTagVariant, FuiTagSize, FUI_TAG_VARIANTS, FuiTagRemoveEvent } from './tag.types';\n\n@Component({\n  selector: 'fui-tag',\n  standalone: true,\n  imports: [FuiIconComponent],\n  templateUrl: './tag.component.html',\n  styleUrls: ['./tag.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  host: {\n    class: 'fui-tag',\n    '[class]': 'computedClasses()',\n    '[class.fui-tag--selected]': '_selected()',\n    '[class.fui-tag--disabled]': 'disabled()',\n    '[attr.role]': 'selectable() ? \"option\" : null',\n    '[attr.aria-selected]': 'selectable() ? _selected() : null',\n    '[attr.aria-pressed]': 'selectable() ? _selected() : null',\n    '[attr.tabindex]': 'selectable() || removable() ? 0 : null',\n    '(click)': 'onClick()',\n    '(keydown.enter)': 'onClick()',\n    '(keydown.space)': 'onSpace($event)',\n  },\n})\nexport class FuiTagComponent {\n  readonly label = input.required<string>();\n  readonly variant = input<FuiTagVariant, FuiTagVariant | string>('primary', {\n    transform: (v) => ((FUI_TAG_VARIANTS as readonly string[]).includes(v) ? (v as FuiTagVariant) : 'primary'),\n  });\n  readonly size = input<FuiTagSize>('md');\n  readonly icon = input<string | null>(null);\n  readonly removable = input(false);\n  readonly selectable = input(false);\n  readonly selected = input(false);\n  readonly disabled = input<boolean, unknown>(false, { transform: booleanAttribute });\n\n  readonly removed = output<FuiTagRemoveEvent>();\n  readonly selectedChange = output<boolean>();\n\n  readonly _selected = signal(false);\n\n  readonly computedClasses = computed(() => {\n    return `fui-tag fui-tag--${this.variant()} fui-tag--${this.size()}`;\n  });\n\n  constructor() {\n    effect(() => {\n      this._selected.set(this.selected());\n    });\n  }\n\n  onClick(): void {\n    if (this.disabled()) return;\n    if (this.selectable()) {\n      this._selected.update((v) => !v);\n      this.selectedChange.emit(this._selected());\n    }\n  }\n\n  onSpace(event: Event): void {\n    event.preventDefault();\n    this.onClick();\n  }\n\n  onRemove(event: Event): void {\n    event.stopPropagation();\n    if (!this.disabled()) {\n      this.removed.emit({ tag: this });\n    }\n  }\n}\n","<span class=\"fui-tag__content\">\n  @if (icon()) {\n    <fui-icon class=\"fui-tag__icon\" [name]=\"icon()!\" size=\"sm\" aria-hidden=\"true\" />\n  }\n  <span class=\"fui-tag__label\">{{ label() }}</span>\n</span>\n\n@if (removable() && !disabled()) {\n  <button\n    class=\"fui-tag__remove\"\n    type=\"button\"\n    [attr.aria-label]=\"'Remove ' + label()\"\n    (click)=\"onRemove($event)\"\n    (keydown.enter)=\"onRemove($event)\"\n  >\n    <fui-icon name=\"x\" size=\"sm\" aria-hidden=\"true\" />\n  </button>\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}