@educarehq/solaris-ui 0.2.0 → 0.3.0

package/esm2022/lib/components/navigation/editable-tabs/component/editable-tabs.component.js

@@ -0,0 +1,323 @@
+import { Component, input, output, model, computed, signal, viewChildren, inject, ChangeDetectionStrategy, NgZone, effect, } from '@angular/core';
+import { NgTemplateOutlet } from '@angular/common';
+import { SolarisTranslateService } from '../../../../services/translation';
+import { SolarisTabPanelComponent, SolarisTabsComponent, SolarisTabComponent, } from '../../tabs';
+import { SolarisDropdownMenuTriggerDirective, SolarisDropdownMenuItemComponent, SolarisDropdownMenuComponent, } from '../../../interaction/dropdown-menu';
+import { SolarisDividerComponent } from '../../../data-display/divider';
+import { SolarisIconComponent } from '../../../icon';
+import * as i0 from "@angular/core";
+export class SolarisEditableTabsComponent {
+    translateService = inject(SolarisTranslateService, {
+        optional: true,
+    });
+    ngZone = inject(NgZone);
+    value = model(undefined, ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+    defaultValue = input(undefined, ...(ngDevMode ? [{ debugName: "defaultValue" }] : /* istanbul ignore next */ []));
+    orientation = input('horizontal', ...(ngDevMode ? [{ debugName: "orientation" }] : /* istanbul ignore next */ []));
+    appearance = input('underline', ...(ngDevMode ? [{ debugName: "appearance" }] : /* istanbul ignore next */ []));
+    size = input('md', ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+    density = input('comfortable', ...(ngDevMode ? [{ debugName: "density" }] : /* istanbul ignore next */ []));
+    activationMode = input('automatic', ...(ngDevMode ? [{ debugName: "activationMode" }] : /* istanbul ignore next */ []));
+    contentTransition = input('slide', ...(ngDevMode ? [{ debugName: "contentTransition" }] : /* istanbul ignore next */ []));
+    tabs = input.required(...(ngDevMode ? [{ debugName: "tabs" }] : /* istanbul ignore next */ []));
+    editable = input(true, ...(ngDevMode ? [{ debugName: "editable" }] : /* istanbul ignore next */ []));
+    renamable = input(true, ...(ngDevMode ? [{ debugName: "renamable" }] : /* istanbul ignore next */ []));
+    removable = input(true, ...(ngDevMode ? [{ debugName: "removable" }] : /* istanbul ignore next */ []));
+    movable = input(true, ...(ngDevMode ? [{ debugName: "movable" }] : /* istanbul ignore next */ []));
+    defaultable = input(true, ...(ngDevMode ? [{ debugName: "defaultable" }] : /* istanbul ignore next */ []));
+    showActions = input('focus-hover', ...(ngDevMode ? [{ debugName: "showActions" }] : /* istanbul ignore next */ []));
+    renameOnBlur = input('confirm', ...(ngDevMode ? [{ debugName: "renameOnBlur" }] : /* istanbul ignore next */ []));
+    minTabs = input(1, ...(ngDevMode ? [{ debugName: "minTabs" }] : /* istanbul ignore next */ []));
+    allowEmpty = input(false, ...(ngDevMode ? [{ debugName: "allowEmpty" }] : /* istanbul ignore next */ []));
+    ariaLabel = input(undefined, ...(ngDevMode ? [{ debugName: "ariaLabel" }] : /* istanbul ignore next */ []));
+    ariaLabelKey = input(undefined, ...(ngDevMode ? [{ debugName: "ariaLabelKey" }] : /* istanbul ignore next */ []));
+    tabContentMap = input(undefined, ...(ngDevMode ? [{ debugName: "tabContentMap" }] : /* istanbul ignore next */ []));
+    valueChange = output();
+    tabRenameRequested = output();
+    tabRename = output();
+    tabRemoveRequested = output();
+    tabRemove = output();
+    tabMoveRequested = output();
+    tabMove = output();
+    defaultTabChange = output();
+    tabAction = output();
+    menuComponents = viewChildren(SolarisDropdownMenuComponent, ...(ngDevMode ? [{ debugName: "menuComponents" }] : /* istanbul ignore next */ []));
+    tabMenuRefs = computed(() => {
+        this.tabs();
+        return this.menuComponents();
+    }, ...(ngDevMode ? [{ debugName: "tabMenuRefs" }] : /* istanbul ignore next */ []));
+    activeMenuIndex = signal(null, ...(ngDevMode ? [{ debugName: "activeMenuIndex" }] : /* istanbul ignore next */ []));
+    renamingTabId = signal(null, ...(ngDevMode ? [{ debugName: "renamingTabId" }] : /* istanbul ignore next */ []));
+    renameValue = signal('', ...(ngDevMode ? [{ debugName: "renameValue" }] : /* istanbul ignore next */ []));
+    defaultTabValue = signal(undefined, ...(ngDevMode ? [{ debugName: "defaultTabValue" }] : /* istanbul ignore next */ []));
+    resolvedAriaLabel = computed(() => {
+        if (this.ariaLabel())
+            return this.ariaLabel();
+        const key = this.ariaLabelKey();
+        if (key && this.translateService) {
+            return this.translateService.translate(key);
+        }
+        return key ?? 'Editable tabs';
+    }, ...(ngDevMode ? [{ debugName: "resolvedAriaLabel" }] : /* istanbul ignore next */ []));
+    constructor() {
+        effect(() => {
+            const defaultValue = this.defaultValue();
+            const currentValue = this.value();
+            if (currentValue === undefined && defaultValue !== undefined) {
+                this.value.set(defaultValue);
+            }
+        });
+    }
+    onValueChange(newValue) {
+        this.value.set(newValue);
+        this.valueChange.emit(newValue);
+    }
+    hasActions(tab) {
+        if (!this.editable())
+            return false;
+        if (tab.disabled)
+            return false;
+        return (this.canRename(tab) ||
+            this.canSetDefault(tab) ||
+            this.canMoveLeft(tab) ||
+            this.canMoveRight(tab) ||
+            this.canRemove(tab) ||
+            (tab.customActions?.length ?? 0) > 0);
+    }
+    canRename(tab) {
+        if (!this.renamable())
+            return false;
+        if (tab.locked && tab.renamable !== true)
+            return false;
+        return tab.renamable !== false;
+    }
+    canRemove(tab) {
+        if (!this.removable())
+            return false;
+        if (tab.locked && tab.removable !== true)
+            return false;
+        if (tab.removable === false)
+            return false;
+        if (tab.disabled)
+            return false;
+        return !(!this.allowEmpty() && this.tabs().length <= this.minTabs());
+    }
+    canMoveLeft(tab) {
+        if (!this.movable())
+            return false;
+        if (tab.locked && tab.movable !== true)
+            return false;
+        if (tab.movable === false)
+            return false;
+        if (tab.disabled)
+            return false;
+        const idx = this.tabs().indexOf(tab);
+        if (idx <= 0)
+            return false;
+        for (let i = idx - 1; i >= 0; i--) {
+            if (!this.tabs()[i].locked)
+                return true;
+        }
+        return false;
+    }
+    canMoveRight(tab) {
+        if (!this.movable())
+            return false;
+        if (tab.locked && tab.movable !== true)
+            return false;
+        if (tab.movable === false)
+            return false;
+        if (tab.disabled)
+            return false;
+        const idx = this.tabs().indexOf(tab);
+        if (idx < 0 || idx >= this.tabs().length - 1)
+            return false;
+        for (let i = idx + 1; i < this.tabs().length; i++) {
+            if (!this.tabs()[i].locked)
+                return true;
+        }
+        return false;
+    }
+    canSetDefault(tab) {
+        if (!this.defaultable())
+            return false;
+        if (tab.locked && tab.defaultable !== true)
+            return false;
+        if (tab.defaultable === false)
+            return false;
+        return !tab.disabled;
+    }
+    startRename(tab) {
+        this.activeMenuIndex.set(null);
+        this.renamingTabId.set(tab.value);
+        this.renameValue.set(tab.label ?? '');
+        this.ngZone.runOutsideAngular(() => {
+            setTimeout(() => {
+                // SECURITY_EXCEPTION: document.querySelector required to find rename input. SSR-safe via guard.
+                const input = document.querySelector(`.solaris-editable-tabs__rename-input`);
+                if (input) {
+                    input.focus();
+                    input.select();
+                }
+            });
+        });
+    }
+    commitRename(tab) {
+        const previousLabel = tab.label ?? '';
+        const nextLabel = this.renameValue().trim();
+        if (nextLabel === '') {
+            this.renamingTabId.set(null);
+            return;
+        }
+        if (nextLabel === previousLabel) {
+            this.renamingTabId.set(null);
+            return;
+        }
+        const event = {
+            value: tab.value,
+            previousLabel,
+            nextLabel,
+            source: 'inline',
+        };
+        this.tabRenameRequested.emit(event);
+        this.tabRename.emit(event);
+        this.renamingTabId.set(null);
+    }
+    cancelRename() {
+        this.renamingTabId.set(null);
+    }
+    onRenameKeydown(event, tab) {
+        event.stopPropagation();
+        if (event.key === 'Enter') {
+            event.preventDefault();
+            this.commitRename(tab);
+        }
+        else if (event.key === 'Escape') {
+            event.preventDefault();
+            this.cancelRename();
+        }
+    }
+    onRenameBlur(tab) {
+        if (this.renameOnBlur() === 'confirm') {
+            this.commitRename(tab);
+        }
+        else {
+            this.cancelRename();
+        }
+    }
+    confirmRemove(tab, index) {
+        this.activeMenuIndex.set(null);
+        if (!this.canRemove(tab))
+            return;
+        const wasActive = this.value() === tab.value;
+        const event = {
+            value: tab.value,
+            index,
+            wasActive,
+        };
+        this.tabRemoveRequested.emit(event);
+        this.tabRemove.emit(event);
+    }
+    moveLabel(direction) {
+        if (this.orientation() === 'vertical') {
+            const key = direction === 'left'
+                ? 'solaris.editableTabs.moveUp'
+                : 'solaris.editableTabs.moveDown';
+            return (this.resolveText(key) ??
+                (direction === 'left' ? 'Move up' : 'Move down'));
+        }
+        const key = direction === 'left'
+            ? 'solaris.editableTabs.moveLeft'
+            : 'solaris.editableTabs.moveRight';
+        return (this.resolveText(key) ??
+            (direction === 'left' ? 'Move left' : 'Move right'));
+    }
+    moveIcon(direction) {
+        if (this.orientation() === 'vertical') {
+            return direction === 'left' ? 'chevron-up' : 'chevron-down';
+        }
+        return direction === 'left' ? 'chevron-left' : 'chevron-right';
+    }
+    moveTab(tab, index, direction) {
+        this.activeMenuIndex.set(null);
+        const isPrev = direction === 'left' || direction === 'up';
+        const nextIndex = isPrev ? index - 1 : index + 1;
+        if (nextIndex < 0 || nextIndex >= this.tabs().length)
+            return;
+        if (!this.canMoveLeft(tab) && isPrev)
+            return;
+        if (!this.canMoveRight(tab) && !isPrev)
+            return;
+        const event = {
+            value: tab.value,
+            previousIndex: index,
+            nextIndex,
+            direction,
+        };
+        this.tabMoveRequested.emit(event);
+        this.tabMove.emit(event);
+    }
+    setAsDefault(tab) {
+        this.activeMenuIndex.set(null);
+        const previousDefaultValue = this.defaultTabValue();
+        this.defaultTabValue.set(tab.value);
+        const event = {
+            value: tab.value,
+            previousDefaultValue: previousDefaultValue !== undefined
+                ? previousDefaultValue
+                : undefined,
+        };
+        this.defaultTabChange.emit(event);
+    }
+    handleCustomAction(tab, action) {
+        this.activeMenuIndex.set(null);
+        const event = {
+            tabValue: tab.value,
+            actionId: action.id,
+            action,
+        };
+        this.tabAction.emit(event);
+    }
+    isRenaming(tab) {
+        return this.renamingTabId() === tab.value;
+    }
+    getContentTemplate(tab) {
+        const contentMap = this.tabContentMap();
+        if (contentMap) {
+            const key = String(tab.value);
+            return contentMap[key] ?? null;
+        }
+        return tab.content ?? null;
+    }
+    resolveText(key) {
+        if (this.translateService) {
+            const result = this.translateService.translate(key);
+            return result !== key ? result : undefined;
+        }
+        return undefined;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisEditableTabsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: SolarisEditableTabsComponent, isStandalone: true, selector: "solaris-editable-tabs", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, defaultValue: { classPropertyName: "defaultValue", publicName: "defaultValue", isSignal: true, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, density: { classPropertyName: "density", publicName: "density", isSignal: true, isRequired: false, transformFunction: null }, activationMode: { classPropertyName: "activationMode", publicName: "activationMode", isSignal: true, isRequired: false, transformFunction: null }, contentTransition: { classPropertyName: "contentTransition", publicName: "contentTransition", isSignal: true, isRequired: false, transformFunction: null }, tabs: { classPropertyName: "tabs", publicName: "tabs", isSignal: true, isRequired: true, transformFunction: null }, editable: { classPropertyName: "editable", publicName: "editable", isSignal: true, isRequired: false, transformFunction: null }, renamable: { classPropertyName: "renamable", publicName: "renamable", isSignal: true, isRequired: false, transformFunction: null }, removable: { classPropertyName: "removable", publicName: "removable", isSignal: true, isRequired: false, transformFunction: null }, movable: { classPropertyName: "movable", publicName: "movable", isSignal: true, isRequired: false, transformFunction: null }, defaultable: { classPropertyName: "defaultable", publicName: "defaultable", isSignal: true, isRequired: false, transformFunction: null }, showActions: { classPropertyName: "showActions", publicName: "showActions", isSignal: true, isRequired: false, transformFunction: null }, renameOnBlur: { classPropertyName: "renameOnBlur", publicName: "renameOnBlur", isSignal: true, isRequired: false, transformFunction: null }, minTabs: { classPropertyName: "minTabs", publicName: "minTabs", isSignal: true, isRequired: false, transformFunction: null }, allowEmpty: { classPropertyName: "allowEmpty", publicName: "allowEmpty", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, ariaLabelKey: { classPropertyName: "ariaLabelKey", publicName: "ariaLabelKey", isSignal: true, isRequired: false, transformFunction: null }, tabContentMap: { classPropertyName: "tabContentMap", publicName: "tabContentMap", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", valueChange: "valueChange", tabRenameRequested: "tabRenameRequested", tabRename: "tabRename", tabRemoveRequested: "tabRemoveRequested", tabRemove: "tabRemove", tabMoveRequested: "tabMoveRequested", tabMove: "tabMove", defaultTabChange: "defaultTabChange", tabAction: "tabAction" }, host: { properties: { "attr.data-orientation": "orientation()", "attr.data-appearance": "appearance()", "attr.data-size": "size()", "attr.data-density": "density()", "attr.data-show-actions": "showActions()" }, classAttribute: "solaris-editable-tabs" }, viewQueries: [{ propertyName: "menuComponents", predicate: SolarisDropdownMenuComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"solaris-editable-tabs__wrapper\">\n  <solaris-tabs\n    [value]=\"$any(value())\"\n    (valueChange)=\"onValueChange($event)\"\n    [defaultValue]=\"$any(defaultValue())\"\n    [orientation]=\"orientation()\"\n    [appearance]=\"appearance()\"\n    [size]=\"size()\"\n    [density]=\"density()\"\n    [activationMode]=\"activationMode()\"\n    [contentTransition]=\"contentTransition()\"\n    [ariaLabel]=\"resolvedAriaLabel()\"\n    class=\"solaris-editable-tabs__inner\"\n  >\n    @for (tab of tabs(); track tab.value; let i = $index) {\n      <solaris-tab\n        [value]=\"$any(tab.value)\"\n        [label]=\"isRenaming(tab) ? undefined : tab.label\"\n        [labelKey]=\"isRenaming(tab) ? undefined : tab.labelKey\"\n        [icon]=\"tab.icon\"\n        [badge]=\"tab.badge\"\n        [disabled]=\"tab.disabled ?? false\"\n        [attr.data-editable]=\"editable() ? '' : null\"\n        [attr.data-has-icon]=\"tab.icon ? '' : null\"\n        [attr.data-menu-open]=\"activeMenuIndex() === i ? '' : null\"\n      >\n        @if (isRenaming(tab)) {\n          <span class=\"solaris-editable-tabs__rename-wrapper\">\n            <input\n              #renameInput\n              class=\"solaris-editable-tabs__rename-input\"\n              [value]=\"renameValue()\"\n              (input)=\"renameValue.set($any($event).target.value)\"\n              (keydown)=\"onRenameKeydown($event, tab)\"\n              (blur)=\"onRenameBlur(tab)\"\n              [attr.aria-label]=\"\n                resolveText('solaris.editableTabs.confirmRename') ??\n                'Confirm rename'\n              \"\n            />\n          </span>\n        } @else if (hasActions(tab)) {\n          <span\n            class=\"solaris-editable-tabs__action-area\"\n            [class.solaris-editable-tabs__action-area--visible]=\"\n              showActions() === 'always'\n            \"\n            [class.solaris-editable-tabs__action-area--replaces-icon]=\"\n              !!tab.icon\n            \"\n          >\n            <button\n              class=\"solaris-editable-tabs__action-trigger\"\n              solaris-dropdown-menu-trigger\n              [solarisDropdownMenuTriggerFor]=\"tabMenuRefs()[i]\"\n              [solarisDropdownMenuPlacement]=\"'bottom'\"\n              [solarisDropdownMenuAlign]=\"'start'\"\n              [solarisDropdownMenuOffset]=\"4\"\n              [solarisDropdownMenuRestoreFocus]=\"true\"\n              [solarisDropdownMenuOpen]=\"activeMenuIndex() === i\"\n              (menuOpened)=\"activeMenuIndex.set(i)\"\n              (menuClosed)=\"activeMenuIndex.set(null)\"\n              [attr.aria-label]=\"\n                resolveText('solaris.editableTabs.tabActions') ?? 'Tab actions'\n              \"\n              tabindex=\"0\"\n              type=\"button\"\n            >\n              <solaris-icon name=\"ellipses\" [decorative]=\"true\" />\n            </button>\n          </span>\n        }\n      </solaris-tab>\n    }\n\n    @for (tab of tabs(); track tab.value) {\n      <solaris-tab-panel [value]=\"$any(tab.value)\" [lazy]=\"true\">\n        @if (getContentTemplate(tab); as tmpl) {\n          <ng-container [ngTemplateOutlet]=\"tmpl\" />\n        }\n      </solaris-tab-panel>\n    }\n  </solaris-tabs>\n</div>\n\n@for (tab of tabs(); track tab.value; let i = $index) {\n  <solaris-dropdown-menu>\n    @if (canRename(tab)) {\n      <solaris-dropdown-menu-item\n        [label]=\"resolveText('solaris.editableTabs.rename') ?? 'Rename'\"\n        icon=\"edit\"\n        (itemSelected)=\"startRename(tab)\"\n      />\n    }\n    @if (canSetDefault(tab)) {\n      <solaris-dropdown-menu-item\n        [label]=\"\n          resolveText('solaris.editableTabs.setAsDefault') ?? 'Set as default'\n        \"\n        icon=\"check\"\n        (itemSelected)=\"setAsDefault(tab)\"\n      />\n    }\n    @if (canMoveLeft(tab)) {\n      <solaris-dropdown-menu-item\n        [label]=\"moveLabel('left')\"\n        [icon]=\"moveIcon('left')\"\n        (itemSelected)=\"\n          moveTab(tab, i, orientation() === 'vertical' ? 'up' : 'left')\n        \"\n      />\n    }\n    @if (canMoveRight(tab)) {\n      <solaris-dropdown-menu-item\n        [label]=\"moveLabel('right')\"\n        [icon]=\"moveIcon('right')\"\n        (itemSelected)=\"\n          moveTab(tab, i, orientation() === 'vertical' ? 'down' : 'right')\n        \"\n      />\n    }\n    @if (tab.customActions?.length) {\n      @for (action of tab.customActions; track action.id) {\n        @if (!action.disabled) {\n          <solaris-dropdown-menu-item\n            [label]=\"action.label ?? ''\"\n            [labelKey]=\"action.labelKey\"\n            [icon]=\"action.icon\"\n            [color]=\"action.color ?? 'neutral'\"\n            (itemSelected)=\"handleCustomAction(tab, action)\"\n          />\n        }\n      }\n    }\n    @if (canRemove(tab)) {\n      <solaris-divider />\n      <solaris-dropdown-menu-item\n        [label]=\"resolveText('solaris.editableTabs.remove') ?? 'Remove'\"\n        icon=\"x\"\n        color=\"danger\"\n        (itemSelected)=\"confirmRemove(tab, i)\"\n      />\n    }\n  </solaris-dropdown-menu>\n}\n", styles: [":host{--solaris-editable-tabs-action-size: var(--solaris-spacing-5);--solaris-editable-tabs-action-radius: var(--solaris-radius-sm);--solaris-editable-tabs-action-color: var(--solaris-text-muted);--solaris-editable-tabs-action-hover-color: var(--solaris-text-default);--solaris-editable-tabs-action-hover-background: var( --solaris-surface-subtle );--solaris-editable-tabs-rename-input-min-width: var(--solaris-spacing-20);--solaris-editable-tabs-rename-input-padding: var(--solaris-spacing-1);--solaris-editable-tabs-rename-input-radius: var(--solaris-radius-sm);--solaris-editable-tabs-rename-input-font-size: inherit;--solaris-editable-tabs-rename-input-border-color: var( --solaris-primary-base );--solaris-editable-tabs-rename-input-background: var(--solaris-surface-base);display:block;width:100%}.solaris-editable-tabs__wrapper{position:relative;width:100%}.solaris-editable-tabs__action-area{display:inline-flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--solaris-motion-duration-fast) var(--solaris-motion-easing-standard)}.solaris-editable-tabs__action-area--visible{opacity:1}:host([data-show-actions=always]) .solaris-editable-tabs__action-area{opacity:1}:host ::ng-deep solaris-tab[data-editable]:hover .solaris-editable-tabs__action-area{opacity:1}:host ::ng-deep solaris-tab[data-editable]:focus-within .solaris-editable-tabs__action-area{opacity:1}:host ::ng-deep .solaris-editable-tabs__action-area--replaces-icon{display:none;order:-1}:host ::ng-deep .solaris-editable-tabs__action-area--replaces-icon .solaris-editable-tabs__action-trigger{width:var(--solaris-tab-icon-size);height:var(--solaris-tab-icon-size)}:host ::ng-deep solaris-tab[data-has-icon]:hover .solaris-editable-tabs__action-area--replaces-icon,:host ::ng-deep solaris-tab[data-has-icon]:focus-within .solaris-editable-tabs__action-area--replaces-icon{display:inline-flex}:host ::ng-deep solaris-tab[data-has-icon]:hover .solaris-tab__icon,:host ::ng-deep solaris-tab[data-has-icon]:focus-within .solaris-tab__icon{display:none}:host ::ng-deep solaris-tab[data-has-icon][data-menu-open] .solaris-editable-tabs__action-area--replaces-icon{display:inline-flex}:host ::ng-deep solaris-tab[data-has-icon][data-menu-open] .solaris-tab__icon{display:none}:host([data-show-actions=always]) ::ng-deep .solaris-editable-tabs__action-area--replaces-icon{display:inline-flex}:host([data-show-actions=always]) ::ng-deep solaris-tab[data-has-icon] .solaris-tab__icon{display:none}.solaris-editable-tabs__action-trigger{display:inline-flex;align-items:center;justify-content:center;width:var(--solaris-editable-tabs-action-size);height:var(--solaris-editable-tabs-action-size);padding:0;margin:0;border:none;cursor:pointer;background:transparent;color:var(--solaris-editable-tabs-action-color);border-radius:var(--solaris-editable-tabs-action-radius);transition:color var(--solaris-motion-duration-fast) var(--solaris-motion-easing-standard),background var(--solaris-motion-duration-fast) var(--solaris-motion-easing-standard);line-height:0}.solaris-editable-tabs__action-trigger:hover,.solaris-editable-tabs__action-trigger:focus-visible{color:var(--solaris-editable-tabs-action-hover-color);background:var(--solaris-editable-tabs-action-hover-background)}.solaris-editable-tabs__action-trigger:focus-visible{outline:var(--solaris-border-width-md) solid var(--solaris-primary-base);outline-offset:var(--solaris-border-width-sm)}.solaris-editable-tabs__rename-wrapper{display:inline-flex;align-items:center}.solaris-editable-tabs__rename-input{min-width:var(--solaris-editable-tabs-rename-input-min-width);padding:var(--solaris-editable-tabs-rename-input-padding);border:var(--solaris-border-width-sm) solid var(--solaris-editable-tabs-rename-input-border-color);border-radius:var(--solaris-editable-tabs-rename-input-radius);background:var(--solaris-editable-tabs-rename-input-background);font:var(--solaris-font-weight-regular) var(--solaris-editable-tabs-rename-input-font-size)/1.2 var(--solaris-font-family-sans);color:inherit;outline:none;box-sizing:border-box}.solaris-editable-tabs__rename-input:focus{box-shadow:0 0 0 var(--solaris-border-width-sm) var(--solaris-primary-base-alpha)}@media(prefers-reduced-motion:reduce){.solaris-editable-tabs__action-area,.solaris-editable-tabs__action-trigger{transition:none}}:host-context([data-reduced-motion=true]) .solaris-editable-tabs__action-area{transition:none}:host-context([data-reduced-motion=true]) .solaris-editable-tabs__action-trigger{transition:none}\n"], dependencies: [{ kind: "component", type: SolarisTabsComponent, selector: "solaris-tabs", inputs: ["value", "defaultValue", "orientation", "appearance", "size", "density", "activationMode", "contentTransition", "fullWidth", "fitContent", "scrollable", "showIndicator", "disabled", "ariaLabel", "ariaLabelKey"], outputs: ["valueChange", "tabChange", "tabClick"] }, { kind: "component", type: SolarisTabComponent, selector: "solaris-tab", inputs: ["disabled", "value", "iconDecorative", "icon", "label", "labelKey", "ariaLabel", "badgeLabel", "ariaLabelKey", "badgeLabelKey", "badge"] }, { kind: "component", type: SolarisTabPanelComponent, selector: "solaris-tab-panel", inputs: ["value", "lazy"] }, { kind: "component", type: SolarisIconComponent, selector: "solaris-icon", inputs: ["name", "ariaLabel", "decorative"] }, { kind: "component", type: SolarisDropdownMenuComponent, selector: "solaris-dropdown-menu", inputs: ["size", "density"] }, { kind: "component", type: SolarisDropdownMenuItemComponent, selector: "solaris-dropdown-menu-item", inputs: ["color", "type", "closeOnSelect", "descriptionKey", "description", "checked", "labelKey", "shortcut", "label", "icon", "iconDecorative", "value", "disabled"], outputs: ["itemSelected"] }, { kind: "directive", type: SolarisDropdownMenuTriggerDirective, selector: "[solaris-dropdown-menu-trigger]", inputs: ["solarisDropdownMenuTriggerFor", "solarisDropdownMenuOpen", "solarisDropdownMenuDisabled", "solarisDropdownMenuPlacement", "solarisDropdownMenuAlign", "solarisDropdownMenuOffset", "solarisDropdownMenuAppearance", "solarisDropdownMenuRadius", "solarisDropdownMenuCloseOnSelect", "solarisDropdownMenuCloseOnEscape", "solarisDropdownMenuCloseOnOutsideClick", "solarisDropdownMenuMatchTriggerWidth", "solarisDropdownMenuMinWidth", "solarisDropdownMenuMaxWidth", "solarisDropdownMenuRestoreFocus", "solarisDropdownMenuScrollStrategy"], outputs: ["menuOpened", "menuClosed", "openChange"] }, { kind: "component", type: SolarisDividerComponent, selector: "solaris-divider", inputs: ["orientation", "appearance", "spacing", "inset", "decorative", "width", "height"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisEditableTabsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'solaris-editable-tabs', standalone: true, imports: [
+                        SolarisTabsComponent,
+                        SolarisTabComponent,
+                        SolarisTabPanelComponent,
+                        SolarisIconComponent,
+                        SolarisDropdownMenuComponent,
+                        SolarisDropdownMenuItemComponent,
+                        SolarisDropdownMenuTriggerDirective,
+                        SolarisDividerComponent,
+                        NgTemplateOutlet,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        class: 'solaris-editable-tabs',
+                        '[attr.data-orientation]': 'orientation()',
+                        '[attr.data-appearance]': 'appearance()',
+                        '[attr.data-size]': 'size()',
+                        '[attr.data-density]': 'density()',
+                        '[attr.data-show-actions]': 'showActions()',
+                    }, template: "<div class=\"solaris-editable-tabs__wrapper\">\n  <solaris-tabs\n    [value]=\"$any(value())\"\n    (valueChange)=\"onValueChange($event)\"\n    [defaultValue]=\"$any(defaultValue())\"\n    [orientation]=\"orientation()\"\n    [appearance]=\"appearance()\"\n    [size]=\"size()\"\n    [density]=\"density()\"\n    [activationMode]=\"activationMode()\"\n    [contentTransition]=\"contentTransition()\"\n    [ariaLabel]=\"resolvedAriaLabel()\"\n    class=\"solaris-editable-tabs__inner\"\n  >\n    @for (tab of tabs(); track tab.value; let i = $index) {\n      <solaris-tab\n        [value]=\"$any(tab.value)\"\n        [label]=\"isRenaming(tab) ? undefined : tab.label\"\n        [labelKey]=\"isRenaming(tab) ? undefined : tab.labelKey\"\n        [icon]=\"tab.icon\"\n        [badge]=\"tab.badge\"\n        [disabled]=\"tab.disabled ?? false\"\n        [attr.data-editable]=\"editable() ? '' : null\"\n        [attr.data-has-icon]=\"tab.icon ? '' : null\"\n        [attr.data-menu-open]=\"activeMenuIndex() === i ? '' : null\"\n      >\n        @if (isRenaming(tab)) {\n          <span class=\"solaris-editable-tabs__rename-wrapper\">\n            <input\n              #renameInput\n              class=\"solaris-editable-tabs__rename-input\"\n              [value]=\"renameValue()\"\n              (input)=\"renameValue.set($any($event).target.value)\"\n              (keydown)=\"onRenameKeydown($event, tab)\"\n              (blur)=\"onRenameBlur(tab)\"\n              [attr.aria-label]=\"\n                resolveText('solaris.editableTabs.confirmRename') ??\n                'Confirm rename'\n              \"\n            />\n          </span>\n        } @else if (hasActions(tab)) {\n          <span\n            class=\"solaris-editable-tabs__action-area\"\n            [class.solaris-editable-tabs__action-area--visible]=\"\n              showActions() === 'always'\n            \"\n            [class.solaris-editable-tabs__action-area--replaces-icon]=\"\n              !!tab.icon\n            \"\n          >\n            <button\n              class=\"solaris-editable-tabs__action-trigger\"\n              solaris-dropdown-menu-trigger\n              [solarisDropdownMenuTriggerFor]=\"tabMenuRefs()[i]\"\n              [solarisDropdownMenuPlacement]=\"'bottom'\"\n              [solarisDropdownMenuAlign]=\"'start'\"\n              [solarisDropdownMenuOffset]=\"4\"\n              [solarisDropdownMenuRestoreFocus]=\"true\"\n              [solarisDropdownMenuOpen]=\"activeMenuIndex() === i\"\n              (menuOpened)=\"activeMenuIndex.set(i)\"\n              (menuClosed)=\"activeMenuIndex.set(null)\"\n              [attr.aria-label]=\"\n                resolveText('solaris.editableTabs.tabActions') ?? 'Tab actions'\n              \"\n              tabindex=\"0\"\n              type=\"button\"\n            >\n              <solaris-icon name=\"ellipses\" [decorative]=\"true\" />\n            </button>\n          </span>\n        }\n      </solaris-tab>\n    }\n\n    @for (tab of tabs(); track tab.value) {\n      <solaris-tab-panel [value]=\"$any(tab.value)\" [lazy]=\"true\">\n        @if (getContentTemplate(tab); as tmpl) {\n          <ng-container [ngTemplateOutlet]=\"tmpl\" />\n        }\n      </solaris-tab-panel>\n    }\n  </solaris-tabs>\n</div>\n\n@for (tab of tabs(); track tab.value; let i = $index) {\n  <solaris-dropdown-menu>\n    @if (canRename(tab)) {\n      <solaris-dropdown-menu-item\n        [label]=\"resolveText('solaris.editableTabs.rename') ?? 'Rename'\"\n        icon=\"edit\"\n        (itemSelected)=\"startRename(tab)\"\n      />\n    }\n    @if (canSetDefault(tab)) {\n      <solaris-dropdown-menu-item\n        [label]=\"\n          resolveText('solaris.editableTabs.setAsDefault') ?? 'Set as default'\n        \"\n        icon=\"check\"\n        (itemSelected)=\"setAsDefault(tab)\"\n      />\n    }\n    @if (canMoveLeft(tab)) {\n      <solaris-dropdown-menu-item\n        [label]=\"moveLabel('left')\"\n        [icon]=\"moveIcon('left')\"\n        (itemSelected)=\"\n          moveTab(tab, i, orientation() === 'vertical' ? 'up' : 'left')\n        \"\n      />\n    }\n    @if (canMoveRight(tab)) {\n      <solaris-dropdown-menu-item\n        [label]=\"moveLabel('right')\"\n        [icon]=\"moveIcon('right')\"\n        (itemSelected)=\"\n          moveTab(tab, i, orientation() === 'vertical' ? 'down' : 'right')\n        \"\n      />\n    }\n    @if (tab.customActions?.length) {\n      @for (action of tab.customActions; track action.id) {\n        @if (!action.disabled) {\n          <solaris-dropdown-menu-item\n            [label]=\"action.label ?? ''\"\n            [labelKey]=\"action.labelKey\"\n            [icon]=\"action.icon\"\n            [color]=\"action.color ?? 'neutral'\"\n            (itemSelected)=\"handleCustomAction(tab, action)\"\n          />\n        }\n      }\n    }\n    @if (canRemove(tab)) {\n      <solaris-divider />\n      <solaris-dropdown-menu-item\n        [label]=\"resolveText('solaris.editableTabs.remove') ?? 'Remove'\"\n        icon=\"x\"\n        color=\"danger\"\n        (itemSelected)=\"confirmRemove(tab, i)\"\n      />\n    }\n  </solaris-dropdown-menu>\n}\n", styles: [":host{--solaris-editable-tabs-action-size: var(--solaris-spacing-5);--solaris-editable-tabs-action-radius: var(--solaris-radius-sm);--solaris-editable-tabs-action-color: var(--solaris-text-muted);--solaris-editable-tabs-action-hover-color: var(--solaris-text-default);--solaris-editable-tabs-action-hover-background: var( --solaris-surface-subtle );--solaris-editable-tabs-rename-input-min-width: var(--solaris-spacing-20);--solaris-editable-tabs-rename-input-padding: var(--solaris-spacing-1);--solaris-editable-tabs-rename-input-radius: var(--solaris-radius-sm);--solaris-editable-tabs-rename-input-font-size: inherit;--solaris-editable-tabs-rename-input-border-color: var( --solaris-primary-base );--solaris-editable-tabs-rename-input-background: var(--solaris-surface-base);display:block;width:100%}.solaris-editable-tabs__wrapper{position:relative;width:100%}.solaris-editable-tabs__action-area{display:inline-flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--solaris-motion-duration-fast) var(--solaris-motion-easing-standard)}.solaris-editable-tabs__action-area--visible{opacity:1}:host([data-show-actions=always]) .solaris-editable-tabs__action-area{opacity:1}:host ::ng-deep solaris-tab[data-editable]:hover .solaris-editable-tabs__action-area{opacity:1}:host ::ng-deep solaris-tab[data-editable]:focus-within .solaris-editable-tabs__action-area{opacity:1}:host ::ng-deep .solaris-editable-tabs__action-area--replaces-icon{display:none;order:-1}:host ::ng-deep .solaris-editable-tabs__action-area--replaces-icon .solaris-editable-tabs__action-trigger{width:var(--solaris-tab-icon-size);height:var(--solaris-tab-icon-size)}:host ::ng-deep solaris-tab[data-has-icon]:hover .solaris-editable-tabs__action-area--replaces-icon,:host ::ng-deep solaris-tab[data-has-icon]:focus-within .solaris-editable-tabs__action-area--replaces-icon{display:inline-flex}:host ::ng-deep solaris-tab[data-has-icon]:hover .solaris-tab__icon,:host ::ng-deep solaris-tab[data-has-icon]:focus-within .solaris-tab__icon{display:none}:host ::ng-deep solaris-tab[data-has-icon][data-menu-open] .solaris-editable-tabs__action-area--replaces-icon{display:inline-flex}:host ::ng-deep solaris-tab[data-has-icon][data-menu-open] .solaris-tab__icon{display:none}:host([data-show-actions=always]) ::ng-deep .solaris-editable-tabs__action-area--replaces-icon{display:inline-flex}:host([data-show-actions=always]) ::ng-deep solaris-tab[data-has-icon] .solaris-tab__icon{display:none}.solaris-editable-tabs__action-trigger{display:inline-flex;align-items:center;justify-content:center;width:var(--solaris-editable-tabs-action-size);height:var(--solaris-editable-tabs-action-size);padding:0;margin:0;border:none;cursor:pointer;background:transparent;color:var(--solaris-editable-tabs-action-color);border-radius:var(--solaris-editable-tabs-action-radius);transition:color var(--solaris-motion-duration-fast) var(--solaris-motion-easing-standard),background var(--solaris-motion-duration-fast) var(--solaris-motion-easing-standard);line-height:0}.solaris-editable-tabs__action-trigger:hover,.solaris-editable-tabs__action-trigger:focus-visible{color:var(--solaris-editable-tabs-action-hover-color);background:var(--solaris-editable-tabs-action-hover-background)}.solaris-editable-tabs__action-trigger:focus-visible{outline:var(--solaris-border-width-md) solid var(--solaris-primary-base);outline-offset:var(--solaris-border-width-sm)}.solaris-editable-tabs__rename-wrapper{display:inline-flex;align-items:center}.solaris-editable-tabs__rename-input{min-width:var(--solaris-editable-tabs-rename-input-min-width);padding:var(--solaris-editable-tabs-rename-input-padding);border:var(--solaris-border-width-sm) solid var(--solaris-editable-tabs-rename-input-border-color);border-radius:var(--solaris-editable-tabs-rename-input-radius);background:var(--solaris-editable-tabs-rename-input-background);font:var(--solaris-font-weight-regular) var(--solaris-editable-tabs-rename-input-font-size)/1.2 var(--solaris-font-family-sans);color:inherit;outline:none;box-sizing:border-box}.solaris-editable-tabs__rename-input:focus{box-shadow:0 0 0 var(--solaris-border-width-sm) var(--solaris-primary-base-alpha)}@media(prefers-reduced-motion:reduce){.solaris-editable-tabs__action-area,.solaris-editable-tabs__action-trigger{transition:none}}:host-context([data-reduced-motion=true]) .solaris-editable-tabs__action-area{transition:none}:host-context([data-reduced-motion=true]) .solaris-editable-tabs__action-trigger{transition:none}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], defaultValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultValue", required: false }] }], orientation: [{ type: i0.Input, args: [{ isSignal: true, alias: "orientation", required: false }] }], appearance: [{ type: i0.Input, args: [{ isSignal: true, alias: "appearance", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], density: [{ type: i0.Input, args: [{ isSignal: true, alias: "density", required: false }] }], activationMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "activationMode", required: false }] }], contentTransition: [{ type: i0.Input, args: [{ isSignal: true, alias: "contentTransition", required: false }] }], tabs: [{ type: i0.Input, args: [{ isSignal: true, alias: "tabs", required: true }] }], editable: [{ type: i0.Input, args: [{ isSignal: true, alias: "editable", required: false }] }], renamable: [{ type: i0.Input, args: [{ isSignal: true, alias: "renamable", required: false }] }], removable: [{ type: i0.Input, args: [{ isSignal: true, alias: "removable", required: false }] }], movable: [{ type: i0.Input, args: [{ isSignal: true, alias: "movable", required: false }] }], defaultable: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultable", required: false }] }], showActions: [{ type: i0.Input, args: [{ isSignal: true, alias: "showActions", required: false }] }], renameOnBlur: [{ type: i0.Input, args: [{ isSignal: true, alias: "renameOnBlur", required: false }] }], minTabs: [{ type: i0.Input, args: [{ isSignal: true, alias: "minTabs", required: false }] }], allowEmpty: [{ type: i0.Input, args: [{ isSignal: true, alias: "allowEmpty", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], ariaLabelKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabelKey", required: false }] }], tabContentMap: [{ type: i0.Input, args: [{ isSignal: true, alias: "tabContentMap", required: false }] }], valueChange: [{ type: i0.Output, args: ["valueChange"] }], tabRenameRequested: [{ type: i0.Output, args: ["tabRenameRequested"] }], tabRename: [{ type: i0.Output, args: ["tabRename"] }], tabRemoveRequested: [{ type: i0.Output, args: ["tabRemoveRequested"] }], tabRemove: [{ type: i0.Output, args: ["tabRemove"] }], tabMoveRequested: [{ type: i0.Output, args: ["tabMoveRequested"] }], tabMove: [{ type: i0.Output, args: ["tabMove"] }], defaultTabChange: [{ type: i0.Output, args: ["defaultTabChange"] }], tabAction: [{ type: i0.Output, args: ["tabAction"] }], menuComponents: [{ type: i0.ViewChildren, args: [i0.forwardRef(() => SolarisDropdownMenuComponent), { isSignal: true }] }] } });
+//# sourceMappingURL=editable-tabs.component.js.map

package/esm2022/lib/components/navigation/editable-tabs/component/editable-tabs.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"editable-tabs.component.js","sourceRoot":"","sources":["../../../../../../../../../packages/angular/src/lib/components/navigation/editable-tabs/component/editable-tabs.component.ts","../../../../../../../../../packages/angular/src/lib/components/navigation/editable-tabs/component/editable-tabs.component.html"],"names":[],"mappings":"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","sourcesContent":["import {\n  Component,\n  input,\n  output,\n  model,\n  computed,\n  signal,\n  viewChildren,\n  inject,\n  ChangeDetectionStrategy,\n  TemplateRef,\n  NgZone,\n  effect,\n} from '@angular/core';\nimport { NgTemplateOutlet } from '@angular/common';\n\nimport { SolarisTranslateService } from '../../../../services/translation';\nimport {\n  SolarisTabPanelComponent,\n  SolarisTabsComponent,\n  SolarisTabComponent,\n} from '../../tabs';\nimport {\n  SolarisDropdownMenuTriggerDirective,\n  SolarisDropdownMenuItemComponent,\n  SolarisDropdownMenuComponent,\n} from '../../../interaction/dropdown-menu';\nimport { SolarisDividerComponent } from '../../../data-display/divider';\nimport { SolarisIconComponent } from '../../../icon';\n\nimport type {\n  SolarisEditableTabData,\n  SolarisEditableTabAction,\n  SolarisEditableTabRenameEvent,\n  SolarisEditableTabRemoveEvent,\n  SolarisEditableTabMoveEvent,\n  SolarisEditableTabDefaultChangeEvent,\n  SolarisEditableTabActionEvent,\n  SolarisEditableTabMoveDirection,\n  SolarisEditableTabsOrientation,\n  SolarisEditableTabsAppearance,\n  SolarisEditableTabsSize,\n  SolarisEditableTabsDensity,\n  SolarisEditableTabsActivationMode,\n  SolarisEditableTabsContentTransition,\n  SolarisEditableTabsShowActions,\n  SolarisEditableTabsRenameOnBlur,\n} from '../model/editable-tabs.types';\n\n@Component({\n  selector: 'solaris-editable-tabs',\n  standalone: true,\n  imports: [\n    SolarisTabsComponent,\n    SolarisTabComponent,\n    SolarisTabPanelComponent,\n    SolarisIconComponent,\n    SolarisDropdownMenuComponent,\n    SolarisDropdownMenuItemComponent,\n    SolarisDropdownMenuTriggerDirective,\n    SolarisDividerComponent,\n    NgTemplateOutlet,\n  ],\n  templateUrl: './editable-tabs.component.html',\n  styleUrls: ['./editable-tabs.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    class: 'solaris-editable-tabs',\n    '[attr.data-orientation]': 'orientation()',\n    '[attr.data-appearance]': 'appearance()',\n    '[attr.data-size]': 'size()',\n    '[attr.data-density]': 'density()',\n    '[attr.data-show-actions]': 'showActions()',\n  },\n})\nexport class SolarisEditableTabsComponent {\n  private readonly translateService = inject(SolarisTranslateService, {\n    optional: true,\n  });\n  private readonly ngZone = inject(NgZone);\n\n  readonly value = model<unknown>(undefined);\n  readonly defaultValue = input<unknown>(undefined);\n  readonly orientation = input<SolarisEditableTabsOrientation>('horizontal');\n  readonly appearance = input<SolarisEditableTabsAppearance>('underline');\n  readonly size = input<SolarisEditableTabsSize>('md');\n  readonly density = input<SolarisEditableTabsDensity>('comfortable');\n  readonly activationMode =\n    input<SolarisEditableTabsActivationMode>('automatic');\n  readonly contentTransition =\n    input<SolarisEditableTabsContentTransition>('slide');\n\n  readonly tabs = input.required<SolarisEditableTabData[]>();\n\n  readonly editable = input<boolean>(true);\n  readonly renamable = input<boolean>(true);\n  readonly removable = input<boolean>(true);\n  readonly movable = input<boolean>(true);\n  readonly defaultable = input<boolean>(true);\n  readonly showActions = input<SolarisEditableTabsShowActions>('focus-hover');\n  readonly renameOnBlur = input<SolarisEditableTabsRenameOnBlur>('confirm');\n  readonly minTabs = input<number>(1);\n  readonly allowEmpty = input<boolean>(false);\n  readonly ariaLabel = input<string | undefined>(undefined);\n  readonly ariaLabelKey = input<string | undefined>(undefined);\n\n  readonly tabContentMap = input<Record<string, TemplateRef<void>> | undefined>(\n    undefined,\n  );\n\n  readonly valueChange = output<unknown>();\n  readonly tabRenameRequested = output<SolarisEditableTabRenameEvent>();\n  readonly tabRename = output<SolarisEditableTabRenameEvent>();\n  readonly tabRemoveRequested = output<SolarisEditableTabRemoveEvent>();\n  readonly tabRemove = output<SolarisEditableTabRemoveEvent>();\n  readonly tabMoveRequested = output<SolarisEditableTabMoveEvent>();\n  readonly tabMove = output<SolarisEditableTabMoveEvent>();\n  readonly defaultTabChange = output<SolarisEditableTabDefaultChangeEvent>();\n  readonly tabAction = output<SolarisEditableTabActionEvent>();\n\n  readonly menuComponents = viewChildren(SolarisDropdownMenuComponent);\n  readonly tabMenuRefs = computed(() => {\n    this.tabs();\n    return this.menuComponents();\n  });\n\n  protected readonly activeMenuIndex = signal<number | null>(null);\n  protected readonly renamingTabId = signal<unknown | null>(null);\n  protected readonly renameValue = signal<string>('');\n  protected readonly defaultTabValue = signal<unknown>(undefined);\n\n  protected readonly resolvedAriaLabel = computed(() => {\n    if (this.ariaLabel()) return this.ariaLabel();\n    const key = this.ariaLabelKey();\n    if (key && this.translateService) {\n      return this.translateService.translate(key);\n    }\n    return key ?? 'Editable tabs';\n  });\n\n  constructor() {\n    effect(() => {\n      const defaultValue = this.defaultValue();\n      const currentValue = this.value();\n      if (currentValue === undefined && defaultValue !== undefined) {\n        this.value.set(defaultValue);\n      }\n    });\n  }\n\n  protected onValueChange(newValue: unknown): void {\n    this.value.set(newValue);\n    this.valueChange.emit(newValue);\n  }\n\n  protected hasActions(tab: SolarisEditableTabData): boolean {\n    if (!this.editable()) return false;\n    if (tab.disabled) return false;\n    return (\n      this.canRename(tab) ||\n      this.canSetDefault(tab) ||\n      this.canMoveLeft(tab) ||\n      this.canMoveRight(tab) ||\n      this.canRemove(tab) ||\n      (tab.customActions?.length ?? 0) > 0\n    );\n  }\n\n  protected canRename(tab: SolarisEditableTabData): boolean {\n    if (!this.renamable()) return false;\n    if (tab.locked && tab.renamable !== true) return false;\n    return tab.renamable !== false;\n  }\n\n  protected canRemove(tab: SolarisEditableTabData): boolean {\n    if (!this.removable()) return false;\n    if (tab.locked && tab.removable !== true) return false;\n    if (tab.removable === false) return false;\n    if (tab.disabled) return false;\n    return !(!this.allowEmpty() && this.tabs().length <= this.minTabs());\n  }\n\n  protected canMoveLeft(tab: SolarisEditableTabData): boolean {\n    if (!this.movable()) return false;\n    if (tab.locked && tab.movable !== true) return false;\n    if (tab.movable === false) return false;\n    if (tab.disabled) return false;\n    const idx = this.tabs().indexOf(tab);\n    if (idx <= 0) return false;\n    for (let i = idx - 1; i >= 0; i--) {\n      if (!this.tabs()[i].locked) return true;\n    }\n    return false;\n  }\n\n  protected canMoveRight(tab: SolarisEditableTabData): boolean {\n    if (!this.movable()) return false;\n    if (tab.locked && tab.movable !== true) return false;\n    if (tab.movable === false) return false;\n    if (tab.disabled) return false;\n    const idx = this.tabs().indexOf(tab);\n    if (idx < 0 || idx >= this.tabs().length - 1) return false;\n    for (let i = idx + 1; i < this.tabs().length; i++) {\n      if (!this.tabs()[i].locked) return true;\n    }\n    return false;\n  }\n\n  protected canSetDefault(tab: SolarisEditableTabData): boolean {\n    if (!this.defaultable()) return false;\n    if (tab.locked && tab.defaultable !== true) return false;\n    if (tab.defaultable === false) return false;\n    return !tab.disabled;\n  }\n\n  protected startRename(tab: SolarisEditableTabData): void {\n    this.activeMenuIndex.set(null);\n    this.renamingTabId.set(tab.value);\n    this.renameValue.set(tab.label ?? '');\n    this.ngZone.runOutsideAngular(() => {\n      setTimeout(() => {\n        // SECURITY_EXCEPTION: document.querySelector required to find rename input. SSR-safe via guard.\n        const input = document.querySelector(\n          `.solaris-editable-tabs__rename-input`,\n        ) as HTMLInputElement | null;\n        if (input) {\n          input.focus();\n          input.select();\n        }\n      });\n    });\n  }\n\n  protected commitRename(tab: SolarisEditableTabData): void {\n    const previousLabel = tab.label ?? '';\n    const nextLabel = this.renameValue().trim();\n\n    if (nextLabel === '') {\n      this.renamingTabId.set(null);\n      return;\n    }\n\n    if (nextLabel === previousLabel) {\n      this.renamingTabId.set(null);\n      return;\n    }\n\n    const event: SolarisEditableTabRenameEvent = {\n      value: tab.value,\n      previousLabel,\n      nextLabel,\n      source: 'inline',\n    };\n\n    this.tabRenameRequested.emit(event);\n    this.tabRename.emit(event);\n    this.renamingTabId.set(null);\n  }\n\n  protected cancelRename(): void {\n    this.renamingTabId.set(null);\n  }\n\n  protected onRenameKeydown(\n    event: KeyboardEvent,\n    tab: SolarisEditableTabData,\n  ): void {\n    event.stopPropagation();\n    if (event.key === 'Enter') {\n      event.preventDefault();\n      this.commitRename(tab);\n    } else if (event.key === 'Escape') {\n      event.preventDefault();\n      this.cancelRename();\n    }\n  }\n\n  protected onRenameBlur(tab: SolarisEditableTabData): void {\n    if (this.renameOnBlur() === 'confirm') {\n      this.commitRename(tab);\n    } else {\n      this.cancelRename();\n    }\n  }\n\n  protected confirmRemove(tab: SolarisEditableTabData, index: number): void {\n    this.activeMenuIndex.set(null);\n    if (!this.canRemove(tab)) return;\n\n    const wasActive = this.value() === tab.value;\n\n    const event: SolarisEditableTabRemoveEvent = {\n      value: tab.value,\n      index,\n      wasActive,\n    };\n\n    this.tabRemoveRequested.emit(event);\n    this.tabRemove.emit(event);\n  }\n\n  protected moveLabel(direction: 'left' | 'right'): string {\n    if (this.orientation() === 'vertical') {\n      const key =\n        direction === 'left'\n          ? 'solaris.editableTabs.moveUp'\n          : 'solaris.editableTabs.moveDown';\n      return (\n        this.resolveText(key) ??\n        (direction === 'left' ? 'Move up' : 'Move down')\n      );\n    }\n    const key =\n      direction === 'left'\n        ? 'solaris.editableTabs.moveLeft'\n        : 'solaris.editableTabs.moveRight';\n    return (\n      this.resolveText(key) ??\n      (direction === 'left' ? 'Move left' : 'Move right')\n    );\n  }\n\n  protected moveIcon(direction: 'left' | 'right'): string {\n    if (this.orientation() === 'vertical') {\n      return direction === 'left' ? 'chevron-up' : 'chevron-down';\n    }\n    return direction === 'left' ? 'chevron-left' : 'chevron-right';\n  }\n\n  protected moveTab(\n    tab: SolarisEditableTabData,\n    index: number,\n    direction: SolarisEditableTabMoveDirection,\n  ): void {\n    this.activeMenuIndex.set(null);\n    const isPrev = direction === 'left' || direction === 'up';\n    const nextIndex = isPrev ? index - 1 : index + 1;\n    if (nextIndex < 0 || nextIndex >= this.tabs().length) return;\n    if (!this.canMoveLeft(tab) && isPrev) return;\n    if (!this.canMoveRight(tab) && !isPrev) return;\n\n    const event: SolarisEditableTabMoveEvent = {\n      value: tab.value,\n      previousIndex: index,\n      nextIndex,\n      direction,\n    };\n\n    this.tabMoveRequested.emit(event);\n    this.tabMove.emit(event);\n  }\n\n  protected setAsDefault(tab: SolarisEditableTabData): void {\n    this.activeMenuIndex.set(null);\n    const previousDefaultValue = this.defaultTabValue();\n    this.defaultTabValue.set(tab.value);\n\n    const event: SolarisEditableTabDefaultChangeEvent = {\n      value: tab.value,\n      previousDefaultValue:\n        previousDefaultValue !== undefined\n          ? (previousDefaultValue as unknown)\n          : undefined,\n    };\n\n    this.defaultTabChange.emit(event);\n  }\n\n  protected handleCustomAction(\n    tab: SolarisEditableTabData,\n    action: SolarisEditableTabAction,\n  ): void {\n    this.activeMenuIndex.set(null);\n    const event: SolarisEditableTabActionEvent = {\n      tabValue: tab.value,\n      actionId: action.id,\n      action,\n    };\n    this.tabAction.emit(event);\n  }\n\n  protected isRenaming(tab: SolarisEditableTabData): boolean {\n    return this.renamingTabId() === tab.value;\n  }\n\n  protected getContentTemplate(\n    tab: SolarisEditableTabData,\n  ): TemplateRef<void> | null {\n    const contentMap = this.tabContentMap();\n    if (contentMap) {\n      const key = String(tab.value);\n      return contentMap[key] ?? null;\n    }\n    return tab.content ?? null;\n  }\n\n  protected resolveText(key: string): string | undefined {\n    if (this.translateService) {\n      const result = this.translateService.translate(key);\n      return result !== key ? result : undefined;\n    }\n    return undefined;\n  }\n}\n","<div class=\"solaris-editable-tabs__wrapper\">\n  <solaris-tabs\n    [value]=\"$any(value())\"\n    (valueChange)=\"onValueChange($event)\"\n    [defaultValue]=\"$any(defaultValue())\"\n    [orientation]=\"orientation()\"\n    [appearance]=\"appearance()\"\n    [size]=\"size()\"\n    [density]=\"density()\"\n    [activationMode]=\"activationMode()\"\n    [contentTransition]=\"contentTransition()\"\n    [ariaLabel]=\"resolvedAriaLabel()\"\n    class=\"solaris-editable-tabs__inner\"\n  >\n    @for (tab of tabs(); track tab.value; let i = $index) {\n      <solaris-tab\n        [value]=\"$any(tab.value)\"\n        [label]=\"isRenaming(tab) ? undefined : tab.label\"\n        [labelKey]=\"isRenaming(tab) ? undefined : tab.labelKey\"\n        [icon]=\"tab.icon\"\n        [badge]=\"tab.badge\"\n        [disabled]=\"tab.disabled ?? false\"\n        [attr.data-editable]=\"editable() ? '' : null\"\n        [attr.data-has-icon]=\"tab.icon ? '' : null\"\n        [attr.data-menu-open]=\"activeMenuIndex() === i ? '' : null\"\n      >\n        @if (isRenaming(tab)) {\n          <span class=\"solaris-editable-tabs__rename-wrapper\">\n            <input\n              #renameInput\n              class=\"solaris-editable-tabs__rename-input\"\n              [value]=\"renameValue()\"\n              (input)=\"renameValue.set($any($event).target.value)\"\n              (keydown)=\"onRenameKeydown($event, tab)\"\n              (blur)=\"onRenameBlur(tab)\"\n              [attr.aria-label]=\"\n                resolveText('solaris.editableTabs.confirmRename') ??\n                'Confirm rename'\n              \"\n            />\n          </span>\n        } @else if (hasActions(tab)) {\n          <span\n            class=\"solaris-editable-tabs__action-area\"\n            [class.solaris-editable-tabs__action-area--visible]=\"\n              showActions() === 'always'\n            \"\n            [class.solaris-editable-tabs__action-area--replaces-icon]=\"\n              !!tab.icon\n            \"\n          >\n            <button\n              class=\"solaris-editable-tabs__action-trigger\"\n              solaris-dropdown-menu-trigger\n              [solarisDropdownMenuTriggerFor]=\"tabMenuRefs()[i]\"\n              [solarisDropdownMenuPlacement]=\"'bottom'\"\n              [solarisDropdownMenuAlign]=\"'start'\"\n              [solarisDropdownMenuOffset]=\"4\"\n              [solarisDropdownMenuRestoreFocus]=\"true\"\n              [solarisDropdownMenuOpen]=\"activeMenuIndex() === i\"\n              (menuOpened)=\"activeMenuIndex.set(i)\"\n              (menuClosed)=\"activeMenuIndex.set(null)\"\n              [attr.aria-label]=\"\n                resolveText('solaris.editableTabs.tabActions') ?? 'Tab actions'\n              \"\n              tabindex=\"0\"\n              type=\"button\"\n            >\n              <solaris-icon name=\"ellipses\" [decorative]=\"true\" />\n            </button>\n          </span>\n        }\n      </solaris-tab>\n    }\n\n    @for (tab of tabs(); track tab.value) {\n      <solaris-tab-panel [value]=\"$any(tab.value)\" [lazy]=\"true\">\n        @if (getContentTemplate(tab); as tmpl) {\n          <ng-container [ngTemplateOutlet]=\"tmpl\" />\n        }\n      </solaris-tab-panel>\n    }\n  </solaris-tabs>\n</div>\n\n@for (tab of tabs(); track tab.value; let i = $index) {\n  <solaris-dropdown-menu>\n    @if (canRename(tab)) {\n      <solaris-dropdown-menu-item\n        [label]=\"resolveText('solaris.editableTabs.rename') ?? 'Rename'\"\n        icon=\"edit\"\n        (itemSelected)=\"startRename(tab)\"\n      />\n    }\n    @if (canSetDefault(tab)) {\n      <solaris-dropdown-menu-item\n        [label]=\"\n          resolveText('solaris.editableTabs.setAsDefault') ?? 'Set as default'\n        \"\n        icon=\"check\"\n        (itemSelected)=\"setAsDefault(tab)\"\n      />\n    }\n    @if (canMoveLeft(tab)) {\n      <solaris-dropdown-menu-item\n        [label]=\"moveLabel('left')\"\n        [icon]=\"moveIcon('left')\"\n        (itemSelected)=\"\n          moveTab(tab, i, orientation() === 'vertical' ? 'up' : 'left')\n        \"\n      />\n    }\n    @if (canMoveRight(tab)) {\n      <solaris-dropdown-menu-item\n        [label]=\"moveLabel('right')\"\n        [icon]=\"moveIcon('right')\"\n        (itemSelected)=\"\n          moveTab(tab, i, orientation() === 'vertical' ? 'down' : 'right')\n        \"\n      />\n    }\n    @if (tab.customActions?.length) {\n      @for (action of tab.customActions; track action.id) {\n        @if (!action.disabled) {\n          <solaris-dropdown-menu-item\n            [label]=\"action.label ?? ''\"\n            [labelKey]=\"action.labelKey\"\n            [icon]=\"action.icon\"\n            [color]=\"action.color ?? 'neutral'\"\n            (itemSelected)=\"handleCustomAction(tab, action)\"\n          />\n        }\n      }\n    }\n    @if (canRemove(tab)) {\n      <solaris-divider />\n      <solaris-dropdown-menu-item\n        [label]=\"resolveText('solaris.editableTabs.remove') ?? 'Remove'\"\n        icon=\"x\"\n        color=\"danger\"\n        (itemSelected)=\"confirmRemove(tab, i)\"\n      />\n    }\n  </solaris-dropdown-menu>\n}\n"]}

package/esm2022/lib/components/navigation/editable-tabs/editable-tab/editable-tab.component.js

@@ -0,0 +1,34 @@
+import { Component, input, ChangeDetectionStrategy, TemplateRef, contentChild, } from '@angular/core';
+import * as i0 from "@angular/core";
+export class SolarisEditableTabComponent {
+    value = input.required(...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+    locked = input(false, ...(ngDevMode ? [{ debugName: "locked" }] : /* istanbul ignore next */ []));
+    disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
+    icon = input(undefined, ...(ngDevMode ? [{ debugName: "icon" }] : /* istanbul ignore next */ []));
+    label = input(undefined, ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
+    labelKey = input(undefined, ...(ngDevMode ? [{ debugName: "labelKey" }] : /* istanbul ignore next */ []));
+    movable = input(undefined, ...(ngDevMode ? [{ debugName: "movable" }] : /* istanbul ignore next */ []));
+    removable = input(undefined, ...(ngDevMode ? [{ debugName: "removable" }] : /* istanbul ignore next */ []));
+    renamable = input(undefined, ...(ngDevMode ? [{ debugName: "renamable" }] : /* istanbul ignore next */ []));
+    defaultable = input(undefined, ...(ngDevMode ? [{ debugName: "defaultable" }] : /* istanbul ignore next */ []));
+    badge = input(undefined, ...(ngDevMode ? [{ debugName: "badge" }] : /* istanbul ignore next */ []));
+    customActions = input(undefined, ...(ngDevMode ? [{ debugName: "customActions" }] : /* istanbul ignore next */ []));
+    content = contentChild(TemplateRef, ...(ngDevMode ? [{ debugName: "content" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisEditableTabComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.17", type: SolarisEditableTabComponent, isStandalone: true, selector: "solaris-editable-tab", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, locked: { classPropertyName: "locked", publicName: "locked", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, labelKey: { classPropertyName: "labelKey", publicName: "labelKey", isSignal: true, isRequired: false, transformFunction: null }, movable: { classPropertyName: "movable", publicName: "movable", isSignal: true, isRequired: false, transformFunction: null }, removable: { classPropertyName: "removable", publicName: "removable", isSignal: true, isRequired: false, transformFunction: null }, renamable: { classPropertyName: "renamable", publicName: "renamable", isSignal: true, isRequired: false, transformFunction: null }, defaultable: { classPropertyName: "defaultable", publicName: "defaultable", isSignal: true, isRequired: false, transformFunction: null }, badge: { classPropertyName: "badge", publicName: "badge", isSignal: true, isRequired: false, transformFunction: null }, customActions: { classPropertyName: "customActions", publicName: "customActions", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.data-value": "value()", "attr.data-locked": "locked() ? \"\" : null" }, classAttribute: "solaris-editable-tab" }, queries: [{ propertyName: "content", first: true, predicate: TemplateRef, descendants: true, isSignal: true }], ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisEditableTabComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'solaris-editable-tab',
+                    standalone: true,
+                    template: '',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    host: {
+                        class: 'solaris-editable-tab',
+                        '[attr.data-value]': 'value()',
+                        '[attr.data-locked]': 'locked() ? "" : null',
+                    },
+                }]
+        }], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: true }] }], locked: [{ type: i0.Input, args: [{ isSignal: true, alias: "locked", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], labelKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "labelKey", required: false }] }], movable: [{ type: i0.Input, args: [{ isSignal: true, alias: "movable", required: false }] }], removable: [{ type: i0.Input, args: [{ isSignal: true, alias: "removable", required: false }] }], renamable: [{ type: i0.Input, args: [{ isSignal: true, alias: "renamable", required: false }] }], defaultable: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultable", required: false }] }], badge: [{ type: i0.Input, args: [{ isSignal: true, alias: "badge", required: false }] }], customActions: [{ type: i0.Input, args: [{ isSignal: true, alias: "customActions", required: false }] }], content: [{ type: i0.ContentChild, args: [i0.forwardRef(() => TemplateRef), { isSignal: true }] }] } });
+//# sourceMappingURL=editable-tab.component.js.map

package/esm2022/lib/components/navigation/editable-tabs/editable-tab/editable-tab.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"editable-tab.component.js","sourceRoot":"","sources":["../../../../../../../../../packages/angular/src/lib/components/navigation/editable-tabs/editable-tab/editable-tab.component.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,KAAK,EACL,uBAAuB,EACvB,WAAW,EACX,YAAY,GACb,MAAM,eAAe,CAAC;;AAevB,MAAM,OAAO,2BAA2B;IAC7B,KAAK,GAAG,KAAK,CAAC,QAAQ,2EAAW,CAAC;IAClC,MAAM,GAAG,KAAK,CAAU,KAAK,6EAAC,CAAC;IAC/B,QAAQ,GAAG,KAAK,CAAU,KAAK,+EAAC,CAAC;IACjC,IAAI,GAAG,KAAK,CAAqB,SAAS,2EAAC,CAAC;IAC5C,KAAK,GAAG,KAAK,CAAqB,SAAS,4EAAC,CAAC;IAC7C,QAAQ,GAAG,KAAK,CAAqB,SAAS,+EAAC,CAAC;IAChD,OAAO,GAAG,KAAK,CAAsB,SAAS,8EAAC,CAAC;IAChD,SAAS,GAAG,KAAK,CAAsB,SAAS,gFAAC,CAAC;IAClD,SAAS,GAAG,KAAK,CAAsB,SAAS,gFAAC,CAAC;IAClD,WAAW,GAAG,KAAK,CAAsB,SAAS,kFAAC,CAAC;IACpD,KAAK,GAAG,KAAK,CAA8B,SAAS,4EAAC,CAAC;IACtD,aAAa,GAAG,KAAK,CAC5B,SAAS,oFACV,CAAC;IAEO,OAAO,GAAG,YAAY,CAAC,WAAW,8EAAC,CAAC;wGAhBlC,2BAA2B;4FAA3B,2BAA2B,wwDAgBN,WAAW,gEAxBjC,EAAE;;4FAQD,2BAA2B;kBAXvC,SAAS;mBAAC;oBACT,QAAQ,EAAE,sBAAsB;oBAChC,UAAU,EAAE,IAAI;oBAChB,QAAQ,EAAE,EAAE;oBACZ,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,IAAI,EAAE;wBACJ,KAAK,EAAE,sBAAsB;wBAC7B,mBAAmB,EAAE,SAAS;wBAC9B,oBAAoB,EAAE,sBAAsB;qBAC7C;iBACF;+sCAiBiC,WAAW","sourcesContent":["import {\n  Component,\n  input,\n  ChangeDetectionStrategy,\n  TemplateRef,\n  contentChild,\n} from '@angular/core';\n\nimport type { SolarisEditableTabAction } from '../model/editable-tabs.types';\n\n@Component({\n  selector: 'solaris-editable-tab',\n  standalone: true,\n  template: '',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    class: 'solaris-editable-tab',\n    '[attr.data-value]': 'value()',\n    '[attr.data-locked]': 'locked() ? \"\" : null',\n  },\n})\nexport class SolarisEditableTabComponent {\n  readonly value = input.required<unknown>();\n  readonly locked = input<boolean>(false);\n  readonly disabled = input<boolean>(false);\n  readonly icon = input<string | undefined>(undefined);\n  readonly label = input<string | undefined>(undefined);\n  readonly labelKey = input<string | undefined>(undefined);\n  readonly movable = input<boolean | undefined>(undefined);\n  readonly removable = input<boolean | undefined>(undefined);\n  readonly renamable = input<boolean | undefined>(undefined);\n  readonly defaultable = input<boolean | undefined>(undefined);\n  readonly badge = input<string | number | undefined>(undefined);\n  readonly customActions = input<SolarisEditableTabAction[] | undefined>(\n    undefined,\n  );\n\n  readonly content = contentChild(TemplateRef);\n}\n"]}

package/esm2022/lib/components/navigation/editable-tabs/model/editable-tabs.types.js

@@ -0,0 +1 @@
+//# sourceMappingURL=editable-tabs.types.js.map

package/esm2022/lib/components/navigation/editable-tabs/model/editable-tabs.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"editable-tabs.types.js","sourceRoot":"","sources":["../../../../../../../../../packages/angular/src/lib/components/navigation/editable-tabs/model/editable-tabs.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { TemplateRef } from '@angular/core';\n\nimport type {\n  SolarisTabsOrientation,\n  SolarisTabsAppearance,\n  SolarisTabsSize,\n  SolarisTabsDensity,\n  SolarisTabsActivationMode,\n  SolarisTabsContentTransition,\n} from '../../tabs';\n\nexport type SolarisEditableTabsOrientation = SolarisTabsOrientation;\nexport type SolarisEditableTabsAppearance = SolarisTabsAppearance;\nexport type SolarisEditableTabsSize = SolarisTabsSize;\nexport type SolarisEditableTabsDensity = SolarisTabsDensity;\nexport type SolarisEditableTabsActivationMode = SolarisTabsActivationMode;\nexport type SolarisEditableTabsContentTransition = SolarisTabsContentTransition;\n\nexport type SolarisEditableTabsShowActions = 'hover' | 'always' | 'focus-hover';\nexport type SolarisEditableTabsRenameOnBlur = 'confirm' | 'cancel';\nexport type SolarisEditableTabMoveDirection = 'left' | 'right' | 'up' | 'down';\n\nexport interface SolarisEditableTabData<TValue = unknown> {\n  value: TValue;\n  label?: string;\n  labelKey?: string;\n  icon?: string;\n  badge?: string | number;\n  disabled?: boolean;\n  locked?: boolean;\n  renamable?: boolean;\n  removable?: boolean;\n  movable?: boolean;\n  defaultable?: boolean;\n  customActions?: SolarisEditableTabAction[];\n  content?: TemplateRef<void>;\n}\n\nexport interface SolarisEditableTabAction {\n  id: string;\n  label?: string;\n  labelKey?: string;\n  icon?: string;\n  color?: 'neutral' | 'primary' | 'success' | 'warning' | 'danger' | 'info';\n  disabled?: boolean;\n}\n\nexport interface SolarisEditableTabRenameEvent<TValue = unknown> {\n  value: TValue;\n  previousLabel: string;\n  nextLabel: string;\n  source: 'inline' | 'api';\n}\n\nexport interface SolarisEditableTabRemoveEvent<TValue = unknown> {\n  value: TValue;\n  index: number;\n  wasActive: boolean;\n}\n\nexport interface SolarisEditableTabMoveEvent<TValue = unknown> {\n  value: TValue;\n  previousIndex: number;\n  nextIndex: number;\n  direction: SolarisEditableTabMoveDirection;\n}\n\nexport interface SolarisEditableTabDefaultChangeEvent<TValue = unknown> {\n  value: TValue;\n  previousDefaultValue?: TValue;\n}\n\nexport interface SolarisEditableTabActionEvent<TValue = unknown> {\n  tabValue: TValue;\n  actionId: string;\n  action: SolarisEditableTabAction;\n}\n"]}