@neural-ui/core 1.4.0 → 1.5.0

package/fesm2022/neural-ui-core-textarea.mjs

@@ -126,7 +126,7 @@ class NeuTextareaComponent {
         }}</span>
       }
     </div>
-  `, isInline: true, styles: [".neu-textarea-host{display:block;width:100%}.neu-textarea__wrapper{position:relative;width:100%}.neu-textarea__wrapper--disabled{opacity:.5;pointer-events:none}.neu-textarea__field{width:100%;min-height:80px;padding:1.25rem var(--neu-space-4) var(--neu-space-3);font-family:var(--neu-font-sans);font-size:var(--neu-text-sm);color:var(--neu-text);background:var(--neu-surface);border:1.5px solid var(--neu-border);border-radius:var(--neu-radius);outline:none;resize:var(--_neu-textarea-resize, vertical);transition:border-color var(--neu-transition),box-shadow var(--neu-transition);line-height:1.5;box-sizing:border-box}.neu-textarea__field::placeholder{color:transparent}.neu-textarea__wrapper--error .neu-textarea__field{border-color:var(--neu-error)}.neu-textarea__wrapper--focused .neu-textarea__field{border-color:var(--neu-border-focus);box-shadow:var(--neu-focus-ring)}.neu-textarea__wrapper--disabled .neu-textarea__field{background:var(--neu-surface-2);cursor:not-allowed}.neu-textarea__field[style*=height]{resize:none;overflow:hidden}.neu-textarea__label{position:absolute;top:.9rem;left:var(--neu-space-4);font-size:var(--neu-text-base);color:var(--neu-text-muted);pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - var(--neu-space-8));transition:top var(--neu-transition),transform var(--neu-transition),color var(--neu-transition),font-size var(--neu-transition),padding var(--neu-transition),background var(--neu-transition)}.neu-textarea__wrapper--focused .neu-textarea__label,.neu-textarea__wrapper--has-value .neu-textarea__label{top:0;transform:translateY(-50%);font-size:12px;font-weight:600;letter-spacing:.01em;background:var(--neu-surface);padding:0 4px;left:calc(var(--neu-space-4) - 4px);color:var(--neu-primary)}.neu-textarea__wrapper--focused.neu-textarea__wrapper--error .neu-textarea__label,.neu-textarea__wrapper--error .neu-textarea__label{color:var(--neu-error)}.neu-textarea__wrapper--disabled .neu-textarea__label{background:var(--neu-surface-2)}.neu-textarea__hint{display:block;margin-top:var(--neu-space-1);font-size:var(--neu-text-xs);color:var(--neu-text-muted)}.neu-textarea__error{display:block;margin-top:var(--neu-space-1);font-size:var(--neu-text-xs);color:var(--neu-error-text)}.neu-textarea-host--sm .neu-textarea__field{min-height:60px;padding:.7rem var(--neu-space-3) var(--neu-space-2)}.neu-textarea-host--sm .neu-textarea__label{top:.6rem}.neu-textarea-host--lg .neu-textarea__field{min-height:100px;font-size:var(--neu-text-base);padding:1.5rem var(--neu-space-5) var(--neu-space-4)}.neu-textarea-host--lg .neu-textarea__label{top:1.2rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+  `, isInline: true, styles: [".neu-textarea-host{display:block;width:100%}.neu-textarea-host--sm .neu-textarea__field{min-height:60px;padding:.7rem var(--neu-space-3) var(--neu-space-2)}.neu-textarea-host--sm .neu-textarea__label{top:.6rem}.neu-textarea-host--lg .neu-textarea__field{min-height:100px;font-size:var(--neu-text-base);padding:1.5rem var(--neu-space-5) var(--neu-space-4)}.neu-textarea-host--lg .neu-textarea__label{top:1.2rem}.neu-textarea__wrapper{position:relative;width:100%}.neu-textarea__wrapper--disabled{opacity:.5;pointer-events:none}.neu-textarea__field{width:100%;min-height:80px;padding:1.25rem var(--neu-space-4) var(--neu-space-3);font-family:var(--neu-font-sans);font-size:var(--neu-text-sm);color:var(--neu-text);background:var(--neu-surface);border:1.5px solid var(--neu-border);border-radius:var(--neu-radius);outline:none;resize:var(--_neu-textarea-resize, vertical);transition:border-color var(--neu-transition),box-shadow var(--neu-transition);line-height:1.5;box-sizing:border-box}.neu-textarea__field::placeholder{color:transparent}.neu-textarea__wrapper--error .neu-textarea__field{border-color:var(--neu-error)}.neu-textarea__wrapper--focused .neu-textarea__field{border-color:var(--neu-border-focus);box-shadow:var(--neu-focus-ring)}.neu-textarea__wrapper--disabled .neu-textarea__field{background:var(--neu-surface-2);cursor:not-allowed}.neu-textarea__field[style*=height]{resize:none;overflow:hidden}.neu-textarea__label{position:absolute;top:.9rem;left:var(--neu-space-4);font-size:var(--neu-text-base);color:var(--neu-text-muted);pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - var(--neu-space-8));transition:top var(--neu-transition),transform var(--neu-transition),color var(--neu-transition),font-size var(--neu-transition),padding var(--neu-transition),background var(--neu-transition)}.neu-textarea__wrapper--focused .neu-textarea__label,.neu-textarea__wrapper--has-value .neu-textarea__label{top:0;transform:translateY(-50%);font-size:12px;font-weight:600;letter-spacing:.01em;background:var(--neu-surface);padding:0 4px;left:calc(var(--neu-space-4) - 4px);color:var(--neu-primary)}.neu-textarea__wrapper--focused.neu-textarea__wrapper--error .neu-textarea__label,.neu-textarea__wrapper--error .neu-textarea__label{color:var(--neu-error)}.neu-textarea__wrapper--disabled .neu-textarea__label{background:var(--neu-surface-2)}.neu-textarea__hint{display:block;margin-top:var(--neu-space-1);font-size:var(--neu-text-xs);color:var(--neu-text-muted)}.neu-textarea__error{display:block;margin-top:var(--neu-space-1);font-size:var(--neu-text-xs);color:var(--neu-error-text)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: NeuTextareaComponent, decorators: [{
             type: Component,
@@ -177,7 +177,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImpor
         }}</span>
       }
     </div>
-  `, styles: [".neu-textarea-host{display:block;width:100%}.neu-textarea__wrapper{position:relative;width:100%}.neu-textarea__wrapper--disabled{opacity:.5;pointer-events:none}.neu-textarea__field{width:100%;min-height:80px;padding:1.25rem var(--neu-space-4) var(--neu-space-3);font-family:var(--neu-font-sans);font-size:var(--neu-text-sm);color:var(--neu-text);background:var(--neu-surface);border:1.5px solid var(--neu-border);border-radius:var(--neu-radius);outline:none;resize:var(--_neu-textarea-resize, vertical);transition:border-color var(--neu-transition),box-shadow var(--neu-transition);line-height:1.5;box-sizing:border-box}.neu-textarea__field::placeholder{color:transparent}.neu-textarea__wrapper--error .neu-textarea__field{border-color:var(--neu-error)}.neu-textarea__wrapper--focused .neu-textarea__field{border-color:var(--neu-border-focus);box-shadow:var(--neu-focus-ring)}.neu-textarea__wrapper--disabled .neu-textarea__field{background:var(--neu-surface-2);cursor:not-allowed}.neu-textarea__field[style*=height]{resize:none;overflow:hidden}.neu-textarea__label{position:absolute;top:.9rem;left:var(--neu-space-4);font-size:var(--neu-text-base);color:var(--neu-text-muted);pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - var(--neu-space-8));transition:top var(--neu-transition),transform var(--neu-transition),color var(--neu-transition),font-size var(--neu-transition),padding var(--neu-transition),background var(--neu-transition)}.neu-textarea__wrapper--focused .neu-textarea__label,.neu-textarea__wrapper--has-value .neu-textarea__label{top:0;transform:translateY(-50%);font-size:12px;font-weight:600;letter-spacing:.01em;background:var(--neu-surface);padding:0 4px;left:calc(var(--neu-space-4) - 4px);color:var(--neu-primary)}.neu-textarea__wrapper--focused.neu-textarea__wrapper--error .neu-textarea__label,.neu-textarea__wrapper--error .neu-textarea__label{color:var(--neu-error)}.neu-textarea__wrapper--disabled .neu-textarea__label{background:var(--neu-surface-2)}.neu-textarea__hint{display:block;margin-top:var(--neu-space-1);font-size:var(--neu-text-xs);color:var(--neu-text-muted)}.neu-textarea__error{display:block;margin-top:var(--neu-space-1);font-size:var(--neu-text-xs);color:var(--neu-error-text)}.neu-textarea-host--sm .neu-textarea__field{min-height:60px;padding:.7rem var(--neu-space-3) var(--neu-space-2)}.neu-textarea-host--sm .neu-textarea__label{top:.6rem}.neu-textarea-host--lg .neu-textarea__field{min-height:100px;font-size:var(--neu-text-base);padding:1.5rem var(--neu-space-5) var(--neu-space-4)}.neu-textarea-host--lg .neu-textarea__label{top:1.2rem}\n"] }]
+  `, styles: [".neu-textarea-host{display:block;width:100%}.neu-textarea-host--sm .neu-textarea__field{min-height:60px;padding:.7rem var(--neu-space-3) var(--neu-space-2)}.neu-textarea-host--sm .neu-textarea__label{top:.6rem}.neu-textarea-host--lg .neu-textarea__field{min-height:100px;font-size:var(--neu-text-base);padding:1.5rem var(--neu-space-5) var(--neu-space-4)}.neu-textarea-host--lg .neu-textarea__label{top:1.2rem}.neu-textarea__wrapper{position:relative;width:100%}.neu-textarea__wrapper--disabled{opacity:.5;pointer-events:none}.neu-textarea__field{width:100%;min-height:80px;padding:1.25rem var(--neu-space-4) var(--neu-space-3);font-family:var(--neu-font-sans);font-size:var(--neu-text-sm);color:var(--neu-text);background:var(--neu-surface);border:1.5px solid var(--neu-border);border-radius:var(--neu-radius);outline:none;resize:var(--_neu-textarea-resize, vertical);transition:border-color var(--neu-transition),box-shadow var(--neu-transition);line-height:1.5;box-sizing:border-box}.neu-textarea__field::placeholder{color:transparent}.neu-textarea__wrapper--error .neu-textarea__field{border-color:var(--neu-error)}.neu-textarea__wrapper--focused .neu-textarea__field{border-color:var(--neu-border-focus);box-shadow:var(--neu-focus-ring)}.neu-textarea__wrapper--disabled .neu-textarea__field{background:var(--neu-surface-2);cursor:not-allowed}.neu-textarea__field[style*=height]{resize:none;overflow:hidden}.neu-textarea__label{position:absolute;top:.9rem;left:var(--neu-space-4);font-size:var(--neu-text-base);color:var(--neu-text-muted);pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - var(--neu-space-8));transition:top var(--neu-transition),transform var(--neu-transition),color var(--neu-transition),font-size var(--neu-transition),padding var(--neu-transition),background var(--neu-transition)}.neu-textarea__wrapper--focused .neu-textarea__label,.neu-textarea__wrapper--has-value .neu-textarea__label{top:0;transform:translateY(-50%);font-size:12px;font-weight:600;letter-spacing:.01em;background:var(--neu-surface);padding:0 4px;left:calc(var(--neu-space-4) - 4px);color:var(--neu-primary)}.neu-textarea__wrapper--focused.neu-textarea__wrapper--error .neu-textarea__label,.neu-textarea__wrapper--error .neu-textarea__label{color:var(--neu-error)}.neu-textarea__wrapper--disabled .neu-textarea__label{background:var(--neu-surface-2)}.neu-textarea__hint{display:block;margin-top:var(--neu-space-1);font-size:var(--neu-text-xs);color:var(--neu-text-muted)}.neu-textarea__error{display:block;margin-top:var(--neu-space-1);font-size:var(--neu-text-xs);color:var(--neu-error-text)}\n"] }]
         }], ctorParameters: () => [], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], rows: [{ type: i0.Input, args: [{ isSignal: true, alias: "rows", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], autoResize: [{ type: i0.Input, args: [{ isSignal: true, alias: "autoResize", required: false }] }], resizable: [{ type: i0.Input, args: [{ isSignal: true, alias: "resizable", required: false }] }], errorMessage: [{ type: i0.Input, args: [{ isSignal: true, alias: "errorMessage", required: false }] }], hint: [{ type: i0.Input, args: [{ isSignal: true, alias: "hint", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], maxlength: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxlength", required: false }] }], _textareaRef: [{ type: i0.ViewChild, args: ['textareaRef', { isSignal: true }] }] } });
 
 /**

package/fesm2022/neural-ui-core-timeline-grid.mjs

@@ -0,0 +1,215 @@
+import * as i0 from '@angular/core';
+import { input, output, computed, ChangeDetectionStrategy, ViewEncapsulation, Component } from '@angular/core';
+
+class NeuTimelineGridComponent {
+    columns = input([], ...(ngDevMode ? [{ debugName: "columns" }] : /* istanbul ignore next */ []));
+    rows = input([], ...(ngDevMode ? [{ debugName: "rows" }] : /* istanbul ignore next */ []));
+    compact = input(false, ...(ngDevMode ? [{ debugName: "compact" }] : /* istanbul ignore next */ []));
+    stickyLabels = input(true, ...(ngDevMode ? [{ debugName: "stickyLabels" }] : /* istanbul ignore next */ []));
+    minColumnWidth = input('112px', ...(ngDevMode ? [{ debugName: "minColumnWidth" }] : /* istanbul ignore next */ []));
+    selectedItemId = input(null, ...(ngDevMode ? [{ debugName: "selectedItemId" }] : /* istanbul ignore next */ []));
+    selectedSlot = input(null, ...(ngDevMode ? [{ debugName: "selectedSlot" }] : /* istanbul ignore next */ []));
+    itemClick = output();
+    slotClick = output();
+    _columnIndexMap = computed(() => {
+        const indexMap = new Map();
+        this.columns().forEach((column, index) => indexMap.set(column.id, index + 1));
+        return indexMap;
+    }, ...(ngDevMode ? [{ debugName: "_columnIndexMap" }] : /* istanbul ignore next */ []));
+    gridTemplateColumns = computed(() => `repeat(${Math.max(this.columns().length, 1)}, minmax(var(--neu-timeline-grid-min-column-width), 1fr))`, ...(ngDevMode ? [{ debugName: "gridTemplateColumns" }] : /* istanbul ignore next */ []));
+    validItems(row) {
+        const indexMap = this._columnIndexMap();
+        return row.items.filter((item) => indexMap.has(item.start));
+    }
+    itemGridColumn(item) {
+        const start = this._columnIndexMap().get(item.start) ?? 1;
+        const span = Math.max(1, item.span ?? 1);
+        return `${start} / span ${span}`;
+    }
+    slotGridColumn(columnId) {
+        const start = this._columnIndexMap().get(columnId) ?? 1;
+        return `${start} / span 1`;
+    }
+    itemClass(item) {
+        const selectedClass = this.isItemSelected(item.id) ? ' neu-timeline-grid__item--selected' : '';
+        return `neu-timeline-grid__item neu-timeline-grid__item--${item.variant ?? 'default'}${selectedClass}`;
+    }
+    itemAriaLabel(row, item) {
+        return `${row.label}: ${item.title}`;
+    }
+    slotAriaLabel(row, column) {
+        return `${row.label}: ${column.label}`;
+    }
+    slotKey(rowId, columnId) {
+        return `${rowId}:${columnId}`;
+    }
+    isItemSelected(itemId) {
+        return this.selectedItemId() === itemId;
+    }
+    isSlotSelected(rowId, columnId) {
+        const selectedSlot = this.selectedSlot();
+        return selectedSlot?.rowId === rowId && selectedSlot?.columnId === columnId;
+    }
+    onSlotClick(rowId, columnId) {
+        this.slotClick.emit({ rowId, columnId });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: NeuTimelineGridComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: NeuTimelineGridComponent, isStandalone: true, selector: "neu-timeline-grid", inputs: { columns: { classPropertyName: "columns", publicName: "columns", isSignal: true, isRequired: false, transformFunction: null }, rows: { classPropertyName: "rows", publicName: "rows", isSignal: true, isRequired: false, transformFunction: null }, compact: { classPropertyName: "compact", publicName: "compact", isSignal: true, isRequired: false, transformFunction: null }, stickyLabels: { classPropertyName: "stickyLabels", publicName: "stickyLabels", isSignal: true, isRequired: false, transformFunction: null }, minColumnWidth: { classPropertyName: "minColumnWidth", publicName: "minColumnWidth", isSignal: true, isRequired: false, transformFunction: null }, selectedItemId: { classPropertyName: "selectedItemId", publicName: "selectedItemId", isSignal: true, isRequired: false, transformFunction: null }, selectedSlot: { classPropertyName: "selectedSlot", publicName: "selectedSlot", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { itemClick: "itemClick", slotClick: "slotClick" }, host: { properties: { "class.neu-timeline-grid--compact": "compact()", "class.neu-timeline-grid--sticky-labels": "stickyLabels()", "style.--neu-timeline-grid-min-column-width": "minColumnWidth()" } }, ngImport: i0, template: `
+    <div class="neu-timeline-grid">
+      <div class="neu-timeline-grid__header">
+        <div class="neu-timeline-grid__corner" aria-hidden="true"></div>
+        <div
+          class="neu-timeline-grid__header-track"
+          [style.gridTemplateColumns]="gridTemplateColumns()"
+        >
+          @for (column of columns(); track column.id) {
+            <div class="neu-timeline-grid__column">
+              <span class="neu-timeline-grid__column-label">{{ column.label }}</span>
+              @if (column.description) {
+                <span class="neu-timeline-grid__column-desc">{{ column.description }}</span>
+              }
+            </div>
+          }
+        </div>
+      </div>
+
+      <div class="neu-timeline-grid__body">
+        @for (row of rows(); track row.id) {
+          <section class="neu-timeline-grid__row" [attr.aria-label]="row.label">
+            <div class="neu-timeline-grid__row-label">
+              <strong>{{ row.label }}</strong>
+              @if (row.description) {
+                <span>{{ row.description }}</span>
+              }
+            </div>
+
+            <div
+              class="neu-timeline-grid__track"
+              [style.gridTemplateColumns]="gridTemplateColumns()"
+            >
+              @for (column of columns(); track column.id) {
+                <button
+                  type="button"
+                  class="neu-timeline-grid__slot neu-timeline-grid__slot-button"
+                  [class.neu-timeline-grid__slot--selected]="isSlotSelected(row.id, column.id)"
+                  [style.gridColumn]="slotGridColumn(column.id)"
+                  [attr.aria-label]="slotAriaLabel(row, column)"
+                  [attr.aria-pressed]="isSlotSelected(row.id, column.id)"
+                  [attr.data-slot-key]="slotKey(row.id, column.id)"
+                  (click)="onSlotClick(row.id, column.id)"
+                ></button>
+              }
+
+              @for (item of validItems(row); track item.id) {
+                <button
+                  type="button"
+                  class="neu-timeline-grid__item"
+                  [class]="itemClass(item)"
+                  [style.gridColumn]="itemGridColumn(item)"
+                  [attr.aria-label]="itemAriaLabel(row, item)"
+                  [attr.aria-pressed]="isItemSelected(item.id)"
+                  [attr.data-item-id]="item.id"
+                  (click)="itemClick.emit(item)"
+                >
+                  <span class="neu-timeline-grid__item-title">{{ item.title }}</span>
+                  @if (item.subtitle) {
+                    <span class="neu-timeline-grid__item-subtitle">{{ item.subtitle }}</span>
+                  }
+                  @if (item.meta) {
+                    <span class="neu-timeline-grid__item-meta">{{ item.meta }}</span>
+                  }
+                </button>
+              }
+            </div>
+          </section>
+        }
+      </div>
+    </div>
+  `, isInline: true, styles: ["neu-timeline-grid{min-width:0}.neu-timeline-grid{display:grid;gap:var(--neu-space-4);width:100%;overflow-x:auto;color:var(--neu-text)}.neu-timeline-grid--compact .neu-timeline-grid__track,.neu-timeline-grid--compact .neu-timeline-grid__slot{min-height:60px}.neu-timeline-grid--compact .neu-timeline-grid__item{margin:8px 0;padding:8px 10px}.neu-timeline-grid--sticky-labels .neu-timeline-grid__row-label,.neu-timeline-grid--sticky-labels .neu-timeline-grid__corner{position:sticky;left:0;z-index:2;background:var(--neu-surface)}.neu-timeline-grid__header,.neu-timeline-grid__row{display:grid;grid-template-columns:minmax(180px,220px) minmax(0,1fr);gap:var(--neu-space-4);min-width:max-content}.neu-timeline-grid__corner,.neu-timeline-grid__row-label{padding:var(--neu-space-3) 0}.neu-timeline-grid__header-track,.neu-timeline-grid__track{display:grid;position:relative;gap:var(--neu-space-3)}.neu-timeline-grid__column{display:flex;flex-direction:column;gap:2px;min-width:0;padding:0 var(--neu-space-2)}.neu-timeline-grid__column-label{font-size:var(--neu-text-sm);font-weight:700}.neu-timeline-grid__column-desc,.neu-timeline-grid__row-label span,.neu-timeline-grid__item-subtitle,.neu-timeline-grid__item-meta{font-size:var(--neu-text-xs);color:var(--neu-text-muted)}.neu-timeline-grid__body{display:grid;gap:var(--neu-space-3)}.neu-timeline-grid__row-label{display:flex;flex-direction:column;gap:4px}.neu-timeline-grid__row-label strong{font-size:var(--neu-text-sm)}.neu-timeline-grid__track{align-items:stretch;min-height:76px}.neu-timeline-grid__slot,.neu-timeline-grid__item{grid-row:1}.neu-timeline-grid__slot{min-height:76px;border-radius:0;border:0;background:linear-gradient(180deg,color-mix(in srgb,var(--neu-surface-2) 18%,transparent),color-mix(in srgb,var(--neu-surface) 96%,transparent));box-shadow:inset 1px 0 color-mix(in srgb,var(--neu-border) 16%,transparent),inset 0 1px #ffffff04}.neu-timeline-grid__slot-button{appearance:none;display:block;width:100%;min-width:100%;justify-self:stretch;align-self:stretch;box-sizing:border-box;padding:0;cursor:pointer}.neu-timeline-grid__slot-button:hover{background:linear-gradient(180deg,color-mix(in srgb,var(--neu-primary) 7%,var(--neu-surface-2)),color-mix(in srgb,var(--neu-primary) 4%,var(--neu-surface)));box-shadow:inset 1px 0 color-mix(in srgb,var(--neu-primary) 22%,transparent),inset 0 1px #ffffff08}.neu-timeline-grid__slot--selected{border-radius:var(--neu-radius-md);background:color-mix(in srgb,var(--neu-primary) 10%,var(--neu-surface-2));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--neu-primary) 42%,var(--neu-border)),inset 0 1px #ffffff08}.neu-timeline-grid__item{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;min-width:0;margin:10px 0;padding:10px 12px;border:1px solid transparent;border-radius:var(--neu-radius-lg);text-align:left;background:var(--neu-surface);box-shadow:var(--neu-shadow-sm);color:var(--neu-text)}.neu-timeline-grid__item-title{font-size:var(--neu-text-sm);font-weight:700}.neu-timeline-grid__item--selected{outline:2px solid color-mix(in srgb,var(--neu-primary) 48%,transparent);outline-offset:1px}.neu-timeline-grid__item--default{border-color:var(--neu-border)}.neu-timeline-grid__item--info{border-color:color-mix(in srgb,var(--neu-primary) 36%,var(--neu-border));background:color-mix(in srgb,var(--neu-primary) 8%,var(--neu-surface))}.neu-timeline-grid__item--success{border-color:color-mix(in srgb,var(--neu-success) 36%,var(--neu-border));background:color-mix(in srgb,var(--neu-success) 9%,var(--neu-surface))}.neu-timeline-grid__item--warning{border-color:color-mix(in srgb,var(--neu-warning) 40%,var(--neu-border));background:color-mix(in srgb,var(--neu-warning) 11%,var(--neu-surface))}.neu-timeline-grid__item--danger{border-color:color-mix(in srgb,var(--neu-error) 38%,var(--neu-border));background:color-mix(in srgb,var(--neu-error) 10%,var(--neu-surface))}@media(max-width:720px){.neu-timeline-grid__header,.neu-timeline-grid__row{grid-template-columns:minmax(140px,180px) minmax(0,1fr);gap:var(--neu-space-3)}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: NeuTimelineGridComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'neu-timeline-grid', imports: [], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        '[class.neu-timeline-grid--compact]': 'compact()',
+                        '[class.neu-timeline-grid--sticky-labels]': 'stickyLabels()',
+                        '[style.--neu-timeline-grid-min-column-width]': 'minColumnWidth()',
+                    }, template: `
+    <div class="neu-timeline-grid">
+      <div class="neu-timeline-grid__header">
+        <div class="neu-timeline-grid__corner" aria-hidden="true"></div>
+        <div
+          class="neu-timeline-grid__header-track"
+          [style.gridTemplateColumns]="gridTemplateColumns()"
+        >
+          @for (column of columns(); track column.id) {
+            <div class="neu-timeline-grid__column">
+              <span class="neu-timeline-grid__column-label">{{ column.label }}</span>
+              @if (column.description) {
+                <span class="neu-timeline-grid__column-desc">{{ column.description }}</span>
+              }
+            </div>
+          }
+        </div>
+      </div>
+
+      <div class="neu-timeline-grid__body">
+        @for (row of rows(); track row.id) {
+          <section class="neu-timeline-grid__row" [attr.aria-label]="row.label">
+            <div class="neu-timeline-grid__row-label">
+              <strong>{{ row.label }}</strong>
+              @if (row.description) {
+                <span>{{ row.description }}</span>
+              }
+            </div>
+
+            <div
+              class="neu-timeline-grid__track"
+              [style.gridTemplateColumns]="gridTemplateColumns()"
+            >
+              @for (column of columns(); track column.id) {
+                <button
+                  type="button"
+                  class="neu-timeline-grid__slot neu-timeline-grid__slot-button"
+                  [class.neu-timeline-grid__slot--selected]="isSlotSelected(row.id, column.id)"
+                  [style.gridColumn]="slotGridColumn(column.id)"
+                  [attr.aria-label]="slotAriaLabel(row, column)"
+                  [attr.aria-pressed]="isSlotSelected(row.id, column.id)"
+                  [attr.data-slot-key]="slotKey(row.id, column.id)"
+                  (click)="onSlotClick(row.id, column.id)"
+                ></button>
+              }
+
+              @for (item of validItems(row); track item.id) {
+                <button
+                  type="button"
+                  class="neu-timeline-grid__item"
+                  [class]="itemClass(item)"
+                  [style.gridColumn]="itemGridColumn(item)"
+                  [attr.aria-label]="itemAriaLabel(row, item)"
+                  [attr.aria-pressed]="isItemSelected(item.id)"
+                  [attr.data-item-id]="item.id"
+                  (click)="itemClick.emit(item)"
+                >
+                  <span class="neu-timeline-grid__item-title">{{ item.title }}</span>
+                  @if (item.subtitle) {
+                    <span class="neu-timeline-grid__item-subtitle">{{ item.subtitle }}</span>
+                  }
+                  @if (item.meta) {
+                    <span class="neu-timeline-grid__item-meta">{{ item.meta }}</span>
+                  }
+                </button>
+              }
+            </div>
+          </section>
+        }
+      </div>
+    </div>
+  `, styles: ["neu-timeline-grid{min-width:0}.neu-timeline-grid{display:grid;gap:var(--neu-space-4);width:100%;overflow-x:auto;color:var(--neu-text)}.neu-timeline-grid--compact .neu-timeline-grid__track,.neu-timeline-grid--compact .neu-timeline-grid__slot{min-height:60px}.neu-timeline-grid--compact .neu-timeline-grid__item{margin:8px 0;padding:8px 10px}.neu-timeline-grid--sticky-labels .neu-timeline-grid__row-label,.neu-timeline-grid--sticky-labels .neu-timeline-grid__corner{position:sticky;left:0;z-index:2;background:var(--neu-surface)}.neu-timeline-grid__header,.neu-timeline-grid__row{display:grid;grid-template-columns:minmax(180px,220px) minmax(0,1fr);gap:var(--neu-space-4);min-width:max-content}.neu-timeline-grid__corner,.neu-timeline-grid__row-label{padding:var(--neu-space-3) 0}.neu-timeline-grid__header-track,.neu-timeline-grid__track{display:grid;position:relative;gap:var(--neu-space-3)}.neu-timeline-grid__column{display:flex;flex-direction:column;gap:2px;min-width:0;padding:0 var(--neu-space-2)}.neu-timeline-grid__column-label{font-size:var(--neu-text-sm);font-weight:700}.neu-timeline-grid__column-desc,.neu-timeline-grid__row-label span,.neu-timeline-grid__item-subtitle,.neu-timeline-grid__item-meta{font-size:var(--neu-text-xs);color:var(--neu-text-muted)}.neu-timeline-grid__body{display:grid;gap:var(--neu-space-3)}.neu-timeline-grid__row-label{display:flex;flex-direction:column;gap:4px}.neu-timeline-grid__row-label strong{font-size:var(--neu-text-sm)}.neu-timeline-grid__track{align-items:stretch;min-height:76px}.neu-timeline-grid__slot,.neu-timeline-grid__item{grid-row:1}.neu-timeline-grid__slot{min-height:76px;border-radius:0;border:0;background:linear-gradient(180deg,color-mix(in srgb,var(--neu-surface-2) 18%,transparent),color-mix(in srgb,var(--neu-surface) 96%,transparent));box-shadow:inset 1px 0 color-mix(in srgb,var(--neu-border) 16%,transparent),inset 0 1px #ffffff04}.neu-timeline-grid__slot-button{appearance:none;display:block;width:100%;min-width:100%;justify-self:stretch;align-self:stretch;box-sizing:border-box;padding:0;cursor:pointer}.neu-timeline-grid__slot-button:hover{background:linear-gradient(180deg,color-mix(in srgb,var(--neu-primary) 7%,var(--neu-surface-2)),color-mix(in srgb,var(--neu-primary) 4%,var(--neu-surface)));box-shadow:inset 1px 0 color-mix(in srgb,var(--neu-primary) 22%,transparent),inset 0 1px #ffffff08}.neu-timeline-grid__slot--selected{border-radius:var(--neu-radius-md);background:color-mix(in srgb,var(--neu-primary) 10%,var(--neu-surface-2));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--neu-primary) 42%,var(--neu-border)),inset 0 1px #ffffff08}.neu-timeline-grid__item{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;min-width:0;margin:10px 0;padding:10px 12px;border:1px solid transparent;border-radius:var(--neu-radius-lg);text-align:left;background:var(--neu-surface);box-shadow:var(--neu-shadow-sm);color:var(--neu-text)}.neu-timeline-grid__item-title{font-size:var(--neu-text-sm);font-weight:700}.neu-timeline-grid__item--selected{outline:2px solid color-mix(in srgb,var(--neu-primary) 48%,transparent);outline-offset:1px}.neu-timeline-grid__item--default{border-color:var(--neu-border)}.neu-timeline-grid__item--info{border-color:color-mix(in srgb,var(--neu-primary) 36%,var(--neu-border));background:color-mix(in srgb,var(--neu-primary) 8%,var(--neu-surface))}.neu-timeline-grid__item--success{border-color:color-mix(in srgb,var(--neu-success) 36%,var(--neu-border));background:color-mix(in srgb,var(--neu-success) 9%,var(--neu-surface))}.neu-timeline-grid__item--warning{border-color:color-mix(in srgb,var(--neu-warning) 40%,var(--neu-border));background:color-mix(in srgb,var(--neu-warning) 11%,var(--neu-surface))}.neu-timeline-grid__item--danger{border-color:color-mix(in srgb,var(--neu-error) 38%,var(--neu-border));background:color-mix(in srgb,var(--neu-error) 10%,var(--neu-surface))}@media(max-width:720px){.neu-timeline-grid__header,.neu-timeline-grid__row{grid-template-columns:minmax(140px,180px) minmax(0,1fr);gap:var(--neu-space-3)}}\n"] }]
+        }], propDecorators: { columns: [{ type: i0.Input, args: [{ isSignal: true, alias: "columns", required: false }] }], rows: [{ type: i0.Input, args: [{ isSignal: true, alias: "rows", required: false }] }], compact: [{ type: i0.Input, args: [{ isSignal: true, alias: "compact", required: false }] }], stickyLabels: [{ type: i0.Input, args: [{ isSignal: true, alias: "stickyLabels", required: false }] }], minColumnWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "minColumnWidth", required: false }] }], selectedItemId: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedItemId", required: false }] }], selectedSlot: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedSlot", required: false }] }], itemClick: [{ type: i0.Output, args: ["itemClick"] }], slotClick: [{ type: i0.Output, args: ["slotClick"] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { NeuTimelineGridComponent };
+//# sourceMappingURL=neural-ui-core-timeline-grid.mjs.map

package/fesm2022/neural-ui-core-timeline-grid.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"neural-ui-core-timeline-grid.mjs","sources":["../../../../projects/ui-core/timeline-grid/neu-timeline-grid.component.ts","../../../../projects/ui-core/timeline-grid/neural-ui-core-timeline-grid.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  input,\n  output,\n  ViewEncapsulation,\n} from '@angular/core';\n\nexport type NeuTimelineGridItemVariant = 'default' | 'success' | 'warning' | 'danger' | 'info';\n\nexport interface NeuTimelineGridColumn {\n  id: string;\n  label: string;\n  description?: string;\n}\n\nexport interface NeuTimelineGridItem {\n  id: string;\n  title: string;\n  start: string;\n  span?: number;\n  subtitle?: string;\n  meta?: string;\n  variant?: NeuTimelineGridItemVariant;\n}\n\nexport interface NeuTimelineGridRow {\n  id: string;\n  label: string;\n  description?: string;\n  items: NeuTimelineGridItem[];\n}\n\nexport interface NeuTimelineGridSlotSelection {\n  rowId: string;\n  columnId: string;\n}\n\n@Component({\n  selector: 'neu-timeline-grid',\n  imports: [],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '[class.neu-timeline-grid--compact]': 'compact()',\n    '[class.neu-timeline-grid--sticky-labels]': 'stickyLabels()',\n    '[style.--neu-timeline-grid-min-column-width]': 'minColumnWidth()',\n  },\n  template: `\n    <div class=\"neu-timeline-grid\">\n      <div class=\"neu-timeline-grid__header\">\n        <div class=\"neu-timeline-grid__corner\" aria-hidden=\"true\"></div>\n        <div\n          class=\"neu-timeline-grid__header-track\"\n          [style.gridTemplateColumns]=\"gridTemplateColumns()\"\n        >\n          @for (column of columns(); track column.id) {\n            <div class=\"neu-timeline-grid__column\">\n              <span class=\"neu-timeline-grid__column-label\">{{ column.label }}</span>\n              @if (column.description) {\n                <span class=\"neu-timeline-grid__column-desc\">{{ column.description }}</span>\n              }\n            </div>\n          }\n        </div>\n      </div>\n\n      <div class=\"neu-timeline-grid__body\">\n        @for (row of rows(); track row.id) {\n          <section class=\"neu-timeline-grid__row\" [attr.aria-label]=\"row.label\">\n            <div class=\"neu-timeline-grid__row-label\">\n              <strong>{{ row.label }}</strong>\n              @if (row.description) {\n                <span>{{ row.description }}</span>\n              }\n            </div>\n\n            <div\n              class=\"neu-timeline-grid__track\"\n              [style.gridTemplateColumns]=\"gridTemplateColumns()\"\n            >\n              @for (column of columns(); track column.id) {\n                <button\n                  type=\"button\"\n                  class=\"neu-timeline-grid__slot neu-timeline-grid__slot-button\"\n                  [class.neu-timeline-grid__slot--selected]=\"isSlotSelected(row.id, column.id)\"\n                  [style.gridColumn]=\"slotGridColumn(column.id)\"\n                  [attr.aria-label]=\"slotAriaLabel(row, column)\"\n                  [attr.aria-pressed]=\"isSlotSelected(row.id, column.id)\"\n                  [attr.data-slot-key]=\"slotKey(row.id, column.id)\"\n                  (click)=\"onSlotClick(row.id, column.id)\"\n                ></button>\n              }\n\n              @for (item of validItems(row); track item.id) {\n                <button\n                  type=\"button\"\n                  class=\"neu-timeline-grid__item\"\n                  [class]=\"itemClass(item)\"\n                  [style.gridColumn]=\"itemGridColumn(item)\"\n                  [attr.aria-label]=\"itemAriaLabel(row, item)\"\n                  [attr.aria-pressed]=\"isItemSelected(item.id)\"\n                  [attr.data-item-id]=\"item.id\"\n                  (click)=\"itemClick.emit(item)\"\n                >\n                  <span class=\"neu-timeline-grid__item-title\">{{ item.title }}</span>\n                  @if (item.subtitle) {\n                    <span class=\"neu-timeline-grid__item-subtitle\">{{ item.subtitle }}</span>\n                  }\n                  @if (item.meta) {\n                    <span class=\"neu-timeline-grid__item-meta\">{{ item.meta }}</span>\n                  }\n                </button>\n              }\n            </div>\n          </section>\n        }\n      </div>\n    </div>\n  `,\n  styleUrl: './neu-timeline-grid.component.scss',\n})\nexport class NeuTimelineGridComponent {\n  readonly columns = input<NeuTimelineGridColumn[]>([]);\n  readonly rows = input<NeuTimelineGridRow[]>([]);\n  readonly compact = input<boolean>(false);\n  readonly stickyLabels = input<boolean>(true);\n  readonly minColumnWidth = input<string>('112px');\n  readonly selectedItemId = input<string | null>(null);\n  readonly selectedSlot = input<NeuTimelineGridSlotSelection | null>(null);\n\n  readonly itemClick = output<NeuTimelineGridItem>();\n  readonly slotClick = output<NeuTimelineGridSlotSelection>();\n\n  readonly _columnIndexMap = computed(() => {\n    const indexMap = new Map<string, number>();\n    this.columns().forEach((column, index) => indexMap.set(column.id, index + 1));\n    return indexMap;\n  });\n\n  readonly gridTemplateColumns = computed(\n    () =>\n      `repeat(${Math.max(this.columns().length, 1)}, minmax(var(--neu-timeline-grid-min-column-width), 1fr))`,\n  );\n\n  validItems(row: NeuTimelineGridRow): NeuTimelineGridItem[] {\n    const indexMap = this._columnIndexMap();\n    return row.items.filter((item) => indexMap.has(item.start));\n  }\n\n  itemGridColumn(item: NeuTimelineGridItem): string {\n    const start = this._columnIndexMap().get(item.start) ?? 1;\n    const span = Math.max(1, item.span ?? 1);\n    return `${start} / span ${span}`;\n  }\n\n  slotGridColumn(columnId: string): string {\n    const start = this._columnIndexMap().get(columnId) ?? 1;\n    return `${start} / span 1`;\n  }\n\n  itemClass(item: NeuTimelineGridItem): string {\n    const selectedClass = this.isItemSelected(item.id) ? ' neu-timeline-grid__item--selected' : '';\n    return `neu-timeline-grid__item neu-timeline-grid__item--${item.variant ?? 'default'}${selectedClass}`;\n  }\n\n  itemAriaLabel(row: NeuTimelineGridRow, item: NeuTimelineGridItem): string {\n    return `${row.label}: ${item.title}`;\n  }\n\n  slotAriaLabel(row: NeuTimelineGridRow, column: NeuTimelineGridColumn): string {\n    return `${row.label}: ${column.label}`;\n  }\n\n  slotKey(rowId: string, columnId: string): string {\n    return `${rowId}:${columnId}`;\n  }\n\n  isItemSelected(itemId: string): boolean {\n    return this.selectedItemId() === itemId;\n  }\n\n  isSlotSelected(rowId: string, columnId: string): boolean {\n    const selectedSlot = this.selectedSlot();\n    return selectedSlot?.rowId === rowId && selectedSlot?.columnId === columnId;\n  }\n\n  onSlotClick(rowId: string, columnId: string): void {\n    this.slotClick.emit({ rowId, columnId });\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}

package/fesm2022/neural-ui-core-toggle-button-group.mjs

@@ -116,7 +116,7 @@ class NeuToggleButtonGroupComponent {
         </button>
       }
     </div>
-  `, isInline: true, styles: [".neu-toggle-group-host{display:inline-block}.neu-toggle-group{display:inline-flex;border:1px solid var(--neu-border);border-radius:var(--neu-radius);overflow:hidden;background:var(--neu-surface)}.neu-toggle-group__btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--neu-space-2);border:none;border-right:1px solid var(--neu-border);background:transparent;color:var(--neu-text-muted);font-family:var(--neu-font-sans);font-size:var(--neu-text-sm);font-weight:500;line-height:1;white-space:nowrap;cursor:pointer;padding:.5rem var(--neu-space-4);transition:background-color .15s ease,color .15s ease,border-color .15s ease;outline:none;-webkit-user-select:none;user-select:none}.neu-toggle-group__btn:last-child{border-right:none}.neu-toggle-group__btn:hover:not(:disabled):not(.neu-toggle-group__btn--disabled){background:var(--neu-surface-2);color:var(--neu-text)}.neu-toggle-group__btn:focus-visible{position:relative;z-index:1;box-shadow:inset 0 0 0 2px var(--neu-primary)}.neu-toggle-group__btn--active{background:var(--neu-primary);color:var(--neu-primary-fg);border-right-color:var(--neu-primary-dark)}.neu-toggle-group__btn--active:hover:not(:disabled):not(.neu-toggle-group__btn--disabled){background:var(--neu-primary-dark);color:var(--neu-primary-fg)}.neu-toggle-group__btn--active+.neu-toggle-group__btn{border-left-color:var(--neu-primary-dark)}.neu-toggle-group__btn--disabled{opacity:.45;cursor:not-allowed}.neu-toggle-group--disabled{opacity:.6;pointer-events:none}.neu-toggle-group--sm .neu-toggle-group__btn{font-size:var(--neu-text-xs);padding:.375rem var(--neu-space-3)}.neu-toggle-group--md .neu-toggle-group__btn{font-size:var(--neu-text-sm);padding:.5rem var(--neu-space-4)}.neu-toggle-group--lg .neu-toggle-group__btn{font-size:var(--neu-text-base);padding:.625rem var(--neu-space-5)}\n"], dependencies: [{ kind: "component", type: NeuIconComponent, selector: "neu-icon", inputs: ["name", "strokeWidth", "size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+  `, isInline: true, styles: [".neu-toggle-group-host{display:inline-block}.neu-toggle-group{display:inline-flex;border:1px solid var(--neu-border);border-radius:var(--neu-radius);overflow:hidden;background:var(--neu-surface)}.neu-toggle-group__btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--neu-space-2);border:none;border-right:1px solid var(--neu-border);background:transparent;color:var(--neu-text-muted);font-family:var(--neu-font-sans);font-size:var(--neu-text-sm);font-weight:500;line-height:1;white-space:nowrap;cursor:pointer;padding:.5rem var(--neu-space-4);transition:background-color .15s ease,color .15s ease,border-color .15s ease;outline:none;-webkit-user-select:none;user-select:none}.neu-toggle-group__btn:last-child{border-right:none}.neu-toggle-group__btn:hover:not(:disabled):not(.neu-toggle-group__btn--disabled){background:var(--neu-surface-2);color:var(--neu-text)}.neu-toggle-group__btn:focus-visible{position:relative;z-index:1;box-shadow:inset 0 0 0 2px var(--neu-primary)}.neu-toggle-group__btn--active{background:var(--neu-primary-solid, var(--neu-primary-dark, var(--neu-primary)));color:var(--neu-primary-solid-fg, var(--neu-primary-fg));border-right-color:var(--neu-primary-solid-hover, var(--neu-primary-dark))}.neu-toggle-group__btn--active:hover:not(:disabled):not(.neu-toggle-group__btn--disabled){background:var(--neu-primary-solid-hover, var(--neu-primary-dark));color:var(--neu-primary-solid-fg, var(--neu-primary-fg))}.neu-toggle-group__btn--active+.neu-toggle-group__btn{border-left-color:var(--neu-primary-solid-hover, var(--neu-primary-dark))}.neu-toggle-group__btn--disabled{opacity:.45;cursor:not-allowed}.neu-toggle-group--disabled{opacity:.6;pointer-events:none}.neu-toggle-group--sm .neu-toggle-group__btn{font-size:var(--neu-text-xs);padding:.375rem var(--neu-space-3)}.neu-toggle-group--md .neu-toggle-group__btn{font-size:var(--neu-text-sm);padding:.5rem var(--neu-space-4)}.neu-toggle-group--lg .neu-toggle-group__btn{font-size:var(--neu-text-base);padding:.625rem var(--neu-space-5)}\n"], dependencies: [{ kind: "component", type: NeuIconComponent, selector: "neu-icon", inputs: ["name", "strokeWidth", "size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: NeuToggleButtonGroupComponent, decorators: [{
             type: Component,
@@ -151,7 +151,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImpor
         </button>
       }
     </div>
-  `, styles: [".neu-toggle-group-host{display:inline-block}.neu-toggle-group{display:inline-flex;border:1px solid var(--neu-border);border-radius:var(--neu-radius);overflow:hidden;background:var(--neu-surface)}.neu-toggle-group__btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--neu-space-2);border:none;border-right:1px solid var(--neu-border);background:transparent;color:var(--neu-text-muted);font-family:var(--neu-font-sans);font-size:var(--neu-text-sm);font-weight:500;line-height:1;white-space:nowrap;cursor:pointer;padding:.5rem var(--neu-space-4);transition:background-color .15s ease,color .15s ease,border-color .15s ease;outline:none;-webkit-user-select:none;user-select:none}.neu-toggle-group__btn:last-child{border-right:none}.neu-toggle-group__btn:hover:not(:disabled):not(.neu-toggle-group__btn--disabled){background:var(--neu-surface-2);color:var(--neu-text)}.neu-toggle-group__btn:focus-visible{position:relative;z-index:1;box-shadow:inset 0 0 0 2px var(--neu-primary)}.neu-toggle-group__btn--active{background:var(--neu-primary);color:var(--neu-primary-fg);border-right-color:var(--neu-primary-dark)}.neu-toggle-group__btn--active:hover:not(:disabled):not(.neu-toggle-group__btn--disabled){background:var(--neu-primary-dark);color:var(--neu-primary-fg)}.neu-toggle-group__btn--active+.neu-toggle-group__btn{border-left-color:var(--neu-primary-dark)}.neu-toggle-group__btn--disabled{opacity:.45;cursor:not-allowed}.neu-toggle-group--disabled{opacity:.6;pointer-events:none}.neu-toggle-group--sm .neu-toggle-group__btn{font-size:var(--neu-text-xs);padding:.375rem var(--neu-space-3)}.neu-toggle-group--md .neu-toggle-group__btn{font-size:var(--neu-text-sm);padding:.5rem var(--neu-space-4)}.neu-toggle-group--lg .neu-toggle-group__btn{font-size:var(--neu-text-base);padding:.625rem var(--neu-space-5)}\n"] }]
+  `, styles: [".neu-toggle-group-host{display:inline-block}.neu-toggle-group{display:inline-flex;border:1px solid var(--neu-border);border-radius:var(--neu-radius);overflow:hidden;background:var(--neu-surface)}.neu-toggle-group__btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--neu-space-2);border:none;border-right:1px solid var(--neu-border);background:transparent;color:var(--neu-text-muted);font-family:var(--neu-font-sans);font-size:var(--neu-text-sm);font-weight:500;line-height:1;white-space:nowrap;cursor:pointer;padding:.5rem var(--neu-space-4);transition:background-color .15s ease,color .15s ease,border-color .15s ease;outline:none;-webkit-user-select:none;user-select:none}.neu-toggle-group__btn:last-child{border-right:none}.neu-toggle-group__btn:hover:not(:disabled):not(.neu-toggle-group__btn--disabled){background:var(--neu-surface-2);color:var(--neu-text)}.neu-toggle-group__btn:focus-visible{position:relative;z-index:1;box-shadow:inset 0 0 0 2px var(--neu-primary)}.neu-toggle-group__btn--active{background:var(--neu-primary-solid, var(--neu-primary-dark, var(--neu-primary)));color:var(--neu-primary-solid-fg, var(--neu-primary-fg));border-right-color:var(--neu-primary-solid-hover, var(--neu-primary-dark))}.neu-toggle-group__btn--active:hover:not(:disabled):not(.neu-toggle-group__btn--disabled){background:var(--neu-primary-solid-hover, var(--neu-primary-dark));color:var(--neu-primary-solid-fg, var(--neu-primary-fg))}.neu-toggle-group__btn--active+.neu-toggle-group__btn{border-left-color:var(--neu-primary-solid-hover, var(--neu-primary-dark))}.neu-toggle-group__btn--disabled{opacity:.45;cursor:not-allowed}.neu-toggle-group--disabled{opacity:.6;pointer-events:none}.neu-toggle-group--sm .neu-toggle-group__btn{font-size:var(--neu-text-xs);padding:.375rem var(--neu-space-3)}.neu-toggle-group--md .neu-toggle-group__btn{font-size:var(--neu-text-sm);padding:.5rem var(--neu-space-4)}.neu-toggle-group--lg .neu-toggle-group__btn{font-size:var(--neu-text-base);padding:.625rem var(--neu-space-5)}\n"] }]
         }], propDecorators: { options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }], multiple: [{ type: i0.Input, args: [{ isSignal: true, alias: "multiple", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], neuChange: [{ type: i0.Output, args: ["neuChange"] }] } });
 
 /**

package/fesm2022/neural-ui-core-toggle-button-group.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"neural-ui-core-toggle-button-group.mjs","sources":["../../../../projects/ui-core/toggle-button-group/neu-toggle-button-group.component.ts","../../../../projects/ui-core/toggle-button-group/neural-ui-core-toggle-button-group.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  ViewEncapsulation,\n  computed,\n  forwardRef,\n  input,\n  output,\n  signal,\n} from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { NeuButtonSize } from '@neural-ui/core/button';\nimport { NeuIconComponent } from '@neural-ui/core/icon';\n\nexport interface NeuToggleOption<T = unknown> {\n  /** Texto visible del botón / Visible button text */\n  label: string;\n  /** Valor asociado a esta opción / Value associated with this option */\n  value: T;\n  /** Nombre de icono Lucide (opcional) / Lucide icon name (optional) */\n  icon?: string;\n  /** Deshabilita solo esta opción / Disables this option only */\n  disabled?: boolean;\n}\n\n/**\n * NeuralUI ToggleButtonGroup Component\n *\n * Grupo de botones de selección (single o múltiple). / Selection button group (single or multiple).\n * Selector segmentado para selección única o múltiple. / Segmented selector for single or multiple selection.\n *\n * Uso (single):\n *   <neu-toggle-button-group [options]=\"opts\" [formControl]=\"valueCtrl\" />\n *\n * Uso (múltiple):\n *   <neu-toggle-button-group [options]=\"opts\" [multiple]=\"true\" [formControl]=\"valuesCtrl\" />\n */\n@Component({\n  selector: 'neu-toggle-button-group',\n  imports: [NeuIconComponent],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => NeuToggleButtonGroupComponent),\n      multi: true,\n    },\n  ],\n  host: { class: 'neu-toggle-group-host' },\n  template: `\n    <div\n      class=\"neu-toggle-group\"\n      [class]=\"groupClasses()\"\n      role=\"group\"\n      [attr.aria-disabled]=\"_isDisabled() || null\"\n    >\n      @for (opt of options(); track opt.value) {\n        <button\n          type=\"button\"\n          class=\"neu-toggle-group__btn\"\n          [class.neu-toggle-group__btn--active]=\"isSelected(opt.value)\"\n          [class.neu-toggle-group__btn--disabled]=\"opt.disabled || _isDisabled()\"\n          [attr.aria-pressed]=\"isSelected(opt.value)\"\n          [disabled]=\"opt.disabled || _isDisabled() ? '' : null\"\n          (click)=\"toggle(opt)\"\n          (blur)=\"onBlur()\"\n        >\n          @if (opt.icon) {\n            <neu-icon [name]=\"opt.icon\" size=\"16px\" strokeWidth=\"2\" />\n          }\n          {{ opt.label }}\n        </button>\n      }\n    </div>\n  `,\n  styleUrl: './neu-toggle-button-group.component.scss',\n})\nexport class NeuToggleButtonGroupComponent<T = unknown> implements ControlValueAccessor {\n  /** Lista de opciones del grupo / Group option list */\n  options = input<NeuToggleOption<T>[]>([]);\n\n  /**\n   * Permite seleccionar múltiples opciones.\n   * - false (por defecto): valor es `T | null`\n   * - true: valor es `T[]`\n   */\n  multiple = input<boolean>(false);\n\n  /** Tamaño visual / Visual size */\n  size = input<NeuButtonSize>('md');\n\n  /** Deshabilita todo el grupo / Disables the entire group */\n  disabled = input<boolean>(false);\n\n  /** Emite el nuevo valor al cambiar (útil sin formControl) / Emits the new value on change (useful without formControl) */\n  neuChange = output<T | T[] | null>();\n\n  readonly _value = signal<T | T[] | null>(null);\n  readonly _isDisabled = signal(false);\n\n  readonly groupClasses = computed(() => ({\n    'neu-toggle-group': true,\n    [`neu-toggle-group--${this.size()}`]: true,\n    'neu-toggle-group--disabled': this._isDisabled(),\n  }));\n\n  isSelected(value: T): boolean {\n    const v = this._value();\n    if (this.multiple()) {\n      return Array.isArray(v) && (v as T[]).includes(value);\n    }\n    return v === value;\n  }\n\n  toggle(opt: NeuToggleOption<T>): void {\n    if (opt.disabled || this._isDisabled()) return;\n\n    let next: T | T[] | null;\n\n    if (this.multiple()) {\n      const current: T[] = Array.isArray(this._value()) ? (this._value() as T[]) : [];\n      const idx = current.indexOf(opt.value);\n      next = idx >= 0 ? current.filter((_, i) => i !== idx) : [...current, opt.value];\n    } else {\n      next = this._value() === opt.value ? null : opt.value;\n    }\n\n    this._value.set(next);\n    this._onChange(next);\n    this._onTouched();\n    this.neuChange.emit(next);\n  }\n\n  onBlur(): void {\n    this._onTouched();\n  }\n\n  // ---- CVA ----\n\n  private _onChange: (v: unknown) => void = () => {};\n  private _onTouched: () => void = () => {};\n\n  writeValue(val: T | T[] | null): void {\n    if (val === null || val === undefined) {\n      this._value.set(this.multiple() ? ([] as T[]) : null);\n    } else {\n      this._value.set(val);\n    }\n  }\n\n  registerOnChange(fn: (v: unknown) => void): void {\n    this._onChange = fn;\n  }\n\n  registerOnTouched(fn: () => void): void {\n    this._onTouched = fn;\n  }\n\n  setDisabledState(isDisabled: boolean): void {\n    this._isDisabled.set(isDisabled);\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"neural-ui-core-toggle-button-group.mjs","sources":["../../../../projects/ui-core/toggle-button-group/neu-toggle-button-group.component.ts","../../../../projects/ui-core/toggle-button-group/neural-ui-core-toggle-button-group.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  ViewEncapsulation,\n  computed,\n  forwardRef,\n  input,\n  output,\n  signal,\n} from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { NeuButtonSize } from '@neural-ui/core/button';\nimport { NeuIconComponent } from '@neural-ui/core/icon';\n\nexport interface NeuToggleOption<T = unknown> {\n  /** Texto visible del botón / Visible button text */\n  label: string;\n  /** Valor asociado a esta opción / Value associated with this option */\n  value: T;\n  /** Nombre de icono Lucide (opcional) / Lucide icon name (optional) */\n  icon?: string;\n  /** Deshabilita solo esta opción / Disables this option only */\n  disabled?: boolean;\n}\n\n/**\n * NeuralUI ToggleButtonGroup Component\n *\n * Grupo de botones de selección (single o múltiple). / Selection button group (single or multiple).\n * Selector segmentado para selección única o múltiple. / Segmented selector for single or multiple selection.\n *\n * Uso (single):\n *   <neu-toggle-button-group [options]=\"opts\" [formControl]=\"valueCtrl\" />\n *\n * Uso (múltiple):\n *   <neu-toggle-button-group [options]=\"opts\" [multiple]=\"true\" [formControl]=\"valuesCtrl\" />\n */\n@Component({\n  selector: 'neu-toggle-button-group',\n  imports: [NeuIconComponent],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => NeuToggleButtonGroupComponent),\n      multi: true,\n    },\n  ],\n  host: { class: 'neu-toggle-group-host' },\n  template: `\n    <div\n      class=\"neu-toggle-group\"\n      [class]=\"groupClasses()\"\n      role=\"group\"\n      [attr.aria-disabled]=\"_isDisabled() || null\"\n    >\n      @for (opt of options(); track opt.value) {\n        <button\n          type=\"button\"\n          class=\"neu-toggle-group__btn\"\n          [class.neu-toggle-group__btn--active]=\"isSelected(opt.value)\"\n          [class.neu-toggle-group__btn--disabled]=\"opt.disabled || _isDisabled()\"\n          [attr.aria-pressed]=\"isSelected(opt.value)\"\n          [disabled]=\"opt.disabled || _isDisabled() ? '' : null\"\n          (click)=\"toggle(opt)\"\n          (blur)=\"onBlur()\"\n        >\n          @if (opt.icon) {\n            <neu-icon [name]=\"opt.icon\" size=\"16px\" strokeWidth=\"2\" />\n          }\n          {{ opt.label }}\n        </button>\n      }\n    </div>\n  `,\n  styleUrl: './neu-toggle-button-group.component.scss',\n})\nexport class NeuToggleButtonGroupComponent<T = unknown> implements ControlValueAccessor {\n  /** Lista de opciones del grupo / Group option list */\n  options = input<NeuToggleOption<T>[]>([]);\n\n  /**\n   * Permite seleccionar múltiples opciones.\n   * - false (por defecto): valor es `T | null`\n   * - true: valor es `T[]`\n   */\n  multiple = input<boolean>(false);\n\n  /** Tamaño visual / Visual size */\n  size = input<NeuButtonSize>('md');\n\n  /** Deshabilita todo el grupo / Disables the entire group */\n  disabled = input<boolean>(false);\n\n  /** Emite el nuevo valor al cambiar (útil sin formControl) / Emits the new value on change (useful without formControl) */\n  neuChange = output<T | T[] | null>();\n\n  readonly _value = signal<T | T[] | null>(null);\n  readonly _isDisabled = signal(false);\n\n  readonly groupClasses = computed(() => ({\n    'neu-toggle-group': true,\n    [`neu-toggle-group--${this.size()}`]: true,\n    'neu-toggle-group--disabled': this._isDisabled(),\n  }));\n\n  isSelected(value: T): boolean {\n    const v = this._value();\n    if (this.multiple()) {\n      return Array.isArray(v) && (v as T[]).includes(value);\n    }\n    return v === value;\n  }\n\n  toggle(opt: NeuToggleOption<T>): void {\n    if (opt.disabled || this._isDisabled()) return;\n\n    let next: T | T[] | null;\n\n    if (this.multiple()) {\n      const current: T[] = Array.isArray(this._value()) ? (this._value() as T[]) : [];\n      const idx = current.indexOf(opt.value);\n      next = idx >= 0 ? current.filter((_, i) => i !== idx) : [...current, opt.value];\n    } else {\n      next = this._value() === opt.value ? null : opt.value;\n    }\n\n    this._value.set(next);\n    this._onChange(next);\n    this._onTouched();\n    this.neuChange.emit(next);\n  }\n\n  onBlur(): void {\n    this._onTouched();\n  }\n\n  // ---- CVA ----\n\n  private _onChange: (v: unknown) => void = () => {};\n  private _onTouched: () => void = () => {};\n\n  writeValue(val: T | T[] | null): void {\n    if (val === null || val === undefined) {\n      this._value.set(this.multiple() ? ([] as T[]) : null);\n    } else {\n      this._value.set(val);\n    }\n  }\n\n  registerOnChange(fn: (v: unknown) => void): void {\n    this._onChange = fn;\n  }\n\n  registerOnTouched(fn: () => void): void {\n    this._onTouched = fn;\n  }\n\n  setDisabledState(isDisabled: boolean): void {\n    this._isDisabled.set(isDisabled);\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}