@weeehaoooz/talos-ui 0.1.0 → 0.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (30) hide show
  1. package/fesm2022/weeehaoooz-talos-ui-button-button-group.mjs +25 -4
  2. package/fesm2022/weeehaoooz-talos-ui-button-button-group.mjs.map +1 -1
  3. package/fesm2022/weeehaoooz-talos-ui-button-button.mjs +2 -1
  4. package/fesm2022/weeehaoooz-talos-ui-button-button.mjs.map +1 -1
  5. package/fesm2022/weeehaoooz-talos-ui-data-display-data-grid.mjs +1627 -0
  6. package/fesm2022/weeehaoooz-talos-ui-data-display-data-grid.mjs.map +1 -0
  7. package/fesm2022/weeehaoooz-talos-ui-form-range-input.mjs +2 -2
  8. package/fesm2022/weeehaoooz-talos-ui-form-range-input.mjs.map +1 -1
  9. package/fesm2022/weeehaoooz-talos-ui-form-rating.mjs +2 -2
  10. package/fesm2022/weeehaoooz-talos-ui-form-rating.mjs.map +1 -1
  11. package/fesm2022/weeehaoooz-talos-ui-layout.mjs +4 -4
  12. package/fesm2022/weeehaoooz-talos-ui-layout.mjs.map +1 -1
  13. package/fesm2022/weeehaoooz-talos-ui-nav.mjs +118 -71
  14. package/fesm2022/weeehaoooz-talos-ui-nav.mjs.map +1 -1
  15. package/fesm2022/weeehaoooz-talos-ui.mjs +1765 -87
  16. package/fesm2022/weeehaoooz-talos-ui.mjs.map +1 -1
  17. package/package.json +5 -1
  18. package/styles/_button-group.scss +154 -6
  19. package/styles/_buttons.scss +105 -8
  20. package/styles/_variables.scss +4 -0
  21. package/types/weeehaoooz-talos-ui-button-button-group.d.ts +5 -2
  22. package/types/weeehaoooz-talos-ui-button-button-group.d.ts.map +1 -1
  23. package/types/weeehaoooz-talos-ui-button-button.d.ts +1 -1
  24. package/types/weeehaoooz-talos-ui-button-button.d.ts.map +1 -1
  25. package/types/weeehaoooz-talos-ui-data-display-data-grid.d.ts +272 -0
  26. package/types/weeehaoooz-talos-ui-data-display-data-grid.d.ts.map +1 -0
  27. package/types/weeehaoooz-talos-ui-nav.d.ts +36 -10
  28. package/types/weeehaoooz-talos-ui-nav.d.ts.map +1 -1
  29. package/types/weeehaoooz-talos-ui.d.ts +309 -16
  30. package/types/weeehaoooz-talos-ui.d.ts.map +1 -1
package/fesm2022/weeehaoooz-talos-ui-form-range-input.mjs CHANGED
@@ -622,7 +622,7 @@ class TalosRangeInputComponent {
622
622
  useExisting: forwardRef(() => TalosRangeInputComponent),
623
623
  multi: true
624
624
  }
625
- ], viewQueries: [{ propertyName: "trackContainerRef", first: true, predicate: ["sliderTrackContainer"], descendants: true, isSignal: true }, { propertyName: "thumb0Ref", first: true, predicate: ["thumb0"], descendants: true, isSignal: true }, { propertyName: "thumb1Ref", first: true, predicate: ["thumb1"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"talos-range-wrapper\" [class.is-disabled]=\"effectiveDisabled()\" [class.is-readonly]=\"readonly()\"\n [class.is-invalid]=\"effectiveInvalid()\" [class.is-range]=\"isDualRange()\" [class.size-sm]=\"size() === 'sm'\"\n [class.size-md]=\"size() === 'md'\" [class.size-lg]=\"size() === 'lg'\" [class.variant-primary]=\"variant() === 'primary'\"\n [class.variant-secondary]=\"variant() === 'secondary'\" [class.variant-success]=\"variant() === 'success'\"\n [class.variant-warning]=\"variant() === 'warning'\" [class.variant-danger]=\"variant() === 'danger'\"\n [class.variant-info]=\"variant() === 'info'\">\n <!-- Header: Label, Hint & Optional Value Display / Synchronized Number Inputs -->\n @if (label() || hint() || showValueBadge() || showInputs()) {\n <div class=\"talos-range-header\">\n <div class=\"talos-range-label-group\" [class.is-floating-label]=\"isFloatingMode()\">\n @if (label()) {\n <label class=\"talos-range-label\" [class.is-floated]=\"isFloatingMode()\" [attr.for]=\"elementId() + '-thumb-0'\">\n {{ label() }}\n </label>\n }\n @if (hint()) {\n <span class=\"talos-range-hint\">{{ hint() }}</span>\n }\n </div>\n\n @if (showInputs()) {\n <div class=\"talos-range-inputs-group\">\n @if (isDualRange()) {\n <div class=\"talos-range-number-box\">\n @if (prefix()) {\n <span class=\"talos-range-input-affix\">{{ prefix() }}</span>\n }\n <input type=\"number\" class=\"talos-range-number-input\" [id]=\"elementId() + '-num-0'\" [min]=\"min()\"\n [max]=\"endValue()\" [step]=\"step()\" [disabled]=\"effectiveDisabled() || readonly()\" [value]=\"startValue()\"\n (change)=\"onNumberInputChange(0, $event)\" (keydown.enter)=\"onNumberInputChange(0, $event)\" />\n @if (suffix()) {\n <span class=\"talos-range-input-affix\">{{ suffix() }}</span>\n }\n </div>\n <span class=\"talos-range-inputs-separator\">\u2013</span>\n <div class=\"talos-range-number-box\">\n @if (prefix()) {\n <span class=\"talos-range-input-affix\">{{ prefix() }}</span>\n }\n <input type=\"number\" class=\"talos-range-number-input\" [id]=\"elementId() + '-num-1'\" [min]=\"startValue()\"\n [max]=\"max()\" [step]=\"step()\" [disabled]=\"effectiveDisabled() || readonly()\" [value]=\"endValue()\"\n (change)=\"onNumberInputChange(1, $event)\" (keydown.enter)=\"onNumberInputChange(1, $event)\" />\n @if (suffix()) {\n <span class=\"talos-range-input-affix\">{{ suffix() }}</span>\n }\n </div>\n } @else {\n <div class=\"talos-range-number-box\">\n @if (prefix()) {\n <span class=\"talos-range-input-affix\">{{ prefix() }}</span>\n }\n <input type=\"number\" class=\"talos-range-number-input\" [id]=\"elementId() + '-num'\" [min]=\"min()\" [max]=\"max()\"\n [step]=\"step()\" [disabled]=\"effectiveDisabled() || readonly()\" [value]=\"startValue()\"\n (change)=\"onNumberInputChange(0, $event)\" (keydown.enter)=\"onNumberInputChange(0, $event)\" />\n @if (suffix()) {\n <span class=\"talos-range-input-affix\">{{ suffix() }}</span>\n }\n </div>\n }\n </div>\n } @else if (showValueBadge()) {\n <div class=\"talos-range-value-badge\">\n @if (isDualRange()) {\n <span>{{ formatDisplayValue(startValue()) }} \u2013 {{ formatDisplayValue(endValue()) }}</span>\n } @else {\n <span>{{ formatDisplayValue(startValue()) }}</span>\n }\n </div>\n }\n </div>\n }\n\n <!-- Range Slider Container (Track, Fills, Ticks, Thumbs) -->\n <div #sliderTrackContainer class=\"talos-range-slider\" [class.is-active]=\"isDragging()\"\n (pointerdown)=\"onTrackPointerDown($event)\">\n <!-- Background Track -->\n <div class=\"talos-range-track\">\n <!-- Active Filled Range Segment -->\n <div class=\"talos-range-fill\" [style.left.%]=\"fillLeftPercent()\" [style.width.%]=\"fillWidthPercent()\"></div>\n\n <!-- Tick Marks -->\n @if (ticks().length > 0 && (showTicks() || marks())) {\n <div class=\"talos-range-ticks\">\n @for (tick of ticks(); track tick.value) {\n <div class=\"talos-range-tick\" [class.is-active]=\"tick.active\" [style.left.%]=\"tick.percent\"\n (click)=\"onTickClick(tick, $event)\"></div>\n }\n </div>\n }\n </div>\n\n <!-- Thumb 0 (Primary or Lower Bound Handle) -->\n <div #thumb0 class=\"talos-range-thumb\" [class.is-focused]=\"focusedThumb() === 0\"\n [class.is-dragging]=\"draggingThumb() === 0\" [class.is-tooltip-visible]=\"isTooltipVisible(0)\"\n [style.left.%]=\"thumb0Percent()\" tabindex=\"0\" role=\"slider\" [attr.id]=\"elementId() + '-thumb-0'\"\n [attr.aria-label]=\"isDualRange() ? ariaLabelStart() : ariaLabel()\" [attr.aria-valuemin]=\"min()\"\n [attr.aria-valuemax]=\"isDualRange() ? endValue() : max()\" [attr.aria-valuenow]=\"startValue()\"\n [attr.aria-valuetext]=\"formatDisplayValue(startValue())\"\n [attr.aria-disabled]=\"effectiveDisabled() ? 'true' : null\" (pointerdown)=\"onThumbPointerDown(0, $event)\"\n (keydown)=\"onThumbKeyDown(0, $event)\" (focus)=\"onThumbFocus(0)\" (blur)=\"onThumbBlur(0)\"\n (mouseenter)=\"onThumbMouseEnter(0)\" (mouseleave)=\"onThumbMouseLeave(0)\">\n <!-- Floating Value Tooltip -->\n @if (showTooltip() !== 'none') {\n <div class=\"talos-range-tooltip\" [class.visible]=\"isTooltipVisible(0)\">\n {{ formatDisplayValue(startValue()) }}\n </div>\n }\n </div>\n\n <!-- Thumb 1 (Upper Bound Handle for Dual Range) -->\n @if (isDualRange()) {\n <div #thumb1 class=\"talos-range-thumb\" [class.is-focused]=\"focusedThumb() === 1\"\n [class.is-dragging]=\"draggingThumb() === 1\" [class.is-tooltip-visible]=\"isTooltipVisible(1)\"\n [style.left.%]=\"thumb1Percent()\" tabindex=\"0\" role=\"slider\" [attr.id]=\"elementId() + '-thumb-1'\"\n [attr.aria-label]=\"ariaLabelEnd()\" [attr.aria-valuemin]=\"startValue()\" [attr.aria-valuemax]=\"max()\"\n [attr.aria-valuenow]=\"endValue()\" [attr.aria-valuetext]=\"formatDisplayValue(endValue())\"\n [attr.aria-disabled]=\"effectiveDisabled() ? 'true' : null\" (pointerdown)=\"onThumbPointerDown(1, $event)\"\n (keydown)=\"onThumbKeyDown(1, $event)\" (focus)=\"onThumbFocus(1)\" (blur)=\"onThumbBlur(1)\"\n (mouseenter)=\"onThumbMouseEnter(1)\" (mouseleave)=\"onThumbMouseLeave(1)\">\n <!-- Floating Value Tooltip -->\n @if (showTooltip() !== 'none') {\n <div class=\"talos-range-tooltip\" [class.visible]=\"isTooltipVisible(1)\">\n {{ formatDisplayValue(endValue()) }}\n </div>\n }\n </div>\n }\n </div>\n\n <!-- Interval / Step Labels under track -->\n @if (labels().length > 0 && (showIntervals() || showLabels() || marks())) {\n <div class=\"talos-range-labels\">\n @for (item of labels(); track item.value) {\n <span class=\"talos-range-label-item\" [class.is-active]=\"item.active\" [style.left.%]=\"item.percent\"\n (click)=\"onLabelClick(item, $event)\">\n {{ item.label }}\n </span>\n }\n </div>\n }\n</div>", styles: [":root{--talos-font-sans: \"Inter\", system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;--talos-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;--talos-font-display: var(--talos-font-sans);--talos-radius-none: 0px;--talos-radius-xs: .125rem;--talos-radius-sm: .25rem;--talos-radius-md: .375rem;--talos-radius-lg: .5rem;--talos-radius-xl: .75rem;--talos-radius-2xl: 1rem;--talos-radius-full: 9999px;--talos-height-sm: 2rem;--talos-height-md: 2.25rem;--talos-height-lg: 2.625rem;--talos-font-size-2xs: .6875rem;--talos-font-size-xs: .75rem;--talos-font-size-sm: .8125rem;--talos-font-size-base: .875rem;--talos-font-size-md: .875rem;--talos-font-size-lg: 1rem;--talos-font-size-xl: 1.125rem;--talos-font-size-2xl: 1.25rem;--talos-font-size-3xl: 1.5rem;--talos-font-size-4xl: 1.875rem;--talos-font-size-5xl: 2.25rem;--talos-font-weight-light: 300;--talos-font-weight-regular: 400;--talos-font-weight-medium: 500;--talos-font-weight-semibold: 600;--talos-font-weight-bold: 700;--talos-font-weight-extrabold: 800;--talos-line-height-none: 1;--talos-line-height-tight: 1.25;--talos-line-height-snug: 1.375;--talos-line-height-normal: 1.5;--talos-line-height-relaxed: 1.625;--talos-line-height-loose: 2;--talos-control-padding-x: .625rem;--talos-control-font-size: var(--talos-font-size-sm);--talos-control-height: var(--talos-height-md);--talos-border-radius: var(--talos-radius-md);--talos-shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .05);--talos-shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .08), 0 1px 2px -1px rgba(0, 0, 0, .05);--talos-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .08), 0 2px 4px -2px rgba(0, 0, 0, .04);--talos-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -4px rgba(0, 0, 0, .04);--talos-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .05);--talos-shadow-dialog: var(--talos-shadow-xl);--talos-shadow-dropdown: 0 10px 25px -5px rgba(0, 0, 0, .08), 0 4px 6px -2px rgba(0, 0, 0, .04);--talos-transition: .18s cubic-bezier(.4, 0, .2, 1);--talos-transition-slow: .28s cubic-bezier(.4, 0, .2, 1);--talos-bg-canvas: #f8fafc;--talos-bg-surface: #ffffff;--talos-bg-subtle: #f1f5f9;--talos-bg-overlay: rgba(15, 23, 42, .5);--talos-border-subtle: #f1f5f9;--talos-border-default: #cbd5e1;--talos-border-hover: #94a3b8;--talos-border-focus: #2563eb;--talos-focus-ring: 0 0 0 3px rgba(37, 99, 235, .18);--talos-text-primary: #0f172a;--talos-text-secondary: #334155;--talos-text-muted: #64748b;--talos-text-inverse: #ffffff;--talos-bg-color: var(--talos-bg-canvas);--talos-card-bg: var(--talos-bg-surface);--talos-card-bg-subtle: var(--talos-bg-subtle);--talos-border-color: var(--talos-border-default);--talos-text-color: var(--talos-text-primary);--talos-error-color: #ef4444;--talos-warning-color: #d97706;--talos-success-color: #16a34a;--bg-color: var(--talos-bg-canvas);--bg-subtle: var(--talos-bg-subtle);--card-bg: var(--talos-bg-surface);--card-bg-subtle: var(--talos-bg-subtle);--border-color: var(--talos-border-default);--border-hover: var(--talos-border-hover);--border-focus: var(--talos-border-focus);--text-color: var(--talos-text-primary);--text-muted: var(--talos-text-muted);--primary-color: var(--talos-primary);--primary-hover: var(--talos-primary-hover);--primary-active: var(--talos-primary-active);--primary-light: var(--talos-primary-subtle-bg);--primary-light-hover: var(--talos-primary-subtle-bg-hover);--talos-primary: #2563eb;--talos-primary-hover: #1d4ed8;--talos-primary-active: #1e40af;--talos-primary-subtle-bg: #eff6ff;--talos-primary-subtle-bg-hover: #dbeafe;--talos-primary-subtle-border: #bfdbfe;--talos-primary-text: #1e40af;--talos-primary-solid-bg: #2563eb;--talos-primary-solid-text: #ffffff;--talos-primary-color: var(--talos-primary);--talos-primary-light: var(--talos-primary-subtle-bg);--talos-primary-light-hover: var(--talos-primary-subtle-bg-hover);--talos-neutral: #475569;--talos-neutral-hover: #334155;--talos-neutral-active: #1e293b;--talos-neutral-subtle-bg: #f8fafc;--talos-neutral-subtle-bg-hover: #f1f5f9;--talos-neutral-subtle-border: #e2e8f0;--talos-neutral-text: #334155;--talos-neutral-solid-bg: #475569;--talos-neutral-solid-text: #ffffff;--talos-success: #16a34a;--talos-success-hover: #15803d;--talos-success-active: #166534;--talos-success-subtle-bg: #f0fdf4;--talos-success-subtle-bg-hover: #dcfce7;--talos-success-subtle-border: #bbf7d0;--talos-success-text: #166534;--talos-success-solid-bg: #16a34a;--talos-success-solid-text: #ffffff;--talos-warning: #d97706;--talos-warning-hover: #b45309;--talos-warning-active: #92400e;--talos-warning-subtle-bg: #fffbeb;--talos-warning-subtle-bg-hover: #fef3c7;--talos-warning-subtle-border: #fde68a;--talos-warning-text: #92400e;--talos-warning-solid-bg: #d97706;--talos-warning-solid-text: #ffffff;--talos-danger: #ef4444;--talos-danger-hover: #dc2626;--talos-danger-active: #b91c1c;--talos-danger-subtle-bg: #fef2f2;--talos-danger-subtle-bg-hover: #fee2e2;--talos-danger-subtle-border: #fecaca;--talos-danger-text: #991b1b;--talos-danger-solid-bg: #dc2626;--talos-danger-solid-text: #ffffff;--talos-info: #0284c7;--talos-info-hover: #0369a1;--talos-info-active: #075985;--talos-info-subtle-bg: #f0f9ff;--talos-info-subtle-bg-hover: #e0f2fe;--talos-info-subtle-border: #bae6fd;--talos-info-text: #0369a1;--talos-info-solid-bg: #0284c7;--talos-info-solid-text: #ffffff;--talos-purple: #7c3aed;--talos-purple-hover: #6d28d9;--talos-purple-active: #5b21b6;--talos-purple-subtle-bg: #f5f3ff;--talos-purple-subtle-bg-hover: #ede9fe;--talos-purple-subtle-border: #ddd6fe;--talos-purple-text: #6d28d9;--talos-purple-solid-bg: #7c3aed;--talos-purple-solid-text: #ffffff;--talos-input-bg: var(--talos-bg-surface);--talos-input-border: var(--talos-border-default);--talos-input-border-hover: var(--talos-border-hover);--talos-input-border-focus: var(--talos-border-focus);--talos-input-color: var(--talos-text-primary);--talos-input-placeholder-color: var(--talos-text-muted);--talos-input-disabled-bg: var(--talos-bg-subtle);--talos-input-disabled-border: var(--talos-border-default);--talos-input-disabled-color: var(--talos-text-muted);--talos-input-radius: var(--talos-radius-md);--talos-input-height: var(--talos-height-md);--talos-affix-btn-size-sm: 1.375rem;--talos-affix-btn-size-md: 1.5rem;--talos-affix-btn-size-lg: 1.75rem;--talos-affix-btn-radius: var(--talos-radius-sm, .25rem);--talos-affix-btn-icon-size-sm: .8125rem;--talos-affix-btn-icon-size-md: .875rem;--talos-affix-btn-icon-size-lg: 1rem;--talos-affix-btn-color: var(--talos-text-muted, #64748b);--talos-affix-btn-hover-color: var(--talos-text-color, #0f172a);--talos-affix-btn-hover-bg: var(--talos-btn-ghost-hover-bg, var(--talos-bg-subtle, rgba(148, 163, 184, .15)));--talos-affix-btn-active-bg: var(--talos-btn-ghost-active-bg, rgba(148, 163, 184, .25));--talos-sidebar-width: 260px;--talos-sidebar-collapsed-width: 68px;--talos-nav-bg: var(--talos-bg-surface);--talos-nav-border-color: var(--talos-border-subtle);--talos-active-nav-bg: var(--talos-primary-subtle-bg);--talos-active-nav-text: var(--talos-primary);--talos-nav-hover-bg: var(--talos-bg-subtle);--talos-nav-hover-text: var(--talos-text-primary);--talos-avatar-bg: var(--talos-primary-subtle-bg);--talos-avatar-text: var(--talos-primary-text);--talos-badge-bg: var(--talos-primary-subtle-bg);--talos-badge-text: var(--talos-primary-text);--talos-header-bg: var(--talos-bg-surface);--talos-header-border-color: var(--talos-border-subtle);--talos-right-panel-bg: var(--talos-bg-surface);--talos-right-panel-border: var(--talos-border-subtle);--talos-loading-overlay-bg: rgba(255, 255, 255, .75);--talos-dropdown-bg: var(--talos-bg-surface);--talos-dropdown-border: var(--talos-border-default);--talos-dropdown-shadow: var(--talos-shadow-dropdown);--talos-dropdown-hover-bg: var(--talos-bg-subtle);--talos-dropdown-selected-bg: var(--talos-primary-subtle-bg);--talos-btn-font-family: inherit;--talos-btn-border-radius: var(--talos-radius-md);--talos-btn-font-weight: 600;--talos-btn-transition: background-color var(--talos-transition), border-color var(--talos-transition), color var(--talos-transition), box-shadow var(--talos-transition), opacity var(--talos-transition);--talos-btn-ripple-color: rgba(255, 255, 255, .35);--talos-btn-primary-bg: var(--talos-primary-solid-bg);--talos-btn-primary-hover: var(--talos-primary-hover);--talos-btn-primary-active: var(--talos-primary-active);--talos-btn-primary-text: var(--talos-primary-solid-text);--talos-btn-secondary-bg: var(--talos-neutral-solid-bg);--talos-btn-secondary-hover: var(--talos-neutral-hover);--talos-btn-secondary-active: var(--talos-neutral-active);--talos-btn-secondary-text: var(--talos-neutral-solid-text);--talos-btn-outline-bg: transparent;--talos-btn-outline-border: var(--talos-border-default);--talos-btn-outline-hover-bg: var(--talos-bg-subtle);--talos-btn-outline-hover-border: var(--talos-border-hover);--talos-btn-outline-text: var(--talos-text-secondary);--talos-btn-ghost-bg: transparent;--talos-btn-ghost-text: var(--talos-text-muted);--talos-btn-ghost-hover-bg: var(--talos-bg-subtle);--talos-btn-ghost-hover-text: var(--talos-text-primary);--talos-btn-ghost-active-bg: var(--talos-neutral-subtle-bg-hover);--talos-btn-danger-bg: var(--talos-danger-solid-bg);--talos-btn-danger-hover: var(--talos-danger-hover);--talos-btn-danger-active: var(--talos-danger-active);--talos-btn-danger-text: var(--talos-danger-solid-text);--talos-btn-success-bg: var(--talos-success-solid-bg);--talos-btn-success-hover: var(--talos-success-hover);--talos-btn-success-active: var(--talos-success-active);--talos-btn-success-text: var(--talos-success-solid-text);--talos-btn-height-sm: var(--talos-height-sm);--talos-btn-height-md: var(--talos-height-md);--talos-btn-height-lg: var(--talos-height-lg);--talos-btn-padding-x-sm: .625rem;--talos-btn-padding-x-md: .875rem;--talos-btn-padding-x-lg: 1.125rem;--talos-btn-font-size-sm: var(--talos-font-size-xs);--talos-btn-font-size-md: var(--talos-font-size-sm);--talos-btn-font-size-lg: var(--talos-font-size-md);--talos-category-bar-gap: 2px;--talos-category-bar-track-bg: var(--talos-bg-subtle);--talos-category-bar-border-radius: var(--talos-radius-md);--talos-category-bar-height-xs: .25rem;--talos-category-bar-height-sm: .375rem;--talos-category-bar-height-md: .5rem;--talos-category-bar-height-lg: .75rem;--talos-category-bar-marker-ring: var(--talos-bg-surface);--talos-range-track-bg: var(--talos-border-default);--talos-range-track-fill: var(--talos-primary);--talos-range-track-disabled-bg: var(--talos-border-subtle);--talos-range-track-disabled-fill: var(--talos-text-muted);--talos-range-track-height-sm: .25rem;--talos-range-track-height-md: .375rem;--talos-range-track-height-lg: .5rem;--talos-range-thumb-size-sm: 1rem;--talos-range-thumb-size-md: 1.25rem;--talos-range-thumb-size-lg: 1.5rem;--talos-range-thumb-bg: var(--talos-bg-surface);--talos-range-thumb-border: var(--talos-primary);--talos-range-thumb-shadow: var(--talos-shadow-sm);--talos-range-thumb-hover-shadow: 0 0 0 4px rgba(37, 99, 235, .15);--talos-range-thumb-active-shadow: 0 0 0 6px rgba(37, 99, 235, .25);--talos-range-tick-color: var(--talos-text-muted);--talos-range-tick-active-color: #ffffff;--talos-range-tick-label-color: var(--talos-text-muted);--talos-range-tooltip-bg: #0f172a;--talos-range-tooltip-text: #ffffff;--talos-toggle-track-bg: var(--talos-border-default);--talos-toggle-track-bg-hover: var(--talos-border-hover);--talos-toggle-thumb-bg: var(--talos-bg-surface);--talos-snackbar-bg: var(--talos-bg-surface);--talos-snackbar-text: var(--talos-text-primary);--talos-snackbar-border: var(--talos-border-default);--talos-snackbar-border-radius: var(--talos-radius-lg);--talos-dialog-bg: var(--talos-bg-surface);--talos-dialog-border: var(--talos-border-default);--talos-dialog-radius: var(--talos-radius-xl);--talos-dialog-shadow: var(--talos-shadow-dialog);--talos-dialog-backdrop-bg: var(--talos-bg-overlay);--talos-dialog-backdrop-blur-bg: rgba(15, 23, 42, .35);--talos-dialog-title-color: var(--talos-text-primary);--talos-dialog-subtitle-color: var(--talos-text-muted);--talos-tooltip-bg: #0f172a;--talos-tooltip-text: #ffffff;--talos-dropzone-bg: var(--talos-bg-surface);--talos-dropzone-hover-bg: var(--talos-bg-subtle);--talos-dropzone-drag-bg: var(--talos-primary-subtle-bg);--talos-dropzone-border: var(--talos-border-default);--talos-dropzone-hover-border: var(--talos-border-hover);--talos-dropzone-drag-border: var(--talos-primary);--talos-dropzone-radius: var(--talos-radius-lg);--talos-dropzone-text: var(--talos-text-primary);--talos-dropzone-subtext: var(--talos-text-muted);--talos-dropzone-icon-color: var(--talos-primary);--talos-dropzone-file-bg: var(--talos-bg-surface);--talos-dropzone-file-border: var(--talos-border-default);--talos-rating-fill-warning: var(--talos-warning);--talos-rating-fill-primary: var(--talos-primary);--talos-rating-fill-danger: var(--talos-danger);--talos-rating-fill-success: var(--talos-success);--talos-rating-fill-purple: var(--talos-purple);--talos-rating-unfilled: var(--talos-border-default);--talos-rating-size-sm: 1.125rem;--talos-rating-size-md: 1.375rem;--talos-rating-size-lg: 1.75rem;--talos-rating-size-xl: 2.25rem}:root[data-theme=dark],:root.dark,[data-theme=dark],[data-mode=dark],.dark,.dark-theme{--talos-bg-canvas: #090d16;--talos-bg-surface: #0f172a;--talos-bg-subtle: #131d31;--talos-bg-overlay: rgba(3, 7, 18, .75);--talos-border-subtle: rgba(255, 255, 255, .06);--talos-border-default: rgba(255, 255, 255, .1);--talos-border-hover: rgba(255, 255, 255, .2);--talos-border-focus: #3b82f6;--talos-focus-ring: 0 0 0 3px rgba(59, 130, 246, .35);--talos-text-primary: #f8fafc;--talos-text-secondary: #e2e8f0;--talos-text-muted: #94a3b8;--talos-text-inverse: #090d16;--talos-shadow-dropdown: 0 16px 32px -4px rgba(0, 0, 0, .6), 0 0 0 1px rgba(255, 255, 255, .08);--talos-shadow-dialog: 0 25px 50px -12px rgba(0, 0, 0, .75), 0 0 0 1px rgba(255, 255, 255, .1);--talos-primary: #3b82f6;--talos-primary-hover: #60a5fa;--talos-primary-active: #2563eb;--talos-primary-subtle-bg: rgba(59, 130, 246, .16);--talos-primary-subtle-bg-hover: rgba(59, 130, 246, .26);--talos-primary-subtle-border: rgba(59, 130, 246, .35);--talos-primary-text: #93c5fd;--talos-primary-solid-bg: #2563eb;--talos-primary-solid-text: #ffffff;--talos-neutral: #94a3b8;--talos-neutral-hover: #cbd5e1;--talos-neutral-active: #f1f5f9;--talos-neutral-subtle-bg: rgba(148, 163, 184, .12);--talos-neutral-subtle-bg-hover: rgba(148, 163, 184, .2);--talos-neutral-subtle-border: rgba(148, 163, 184, .25);--talos-neutral-text: #e2e8f0;--talos-neutral-solid-bg: #334155;--talos-neutral-solid-text: #f8fafc;--talos-success: #22c55e;--talos-success-hover: #4ade80;--talos-success-active: #16a34a;--talos-success-subtle-bg: rgba(34, 197, 94, .16);--talos-success-subtle-bg-hover: rgba(34, 197, 94, .26);--talos-success-subtle-border: rgba(34, 197, 94, .35);--talos-success-text: #86efac;--talos-success-solid-bg: #16a34a;--talos-success-solid-text: #ffffff;--talos-warning: #f59e0b;--talos-warning-hover: #fbbf24;--talos-warning-active: #d97706;--talos-warning-subtle-bg: rgba(245, 158, 11, .16);--talos-warning-subtle-bg-hover: rgba(245, 158, 11, .26);--talos-warning-subtle-border: rgba(245, 158, 11, .35);--talos-warning-text: #fde047;--talos-warning-solid-bg: #d97706;--talos-warning-solid-text: #ffffff;--talos-danger: #ef4444;--talos-danger-hover: #f87171;--talos-danger-active: #dc2626;--talos-danger-subtle-bg: rgba(239, 68, 68, .16);--talos-danger-subtle-bg-hover: rgba(239, 68, 68, .26);--talos-danger-subtle-border: rgba(239, 68, 68, .35);--talos-danger-text: #fca5a5;--talos-danger-solid-bg: #dc2626;--talos-danger-solid-text: #ffffff;--talos-info: #0ea5e9;--talos-info-hover: #38bdf8;--talos-info-active: #0284c7;--talos-info-subtle-bg: rgba(14, 165, 233, .16);--talos-info-subtle-bg-hover: rgba(14, 165, 233, .26);--talos-info-subtle-border: rgba(14, 165, 233, .35);--talos-info-text: #7dd3fc;--talos-info-solid-bg: #0284c7;--talos-info-solid-text: #ffffff;--talos-purple: #8b5cf6;--talos-purple-hover: #a78bfa;--talos-purple-active: #7c3aed;--talos-purple-subtle-bg: rgba(139, 92, 246, .16);--talos-purple-subtle-bg-hover: rgba(139, 92, 246, .26);--talos-purple-subtle-border: rgba(139, 92, 246, .35);--talos-purple-text: #c4b5fd;--talos-purple-solid-bg: #7c3aed;--talos-purple-solid-text: #ffffff;--talos-tooltip-bg: #1e293b;--talos-tooltip-text: #f8fafc;--talos-range-tooltip-bg: #1e293b;--talos-range-tooltip-text: #f8fafc;--talos-range-tick-active-color: #f8fafc;--talos-loading-overlay-bg: rgba(9, 13, 22, .8);--talos-range-thumb-shadow: 0 2px 4px rgba(0, 0, 0, .5)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]):not(.light){--talos-bg-canvas: #090d16;--talos-bg-surface: #0f172a;--talos-bg-subtle: #131d31;--talos-bg-overlay: rgba(3, 7, 18, .75);--talos-border-subtle: rgba(255, 255, 255, .06);--talos-border-default: rgba(255, 255, 255, .1);--talos-border-hover: rgba(255, 255, 255, .2);--talos-border-focus: #3b82f6;--talos-focus-ring: 0 0 0 3px rgba(59, 130, 246, .35);--talos-text-primary: #f8fafc;--talos-text-secondary: #e2e8f0;--talos-text-muted: #94a3b8;--talos-text-inverse: #090d16;--talos-primary: #3b82f6;--talos-primary-hover: #60a5fa;--talos-primary-active: #2563eb;--talos-primary-subtle-bg: rgba(59, 130, 246, .16);--talos-primary-subtle-bg-hover: rgba(59, 130, 246, .26);--talos-primary-subtle-border: rgba(59, 130, 246, .35);--talos-primary-text: #93c5fd;--talos-neutral: #94a3b8;--talos-neutral-hover: #cbd5e1;--talos-neutral-active: #f1f5f9;--talos-neutral-subtle-bg: rgba(148, 163, 184, .12);--talos-neutral-subtle-bg-hover: rgba(148, 163, 184, .2);--talos-neutral-subtle-border: rgba(148, 163, 184, .25);--talos-neutral-text: #e2e8f0;--talos-success: #22c55e;--talos-success-hover: #4ade80;--talos-success-active: #16a34a;--talos-success-subtle-bg: rgba(34, 197, 94, .16);--talos-success-subtle-bg-hover: rgba(34, 197, 94, .26);--talos-success-subtle-border: rgba(34, 197, 94, .35);--talos-success-text: #86efac;--talos-warning: #f59e0b;--talos-warning-hover: #fbbf24;--talos-warning-active: #d97706;--talos-warning-subtle-bg: rgba(245, 158, 11, .16);--talos-warning-subtle-bg-hover: rgba(245, 158, 11, .26);--talos-warning-subtle-border: rgba(245, 158, 11, .35);--talos-warning-text: #fde047;--talos-danger: #ef4444;--talos-danger-hover: #f87171;--talos-danger-active: #dc2626;--talos-danger-subtle-bg: rgba(239, 68, 68, .16);--talos-danger-subtle-bg-hover: rgba(239, 68, 68, .26);--talos-danger-subtle-border: rgba(239, 68, 68, .35);--talos-danger-text: #fca5a5;--talos-info: #0ea5e9;--talos-info-hover: #38bdf8;--talos-info-active: #0284c7;--talos-info-subtle-bg: rgba(14, 165, 233, .16);--talos-info-subtle-bg-hover: rgba(14, 165, 233, .26);--talos-info-subtle-border: rgba(14, 165, 233, .35);--talos-info-text: #7dd3fc;--talos-purple: #8b5cf6;--talos-purple-hover: #a78bfa;--talos-purple-active: #7c3aed;--talos-purple-subtle-bg: rgba(139, 92, 246, .16);--talos-purple-subtle-bg-hover: rgba(139, 92, 246, .26);--talos-purple-subtle-border: rgba(139, 92, 246, .35);--talos-purple-text: #c4b5fd;--talos-tooltip-bg: #1e293b;--talos-tooltip-text: #f8fafc;--talos-range-tooltip-bg: #1e293b;--talos-range-tooltip-text: #f8fafc;--talos-range-tick-active-color: #f8fafc}}:host{display:block;width:100%;box-sizing:border-box}.talos-range-wrapper{display:flex;flex-direction:column;width:100%;box-sizing:border-box;-webkit-user-select:none;user-select:none;font-family:inherit;--range-accent: var(--talos-range-track-fill, var(--talos-primary-color));--range-accent-hover: var(--talos-primary-hover, #1d4ed8);--range-focus-glow: var(--talos-focus-ring, 0 0 0 3px rgba(37, 99, 235, .15));--range-track-h: var(--talos-range-track-height-md, .375rem);--range-thumb-d: var(--talos-range-thumb-size-md, 1.25rem);--range-thumb-border-width: 2px;--range-tick-w: 2px;--range-tick-h: 8px;--range-font-size: var(--talos-control-font-size, .8125rem)}.talos-range-wrapper.size-sm{--range-track-h: var(--talos-range-track-height-sm, .25rem);--range-thumb-d: var(--talos-range-thumb-size-sm, 1rem);--range-font-size: .75rem;--range-tick-h: 6px}.talos-range-wrapper.size-lg{--range-track-h: var(--talos-range-track-height-lg, .5rem);--range-thumb-d: var(--talos-range-thumb-size-lg, 1.5rem);--range-font-size: .875rem;--range-tick-h: 10px}.talos-range-wrapper.variant-primary{--range-accent: var(--talos-primary-color, #2563eb);--range-accent-hover: var(--talos-primary-hover, #1d4ed8);--range-focus-glow: 0 0 0 3px rgba(37, 99, 235, .2)}.talos-range-wrapper.variant-secondary{--range-accent: #475569;--range-accent-hover: #334155;--range-focus-glow: 0 0 0 3px rgba(71, 85, 105, .2)}.talos-range-wrapper.variant-success{--range-accent: #16a34a;--range-accent-hover: #15803d;--range-focus-glow: 0 0 0 3px rgba(22, 163, 74, .2)}.talos-range-wrapper.variant-warning{--range-accent: #d97706;--range-accent-hover: #b45309;--range-focus-glow: 0 0 0 3px rgba(217, 119, 6, .2)}.talos-range-wrapper.variant-danger{--range-accent: var(--talos-error-color, #ef4444);--range-accent-hover: #dc2626;--range-focus-glow: 0 0 0 3px rgba(239, 68, 68, .2)}.talos-range-wrapper.variant-info{--range-accent: #0284c7;--range-accent-hover: #0369a1;--range-focus-glow: 0 0 0 3px rgba(2, 132, 199, .2)}.talos-range-wrapper.is-invalid{--range-accent: var(--talos-error-color, #ef4444);--range-focus-glow: 0 0 0 3px rgba(239, 68, 68, .25)}.talos-range-wrapper.is-disabled{opacity:.55;cursor:not-allowed;pointer-events:none}.talos-range-wrapper.is-disabled .talos-range-thumb{cursor:not-allowed;border-color:var(--talos-range-track-disabled-fill, #94a3b8);background-color:var(--talos-range-track-disabled-bg, #cbd5e1);box-shadow:none}.talos-range-wrapper.is-disabled .talos-range-fill{background-color:var(--talos-range-track-disabled-fill, #94a3b8)}.talos-range-wrapper.is-readonly .talos-range-slider,.talos-range-wrapper.is-readonly .talos-range-thumb{cursor:default}.talos-range-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.5rem}.talos-range-label-group{display:flex;flex-direction:column;gap:.125rem}.talos-range-label{font-size:var(--range-font-size);font-weight:600;color:var(--talos-text-color, #0f172a)}.talos-range-hint{font-size:.75rem;color:var(--talos-text-muted, #64748b)}.talos-range-value-badge{display:inline-flex;align-items:center;padding:.125rem .5rem;font-size:.75rem;font-weight:600;border-radius:var(--talos-border-radius, .375rem);background-color:var(--talos-primary-light, #eff6ff);color:var(--range-accent)}.talos-range-inputs-group{display:flex;align-items:center;gap:.375rem}.talos-range-inputs-separator{color:var(--talos-text-muted, #64748b);font-weight:500}.talos-range-number-box{display:inline-flex;align-items:center;background-color:var(--talos-card-bg, #ffffff);border:1px solid var(--talos-border-color, #cbd5e1);border-radius:var(--talos-border-radius, .375rem);padding:0 .375rem;height:1.875rem;transition:border-color .15s ease,box-shadow .15s ease}.talos-range-number-box:focus-within{border-color:var(--range-accent);box-shadow:var(--range-focus-glow)}.talos-range-input-affix{font-size:.75rem;color:var(--talos-text-muted, #64748b);-webkit-user-select:none;user-select:none}.talos-range-number-input{width:3.5rem;border:none;background:transparent;padding:.125rem .25rem;font-size:.8125rem;font-weight:500;color:var(--talos-text-color, #0f172a);text-align:right;outline:none;font-family:inherit}.talos-range-number-input::-webkit-inner-spin-button,.talos-range-number-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.talos-range-number-input{-moz-appearance:textfield}.talos-range-slider{position:relative;width:100%;height:calc(var(--range-thumb-d) + .5rem);display:flex;align-items:center;cursor:pointer;touch-action:none;padding:0 calc(var(--range-thumb-d) / 2);box-sizing:border-box}.talos-range-slider.is-active{cursor:grabbing}.talos-range-track{position:relative;width:100%;height:var(--range-track-h);background-color:var(--talos-range-track-bg, #e2e8f0);border-radius:9999px;overflow:visible}.talos-range-fill{position:absolute;top:0;bottom:0;background-color:var(--range-accent);border-radius:9999px;transition:background-color .18s ease;pointer-events:none}.talos-range-ticks{position:absolute;inset:0;pointer-events:none}.talos-range-tick{position:absolute;top:50%;transform:translate(-50%,-50%);width:var(--range-tick-w);height:var(--range-tick-h);background-color:var(--talos-range-tick-color, #94a3b8);border-radius:1px;pointer-events:auto;cursor:pointer;transition:transform .15s ease,background-color .15s ease}.talos-range-tick.is-active{background-color:var(--talos-range-tick-active-color, #ffffff);box-shadow:0 0 2px #0000004d}.talos-range-tick:hover{transform:translate(-50%,-50%) scale(1.4)}.talos-range-thumb{position:absolute;top:50%;transform:translate(-50%,-50%);width:var(--range-thumb-d);height:var(--range-thumb-d);background-color:var(--talos-range-thumb-bg, #ffffff);border:var(--range-thumb-border-width) solid var(--range-accent);border-radius:50%;box-shadow:var(--talos-range-thumb-shadow, 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .08));cursor:grab;outline:none;box-sizing:border-box;transition:transform .12s cubic-bezier(.4,0,.2,1),box-shadow .12s cubic-bezier(.4,0,.2,1),border-color .12s cubic-bezier(.4,0,.2,1);z-index:2}.talos-range-thumb:hover{box-shadow:var(--talos-range-thumb-hover-shadow, 0 0 0 4px rgba(37, 99, 235, .15));transform:translate(-50%,-50%) scale(1.08)}.talos-range-thumb.is-focused,.talos-range-thumb:focus-visible{box-shadow:var(--range-focus-glow);transform:translate(-50%,-50%) scale(1.12);z-index:3}.talos-range-thumb.is-dragging{cursor:grabbing;box-shadow:var(--talos-range-thumb-active-shadow, 0 0 0 6px rgba(37, 99, 235, .25));transform:translate(-50%,-50%) scale(1.16);z-index:4}.talos-range-tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(4px);background-color:var(--talos-range-tooltip-bg, #1e293b);color:var(--talos-range-tooltip-text, #ffffff);font-size:.6875rem;font-weight:600;padding:.1875rem .4375rem;border-radius:.25rem;white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .15s ease,transform .15s ease,visibility .15s ease;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;z-index:10}.talos-range-tooltip:after{content:\"\";position:absolute;top:100%;left:50%;transform:translate(-50%);border-width:4px;border-style:solid;border-color:var(--talos-range-tooltip-bg, #1e293b) transparent transparent transparent}.talos-range-tooltip.visible{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.talos-range-labels{position:relative;width:100%;margin-top:.25rem;height:1.125rem;padding:0 calc(var(--range-thumb-d) / 2);box-sizing:border-box}.talos-range-label-item{position:absolute;top:0;transform:translate(-50%);font-size:.6875rem;color:var(--talos-range-tick-label-color, var(--talos-text-muted, #64748b));white-space:nowrap;cursor:pointer;transition:color .15s ease,font-weight .15s ease}.talos-range-label-item.is-active{color:var(--range-accent);font-weight:600}.talos-range-label-item:hover{color:var(--talos-text-color, #0f172a)}\n"] });
625
+ ], viewQueries: [{ propertyName: "trackContainerRef", first: true, predicate: ["sliderTrackContainer"], descendants: true, isSignal: true }, { propertyName: "thumb0Ref", first: true, predicate: ["thumb0"], descendants: true, isSignal: true }, { propertyName: "thumb1Ref", first: true, predicate: ["thumb1"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"talos-range-wrapper\" [class.is-disabled]=\"effectiveDisabled()\" [class.is-readonly]=\"readonly()\"\n [class.is-invalid]=\"effectiveInvalid()\" [class.is-range]=\"isDualRange()\" [class.size-sm]=\"size() === 'sm'\"\n [class.size-md]=\"size() === 'md'\" [class.size-lg]=\"size() === 'lg'\" [class.variant-primary]=\"variant() === 'primary'\"\n [class.variant-secondary]=\"variant() === 'secondary'\" [class.variant-success]=\"variant() === 'success'\"\n [class.variant-warning]=\"variant() === 'warning'\" [class.variant-danger]=\"variant() === 'danger'\"\n [class.variant-info]=\"variant() === 'info'\">\n <!-- Header: Label, Hint & Optional Value Display / Synchronized Number Inputs -->\n @if (label() || hint() || showValueBadge() || showInputs()) {\n <div class=\"talos-range-header\">\n <div class=\"talos-range-label-group\" [class.is-floating-label]=\"isFloatingMode()\">\n @if (label()) {\n <label class=\"talos-range-label\" [class.is-floated]=\"isFloatingMode()\" [attr.for]=\"elementId() + '-thumb-0'\">\n {{ label() }}\n </label>\n }\n @if (hint()) {\n <span class=\"talos-range-hint\">{{ hint() }}</span>\n }\n </div>\n\n @if (showInputs()) {\n <div class=\"talos-range-inputs-group\">\n @if (isDualRange()) {\n <div class=\"talos-range-number-box\">\n @if (prefix()) {\n <span class=\"talos-range-input-affix\">{{ prefix() }}</span>\n }\n <input type=\"number\" class=\"talos-range-number-input\" [id]=\"elementId() + '-num-0'\" [min]=\"min()\"\n [max]=\"endValue()\" [step]=\"step()\" [disabled]=\"effectiveDisabled() || readonly()\" [value]=\"startValue()\"\n (change)=\"onNumberInputChange(0, $event)\" (keydown.enter)=\"onNumberInputChange(0, $event)\" />\n @if (suffix()) {\n <span class=\"talos-range-input-affix\">{{ suffix() }}</span>\n }\n </div>\n <span class=\"talos-range-inputs-separator\">\u2013</span>\n <div class=\"talos-range-number-box\">\n @if (prefix()) {\n <span class=\"talos-range-input-affix\">{{ prefix() }}</span>\n }\n <input type=\"number\" class=\"talos-range-number-input\" [id]=\"elementId() + '-num-1'\" [min]=\"startValue()\"\n [max]=\"max()\" [step]=\"step()\" [disabled]=\"effectiveDisabled() || readonly()\" [value]=\"endValue()\"\n (change)=\"onNumberInputChange(1, $event)\" (keydown.enter)=\"onNumberInputChange(1, $event)\" />\n @if (suffix()) {\n <span class=\"talos-range-input-affix\">{{ suffix() }}</span>\n }\n </div>\n } @else {\n <div class=\"talos-range-number-box\">\n @if (prefix()) {\n <span class=\"talos-range-input-affix\">{{ prefix() }}</span>\n }\n <input type=\"number\" class=\"talos-range-number-input\" [id]=\"elementId() + '-num'\" [min]=\"min()\" [max]=\"max()\"\n [step]=\"step()\" [disabled]=\"effectiveDisabled() || readonly()\" [value]=\"startValue()\"\n (change)=\"onNumberInputChange(0, $event)\" (keydown.enter)=\"onNumberInputChange(0, $event)\" />\n @if (suffix()) {\n <span class=\"talos-range-input-affix\">{{ suffix() }}</span>\n }\n </div>\n }\n </div>\n } @else if (showValueBadge()) {\n <div class=\"talos-range-value-badge\">\n @if (isDualRange()) {\n <span>{{ formatDisplayValue(startValue()) }} \u2013 {{ formatDisplayValue(endValue()) }}</span>\n } @else {\n <span>{{ formatDisplayValue(startValue()) }}</span>\n }\n </div>\n }\n </div>\n }\n\n <!-- Range Slider Container (Track, Fills, Ticks, Thumbs) -->\n <div #sliderTrackContainer class=\"talos-range-slider\" [class.is-active]=\"isDragging()\"\n (pointerdown)=\"onTrackPointerDown($event)\">\n <!-- Background Track -->\n <div class=\"talos-range-track\">\n <!-- Active Filled Range Segment -->\n <div class=\"talos-range-fill\" [style.left.%]=\"fillLeftPercent()\" [style.width.%]=\"fillWidthPercent()\"></div>\n\n <!-- Tick Marks -->\n @if (ticks().length > 0 && (showTicks() || marks())) {\n <div class=\"talos-range-ticks\">\n @for (tick of ticks(); track tick.value) {\n <div class=\"talos-range-tick\" [class.is-active]=\"tick.active\" [style.left.%]=\"tick.percent\"\n (click)=\"onTickClick(tick, $event)\"></div>\n }\n </div>\n }\n </div>\n\n <!-- Thumb 0 (Primary or Lower Bound Handle) -->\n <div #thumb0 class=\"talos-range-thumb\" [class.is-focused]=\"focusedThumb() === 0\"\n [class.is-dragging]=\"draggingThumb() === 0\" [class.is-tooltip-visible]=\"isTooltipVisible(0)\"\n [style.left.%]=\"thumb0Percent()\" tabindex=\"0\" role=\"slider\" [attr.id]=\"elementId() + '-thumb-0'\"\n [attr.aria-label]=\"isDualRange() ? ariaLabelStart() : ariaLabel()\" [attr.aria-valuemin]=\"min()\"\n [attr.aria-valuemax]=\"isDualRange() ? endValue() : max()\" [attr.aria-valuenow]=\"startValue()\"\n [attr.aria-valuetext]=\"formatDisplayValue(startValue())\"\n [attr.aria-disabled]=\"effectiveDisabled() ? 'true' : null\" (pointerdown)=\"onThumbPointerDown(0, $event)\"\n (keydown)=\"onThumbKeyDown(0, $event)\" (focus)=\"onThumbFocus(0)\" (blur)=\"onThumbBlur(0)\"\n (mouseenter)=\"onThumbMouseEnter(0)\" (mouseleave)=\"onThumbMouseLeave(0)\">\n <!-- Floating Value Tooltip -->\n @if (showTooltip() !== 'none') {\n <div class=\"talos-range-tooltip\" [class.visible]=\"isTooltipVisible(0)\">\n {{ formatDisplayValue(startValue()) }}\n </div>\n }\n </div>\n\n <!-- Thumb 1 (Upper Bound Handle for Dual Range) -->\n @if (isDualRange()) {\n <div #thumb1 class=\"talos-range-thumb\" [class.is-focused]=\"focusedThumb() === 1\"\n [class.is-dragging]=\"draggingThumb() === 1\" [class.is-tooltip-visible]=\"isTooltipVisible(1)\"\n [style.left.%]=\"thumb1Percent()\" tabindex=\"0\" role=\"slider\" [attr.id]=\"elementId() + '-thumb-1'\"\n [attr.aria-label]=\"ariaLabelEnd()\" [attr.aria-valuemin]=\"startValue()\" [attr.aria-valuemax]=\"max()\"\n [attr.aria-valuenow]=\"endValue()\" [attr.aria-valuetext]=\"formatDisplayValue(endValue())\"\n [attr.aria-disabled]=\"effectiveDisabled() ? 'true' : null\" (pointerdown)=\"onThumbPointerDown(1, $event)\"\n (keydown)=\"onThumbKeyDown(1, $event)\" (focus)=\"onThumbFocus(1)\" (blur)=\"onThumbBlur(1)\"\n (mouseenter)=\"onThumbMouseEnter(1)\" (mouseleave)=\"onThumbMouseLeave(1)\">\n <!-- Floating Value Tooltip -->\n @if (showTooltip() !== 'none') {\n <div class=\"talos-range-tooltip\" [class.visible]=\"isTooltipVisible(1)\">\n {{ formatDisplayValue(endValue()) }}\n </div>\n }\n </div>\n }\n </div>\n\n <!-- Interval / Step Labels under track -->\n @if (labels().length > 0 && (showIntervals() || showLabels() || marks())) {\n <div class=\"talos-range-labels\">\n @for (item of labels(); track item.value) {\n <span class=\"talos-range-label-item\" [class.is-active]=\"item.active\" [style.left.%]=\"item.percent\"\n (click)=\"onLabelClick(item, $event)\">\n {{ item.label }}\n </span>\n }\n </div>\n }\n</div>", styles: [":root{--talos-font-sans: \"Inter\", system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;--talos-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;--talos-font-display: var(--talos-font-sans);--talos-radius-none: 0px;--talos-radius-xs: .125rem;--talos-radius-sm: .25rem;--talos-radius-md: .375rem;--talos-radius-lg: .5rem;--talos-radius-xl: .75rem;--talos-radius-2xl: 1rem;--talos-radius-full: 9999px;--talos-height-xs: 1.625rem;--talos-height-sm: 2rem;--talos-height-md: 2.25rem;--talos-height-lg: 2.625rem;--talos-font-size-2xs: .6875rem;--talos-font-size-xs: .75rem;--talos-font-size-sm: .8125rem;--talos-font-size-base: .875rem;--talos-font-size-md: .875rem;--talos-font-size-lg: 1rem;--talos-font-size-xl: 1.125rem;--talos-font-size-2xl: 1.25rem;--talos-font-size-3xl: 1.5rem;--talos-font-size-4xl: 1.875rem;--talos-font-size-5xl: 2.25rem;--talos-font-weight-light: 300;--talos-font-weight-regular: 400;--talos-font-weight-medium: 500;--talos-font-weight-semibold: 600;--talos-font-weight-bold: 700;--talos-font-weight-extrabold: 800;--talos-line-height-none: 1;--talos-line-height-tight: 1.25;--talos-line-height-snug: 1.375;--talos-line-height-normal: 1.5;--talos-line-height-relaxed: 1.625;--talos-line-height-loose: 2;--talos-control-padding-x: .625rem;--talos-control-font-size: var(--talos-font-size-sm);--talos-control-height: var(--talos-height-md);--talos-border-radius: var(--talos-radius-md);--talos-shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .05);--talos-shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .08), 0 1px 2px -1px rgba(0, 0, 0, .05);--talos-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .08), 0 2px 4px -2px rgba(0, 0, 0, .04);--talos-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -4px rgba(0, 0, 0, .04);--talos-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .05);--talos-shadow-dialog: var(--talos-shadow-xl);--talos-shadow-dropdown: 0 10px 25px -5px rgba(0, 0, 0, .08), 0 4px 6px -2px rgba(0, 0, 0, .04);--talos-transition: .18s cubic-bezier(.4, 0, .2, 1);--talos-transition-slow: .28s cubic-bezier(.4, 0, .2, 1);--talos-bg-canvas: #f8fafc;--talos-bg-surface: #ffffff;--talos-bg-subtle: #f1f5f9;--talos-bg-overlay: rgba(15, 23, 42, .5);--talos-border-subtle: #f1f5f9;--talos-border-default: #cbd5e1;--talos-border-hover: #94a3b8;--talos-border-focus: #2563eb;--talos-focus-ring: 0 0 0 3px rgba(37, 99, 235, .18);--talos-text-primary: #0f172a;--talos-text-secondary: #334155;--talos-text-muted: #64748b;--talos-text-inverse: #ffffff;--talos-bg-color: var(--talos-bg-canvas);--talos-card-bg: var(--talos-bg-surface);--talos-card-bg-subtle: var(--talos-bg-subtle);--talos-border-color: var(--talos-border-default);--talos-text-color: var(--talos-text-primary);--talos-error-color: #ef4444;--talos-warning-color: #d97706;--talos-success-color: #16a34a;--bg-color: var(--talos-bg-canvas);--bg-subtle: var(--talos-bg-subtle);--card-bg: var(--talos-bg-surface);--card-bg-subtle: var(--talos-bg-subtle);--border-color: var(--talos-border-default);--border-hover: var(--talos-border-hover);--border-focus: var(--talos-border-focus);--text-color: var(--talos-text-primary);--text-muted: var(--talos-text-muted);--primary-color: var(--talos-primary);--primary-hover: var(--talos-primary-hover);--primary-active: var(--talos-primary-active);--primary-light: var(--talos-primary-subtle-bg);--primary-light-hover: var(--talos-primary-subtle-bg-hover);--talos-primary: #2563eb;--talos-primary-hover: #1d4ed8;--talos-primary-active: #1e40af;--talos-primary-subtle-bg: #eff6ff;--talos-primary-subtle-bg-hover: #dbeafe;--talos-primary-subtle-border: #bfdbfe;--talos-primary-text: #1e40af;--talos-primary-solid-bg: #2563eb;--talos-primary-solid-text: #ffffff;--talos-primary-color: var(--talos-primary);--talos-primary-light: var(--talos-primary-subtle-bg);--talos-primary-light-hover: var(--talos-primary-subtle-bg-hover);--talos-neutral: #475569;--talos-neutral-hover: #334155;--talos-neutral-active: #1e293b;--talos-neutral-subtle-bg: #f8fafc;--talos-neutral-subtle-bg-hover: #f1f5f9;--talos-neutral-subtle-border: #e2e8f0;--talos-neutral-text: #334155;--talos-neutral-solid-bg: #475569;--talos-neutral-solid-text: #ffffff;--talos-success: #16a34a;--talos-success-hover: #15803d;--talos-success-active: #166534;--talos-success-subtle-bg: #f0fdf4;--talos-success-subtle-bg-hover: #dcfce7;--talos-success-subtle-border: #bbf7d0;--talos-success-text: #166534;--talos-success-solid-bg: #16a34a;--talos-success-solid-text: #ffffff;--talos-warning: #d97706;--talos-warning-hover: #b45309;--talos-warning-active: #92400e;--talos-warning-subtle-bg: #fffbeb;--talos-warning-subtle-bg-hover: #fef3c7;--talos-warning-subtle-border: #fde68a;--talos-warning-text: #92400e;--talos-warning-solid-bg: #d97706;--talos-warning-solid-text: #ffffff;--talos-danger: #ef4444;--talos-danger-hover: #dc2626;--talos-danger-active: #b91c1c;--talos-danger-subtle-bg: #fef2f2;--talos-danger-subtle-bg-hover: #fee2e2;--talos-danger-subtle-border: #fecaca;--talos-danger-text: #991b1b;--talos-danger-solid-bg: #dc2626;--talos-danger-solid-text: #ffffff;--talos-info: #0284c7;--talos-info-hover: #0369a1;--talos-info-active: #075985;--talos-info-subtle-bg: #f0f9ff;--talos-info-subtle-bg-hover: #e0f2fe;--talos-info-subtle-border: #bae6fd;--talos-info-text: #0369a1;--talos-info-solid-bg: #0284c7;--talos-info-solid-text: #ffffff;--talos-purple: #7c3aed;--talos-purple-hover: #6d28d9;--talos-purple-active: #5b21b6;--talos-purple-subtle-bg: #f5f3ff;--talos-purple-subtle-bg-hover: #ede9fe;--talos-purple-subtle-border: #ddd6fe;--talos-purple-text: #6d28d9;--talos-purple-solid-bg: #7c3aed;--talos-purple-solid-text: #ffffff;--talos-input-bg: var(--talos-bg-surface);--talos-input-border: var(--talos-border-default);--talos-input-border-hover: var(--talos-border-hover);--talos-input-border-focus: var(--talos-border-focus);--talos-input-color: var(--talos-text-primary);--talos-input-placeholder-color: var(--talos-text-muted);--talos-input-disabled-bg: var(--talos-bg-subtle);--talos-input-disabled-border: var(--talos-border-default);--talos-input-disabled-color: var(--talos-text-muted);--talos-input-radius: var(--talos-radius-md);--talos-input-height: var(--talos-height-md);--talos-affix-btn-size-sm: 1.375rem;--talos-affix-btn-size-md: 1.5rem;--talos-affix-btn-size-lg: 1.75rem;--talos-affix-btn-radius: var(--talos-radius-sm, .25rem);--talos-affix-btn-icon-size-sm: .8125rem;--talos-affix-btn-icon-size-md: .875rem;--talos-affix-btn-icon-size-lg: 1rem;--talos-affix-btn-color: var(--talos-text-muted, #64748b);--talos-affix-btn-hover-color: var(--talos-text-color, #0f172a);--talos-affix-btn-hover-bg: var(--talos-btn-ghost-hover-bg, var(--talos-bg-subtle, rgba(148, 163, 184, .15)));--talos-affix-btn-active-bg: var(--talos-btn-ghost-active-bg, rgba(148, 163, 184, .25));--talos-sidebar-width: 260px;--talos-sidebar-collapsed-width: 68px;--talos-nav-bg: var(--talos-bg-surface);--talos-nav-border-color: var(--talos-border-subtle);--talos-active-nav-bg: var(--talos-primary-subtle-bg);--talos-active-nav-text: var(--talos-primary);--talos-nav-hover-bg: var(--talos-bg-subtle);--talos-nav-hover-text: var(--talos-text-primary);--talos-avatar-bg: var(--talos-primary-subtle-bg);--talos-avatar-text: var(--talos-primary-text);--talos-badge-bg: var(--talos-primary-subtle-bg);--talos-badge-text: var(--talos-primary-text);--talos-header-bg: var(--talos-bg-surface);--talos-header-border-color: var(--talos-border-subtle);--talos-right-panel-bg: var(--talos-bg-surface);--talos-right-panel-border: var(--talos-border-subtle);--talos-loading-overlay-bg: rgba(255, 255, 255, .75);--talos-dropdown-bg: var(--talos-bg-surface);--talos-dropdown-border: var(--talos-border-default);--talos-dropdown-shadow: var(--talos-shadow-dropdown);--talos-dropdown-hover-bg: var(--talos-bg-subtle);--talos-dropdown-selected-bg: var(--talos-primary-subtle-bg);--talos-btn-font-family: inherit;--talos-btn-border-radius: var(--talos-radius-md);--talos-btn-font-weight: 600;--talos-btn-transition: background-color var(--talos-transition), border-color var(--talos-transition), color var(--talos-transition), box-shadow var(--talos-transition), opacity var(--talos-transition);--talos-btn-ripple-color: rgba(255, 255, 255, .35);--talos-btn-primary-bg: var(--talos-primary-solid-bg);--talos-btn-primary-hover: var(--talos-primary-hover);--talos-btn-primary-active: var(--talos-primary-active);--talos-btn-primary-text: var(--talos-primary-solid-text);--talos-btn-secondary-bg: var(--talos-neutral-solid-bg);--talos-btn-secondary-hover: var(--talos-neutral-hover);--talos-btn-secondary-active: var(--talos-neutral-active);--talos-btn-secondary-text: var(--talos-neutral-solid-text);--talos-btn-outline-bg: transparent;--talos-btn-outline-border: var(--talos-border-default);--talos-btn-outline-hover-bg: var(--talos-bg-subtle);--talos-btn-outline-hover-border: var(--talos-border-hover);--talos-btn-outline-text: var(--talos-text-secondary);--talos-btn-ghost-bg: transparent;--talos-btn-ghost-text: var(--talos-text-muted);--talos-btn-ghost-hover-bg: var(--talos-bg-subtle);--talos-btn-ghost-hover-text: var(--talos-text-primary);--talos-btn-ghost-active-bg: var(--talos-neutral-subtle-bg-hover);--talos-btn-danger-bg: var(--talos-danger-solid-bg);--talos-btn-danger-hover: var(--talos-danger-hover);--talos-btn-danger-active: var(--talos-danger-active);--talos-btn-danger-text: var(--talos-danger-solid-text);--talos-btn-success-bg: var(--talos-success-solid-bg);--talos-btn-success-hover: var(--talos-success-hover);--talos-btn-success-active: var(--talos-success-active);--talos-btn-success-text: var(--talos-success-solid-text);--talos-btn-height-xs: var(--talos-height-xs, 1.625rem);--talos-btn-height-sm: var(--talos-height-sm);--talos-btn-height-md: var(--talos-height-md);--talos-btn-height-lg: var(--talos-height-lg);--talos-btn-padding-x-xs: .5rem;--talos-btn-padding-x-sm: .625rem;--talos-btn-padding-x-md: .875rem;--talos-btn-padding-x-lg: 1.125rem;--talos-btn-font-size-xs: var(--talos-font-size-2xs, .6875rem);--talos-btn-font-size-sm: var(--talos-font-size-xs);--talos-btn-font-size-md: var(--talos-font-size-sm);--talos-btn-font-size-lg: var(--talos-font-size-md);--talos-category-bar-gap: 2px;--talos-category-bar-track-bg: var(--talos-bg-subtle);--talos-category-bar-border-radius: var(--talos-radius-md);--talos-category-bar-height-xs: .25rem;--talos-category-bar-height-sm: .375rem;--talos-category-bar-height-md: .5rem;--talos-category-bar-height-lg: .75rem;--talos-category-bar-marker-ring: var(--talos-bg-surface);--talos-range-track-bg: var(--talos-border-default);--talos-range-track-fill: var(--talos-primary);--talos-range-track-disabled-bg: var(--talos-border-subtle);--talos-range-track-disabled-fill: var(--talos-text-muted);--talos-range-track-height-sm: .25rem;--talos-range-track-height-md: .375rem;--talos-range-track-height-lg: .5rem;--talos-range-thumb-size-sm: 1rem;--talos-range-thumb-size-md: 1.25rem;--talos-range-thumb-size-lg: 1.5rem;--talos-range-thumb-bg: var(--talos-bg-surface);--talos-range-thumb-border: var(--talos-primary);--talos-range-thumb-shadow: var(--talos-shadow-sm);--talos-range-thumb-hover-shadow: 0 0 0 4px rgba(37, 99, 235, .15);--talos-range-thumb-active-shadow: 0 0 0 6px rgba(37, 99, 235, .25);--talos-range-tick-color: var(--talos-text-muted);--talos-range-tick-active-color: #ffffff;--talos-range-tick-label-color: var(--talos-text-muted);--talos-range-tooltip-bg: #0f172a;--talos-range-tooltip-text: #ffffff;--talos-toggle-track-bg: var(--talos-border-default);--talos-toggle-track-bg-hover: var(--talos-border-hover);--talos-toggle-thumb-bg: var(--talos-bg-surface);--talos-snackbar-bg: var(--talos-bg-surface);--talos-snackbar-text: var(--talos-text-primary);--talos-snackbar-border: var(--talos-border-default);--talos-snackbar-border-radius: var(--talos-radius-lg);--talos-dialog-bg: var(--talos-bg-surface);--talos-dialog-border: var(--talos-border-default);--talos-dialog-radius: var(--talos-radius-xl);--talos-dialog-shadow: var(--talos-shadow-dialog);--talos-dialog-backdrop-bg: var(--talos-bg-overlay);--talos-dialog-backdrop-blur-bg: rgba(15, 23, 42, .35);--talos-dialog-title-color: var(--talos-text-primary);--talos-dialog-subtitle-color: var(--talos-text-muted);--talos-tooltip-bg: #0f172a;--talos-tooltip-text: #ffffff;--talos-dropzone-bg: var(--talos-bg-surface);--talos-dropzone-hover-bg: var(--talos-bg-subtle);--talos-dropzone-drag-bg: var(--talos-primary-subtle-bg);--talos-dropzone-border: var(--talos-border-default);--talos-dropzone-hover-border: var(--talos-border-hover);--talos-dropzone-drag-border: var(--talos-primary);--talos-dropzone-radius: var(--talos-radius-lg);--talos-dropzone-text: var(--talos-text-primary);--talos-dropzone-subtext: var(--talos-text-muted);--talos-dropzone-icon-color: var(--talos-primary);--talos-dropzone-file-bg: var(--talos-bg-surface);--talos-dropzone-file-border: var(--talos-border-default);--talos-rating-fill-warning: var(--talos-warning);--talos-rating-fill-primary: var(--talos-primary);--talos-rating-fill-danger: var(--talos-danger);--talos-rating-fill-success: var(--talos-success);--talos-rating-fill-purple: var(--talos-purple);--talos-rating-unfilled: var(--talos-border-default);--talos-rating-size-sm: 1.125rem;--talos-rating-size-md: 1.375rem;--talos-rating-size-lg: 1.75rem;--talos-rating-size-xl: 2.25rem}:root[data-theme=dark],:root.dark,[data-theme=dark],[data-mode=dark],.dark,.dark-theme{--talos-bg-canvas: #090d16;--talos-bg-surface: #0f172a;--talos-bg-subtle: #131d31;--talos-bg-overlay: rgba(3, 7, 18, .75);--talos-border-subtle: rgba(255, 255, 255, .06);--talos-border-default: rgba(255, 255, 255, .1);--talos-border-hover: rgba(255, 255, 255, .2);--talos-border-focus: #3b82f6;--talos-focus-ring: 0 0 0 3px rgba(59, 130, 246, .35);--talos-text-primary: #f8fafc;--talos-text-secondary: #e2e8f0;--talos-text-muted: #94a3b8;--talos-text-inverse: #090d16;--talos-shadow-dropdown: 0 16px 32px -4px rgba(0, 0, 0, .6), 0 0 0 1px rgba(255, 255, 255, .08);--talos-shadow-dialog: 0 25px 50px -12px rgba(0, 0, 0, .75), 0 0 0 1px rgba(255, 255, 255, .1);--talos-primary: #3b82f6;--talos-primary-hover: #60a5fa;--talos-primary-active: #2563eb;--talos-primary-subtle-bg: rgba(59, 130, 246, .16);--talos-primary-subtle-bg-hover: rgba(59, 130, 246, .26);--talos-primary-subtle-border: rgba(59, 130, 246, .35);--talos-primary-text: #93c5fd;--talos-primary-solid-bg: #2563eb;--talos-primary-solid-text: #ffffff;--talos-neutral: #94a3b8;--talos-neutral-hover: #cbd5e1;--talos-neutral-active: #f1f5f9;--talos-neutral-subtle-bg: rgba(148, 163, 184, .12);--talos-neutral-subtle-bg-hover: rgba(148, 163, 184, .2);--talos-neutral-subtle-border: rgba(148, 163, 184, .25);--talos-neutral-text: #e2e8f0;--talos-neutral-solid-bg: #334155;--talos-neutral-solid-text: #f8fafc;--talos-success: #22c55e;--talos-success-hover: #4ade80;--talos-success-active: #16a34a;--talos-success-subtle-bg: rgba(34, 197, 94, .16);--talos-success-subtle-bg-hover: rgba(34, 197, 94, .26);--talos-success-subtle-border: rgba(34, 197, 94, .35);--talos-success-text: #86efac;--talos-success-solid-bg: #16a34a;--talos-success-solid-text: #ffffff;--talos-warning: #f59e0b;--talos-warning-hover: #fbbf24;--talos-warning-active: #d97706;--talos-warning-subtle-bg: rgba(245, 158, 11, .16);--talos-warning-subtle-bg-hover: rgba(245, 158, 11, .26);--talos-warning-subtle-border: rgba(245, 158, 11, .35);--talos-warning-text: #fde047;--talos-warning-solid-bg: #d97706;--talos-warning-solid-text: #ffffff;--talos-danger: #ef4444;--talos-danger-hover: #f87171;--talos-danger-active: #dc2626;--talos-danger-subtle-bg: rgba(239, 68, 68, .16);--talos-danger-subtle-bg-hover: rgba(239, 68, 68, .26);--talos-danger-subtle-border: rgba(239, 68, 68, .35);--talos-danger-text: #fca5a5;--talos-danger-solid-bg: #dc2626;--talos-danger-solid-text: #ffffff;--talos-info: #0ea5e9;--talos-info-hover: #38bdf8;--talos-info-active: #0284c7;--talos-info-subtle-bg: rgba(14, 165, 233, .16);--talos-info-subtle-bg-hover: rgba(14, 165, 233, .26);--talos-info-subtle-border: rgba(14, 165, 233, .35);--talos-info-text: #7dd3fc;--talos-info-solid-bg: #0284c7;--talos-info-solid-text: #ffffff;--talos-purple: #8b5cf6;--talos-purple-hover: #a78bfa;--talos-purple-active: #7c3aed;--talos-purple-subtle-bg: rgba(139, 92, 246, .16);--talos-purple-subtle-bg-hover: rgba(139, 92, 246, .26);--talos-purple-subtle-border: rgba(139, 92, 246, .35);--talos-purple-text: #c4b5fd;--talos-purple-solid-bg: #7c3aed;--talos-purple-solid-text: #ffffff;--talos-tooltip-bg: #1e293b;--talos-tooltip-text: #f8fafc;--talos-range-tooltip-bg: #1e293b;--talos-range-tooltip-text: #f8fafc;--talos-range-tick-active-color: #f8fafc;--talos-loading-overlay-bg: rgba(9, 13, 22, .8);--talos-range-thumb-shadow: 0 2px 4px rgba(0, 0, 0, .5)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]):not(.light){--talos-bg-canvas: #090d16;--talos-bg-surface: #0f172a;--talos-bg-subtle: #131d31;--talos-bg-overlay: rgba(3, 7, 18, .75);--talos-border-subtle: rgba(255, 255, 255, .06);--talos-border-default: rgba(255, 255, 255, .1);--talos-border-hover: rgba(255, 255, 255, .2);--talos-border-focus: #3b82f6;--talos-focus-ring: 0 0 0 3px rgba(59, 130, 246, .35);--talos-text-primary: #f8fafc;--talos-text-secondary: #e2e8f0;--talos-text-muted: #94a3b8;--talos-text-inverse: #090d16;--talos-primary: #3b82f6;--talos-primary-hover: #60a5fa;--talos-primary-active: #2563eb;--talos-primary-subtle-bg: rgba(59, 130, 246, .16);--talos-primary-subtle-bg-hover: rgba(59, 130, 246, .26);--talos-primary-subtle-border: rgba(59, 130, 246, .35);--talos-primary-text: #93c5fd;--talos-neutral: #94a3b8;--talos-neutral-hover: #cbd5e1;--talos-neutral-active: #f1f5f9;--talos-neutral-subtle-bg: rgba(148, 163, 184, .12);--talos-neutral-subtle-bg-hover: rgba(148, 163, 184, .2);--talos-neutral-subtle-border: rgba(148, 163, 184, .25);--talos-neutral-text: #e2e8f0;--talos-success: #22c55e;--talos-success-hover: #4ade80;--talos-success-active: #16a34a;--talos-success-subtle-bg: rgba(34, 197, 94, .16);--talos-success-subtle-bg-hover: rgba(34, 197, 94, .26);--talos-success-subtle-border: rgba(34, 197, 94, .35);--talos-success-text: #86efac;--talos-warning: #f59e0b;--talos-warning-hover: #fbbf24;--talos-warning-active: #d97706;--talos-warning-subtle-bg: rgba(245, 158, 11, .16);--talos-warning-subtle-bg-hover: rgba(245, 158, 11, .26);--talos-warning-subtle-border: rgba(245, 158, 11, .35);--talos-warning-text: #fde047;--talos-danger: #ef4444;--talos-danger-hover: #f87171;--talos-danger-active: #dc2626;--talos-danger-subtle-bg: rgba(239, 68, 68, .16);--talos-danger-subtle-bg-hover: rgba(239, 68, 68, .26);--talos-danger-subtle-border: rgba(239, 68, 68, .35);--talos-danger-text: #fca5a5;--talos-info: #0ea5e9;--talos-info-hover: #38bdf8;--talos-info-active: #0284c7;--talos-info-subtle-bg: rgba(14, 165, 233, .16);--talos-info-subtle-bg-hover: rgba(14, 165, 233, .26);--talos-info-subtle-border: rgba(14, 165, 233, .35);--talos-info-text: #7dd3fc;--talos-purple: #8b5cf6;--talos-purple-hover: #a78bfa;--talos-purple-active: #7c3aed;--talos-purple-subtle-bg: rgba(139, 92, 246, .16);--talos-purple-subtle-bg-hover: rgba(139, 92, 246, .26);--talos-purple-subtle-border: rgba(139, 92, 246, .35);--talos-purple-text: #c4b5fd;--talos-tooltip-bg: #1e293b;--talos-tooltip-text: #f8fafc;--talos-range-tooltip-bg: #1e293b;--talos-range-tooltip-text: #f8fafc;--talos-range-tick-active-color: #f8fafc}}:host{display:block;width:100%;box-sizing:border-box}.talos-range-wrapper{display:flex;flex-direction:column;width:100%;box-sizing:border-box;-webkit-user-select:none;user-select:none;font-family:inherit;--range-accent: var(--talos-range-track-fill, var(--talos-primary-color));--range-accent-hover: var(--talos-primary-hover, #1d4ed8);--range-focus-glow: var(--talos-focus-ring, 0 0 0 3px rgba(37, 99, 235, .15));--range-track-h: var(--talos-range-track-height-md, .375rem);--range-thumb-d: var(--talos-range-thumb-size-md, 1.25rem);--range-thumb-border-width: 2px;--range-tick-w: 2px;--range-tick-h: 8px;--range-font-size: var(--talos-control-font-size, .8125rem)}.talos-range-wrapper.size-sm{--range-track-h: var(--talos-range-track-height-sm, .25rem);--range-thumb-d: var(--talos-range-thumb-size-sm, 1rem);--range-font-size: .75rem;--range-tick-h: 6px}.talos-range-wrapper.size-lg{--range-track-h: var(--talos-range-track-height-lg, .5rem);--range-thumb-d: var(--talos-range-thumb-size-lg, 1.5rem);--range-font-size: .875rem;--range-tick-h: 10px}.talos-range-wrapper.variant-primary{--range-accent: var(--talos-primary-color, #2563eb);--range-accent-hover: var(--talos-primary-hover, #1d4ed8);--range-focus-glow: 0 0 0 3px rgba(37, 99, 235, .2)}.talos-range-wrapper.variant-secondary{--range-accent: #475569;--range-accent-hover: #334155;--range-focus-glow: 0 0 0 3px rgba(71, 85, 105, .2)}.talos-range-wrapper.variant-success{--range-accent: #16a34a;--range-accent-hover: #15803d;--range-focus-glow: 0 0 0 3px rgba(22, 163, 74, .2)}.talos-range-wrapper.variant-warning{--range-accent: #d97706;--range-accent-hover: #b45309;--range-focus-glow: 0 0 0 3px rgba(217, 119, 6, .2)}.talos-range-wrapper.variant-danger{--range-accent: var(--talos-error-color, #ef4444);--range-accent-hover: #dc2626;--range-focus-glow: 0 0 0 3px rgba(239, 68, 68, .2)}.talos-range-wrapper.variant-info{--range-accent: #0284c7;--range-accent-hover: #0369a1;--range-focus-glow: 0 0 0 3px rgba(2, 132, 199, .2)}.talos-range-wrapper.is-invalid{--range-accent: var(--talos-error-color, #ef4444);--range-focus-glow: 0 0 0 3px rgba(239, 68, 68, .25)}.talos-range-wrapper.is-disabled{opacity:.55;cursor:not-allowed;pointer-events:none}.talos-range-wrapper.is-disabled .talos-range-thumb{cursor:not-allowed;border-color:var(--talos-range-track-disabled-fill, #94a3b8);background-color:var(--talos-range-track-disabled-bg, #cbd5e1);box-shadow:none}.talos-range-wrapper.is-disabled .talos-range-fill{background-color:var(--talos-range-track-disabled-fill, #94a3b8)}.talos-range-wrapper.is-readonly .talos-range-slider,.talos-range-wrapper.is-readonly .talos-range-thumb{cursor:default}.talos-range-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.5rem}.talos-range-label-group{display:flex;flex-direction:column;gap:.125rem}.talos-range-label{font-size:var(--range-font-size);font-weight:600;color:var(--talos-text-color, #0f172a)}.talos-range-hint{font-size:.75rem;color:var(--talos-text-muted, #64748b)}.talos-range-value-badge{display:inline-flex;align-items:center;padding:.125rem .5rem;font-size:.75rem;font-weight:600;border-radius:var(--talos-border-radius, .375rem);background-color:var(--talos-primary-light, #eff6ff);color:var(--range-accent)}.talos-range-inputs-group{display:flex;align-items:center;gap:.375rem}.talos-range-inputs-separator{color:var(--talos-text-muted, #64748b);font-weight:500}.talos-range-number-box{display:inline-flex;align-items:center;background-color:var(--talos-card-bg, #ffffff);border:1px solid var(--talos-border-color, #cbd5e1);border-radius:var(--talos-border-radius, .375rem);padding:0 .375rem;height:1.875rem;transition:border-color .15s ease,box-shadow .15s ease}.talos-range-number-box:focus-within{border-color:var(--range-accent);box-shadow:var(--range-focus-glow)}.talos-range-input-affix{font-size:.75rem;color:var(--talos-text-muted, #64748b);-webkit-user-select:none;user-select:none}.talos-range-number-input{width:3.5rem;border:none;background:transparent;padding:.125rem .25rem;font-size:.8125rem;font-weight:500;color:var(--talos-text-color, #0f172a);text-align:right;outline:none;font-family:inherit}.talos-range-number-input::-webkit-inner-spin-button,.talos-range-number-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.talos-range-number-input{-moz-appearance:textfield}.talos-range-slider{position:relative;width:100%;height:calc(var(--range-thumb-d) + .5rem);display:flex;align-items:center;cursor:pointer;touch-action:none;padding:0 calc(var(--range-thumb-d) / 2);box-sizing:border-box}.talos-range-slider.is-active{cursor:grabbing}.talos-range-track{position:relative;width:100%;height:var(--range-track-h);background-color:var(--talos-range-track-bg, #e2e8f0);border-radius:9999px;overflow:visible}.talos-range-fill{position:absolute;top:0;bottom:0;background-color:var(--range-accent);border-radius:9999px;transition:background-color .18s ease;pointer-events:none}.talos-range-ticks{position:absolute;inset:0;pointer-events:none}.talos-range-tick{position:absolute;top:50%;transform:translate(-50%,-50%);width:var(--range-tick-w);height:var(--range-tick-h);background-color:var(--talos-range-tick-color, #94a3b8);border-radius:1px;pointer-events:auto;cursor:pointer;transition:transform .15s ease,background-color .15s ease}.talos-range-tick.is-active{background-color:var(--talos-range-tick-active-color, #ffffff);box-shadow:0 0 2px #0000004d}.talos-range-tick:hover{transform:translate(-50%,-50%) scale(1.4)}.talos-range-thumb{position:absolute;top:50%;transform:translate(-50%,-50%);width:var(--range-thumb-d);height:var(--range-thumb-d);background-color:var(--talos-range-thumb-bg, #ffffff);border:var(--range-thumb-border-width) solid var(--range-accent);border-radius:50%;box-shadow:var(--talos-range-thumb-shadow, 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .08));cursor:grab;outline:none;box-sizing:border-box;transition:transform .12s cubic-bezier(.4,0,.2,1),box-shadow .12s cubic-bezier(.4,0,.2,1),border-color .12s cubic-bezier(.4,0,.2,1);z-index:2}.talos-range-thumb:hover{box-shadow:var(--talos-range-thumb-hover-shadow, 0 0 0 4px rgba(37, 99, 235, .15));transform:translate(-50%,-50%) scale(1.08)}.talos-range-thumb.is-focused,.talos-range-thumb:focus-visible{box-shadow:var(--range-focus-glow);transform:translate(-50%,-50%) scale(1.12);z-index:3}.talos-range-thumb.is-dragging{cursor:grabbing;box-shadow:var(--talos-range-thumb-active-shadow, 0 0 0 6px rgba(37, 99, 235, .25));transform:translate(-50%,-50%) scale(1.16);z-index:4}.talos-range-tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(4px);background-color:var(--talos-range-tooltip-bg, #1e293b);color:var(--talos-range-tooltip-text, #ffffff);font-size:.6875rem;font-weight:600;padding:.1875rem .4375rem;border-radius:.25rem;white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .15s ease,transform .15s ease,visibility .15s ease;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;z-index:10}.talos-range-tooltip:after{content:\"\";position:absolute;top:100%;left:50%;transform:translate(-50%);border-width:4px;border-style:solid;border-color:var(--talos-range-tooltip-bg, #1e293b) transparent transparent transparent}.talos-range-tooltip.visible{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.talos-range-labels{position:relative;width:100%;margin-top:.25rem;height:1.125rem;padding:0 calc(var(--range-thumb-d) / 2);box-sizing:border-box}.talos-range-label-item{position:absolute;top:0;transform:translate(-50%);font-size:.6875rem;color:var(--talos-range-tick-label-color, var(--talos-text-muted, #64748b));white-space:nowrap;cursor:pointer;transition:color .15s ease,font-weight .15s ease}.talos-range-label-item.is-active{color:var(--range-accent);font-weight:600}.talos-range-label-item:hover{color:var(--talos-text-color, #0f172a)}\n"] });
626
626
  }
627
627
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: TalosRangeInputComponent, decorators: [{
628
628
  type: Component,
@@ -637,7 +637,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImpor
637
637
  '[class.talos-range-disabled]': 'effectiveDisabled()',
638
638
  '[class.talos-range-invalid]': 'effectiveInvalid()',
639
639
  '[class.is-floating]': 'isFloatingMode()'
640
- }, template: "<div class=\"talos-range-wrapper\" [class.is-disabled]=\"effectiveDisabled()\" [class.is-readonly]=\"readonly()\"\n [class.is-invalid]=\"effectiveInvalid()\" [class.is-range]=\"isDualRange()\" [class.size-sm]=\"size() === 'sm'\"\n [class.size-md]=\"size() === 'md'\" [class.size-lg]=\"size() === 'lg'\" [class.variant-primary]=\"variant() === 'primary'\"\n [class.variant-secondary]=\"variant() === 'secondary'\" [class.variant-success]=\"variant() === 'success'\"\n [class.variant-warning]=\"variant() === 'warning'\" [class.variant-danger]=\"variant() === 'danger'\"\n [class.variant-info]=\"variant() === 'info'\">\n <!-- Header: Label, Hint & Optional Value Display / Synchronized Number Inputs -->\n @if (label() || hint() || showValueBadge() || showInputs()) {\n <div class=\"talos-range-header\">\n <div class=\"talos-range-label-group\" [class.is-floating-label]=\"isFloatingMode()\">\n @if (label()) {\n <label class=\"talos-range-label\" [class.is-floated]=\"isFloatingMode()\" [attr.for]=\"elementId() + '-thumb-0'\">\n {{ label() }}\n </label>\n }\n @if (hint()) {\n <span class=\"talos-range-hint\">{{ hint() }}</span>\n }\n </div>\n\n @if (showInputs()) {\n <div class=\"talos-range-inputs-group\">\n @if (isDualRange()) {\n <div class=\"talos-range-number-box\">\n @if (prefix()) {\n <span class=\"talos-range-input-affix\">{{ prefix() }}</span>\n }\n <input type=\"number\" class=\"talos-range-number-input\" [id]=\"elementId() + '-num-0'\" [min]=\"min()\"\n [max]=\"endValue()\" [step]=\"step()\" [disabled]=\"effectiveDisabled() || readonly()\" [value]=\"startValue()\"\n (change)=\"onNumberInputChange(0, $event)\" (keydown.enter)=\"onNumberInputChange(0, $event)\" />\n @if (suffix()) {\n <span class=\"talos-range-input-affix\">{{ suffix() }}</span>\n }\n </div>\n <span class=\"talos-range-inputs-separator\">\u2013</span>\n <div class=\"talos-range-number-box\">\n @if (prefix()) {\n <span class=\"talos-range-input-affix\">{{ prefix() }}</span>\n }\n <input type=\"number\" class=\"talos-range-number-input\" [id]=\"elementId() + '-num-1'\" [min]=\"startValue()\"\n [max]=\"max()\" [step]=\"step()\" [disabled]=\"effectiveDisabled() || readonly()\" [value]=\"endValue()\"\n (change)=\"onNumberInputChange(1, $event)\" (keydown.enter)=\"onNumberInputChange(1, $event)\" />\n @if (suffix()) {\n <span class=\"talos-range-input-affix\">{{ suffix() }}</span>\n }\n </div>\n } @else {\n <div class=\"talos-range-number-box\">\n @if (prefix()) {\n <span class=\"talos-range-input-affix\">{{ prefix() }}</span>\n }\n <input type=\"number\" class=\"talos-range-number-input\" [id]=\"elementId() + '-num'\" [min]=\"min()\" [max]=\"max()\"\n [step]=\"step()\" [disabled]=\"effectiveDisabled() || readonly()\" [value]=\"startValue()\"\n (change)=\"onNumberInputChange(0, $event)\" (keydown.enter)=\"onNumberInputChange(0, $event)\" />\n @if (suffix()) {\n <span class=\"talos-range-input-affix\">{{ suffix() }}</span>\n }\n </div>\n }\n </div>\n } @else if (showValueBadge()) {\n <div class=\"talos-range-value-badge\">\n @if (isDualRange()) {\n <span>{{ formatDisplayValue(startValue()) }} \u2013 {{ formatDisplayValue(endValue()) }}</span>\n } @else {\n <span>{{ formatDisplayValue(startValue()) }}</span>\n }\n </div>\n }\n </div>\n }\n\n <!-- Range Slider Container (Track, Fills, Ticks, Thumbs) -->\n <div #sliderTrackContainer class=\"talos-range-slider\" [class.is-active]=\"isDragging()\"\n (pointerdown)=\"onTrackPointerDown($event)\">\n <!-- Background Track -->\n <div class=\"talos-range-track\">\n <!-- Active Filled Range Segment -->\n <div class=\"talos-range-fill\" [style.left.%]=\"fillLeftPercent()\" [style.width.%]=\"fillWidthPercent()\"></div>\n\n <!-- Tick Marks -->\n @if (ticks().length > 0 && (showTicks() || marks())) {\n <div class=\"talos-range-ticks\">\n @for (tick of ticks(); track tick.value) {\n <div class=\"talos-range-tick\" [class.is-active]=\"tick.active\" [style.left.%]=\"tick.percent\"\n (click)=\"onTickClick(tick, $event)\"></div>\n }\n </div>\n }\n </div>\n\n <!-- Thumb 0 (Primary or Lower Bound Handle) -->\n <div #thumb0 class=\"talos-range-thumb\" [class.is-focused]=\"focusedThumb() === 0\"\n [class.is-dragging]=\"draggingThumb() === 0\" [class.is-tooltip-visible]=\"isTooltipVisible(0)\"\n [style.left.%]=\"thumb0Percent()\" tabindex=\"0\" role=\"slider\" [attr.id]=\"elementId() + '-thumb-0'\"\n [attr.aria-label]=\"isDualRange() ? ariaLabelStart() : ariaLabel()\" [attr.aria-valuemin]=\"min()\"\n [attr.aria-valuemax]=\"isDualRange() ? endValue() : max()\" [attr.aria-valuenow]=\"startValue()\"\n [attr.aria-valuetext]=\"formatDisplayValue(startValue())\"\n [attr.aria-disabled]=\"effectiveDisabled() ? 'true' : null\" (pointerdown)=\"onThumbPointerDown(0, $event)\"\n (keydown)=\"onThumbKeyDown(0, $event)\" (focus)=\"onThumbFocus(0)\" (blur)=\"onThumbBlur(0)\"\n (mouseenter)=\"onThumbMouseEnter(0)\" (mouseleave)=\"onThumbMouseLeave(0)\">\n <!-- Floating Value Tooltip -->\n @if (showTooltip() !== 'none') {\n <div class=\"talos-range-tooltip\" [class.visible]=\"isTooltipVisible(0)\">\n {{ formatDisplayValue(startValue()) }}\n </div>\n }\n </div>\n\n <!-- Thumb 1 (Upper Bound Handle for Dual Range) -->\n @if (isDualRange()) {\n <div #thumb1 class=\"talos-range-thumb\" [class.is-focused]=\"focusedThumb() === 1\"\n [class.is-dragging]=\"draggingThumb() === 1\" [class.is-tooltip-visible]=\"isTooltipVisible(1)\"\n [style.left.%]=\"thumb1Percent()\" tabindex=\"0\" role=\"slider\" [attr.id]=\"elementId() + '-thumb-1'\"\n [attr.aria-label]=\"ariaLabelEnd()\" [attr.aria-valuemin]=\"startValue()\" [attr.aria-valuemax]=\"max()\"\n [attr.aria-valuenow]=\"endValue()\" [attr.aria-valuetext]=\"formatDisplayValue(endValue())\"\n [attr.aria-disabled]=\"effectiveDisabled() ? 'true' : null\" (pointerdown)=\"onThumbPointerDown(1, $event)\"\n (keydown)=\"onThumbKeyDown(1, $event)\" (focus)=\"onThumbFocus(1)\" (blur)=\"onThumbBlur(1)\"\n (mouseenter)=\"onThumbMouseEnter(1)\" (mouseleave)=\"onThumbMouseLeave(1)\">\n <!-- Floating Value Tooltip -->\n @if (showTooltip() !== 'none') {\n <div class=\"talos-range-tooltip\" [class.visible]=\"isTooltipVisible(1)\">\n {{ formatDisplayValue(endValue()) }}\n </div>\n }\n </div>\n }\n </div>\n\n <!-- Interval / Step Labels under track -->\n @if (labels().length > 0 && (showIntervals() || showLabels() || marks())) {\n <div class=\"talos-range-labels\">\n @for (item of labels(); track item.value) {\n <span class=\"talos-range-label-item\" [class.is-active]=\"item.active\" [style.left.%]=\"item.percent\"\n (click)=\"onLabelClick(item, $event)\">\n {{ item.label }}\n </span>\n }\n </div>\n }\n</div>", styles: [":root{--talos-font-sans: \"Inter\", system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;--talos-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;--talos-font-display: var(--talos-font-sans);--talos-radius-none: 0px;--talos-radius-xs: .125rem;--talos-radius-sm: .25rem;--talos-radius-md: .375rem;--talos-radius-lg: .5rem;--talos-radius-xl: .75rem;--talos-radius-2xl: 1rem;--talos-radius-full: 9999px;--talos-height-sm: 2rem;--talos-height-md: 2.25rem;--talos-height-lg: 2.625rem;--talos-font-size-2xs: .6875rem;--talos-font-size-xs: .75rem;--talos-font-size-sm: .8125rem;--talos-font-size-base: .875rem;--talos-font-size-md: .875rem;--talos-font-size-lg: 1rem;--talos-font-size-xl: 1.125rem;--talos-font-size-2xl: 1.25rem;--talos-font-size-3xl: 1.5rem;--talos-font-size-4xl: 1.875rem;--talos-font-size-5xl: 2.25rem;--talos-font-weight-light: 300;--talos-font-weight-regular: 400;--talos-font-weight-medium: 500;--talos-font-weight-semibold: 600;--talos-font-weight-bold: 700;--talos-font-weight-extrabold: 800;--talos-line-height-none: 1;--talos-line-height-tight: 1.25;--talos-line-height-snug: 1.375;--talos-line-height-normal: 1.5;--talos-line-height-relaxed: 1.625;--talos-line-height-loose: 2;--talos-control-padding-x: .625rem;--talos-control-font-size: var(--talos-font-size-sm);--talos-control-height: var(--talos-height-md);--talos-border-radius: var(--talos-radius-md);--talos-shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .05);--talos-shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .08), 0 1px 2px -1px rgba(0, 0, 0, .05);--talos-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .08), 0 2px 4px -2px rgba(0, 0, 0, .04);--talos-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -4px rgba(0, 0, 0, .04);--talos-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .05);--talos-shadow-dialog: var(--talos-shadow-xl);--talos-shadow-dropdown: 0 10px 25px -5px rgba(0, 0, 0, .08), 0 4px 6px -2px rgba(0, 0, 0, .04);--talos-transition: .18s cubic-bezier(.4, 0, .2, 1);--talos-transition-slow: .28s cubic-bezier(.4, 0, .2, 1);--talos-bg-canvas: #f8fafc;--talos-bg-surface: #ffffff;--talos-bg-subtle: #f1f5f9;--talos-bg-overlay: rgba(15, 23, 42, .5);--talos-border-subtle: #f1f5f9;--talos-border-default: #cbd5e1;--talos-border-hover: #94a3b8;--talos-border-focus: #2563eb;--talos-focus-ring: 0 0 0 3px rgba(37, 99, 235, .18);--talos-text-primary: #0f172a;--talos-text-secondary: #334155;--talos-text-muted: #64748b;--talos-text-inverse: #ffffff;--talos-bg-color: var(--talos-bg-canvas);--talos-card-bg: var(--talos-bg-surface);--talos-card-bg-subtle: var(--talos-bg-subtle);--talos-border-color: var(--talos-border-default);--talos-text-color: var(--talos-text-primary);--talos-error-color: #ef4444;--talos-warning-color: #d97706;--talos-success-color: #16a34a;--bg-color: var(--talos-bg-canvas);--bg-subtle: var(--talos-bg-subtle);--card-bg: var(--talos-bg-surface);--card-bg-subtle: var(--talos-bg-subtle);--border-color: var(--talos-border-default);--border-hover: var(--talos-border-hover);--border-focus: var(--talos-border-focus);--text-color: var(--talos-text-primary);--text-muted: var(--talos-text-muted);--primary-color: var(--talos-primary);--primary-hover: var(--talos-primary-hover);--primary-active: var(--talos-primary-active);--primary-light: var(--talos-primary-subtle-bg);--primary-light-hover: var(--talos-primary-subtle-bg-hover);--talos-primary: #2563eb;--talos-primary-hover: #1d4ed8;--talos-primary-active: #1e40af;--talos-primary-subtle-bg: #eff6ff;--talos-primary-subtle-bg-hover: #dbeafe;--talos-primary-subtle-border: #bfdbfe;--talos-primary-text: #1e40af;--talos-primary-solid-bg: #2563eb;--talos-primary-solid-text: #ffffff;--talos-primary-color: var(--talos-primary);--talos-primary-light: var(--talos-primary-subtle-bg);--talos-primary-light-hover: var(--talos-primary-subtle-bg-hover);--talos-neutral: #475569;--talos-neutral-hover: #334155;--talos-neutral-active: #1e293b;--talos-neutral-subtle-bg: #f8fafc;--talos-neutral-subtle-bg-hover: #f1f5f9;--talos-neutral-subtle-border: #e2e8f0;--talos-neutral-text: #334155;--talos-neutral-solid-bg: #475569;--talos-neutral-solid-text: #ffffff;--talos-success: #16a34a;--talos-success-hover: #15803d;--talos-success-active: #166534;--talos-success-subtle-bg: #f0fdf4;--talos-success-subtle-bg-hover: #dcfce7;--talos-success-subtle-border: #bbf7d0;--talos-success-text: #166534;--talos-success-solid-bg: #16a34a;--talos-success-solid-text: #ffffff;--talos-warning: #d97706;--talos-warning-hover: #b45309;--talos-warning-active: #92400e;--talos-warning-subtle-bg: #fffbeb;--talos-warning-subtle-bg-hover: #fef3c7;--talos-warning-subtle-border: #fde68a;--talos-warning-text: #92400e;--talos-warning-solid-bg: #d97706;--talos-warning-solid-text: #ffffff;--talos-danger: #ef4444;--talos-danger-hover: #dc2626;--talos-danger-active: #b91c1c;--talos-danger-subtle-bg: #fef2f2;--talos-danger-subtle-bg-hover: #fee2e2;--talos-danger-subtle-border: #fecaca;--talos-danger-text: #991b1b;--talos-danger-solid-bg: #dc2626;--talos-danger-solid-text: #ffffff;--talos-info: #0284c7;--talos-info-hover: #0369a1;--talos-info-active: #075985;--talos-info-subtle-bg: #f0f9ff;--talos-info-subtle-bg-hover: #e0f2fe;--talos-info-subtle-border: #bae6fd;--talos-info-text: #0369a1;--talos-info-solid-bg: #0284c7;--talos-info-solid-text: #ffffff;--talos-purple: #7c3aed;--talos-purple-hover: #6d28d9;--talos-purple-active: #5b21b6;--talos-purple-subtle-bg: #f5f3ff;--talos-purple-subtle-bg-hover: #ede9fe;--talos-purple-subtle-border: #ddd6fe;--talos-purple-text: #6d28d9;--talos-purple-solid-bg: #7c3aed;--talos-purple-solid-text: #ffffff;--talos-input-bg: var(--talos-bg-surface);--talos-input-border: var(--talos-border-default);--talos-input-border-hover: var(--talos-border-hover);--talos-input-border-focus: var(--talos-border-focus);--talos-input-color: var(--talos-text-primary);--talos-input-placeholder-color: var(--talos-text-muted);--talos-input-disabled-bg: var(--talos-bg-subtle);--talos-input-disabled-border: var(--talos-border-default);--talos-input-disabled-color: var(--talos-text-muted);--talos-input-radius: var(--talos-radius-md);--talos-input-height: var(--talos-height-md);--talos-affix-btn-size-sm: 1.375rem;--talos-affix-btn-size-md: 1.5rem;--talos-affix-btn-size-lg: 1.75rem;--talos-affix-btn-radius: var(--talos-radius-sm, .25rem);--talos-affix-btn-icon-size-sm: .8125rem;--talos-affix-btn-icon-size-md: .875rem;--talos-affix-btn-icon-size-lg: 1rem;--talos-affix-btn-color: var(--talos-text-muted, #64748b);--talos-affix-btn-hover-color: var(--talos-text-color, #0f172a);--talos-affix-btn-hover-bg: var(--talos-btn-ghost-hover-bg, var(--talos-bg-subtle, rgba(148, 163, 184, .15)));--talos-affix-btn-active-bg: var(--talos-btn-ghost-active-bg, rgba(148, 163, 184, .25));--talos-sidebar-width: 260px;--talos-sidebar-collapsed-width: 68px;--talos-nav-bg: var(--talos-bg-surface);--talos-nav-border-color: var(--talos-border-subtle);--talos-active-nav-bg: var(--talos-primary-subtle-bg);--talos-active-nav-text: var(--talos-primary);--talos-nav-hover-bg: var(--talos-bg-subtle);--talos-nav-hover-text: var(--talos-text-primary);--talos-avatar-bg: var(--talos-primary-subtle-bg);--talos-avatar-text: var(--talos-primary-text);--talos-badge-bg: var(--talos-primary-subtle-bg);--talos-badge-text: var(--talos-primary-text);--talos-header-bg: var(--talos-bg-surface);--talos-header-border-color: var(--talos-border-subtle);--talos-right-panel-bg: var(--talos-bg-surface);--talos-right-panel-border: var(--talos-border-subtle);--talos-loading-overlay-bg: rgba(255, 255, 255, .75);--talos-dropdown-bg: var(--talos-bg-surface);--talos-dropdown-border: var(--talos-border-default);--talos-dropdown-shadow: var(--talos-shadow-dropdown);--talos-dropdown-hover-bg: var(--talos-bg-subtle);--talos-dropdown-selected-bg: var(--talos-primary-subtle-bg);--talos-btn-font-family: inherit;--talos-btn-border-radius: var(--talos-radius-md);--talos-btn-font-weight: 600;--talos-btn-transition: background-color var(--talos-transition), border-color var(--talos-transition), color var(--talos-transition), box-shadow var(--talos-transition), opacity var(--talos-transition);--talos-btn-ripple-color: rgba(255, 255, 255, .35);--talos-btn-primary-bg: var(--talos-primary-solid-bg);--talos-btn-primary-hover: var(--talos-primary-hover);--talos-btn-primary-active: var(--talos-primary-active);--talos-btn-primary-text: var(--talos-primary-solid-text);--talos-btn-secondary-bg: var(--talos-neutral-solid-bg);--talos-btn-secondary-hover: var(--talos-neutral-hover);--talos-btn-secondary-active: var(--talos-neutral-active);--talos-btn-secondary-text: var(--talos-neutral-solid-text);--talos-btn-outline-bg: transparent;--talos-btn-outline-border: var(--talos-border-default);--talos-btn-outline-hover-bg: var(--talos-bg-subtle);--talos-btn-outline-hover-border: var(--talos-border-hover);--talos-btn-outline-text: var(--talos-text-secondary);--talos-btn-ghost-bg: transparent;--talos-btn-ghost-text: var(--talos-text-muted);--talos-btn-ghost-hover-bg: var(--talos-bg-subtle);--talos-btn-ghost-hover-text: var(--talos-text-primary);--talos-btn-ghost-active-bg: var(--talos-neutral-subtle-bg-hover);--talos-btn-danger-bg: var(--talos-danger-solid-bg);--talos-btn-danger-hover: var(--talos-danger-hover);--talos-btn-danger-active: var(--talos-danger-active);--talos-btn-danger-text: var(--talos-danger-solid-text);--talos-btn-success-bg: var(--talos-success-solid-bg);--talos-btn-success-hover: var(--talos-success-hover);--talos-btn-success-active: var(--talos-success-active);--talos-btn-success-text: var(--talos-success-solid-text);--talos-btn-height-sm: var(--talos-height-sm);--talos-btn-height-md: var(--talos-height-md);--talos-btn-height-lg: var(--talos-height-lg);--talos-btn-padding-x-sm: .625rem;--talos-btn-padding-x-md: .875rem;--talos-btn-padding-x-lg: 1.125rem;--talos-btn-font-size-sm: var(--talos-font-size-xs);--talos-btn-font-size-md: var(--talos-font-size-sm);--talos-btn-font-size-lg: var(--talos-font-size-md);--talos-category-bar-gap: 2px;--talos-category-bar-track-bg: var(--talos-bg-subtle);--talos-category-bar-border-radius: var(--talos-radius-md);--talos-category-bar-height-xs: .25rem;--talos-category-bar-height-sm: .375rem;--talos-category-bar-height-md: .5rem;--talos-category-bar-height-lg: .75rem;--talos-category-bar-marker-ring: var(--talos-bg-surface);--talos-range-track-bg: var(--talos-border-default);--talos-range-track-fill: var(--talos-primary);--talos-range-track-disabled-bg: var(--talos-border-subtle);--talos-range-track-disabled-fill: var(--talos-text-muted);--talos-range-track-height-sm: .25rem;--talos-range-track-height-md: .375rem;--talos-range-track-height-lg: .5rem;--talos-range-thumb-size-sm: 1rem;--talos-range-thumb-size-md: 1.25rem;--talos-range-thumb-size-lg: 1.5rem;--talos-range-thumb-bg: var(--talos-bg-surface);--talos-range-thumb-border: var(--talos-primary);--talos-range-thumb-shadow: var(--talos-shadow-sm);--talos-range-thumb-hover-shadow: 0 0 0 4px rgba(37, 99, 235, .15);--talos-range-thumb-active-shadow: 0 0 0 6px rgba(37, 99, 235, .25);--talos-range-tick-color: var(--talos-text-muted);--talos-range-tick-active-color: #ffffff;--talos-range-tick-label-color: var(--talos-text-muted);--talos-range-tooltip-bg: #0f172a;--talos-range-tooltip-text: #ffffff;--talos-toggle-track-bg: var(--talos-border-default);--talos-toggle-track-bg-hover: var(--talos-border-hover);--talos-toggle-thumb-bg: var(--talos-bg-surface);--talos-snackbar-bg: var(--talos-bg-surface);--talos-snackbar-text: var(--talos-text-primary);--talos-snackbar-border: var(--talos-border-default);--talos-snackbar-border-radius: var(--talos-radius-lg);--talos-dialog-bg: var(--talos-bg-surface);--talos-dialog-border: var(--talos-border-default);--talos-dialog-radius: var(--talos-radius-xl);--talos-dialog-shadow: var(--talos-shadow-dialog);--talos-dialog-backdrop-bg: var(--talos-bg-overlay);--talos-dialog-backdrop-blur-bg: rgba(15, 23, 42, .35);--talos-dialog-title-color: var(--talos-text-primary);--talos-dialog-subtitle-color: var(--talos-text-muted);--talos-tooltip-bg: #0f172a;--talos-tooltip-text: #ffffff;--talos-dropzone-bg: var(--talos-bg-surface);--talos-dropzone-hover-bg: var(--talos-bg-subtle);--talos-dropzone-drag-bg: var(--talos-primary-subtle-bg);--talos-dropzone-border: var(--talos-border-default);--talos-dropzone-hover-border: var(--talos-border-hover);--talos-dropzone-drag-border: var(--talos-primary);--talos-dropzone-radius: var(--talos-radius-lg);--talos-dropzone-text: var(--talos-text-primary);--talos-dropzone-subtext: var(--talos-text-muted);--talos-dropzone-icon-color: var(--talos-primary);--talos-dropzone-file-bg: var(--talos-bg-surface);--talos-dropzone-file-border: var(--talos-border-default);--talos-rating-fill-warning: var(--talos-warning);--talos-rating-fill-primary: var(--talos-primary);--talos-rating-fill-danger: var(--talos-danger);--talos-rating-fill-success: var(--talos-success);--talos-rating-fill-purple: var(--talos-purple);--talos-rating-unfilled: var(--talos-border-default);--talos-rating-size-sm: 1.125rem;--talos-rating-size-md: 1.375rem;--talos-rating-size-lg: 1.75rem;--talos-rating-size-xl: 2.25rem}:root[data-theme=dark],:root.dark,[data-theme=dark],[data-mode=dark],.dark,.dark-theme{--talos-bg-canvas: #090d16;--talos-bg-surface: #0f172a;--talos-bg-subtle: #131d31;--talos-bg-overlay: rgba(3, 7, 18, .75);--talos-border-subtle: rgba(255, 255, 255, .06);--talos-border-default: rgba(255, 255, 255, .1);--talos-border-hover: rgba(255, 255, 255, .2);--talos-border-focus: #3b82f6;--talos-focus-ring: 0 0 0 3px rgba(59, 130, 246, .35);--talos-text-primary: #f8fafc;--talos-text-secondary: #e2e8f0;--talos-text-muted: #94a3b8;--talos-text-inverse: #090d16;--talos-shadow-dropdown: 0 16px 32px -4px rgba(0, 0, 0, .6), 0 0 0 1px rgba(255, 255, 255, .08);--talos-shadow-dialog: 0 25px 50px -12px rgba(0, 0, 0, .75), 0 0 0 1px rgba(255, 255, 255, .1);--talos-primary: #3b82f6;--talos-primary-hover: #60a5fa;--talos-primary-active: #2563eb;--talos-primary-subtle-bg: rgba(59, 130, 246, .16);--talos-primary-subtle-bg-hover: rgba(59, 130, 246, .26);--talos-primary-subtle-border: rgba(59, 130, 246, .35);--talos-primary-text: #93c5fd;--talos-primary-solid-bg: #2563eb;--talos-primary-solid-text: #ffffff;--talos-neutral: #94a3b8;--talos-neutral-hover: #cbd5e1;--talos-neutral-active: #f1f5f9;--talos-neutral-subtle-bg: rgba(148, 163, 184, .12);--talos-neutral-subtle-bg-hover: rgba(148, 163, 184, .2);--talos-neutral-subtle-border: rgba(148, 163, 184, .25);--talos-neutral-text: #e2e8f0;--talos-neutral-solid-bg: #334155;--talos-neutral-solid-text: #f8fafc;--talos-success: #22c55e;--talos-success-hover: #4ade80;--talos-success-active: #16a34a;--talos-success-subtle-bg: rgba(34, 197, 94, .16);--talos-success-subtle-bg-hover: rgba(34, 197, 94, .26);--talos-success-subtle-border: rgba(34, 197, 94, .35);--talos-success-text: #86efac;--talos-success-solid-bg: #16a34a;--talos-success-solid-text: #ffffff;--talos-warning: #f59e0b;--talos-warning-hover: #fbbf24;--talos-warning-active: #d97706;--talos-warning-subtle-bg: rgba(245, 158, 11, .16);--talos-warning-subtle-bg-hover: rgba(245, 158, 11, .26);--talos-warning-subtle-border: rgba(245, 158, 11, .35);--talos-warning-text: #fde047;--talos-warning-solid-bg: #d97706;--talos-warning-solid-text: #ffffff;--talos-danger: #ef4444;--talos-danger-hover: #f87171;--talos-danger-active: #dc2626;--talos-danger-subtle-bg: rgba(239, 68, 68, .16);--talos-danger-subtle-bg-hover: rgba(239, 68, 68, .26);--talos-danger-subtle-border: rgba(239, 68, 68, .35);--talos-danger-text: #fca5a5;--talos-danger-solid-bg: #dc2626;--talos-danger-solid-text: #ffffff;--talos-info: #0ea5e9;--talos-info-hover: #38bdf8;--talos-info-active: #0284c7;--talos-info-subtle-bg: rgba(14, 165, 233, .16);--talos-info-subtle-bg-hover: rgba(14, 165, 233, .26);--talos-info-subtle-border: rgba(14, 165, 233, .35);--talos-info-text: #7dd3fc;--talos-info-solid-bg: #0284c7;--talos-info-solid-text: #ffffff;--talos-purple: #8b5cf6;--talos-purple-hover: #a78bfa;--talos-purple-active: #7c3aed;--talos-purple-subtle-bg: rgba(139, 92, 246, .16);--talos-purple-subtle-bg-hover: rgba(139, 92, 246, .26);--talos-purple-subtle-border: rgba(139, 92, 246, .35);--talos-purple-text: #c4b5fd;--talos-purple-solid-bg: #7c3aed;--talos-purple-solid-text: #ffffff;--talos-tooltip-bg: #1e293b;--talos-tooltip-text: #f8fafc;--talos-range-tooltip-bg: #1e293b;--talos-range-tooltip-text: #f8fafc;--talos-range-tick-active-color: #f8fafc;--talos-loading-overlay-bg: rgba(9, 13, 22, .8);--talos-range-thumb-shadow: 0 2px 4px rgba(0, 0, 0, .5)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]):not(.light){--talos-bg-canvas: #090d16;--talos-bg-surface: #0f172a;--talos-bg-subtle: #131d31;--talos-bg-overlay: rgba(3, 7, 18, .75);--talos-border-subtle: rgba(255, 255, 255, .06);--talos-border-default: rgba(255, 255, 255, .1);--talos-border-hover: rgba(255, 255, 255, .2);--talos-border-focus: #3b82f6;--talos-focus-ring: 0 0 0 3px rgba(59, 130, 246, .35);--talos-text-primary: #f8fafc;--talos-text-secondary: #e2e8f0;--talos-text-muted: #94a3b8;--talos-text-inverse: #090d16;--talos-primary: #3b82f6;--talos-primary-hover: #60a5fa;--talos-primary-active: #2563eb;--talos-primary-subtle-bg: rgba(59, 130, 246, .16);--talos-primary-subtle-bg-hover: rgba(59, 130, 246, .26);--talos-primary-subtle-border: rgba(59, 130, 246, .35);--talos-primary-text: #93c5fd;--talos-neutral: #94a3b8;--talos-neutral-hover: #cbd5e1;--talos-neutral-active: #f1f5f9;--talos-neutral-subtle-bg: rgba(148, 163, 184, .12);--talos-neutral-subtle-bg-hover: rgba(148, 163, 184, .2);--talos-neutral-subtle-border: rgba(148, 163, 184, .25);--talos-neutral-text: #e2e8f0;--talos-success: #22c55e;--talos-success-hover: #4ade80;--talos-success-active: #16a34a;--talos-success-subtle-bg: rgba(34, 197, 94, .16);--talos-success-subtle-bg-hover: rgba(34, 197, 94, .26);--talos-success-subtle-border: rgba(34, 197, 94, .35);--talos-success-text: #86efac;--talos-warning: #f59e0b;--talos-warning-hover: #fbbf24;--talos-warning-active: #d97706;--talos-warning-subtle-bg: rgba(245, 158, 11, .16);--talos-warning-subtle-bg-hover: rgba(245, 158, 11, .26);--talos-warning-subtle-border: rgba(245, 158, 11, .35);--talos-warning-text: #fde047;--talos-danger: #ef4444;--talos-danger-hover: #f87171;--talos-danger-active: #dc2626;--talos-danger-subtle-bg: rgba(239, 68, 68, .16);--talos-danger-subtle-bg-hover: rgba(239, 68, 68, .26);--talos-danger-subtle-border: rgba(239, 68, 68, .35);--talos-danger-text: #fca5a5;--talos-info: #0ea5e9;--talos-info-hover: #38bdf8;--talos-info-active: #0284c7;--talos-info-subtle-bg: rgba(14, 165, 233, .16);--talos-info-subtle-bg-hover: rgba(14, 165, 233, .26);--talos-info-subtle-border: rgba(14, 165, 233, .35);--talos-info-text: #7dd3fc;--talos-purple: #8b5cf6;--talos-purple-hover: #a78bfa;--talos-purple-active: #7c3aed;--talos-purple-subtle-bg: rgba(139, 92, 246, .16);--talos-purple-subtle-bg-hover: rgba(139, 92, 246, .26);--talos-purple-subtle-border: rgba(139, 92, 246, .35);--talos-purple-text: #c4b5fd;--talos-tooltip-bg: #1e293b;--talos-tooltip-text: #f8fafc;--talos-range-tooltip-bg: #1e293b;--talos-range-tooltip-text: #f8fafc;--talos-range-tick-active-color: #f8fafc}}:host{display:block;width:100%;box-sizing:border-box}.talos-range-wrapper{display:flex;flex-direction:column;width:100%;box-sizing:border-box;-webkit-user-select:none;user-select:none;font-family:inherit;--range-accent: var(--talos-range-track-fill, var(--talos-primary-color));--range-accent-hover: var(--talos-primary-hover, #1d4ed8);--range-focus-glow: var(--talos-focus-ring, 0 0 0 3px rgba(37, 99, 235, .15));--range-track-h: var(--talos-range-track-height-md, .375rem);--range-thumb-d: var(--talos-range-thumb-size-md, 1.25rem);--range-thumb-border-width: 2px;--range-tick-w: 2px;--range-tick-h: 8px;--range-font-size: var(--talos-control-font-size, .8125rem)}.talos-range-wrapper.size-sm{--range-track-h: var(--talos-range-track-height-sm, .25rem);--range-thumb-d: var(--talos-range-thumb-size-sm, 1rem);--range-font-size: .75rem;--range-tick-h: 6px}.talos-range-wrapper.size-lg{--range-track-h: var(--talos-range-track-height-lg, .5rem);--range-thumb-d: var(--talos-range-thumb-size-lg, 1.5rem);--range-font-size: .875rem;--range-tick-h: 10px}.talos-range-wrapper.variant-primary{--range-accent: var(--talos-primary-color, #2563eb);--range-accent-hover: var(--talos-primary-hover, #1d4ed8);--range-focus-glow: 0 0 0 3px rgba(37, 99, 235, .2)}.talos-range-wrapper.variant-secondary{--range-accent: #475569;--range-accent-hover: #334155;--range-focus-glow: 0 0 0 3px rgba(71, 85, 105, .2)}.talos-range-wrapper.variant-success{--range-accent: #16a34a;--range-accent-hover: #15803d;--range-focus-glow: 0 0 0 3px rgba(22, 163, 74, .2)}.talos-range-wrapper.variant-warning{--range-accent: #d97706;--range-accent-hover: #b45309;--range-focus-glow: 0 0 0 3px rgba(217, 119, 6, .2)}.talos-range-wrapper.variant-danger{--range-accent: var(--talos-error-color, #ef4444);--range-accent-hover: #dc2626;--range-focus-glow: 0 0 0 3px rgba(239, 68, 68, .2)}.talos-range-wrapper.variant-info{--range-accent: #0284c7;--range-accent-hover: #0369a1;--range-focus-glow: 0 0 0 3px rgba(2, 132, 199, .2)}.talos-range-wrapper.is-invalid{--range-accent: var(--talos-error-color, #ef4444);--range-focus-glow: 0 0 0 3px rgba(239, 68, 68, .25)}.talos-range-wrapper.is-disabled{opacity:.55;cursor:not-allowed;pointer-events:none}.talos-range-wrapper.is-disabled .talos-range-thumb{cursor:not-allowed;border-color:var(--talos-range-track-disabled-fill, #94a3b8);background-color:var(--talos-range-track-disabled-bg, #cbd5e1);box-shadow:none}.talos-range-wrapper.is-disabled .talos-range-fill{background-color:var(--talos-range-track-disabled-fill, #94a3b8)}.talos-range-wrapper.is-readonly .talos-range-slider,.talos-range-wrapper.is-readonly .talos-range-thumb{cursor:default}.talos-range-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.5rem}.talos-range-label-group{display:flex;flex-direction:column;gap:.125rem}.talos-range-label{font-size:var(--range-font-size);font-weight:600;color:var(--talos-text-color, #0f172a)}.talos-range-hint{font-size:.75rem;color:var(--talos-text-muted, #64748b)}.talos-range-value-badge{display:inline-flex;align-items:center;padding:.125rem .5rem;font-size:.75rem;font-weight:600;border-radius:var(--talos-border-radius, .375rem);background-color:var(--talos-primary-light, #eff6ff);color:var(--range-accent)}.talos-range-inputs-group{display:flex;align-items:center;gap:.375rem}.talos-range-inputs-separator{color:var(--talos-text-muted, #64748b);font-weight:500}.talos-range-number-box{display:inline-flex;align-items:center;background-color:var(--talos-card-bg, #ffffff);border:1px solid var(--talos-border-color, #cbd5e1);border-radius:var(--talos-border-radius, .375rem);padding:0 .375rem;height:1.875rem;transition:border-color .15s ease,box-shadow .15s ease}.talos-range-number-box:focus-within{border-color:var(--range-accent);box-shadow:var(--range-focus-glow)}.talos-range-input-affix{font-size:.75rem;color:var(--talos-text-muted, #64748b);-webkit-user-select:none;user-select:none}.talos-range-number-input{width:3.5rem;border:none;background:transparent;padding:.125rem .25rem;font-size:.8125rem;font-weight:500;color:var(--talos-text-color, #0f172a);text-align:right;outline:none;font-family:inherit}.talos-range-number-input::-webkit-inner-spin-button,.talos-range-number-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.talos-range-number-input{-moz-appearance:textfield}.talos-range-slider{position:relative;width:100%;height:calc(var(--range-thumb-d) + .5rem);display:flex;align-items:center;cursor:pointer;touch-action:none;padding:0 calc(var(--range-thumb-d) / 2);box-sizing:border-box}.talos-range-slider.is-active{cursor:grabbing}.talos-range-track{position:relative;width:100%;height:var(--range-track-h);background-color:var(--talos-range-track-bg, #e2e8f0);border-radius:9999px;overflow:visible}.talos-range-fill{position:absolute;top:0;bottom:0;background-color:var(--range-accent);border-radius:9999px;transition:background-color .18s ease;pointer-events:none}.talos-range-ticks{position:absolute;inset:0;pointer-events:none}.talos-range-tick{position:absolute;top:50%;transform:translate(-50%,-50%);width:var(--range-tick-w);height:var(--range-tick-h);background-color:var(--talos-range-tick-color, #94a3b8);border-radius:1px;pointer-events:auto;cursor:pointer;transition:transform .15s ease,background-color .15s ease}.talos-range-tick.is-active{background-color:var(--talos-range-tick-active-color, #ffffff);box-shadow:0 0 2px #0000004d}.talos-range-tick:hover{transform:translate(-50%,-50%) scale(1.4)}.talos-range-thumb{position:absolute;top:50%;transform:translate(-50%,-50%);width:var(--range-thumb-d);height:var(--range-thumb-d);background-color:var(--talos-range-thumb-bg, #ffffff);border:var(--range-thumb-border-width) solid var(--range-accent);border-radius:50%;box-shadow:var(--talos-range-thumb-shadow, 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .08));cursor:grab;outline:none;box-sizing:border-box;transition:transform .12s cubic-bezier(.4,0,.2,1),box-shadow .12s cubic-bezier(.4,0,.2,1),border-color .12s cubic-bezier(.4,0,.2,1);z-index:2}.talos-range-thumb:hover{box-shadow:var(--talos-range-thumb-hover-shadow, 0 0 0 4px rgba(37, 99, 235, .15));transform:translate(-50%,-50%) scale(1.08)}.talos-range-thumb.is-focused,.talos-range-thumb:focus-visible{box-shadow:var(--range-focus-glow);transform:translate(-50%,-50%) scale(1.12);z-index:3}.talos-range-thumb.is-dragging{cursor:grabbing;box-shadow:var(--talos-range-thumb-active-shadow, 0 0 0 6px rgba(37, 99, 235, .25));transform:translate(-50%,-50%) scale(1.16);z-index:4}.talos-range-tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(4px);background-color:var(--talos-range-tooltip-bg, #1e293b);color:var(--talos-range-tooltip-text, #ffffff);font-size:.6875rem;font-weight:600;padding:.1875rem .4375rem;border-radius:.25rem;white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .15s ease,transform .15s ease,visibility .15s ease;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;z-index:10}.talos-range-tooltip:after{content:\"\";position:absolute;top:100%;left:50%;transform:translate(-50%);border-width:4px;border-style:solid;border-color:var(--talos-range-tooltip-bg, #1e293b) transparent transparent transparent}.talos-range-tooltip.visible{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.talos-range-labels{position:relative;width:100%;margin-top:.25rem;height:1.125rem;padding:0 calc(var(--range-thumb-d) / 2);box-sizing:border-box}.talos-range-label-item{position:absolute;top:0;transform:translate(-50%);font-size:.6875rem;color:var(--talos-range-tick-label-color, var(--talos-text-muted, #64748b));white-space:nowrap;cursor:pointer;transition:color .15s ease,font-weight .15s ease}.talos-range-label-item.is-active{color:var(--range-accent);font-weight:600}.talos-range-label-item:hover{color:var(--talos-text-color, #0f172a)}\n"] }]
640
+ }, template: "<div class=\"talos-range-wrapper\" [class.is-disabled]=\"effectiveDisabled()\" [class.is-readonly]=\"readonly()\"\n [class.is-invalid]=\"effectiveInvalid()\" [class.is-range]=\"isDualRange()\" [class.size-sm]=\"size() === 'sm'\"\n [class.size-md]=\"size() === 'md'\" [class.size-lg]=\"size() === 'lg'\" [class.variant-primary]=\"variant() === 'primary'\"\n [class.variant-secondary]=\"variant() === 'secondary'\" [class.variant-success]=\"variant() === 'success'\"\n [class.variant-warning]=\"variant() === 'warning'\" [class.variant-danger]=\"variant() === 'danger'\"\n [class.variant-info]=\"variant() === 'info'\">\n <!-- Header: Label, Hint & Optional Value Display / Synchronized Number Inputs -->\n @if (label() || hint() || showValueBadge() || showInputs()) {\n <div class=\"talos-range-header\">\n <div class=\"talos-range-label-group\" [class.is-floating-label]=\"isFloatingMode()\">\n @if (label()) {\n <label class=\"talos-range-label\" [class.is-floated]=\"isFloatingMode()\" [attr.for]=\"elementId() + '-thumb-0'\">\n {{ label() }}\n </label>\n }\n @if (hint()) {\n <span class=\"talos-range-hint\">{{ hint() }}</span>\n }\n </div>\n\n @if (showInputs()) {\n <div class=\"talos-range-inputs-group\">\n @if (isDualRange()) {\n <div class=\"talos-range-number-box\">\n @if (prefix()) {\n <span class=\"talos-range-input-affix\">{{ prefix() }}</span>\n }\n <input type=\"number\" class=\"talos-range-number-input\" [id]=\"elementId() + '-num-0'\" [min]=\"min()\"\n [max]=\"endValue()\" [step]=\"step()\" [disabled]=\"effectiveDisabled() || readonly()\" [value]=\"startValue()\"\n (change)=\"onNumberInputChange(0, $event)\" (keydown.enter)=\"onNumberInputChange(0, $event)\" />\n @if (suffix()) {\n <span class=\"talos-range-input-affix\">{{ suffix() }}</span>\n }\n </div>\n <span class=\"talos-range-inputs-separator\">\u2013</span>\n <div class=\"talos-range-number-box\">\n @if (prefix()) {\n <span class=\"talos-range-input-affix\">{{ prefix() }}</span>\n }\n <input type=\"number\" class=\"talos-range-number-input\" [id]=\"elementId() + '-num-1'\" [min]=\"startValue()\"\n [max]=\"max()\" [step]=\"step()\" [disabled]=\"effectiveDisabled() || readonly()\" [value]=\"endValue()\"\n (change)=\"onNumberInputChange(1, $event)\" (keydown.enter)=\"onNumberInputChange(1, $event)\" />\n @if (suffix()) {\n <span class=\"talos-range-input-affix\">{{ suffix() }}</span>\n }\n </div>\n } @else {\n <div class=\"talos-range-number-box\">\n @if (prefix()) {\n <span class=\"talos-range-input-affix\">{{ prefix() }}</span>\n }\n <input type=\"number\" class=\"talos-range-number-input\" [id]=\"elementId() + '-num'\" [min]=\"min()\" [max]=\"max()\"\n [step]=\"step()\" [disabled]=\"effectiveDisabled() || readonly()\" [value]=\"startValue()\"\n (change)=\"onNumberInputChange(0, $event)\" (keydown.enter)=\"onNumberInputChange(0, $event)\" />\n @if (suffix()) {\n <span class=\"talos-range-input-affix\">{{ suffix() }}</span>\n }\n </div>\n }\n </div>\n } @else if (showValueBadge()) {\n <div class=\"talos-range-value-badge\">\n @if (isDualRange()) {\n <span>{{ formatDisplayValue(startValue()) }} \u2013 {{ formatDisplayValue(endValue()) }}</span>\n } @else {\n <span>{{ formatDisplayValue(startValue()) }}</span>\n }\n </div>\n }\n </div>\n }\n\n <!-- Range Slider Container (Track, Fills, Ticks, Thumbs) -->\n <div #sliderTrackContainer class=\"talos-range-slider\" [class.is-active]=\"isDragging()\"\n (pointerdown)=\"onTrackPointerDown($event)\">\n <!-- Background Track -->\n <div class=\"talos-range-track\">\n <!-- Active Filled Range Segment -->\n <div class=\"talos-range-fill\" [style.left.%]=\"fillLeftPercent()\" [style.width.%]=\"fillWidthPercent()\"></div>\n\n <!-- Tick Marks -->\n @if (ticks().length > 0 && (showTicks() || marks())) {\n <div class=\"talos-range-ticks\">\n @for (tick of ticks(); track tick.value) {\n <div class=\"talos-range-tick\" [class.is-active]=\"tick.active\" [style.left.%]=\"tick.percent\"\n (click)=\"onTickClick(tick, $event)\"></div>\n }\n </div>\n }\n </div>\n\n <!-- Thumb 0 (Primary or Lower Bound Handle) -->\n <div #thumb0 class=\"talos-range-thumb\" [class.is-focused]=\"focusedThumb() === 0\"\n [class.is-dragging]=\"draggingThumb() === 0\" [class.is-tooltip-visible]=\"isTooltipVisible(0)\"\n [style.left.%]=\"thumb0Percent()\" tabindex=\"0\" role=\"slider\" [attr.id]=\"elementId() + '-thumb-0'\"\n [attr.aria-label]=\"isDualRange() ? ariaLabelStart() : ariaLabel()\" [attr.aria-valuemin]=\"min()\"\n [attr.aria-valuemax]=\"isDualRange() ? endValue() : max()\" [attr.aria-valuenow]=\"startValue()\"\n [attr.aria-valuetext]=\"formatDisplayValue(startValue())\"\n [attr.aria-disabled]=\"effectiveDisabled() ? 'true' : null\" (pointerdown)=\"onThumbPointerDown(0, $event)\"\n (keydown)=\"onThumbKeyDown(0, $event)\" (focus)=\"onThumbFocus(0)\" (blur)=\"onThumbBlur(0)\"\n (mouseenter)=\"onThumbMouseEnter(0)\" (mouseleave)=\"onThumbMouseLeave(0)\">\n <!-- Floating Value Tooltip -->\n @if (showTooltip() !== 'none') {\n <div class=\"talos-range-tooltip\" [class.visible]=\"isTooltipVisible(0)\">\n {{ formatDisplayValue(startValue()) }}\n </div>\n }\n </div>\n\n <!-- Thumb 1 (Upper Bound Handle for Dual Range) -->\n @if (isDualRange()) {\n <div #thumb1 class=\"talos-range-thumb\" [class.is-focused]=\"focusedThumb() === 1\"\n [class.is-dragging]=\"draggingThumb() === 1\" [class.is-tooltip-visible]=\"isTooltipVisible(1)\"\n [style.left.%]=\"thumb1Percent()\" tabindex=\"0\" role=\"slider\" [attr.id]=\"elementId() + '-thumb-1'\"\n [attr.aria-label]=\"ariaLabelEnd()\" [attr.aria-valuemin]=\"startValue()\" [attr.aria-valuemax]=\"max()\"\n [attr.aria-valuenow]=\"endValue()\" [attr.aria-valuetext]=\"formatDisplayValue(endValue())\"\n [attr.aria-disabled]=\"effectiveDisabled() ? 'true' : null\" (pointerdown)=\"onThumbPointerDown(1, $event)\"\n (keydown)=\"onThumbKeyDown(1, $event)\" (focus)=\"onThumbFocus(1)\" (blur)=\"onThumbBlur(1)\"\n (mouseenter)=\"onThumbMouseEnter(1)\" (mouseleave)=\"onThumbMouseLeave(1)\">\n <!-- Floating Value Tooltip -->\n @if (showTooltip() !== 'none') {\n <div class=\"talos-range-tooltip\" [class.visible]=\"isTooltipVisible(1)\">\n {{ formatDisplayValue(endValue()) }}\n </div>\n }\n </div>\n }\n </div>\n\n <!-- Interval / Step Labels under track -->\n @if (labels().length > 0 && (showIntervals() || showLabels() || marks())) {\n <div class=\"talos-range-labels\">\n @for (item of labels(); track item.value) {\n <span class=\"talos-range-label-item\" [class.is-active]=\"item.active\" [style.left.%]=\"item.percent\"\n (click)=\"onLabelClick(item, $event)\">\n {{ item.label }}\n </span>\n }\n </div>\n }\n</div>", styles: [":root{--talos-font-sans: \"Inter\", system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;--talos-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;--talos-font-display: var(--talos-font-sans);--talos-radius-none: 0px;--talos-radius-xs: .125rem;--talos-radius-sm: .25rem;--talos-radius-md: .375rem;--talos-radius-lg: .5rem;--talos-radius-xl: .75rem;--talos-radius-2xl: 1rem;--talos-radius-full: 9999px;--talos-height-xs: 1.625rem;--talos-height-sm: 2rem;--talos-height-md: 2.25rem;--talos-height-lg: 2.625rem;--talos-font-size-2xs: .6875rem;--talos-font-size-xs: .75rem;--talos-font-size-sm: .8125rem;--talos-font-size-base: .875rem;--talos-font-size-md: .875rem;--talos-font-size-lg: 1rem;--talos-font-size-xl: 1.125rem;--talos-font-size-2xl: 1.25rem;--talos-font-size-3xl: 1.5rem;--talos-font-size-4xl: 1.875rem;--talos-font-size-5xl: 2.25rem;--talos-font-weight-light: 300;--talos-font-weight-regular: 400;--talos-font-weight-medium: 500;--talos-font-weight-semibold: 600;--talos-font-weight-bold: 700;--talos-font-weight-extrabold: 800;--talos-line-height-none: 1;--talos-line-height-tight: 1.25;--talos-line-height-snug: 1.375;--talos-line-height-normal: 1.5;--talos-line-height-relaxed: 1.625;--talos-line-height-loose: 2;--talos-control-padding-x: .625rem;--talos-control-font-size: var(--talos-font-size-sm);--talos-control-height: var(--talos-height-md);--talos-border-radius: var(--talos-radius-md);--talos-shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .05);--talos-shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .08), 0 1px 2px -1px rgba(0, 0, 0, .05);--talos-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .08), 0 2px 4px -2px rgba(0, 0, 0, .04);--talos-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -4px rgba(0, 0, 0, .04);--talos-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .05);--talos-shadow-dialog: var(--talos-shadow-xl);--talos-shadow-dropdown: 0 10px 25px -5px rgba(0, 0, 0, .08), 0 4px 6px -2px rgba(0, 0, 0, .04);--talos-transition: .18s cubic-bezier(.4, 0, .2, 1);--talos-transition-slow: .28s cubic-bezier(.4, 0, .2, 1);--talos-bg-canvas: #f8fafc;--talos-bg-surface: #ffffff;--talos-bg-subtle: #f1f5f9;--talos-bg-overlay: rgba(15, 23, 42, .5);--talos-border-subtle: #f1f5f9;--talos-border-default: #cbd5e1;--talos-border-hover: #94a3b8;--talos-border-focus: #2563eb;--talos-focus-ring: 0 0 0 3px rgba(37, 99, 235, .18);--talos-text-primary: #0f172a;--talos-text-secondary: #334155;--talos-text-muted: #64748b;--talos-text-inverse: #ffffff;--talos-bg-color: var(--talos-bg-canvas);--talos-card-bg: var(--talos-bg-surface);--talos-card-bg-subtle: var(--talos-bg-subtle);--talos-border-color: var(--talos-border-default);--talos-text-color: var(--talos-text-primary);--talos-error-color: #ef4444;--talos-warning-color: #d97706;--talos-success-color: #16a34a;--bg-color: var(--talos-bg-canvas);--bg-subtle: var(--talos-bg-subtle);--card-bg: var(--talos-bg-surface);--card-bg-subtle: var(--talos-bg-subtle);--border-color: var(--talos-border-default);--border-hover: var(--talos-border-hover);--border-focus: var(--talos-border-focus);--text-color: var(--talos-text-primary);--text-muted: var(--talos-text-muted);--primary-color: var(--talos-primary);--primary-hover: var(--talos-primary-hover);--primary-active: var(--talos-primary-active);--primary-light: var(--talos-primary-subtle-bg);--primary-light-hover: var(--talos-primary-subtle-bg-hover);--talos-primary: #2563eb;--talos-primary-hover: #1d4ed8;--talos-primary-active: #1e40af;--talos-primary-subtle-bg: #eff6ff;--talos-primary-subtle-bg-hover: #dbeafe;--talos-primary-subtle-border: #bfdbfe;--talos-primary-text: #1e40af;--talos-primary-solid-bg: #2563eb;--talos-primary-solid-text: #ffffff;--talos-primary-color: var(--talos-primary);--talos-primary-light: var(--talos-primary-subtle-bg);--talos-primary-light-hover: var(--talos-primary-subtle-bg-hover);--talos-neutral: #475569;--talos-neutral-hover: #334155;--talos-neutral-active: #1e293b;--talos-neutral-subtle-bg: #f8fafc;--talos-neutral-subtle-bg-hover: #f1f5f9;--talos-neutral-subtle-border: #e2e8f0;--talos-neutral-text: #334155;--talos-neutral-solid-bg: #475569;--talos-neutral-solid-text: #ffffff;--talos-success: #16a34a;--talos-success-hover: #15803d;--talos-success-active: #166534;--talos-success-subtle-bg: #f0fdf4;--talos-success-subtle-bg-hover: #dcfce7;--talos-success-subtle-border: #bbf7d0;--talos-success-text: #166534;--talos-success-solid-bg: #16a34a;--talos-success-solid-text: #ffffff;--talos-warning: #d97706;--talos-warning-hover: #b45309;--talos-warning-active: #92400e;--talos-warning-subtle-bg: #fffbeb;--talos-warning-subtle-bg-hover: #fef3c7;--talos-warning-subtle-border: #fde68a;--talos-warning-text: #92400e;--talos-warning-solid-bg: #d97706;--talos-warning-solid-text: #ffffff;--talos-danger: #ef4444;--talos-danger-hover: #dc2626;--talos-danger-active: #b91c1c;--talos-danger-subtle-bg: #fef2f2;--talos-danger-subtle-bg-hover: #fee2e2;--talos-danger-subtle-border: #fecaca;--talos-danger-text: #991b1b;--talos-danger-solid-bg: #dc2626;--talos-danger-solid-text: #ffffff;--talos-info: #0284c7;--talos-info-hover: #0369a1;--talos-info-active: #075985;--talos-info-subtle-bg: #f0f9ff;--talos-info-subtle-bg-hover: #e0f2fe;--talos-info-subtle-border: #bae6fd;--talos-info-text: #0369a1;--talos-info-solid-bg: #0284c7;--talos-info-solid-text: #ffffff;--talos-purple: #7c3aed;--talos-purple-hover: #6d28d9;--talos-purple-active: #5b21b6;--talos-purple-subtle-bg: #f5f3ff;--talos-purple-subtle-bg-hover: #ede9fe;--talos-purple-subtle-border: #ddd6fe;--talos-purple-text: #6d28d9;--talos-purple-solid-bg: #7c3aed;--talos-purple-solid-text: #ffffff;--talos-input-bg: var(--talos-bg-surface);--talos-input-border: var(--talos-border-default);--talos-input-border-hover: var(--talos-border-hover);--talos-input-border-focus: var(--talos-border-focus);--talos-input-color: var(--talos-text-primary);--talos-input-placeholder-color: var(--talos-text-muted);--talos-input-disabled-bg: var(--talos-bg-subtle);--talos-input-disabled-border: var(--talos-border-default);--talos-input-disabled-color: var(--talos-text-muted);--talos-input-radius: var(--talos-radius-md);--talos-input-height: var(--talos-height-md);--talos-affix-btn-size-sm: 1.375rem;--talos-affix-btn-size-md: 1.5rem;--talos-affix-btn-size-lg: 1.75rem;--talos-affix-btn-radius: var(--talos-radius-sm, .25rem);--talos-affix-btn-icon-size-sm: .8125rem;--talos-affix-btn-icon-size-md: .875rem;--talos-affix-btn-icon-size-lg: 1rem;--talos-affix-btn-color: var(--talos-text-muted, #64748b);--talos-affix-btn-hover-color: var(--talos-text-color, #0f172a);--talos-affix-btn-hover-bg: var(--talos-btn-ghost-hover-bg, var(--talos-bg-subtle, rgba(148, 163, 184, .15)));--talos-affix-btn-active-bg: var(--talos-btn-ghost-active-bg, rgba(148, 163, 184, .25));--talos-sidebar-width: 260px;--talos-sidebar-collapsed-width: 68px;--talos-nav-bg: var(--talos-bg-surface);--talos-nav-border-color: var(--talos-border-subtle);--talos-active-nav-bg: var(--talos-primary-subtle-bg);--talos-active-nav-text: var(--talos-primary);--talos-nav-hover-bg: var(--talos-bg-subtle);--talos-nav-hover-text: var(--talos-text-primary);--talos-avatar-bg: var(--talos-primary-subtle-bg);--talos-avatar-text: var(--talos-primary-text);--talos-badge-bg: var(--talos-primary-subtle-bg);--talos-badge-text: var(--talos-primary-text);--talos-header-bg: var(--talos-bg-surface);--talos-header-border-color: var(--talos-border-subtle);--talos-right-panel-bg: var(--talos-bg-surface);--talos-right-panel-border: var(--talos-border-subtle);--talos-loading-overlay-bg: rgba(255, 255, 255, .75);--talos-dropdown-bg: var(--talos-bg-surface);--talos-dropdown-border: var(--talos-border-default);--talos-dropdown-shadow: var(--talos-shadow-dropdown);--talos-dropdown-hover-bg: var(--talos-bg-subtle);--talos-dropdown-selected-bg: var(--talos-primary-subtle-bg);--talos-btn-font-family: inherit;--talos-btn-border-radius: var(--talos-radius-md);--talos-btn-font-weight: 600;--talos-btn-transition: background-color var(--talos-transition), border-color var(--talos-transition), color var(--talos-transition), box-shadow var(--talos-transition), opacity var(--talos-transition);--talos-btn-ripple-color: rgba(255, 255, 255, .35);--talos-btn-primary-bg: var(--talos-primary-solid-bg);--talos-btn-primary-hover: var(--talos-primary-hover);--talos-btn-primary-active: var(--talos-primary-active);--talos-btn-primary-text: var(--talos-primary-solid-text);--talos-btn-secondary-bg: var(--talos-neutral-solid-bg);--talos-btn-secondary-hover: var(--talos-neutral-hover);--talos-btn-secondary-active: var(--talos-neutral-active);--talos-btn-secondary-text: var(--talos-neutral-solid-text);--talos-btn-outline-bg: transparent;--talos-btn-outline-border: var(--talos-border-default);--talos-btn-outline-hover-bg: var(--talos-bg-subtle);--talos-btn-outline-hover-border: var(--talos-border-hover);--talos-btn-outline-text: var(--talos-text-secondary);--talos-btn-ghost-bg: transparent;--talos-btn-ghost-text: var(--talos-text-muted);--talos-btn-ghost-hover-bg: var(--talos-bg-subtle);--talos-btn-ghost-hover-text: var(--talos-text-primary);--talos-btn-ghost-active-bg: var(--talos-neutral-subtle-bg-hover);--talos-btn-danger-bg: var(--talos-danger-solid-bg);--talos-btn-danger-hover: var(--talos-danger-hover);--talos-btn-danger-active: var(--talos-danger-active);--talos-btn-danger-text: var(--talos-danger-solid-text);--talos-btn-success-bg: var(--talos-success-solid-bg);--talos-btn-success-hover: var(--talos-success-hover);--talos-btn-success-active: var(--talos-success-active);--talos-btn-success-text: var(--talos-success-solid-text);--talos-btn-height-xs: var(--talos-height-xs, 1.625rem);--talos-btn-height-sm: var(--talos-height-sm);--talos-btn-height-md: var(--talos-height-md);--talos-btn-height-lg: var(--talos-height-lg);--talos-btn-padding-x-xs: .5rem;--talos-btn-padding-x-sm: .625rem;--talos-btn-padding-x-md: .875rem;--talos-btn-padding-x-lg: 1.125rem;--talos-btn-font-size-xs: var(--talos-font-size-2xs, .6875rem);--talos-btn-font-size-sm: var(--talos-font-size-xs);--talos-btn-font-size-md: var(--talos-font-size-sm);--talos-btn-font-size-lg: var(--talos-font-size-md);--talos-category-bar-gap: 2px;--talos-category-bar-track-bg: var(--talos-bg-subtle);--talos-category-bar-border-radius: var(--talos-radius-md);--talos-category-bar-height-xs: .25rem;--talos-category-bar-height-sm: .375rem;--talos-category-bar-height-md: .5rem;--talos-category-bar-height-lg: .75rem;--talos-category-bar-marker-ring: var(--talos-bg-surface);--talos-range-track-bg: var(--talos-border-default);--talos-range-track-fill: var(--talos-primary);--talos-range-track-disabled-bg: var(--talos-border-subtle);--talos-range-track-disabled-fill: var(--talos-text-muted);--talos-range-track-height-sm: .25rem;--talos-range-track-height-md: .375rem;--talos-range-track-height-lg: .5rem;--talos-range-thumb-size-sm: 1rem;--talos-range-thumb-size-md: 1.25rem;--talos-range-thumb-size-lg: 1.5rem;--talos-range-thumb-bg: var(--talos-bg-surface);--talos-range-thumb-border: var(--talos-primary);--talos-range-thumb-shadow: var(--talos-shadow-sm);--talos-range-thumb-hover-shadow: 0 0 0 4px rgba(37, 99, 235, .15);--talos-range-thumb-active-shadow: 0 0 0 6px rgba(37, 99, 235, .25);--talos-range-tick-color: var(--talos-text-muted);--talos-range-tick-active-color: #ffffff;--talos-range-tick-label-color: var(--talos-text-muted);--talos-range-tooltip-bg: #0f172a;--talos-range-tooltip-text: #ffffff;--talos-toggle-track-bg: var(--talos-border-default);--talos-toggle-track-bg-hover: var(--talos-border-hover);--talos-toggle-thumb-bg: var(--talos-bg-surface);--talos-snackbar-bg: var(--talos-bg-surface);--talos-snackbar-text: var(--talos-text-primary);--talos-snackbar-border: var(--talos-border-default);--talos-snackbar-border-radius: var(--talos-radius-lg);--talos-dialog-bg: var(--talos-bg-surface);--talos-dialog-border: var(--talos-border-default);--talos-dialog-radius: var(--talos-radius-xl);--talos-dialog-shadow: var(--talos-shadow-dialog);--talos-dialog-backdrop-bg: var(--talos-bg-overlay);--talos-dialog-backdrop-blur-bg: rgba(15, 23, 42, .35);--talos-dialog-title-color: var(--talos-text-primary);--talos-dialog-subtitle-color: var(--talos-text-muted);--talos-tooltip-bg: #0f172a;--talos-tooltip-text: #ffffff;--talos-dropzone-bg: var(--talos-bg-surface);--talos-dropzone-hover-bg: var(--talos-bg-subtle);--talos-dropzone-drag-bg: var(--talos-primary-subtle-bg);--talos-dropzone-border: var(--talos-border-default);--talos-dropzone-hover-border: var(--talos-border-hover);--talos-dropzone-drag-border: var(--talos-primary);--talos-dropzone-radius: var(--talos-radius-lg);--talos-dropzone-text: var(--talos-text-primary);--talos-dropzone-subtext: var(--talos-text-muted);--talos-dropzone-icon-color: var(--talos-primary);--talos-dropzone-file-bg: var(--talos-bg-surface);--talos-dropzone-file-border: var(--talos-border-default);--talos-rating-fill-warning: var(--talos-warning);--talos-rating-fill-primary: var(--talos-primary);--talos-rating-fill-danger: var(--talos-danger);--talos-rating-fill-success: var(--talos-success);--talos-rating-fill-purple: var(--talos-purple);--talos-rating-unfilled: var(--talos-border-default);--talos-rating-size-sm: 1.125rem;--talos-rating-size-md: 1.375rem;--talos-rating-size-lg: 1.75rem;--talos-rating-size-xl: 2.25rem}:root[data-theme=dark],:root.dark,[data-theme=dark],[data-mode=dark],.dark,.dark-theme{--talos-bg-canvas: #090d16;--talos-bg-surface: #0f172a;--talos-bg-subtle: #131d31;--talos-bg-overlay: rgba(3, 7, 18, .75);--talos-border-subtle: rgba(255, 255, 255, .06);--talos-border-default: rgba(255, 255, 255, .1);--talos-border-hover: rgba(255, 255, 255, .2);--talos-border-focus: #3b82f6;--talos-focus-ring: 0 0 0 3px rgba(59, 130, 246, .35);--talos-text-primary: #f8fafc;--talos-text-secondary: #e2e8f0;--talos-text-muted: #94a3b8;--talos-text-inverse: #090d16;--talos-shadow-dropdown: 0 16px 32px -4px rgba(0, 0, 0, .6), 0 0 0 1px rgba(255, 255, 255, .08);--talos-shadow-dialog: 0 25px 50px -12px rgba(0, 0, 0, .75), 0 0 0 1px rgba(255, 255, 255, .1);--talos-primary: #3b82f6;--talos-primary-hover: #60a5fa;--talos-primary-active: #2563eb;--talos-primary-subtle-bg: rgba(59, 130, 246, .16);--talos-primary-subtle-bg-hover: rgba(59, 130, 246, .26);--talos-primary-subtle-border: rgba(59, 130, 246, .35);--talos-primary-text: #93c5fd;--talos-primary-solid-bg: #2563eb;--talos-primary-solid-text: #ffffff;--talos-neutral: #94a3b8;--talos-neutral-hover: #cbd5e1;--talos-neutral-active: #f1f5f9;--talos-neutral-subtle-bg: rgba(148, 163, 184, .12);--talos-neutral-subtle-bg-hover: rgba(148, 163, 184, .2);--talos-neutral-subtle-border: rgba(148, 163, 184, .25);--talos-neutral-text: #e2e8f0;--talos-neutral-solid-bg: #334155;--talos-neutral-solid-text: #f8fafc;--talos-success: #22c55e;--talos-success-hover: #4ade80;--talos-success-active: #16a34a;--talos-success-subtle-bg: rgba(34, 197, 94, .16);--talos-success-subtle-bg-hover: rgba(34, 197, 94, .26);--talos-success-subtle-border: rgba(34, 197, 94, .35);--talos-success-text: #86efac;--talos-success-solid-bg: #16a34a;--talos-success-solid-text: #ffffff;--talos-warning: #f59e0b;--talos-warning-hover: #fbbf24;--talos-warning-active: #d97706;--talos-warning-subtle-bg: rgba(245, 158, 11, .16);--talos-warning-subtle-bg-hover: rgba(245, 158, 11, .26);--talos-warning-subtle-border: rgba(245, 158, 11, .35);--talos-warning-text: #fde047;--talos-warning-solid-bg: #d97706;--talos-warning-solid-text: #ffffff;--talos-danger: #ef4444;--talos-danger-hover: #f87171;--talos-danger-active: #dc2626;--talos-danger-subtle-bg: rgba(239, 68, 68, .16);--talos-danger-subtle-bg-hover: rgba(239, 68, 68, .26);--talos-danger-subtle-border: rgba(239, 68, 68, .35);--talos-danger-text: #fca5a5;--talos-danger-solid-bg: #dc2626;--talos-danger-solid-text: #ffffff;--talos-info: #0ea5e9;--talos-info-hover: #38bdf8;--talos-info-active: #0284c7;--talos-info-subtle-bg: rgba(14, 165, 233, .16);--talos-info-subtle-bg-hover: rgba(14, 165, 233, .26);--talos-info-subtle-border: rgba(14, 165, 233, .35);--talos-info-text: #7dd3fc;--talos-info-solid-bg: #0284c7;--talos-info-solid-text: #ffffff;--talos-purple: #8b5cf6;--talos-purple-hover: #a78bfa;--talos-purple-active: #7c3aed;--talos-purple-subtle-bg: rgba(139, 92, 246, .16);--talos-purple-subtle-bg-hover: rgba(139, 92, 246, .26);--talos-purple-subtle-border: rgba(139, 92, 246, .35);--talos-purple-text: #c4b5fd;--talos-purple-solid-bg: #7c3aed;--talos-purple-solid-text: #ffffff;--talos-tooltip-bg: #1e293b;--talos-tooltip-text: #f8fafc;--talos-range-tooltip-bg: #1e293b;--talos-range-tooltip-text: #f8fafc;--talos-range-tick-active-color: #f8fafc;--talos-loading-overlay-bg: rgba(9, 13, 22, .8);--talos-range-thumb-shadow: 0 2px 4px rgba(0, 0, 0, .5)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]):not(.light){--talos-bg-canvas: #090d16;--talos-bg-surface: #0f172a;--talos-bg-subtle: #131d31;--talos-bg-overlay: rgba(3, 7, 18, .75);--talos-border-subtle: rgba(255, 255, 255, .06);--talos-border-default: rgba(255, 255, 255, .1);--talos-border-hover: rgba(255, 255, 255, .2);--talos-border-focus: #3b82f6;--talos-focus-ring: 0 0 0 3px rgba(59, 130, 246, .35);--talos-text-primary: #f8fafc;--talos-text-secondary: #e2e8f0;--talos-text-muted: #94a3b8;--talos-text-inverse: #090d16;--talos-primary: #3b82f6;--talos-primary-hover: #60a5fa;--talos-primary-active: #2563eb;--talos-primary-subtle-bg: rgba(59, 130, 246, .16);--talos-primary-subtle-bg-hover: rgba(59, 130, 246, .26);--talos-primary-subtle-border: rgba(59, 130, 246, .35);--talos-primary-text: #93c5fd;--talos-neutral: #94a3b8;--talos-neutral-hover: #cbd5e1;--talos-neutral-active: #f1f5f9;--talos-neutral-subtle-bg: rgba(148, 163, 184, .12);--talos-neutral-subtle-bg-hover: rgba(148, 163, 184, .2);--talos-neutral-subtle-border: rgba(148, 163, 184, .25);--talos-neutral-text: #e2e8f0;--talos-success: #22c55e;--talos-success-hover: #4ade80;--talos-success-active: #16a34a;--talos-success-subtle-bg: rgba(34, 197, 94, .16);--talos-success-subtle-bg-hover: rgba(34, 197, 94, .26);--talos-success-subtle-border: rgba(34, 197, 94, .35);--talos-success-text: #86efac;--talos-warning: #f59e0b;--talos-warning-hover: #fbbf24;--talos-warning-active: #d97706;--talos-warning-subtle-bg: rgba(245, 158, 11, .16);--talos-warning-subtle-bg-hover: rgba(245, 158, 11, .26);--talos-warning-subtle-border: rgba(245, 158, 11, .35);--talos-warning-text: #fde047;--talos-danger: #ef4444;--talos-danger-hover: #f87171;--talos-danger-active: #dc2626;--talos-danger-subtle-bg: rgba(239, 68, 68, .16);--talos-danger-subtle-bg-hover: rgba(239, 68, 68, .26);--talos-danger-subtle-border: rgba(239, 68, 68, .35);--talos-danger-text: #fca5a5;--talos-info: #0ea5e9;--talos-info-hover: #38bdf8;--talos-info-active: #0284c7;--talos-info-subtle-bg: rgba(14, 165, 233, .16);--talos-info-subtle-bg-hover: rgba(14, 165, 233, .26);--talos-info-subtle-border: rgba(14, 165, 233, .35);--talos-info-text: #7dd3fc;--talos-purple: #8b5cf6;--talos-purple-hover: #a78bfa;--talos-purple-active: #7c3aed;--talos-purple-subtle-bg: rgba(139, 92, 246, .16);--talos-purple-subtle-bg-hover: rgba(139, 92, 246, .26);--talos-purple-subtle-border: rgba(139, 92, 246, .35);--talos-purple-text: #c4b5fd;--talos-tooltip-bg: #1e293b;--talos-tooltip-text: #f8fafc;--talos-range-tooltip-bg: #1e293b;--talos-range-tooltip-text: #f8fafc;--talos-range-tick-active-color: #f8fafc}}:host{display:block;width:100%;box-sizing:border-box}.talos-range-wrapper{display:flex;flex-direction:column;width:100%;box-sizing:border-box;-webkit-user-select:none;user-select:none;font-family:inherit;--range-accent: var(--talos-range-track-fill, var(--talos-primary-color));--range-accent-hover: var(--talos-primary-hover, #1d4ed8);--range-focus-glow: var(--talos-focus-ring, 0 0 0 3px rgba(37, 99, 235, .15));--range-track-h: var(--talos-range-track-height-md, .375rem);--range-thumb-d: var(--talos-range-thumb-size-md, 1.25rem);--range-thumb-border-width: 2px;--range-tick-w: 2px;--range-tick-h: 8px;--range-font-size: var(--talos-control-font-size, .8125rem)}.talos-range-wrapper.size-sm{--range-track-h: var(--talos-range-track-height-sm, .25rem);--range-thumb-d: var(--talos-range-thumb-size-sm, 1rem);--range-font-size: .75rem;--range-tick-h: 6px}.talos-range-wrapper.size-lg{--range-track-h: var(--talos-range-track-height-lg, .5rem);--range-thumb-d: var(--talos-range-thumb-size-lg, 1.5rem);--range-font-size: .875rem;--range-tick-h: 10px}.talos-range-wrapper.variant-primary{--range-accent: var(--talos-primary-color, #2563eb);--range-accent-hover: var(--talos-primary-hover, #1d4ed8);--range-focus-glow: 0 0 0 3px rgba(37, 99, 235, .2)}.talos-range-wrapper.variant-secondary{--range-accent: #475569;--range-accent-hover: #334155;--range-focus-glow: 0 0 0 3px rgba(71, 85, 105, .2)}.talos-range-wrapper.variant-success{--range-accent: #16a34a;--range-accent-hover: #15803d;--range-focus-glow: 0 0 0 3px rgba(22, 163, 74, .2)}.talos-range-wrapper.variant-warning{--range-accent: #d97706;--range-accent-hover: #b45309;--range-focus-glow: 0 0 0 3px rgba(217, 119, 6, .2)}.talos-range-wrapper.variant-danger{--range-accent: var(--talos-error-color, #ef4444);--range-accent-hover: #dc2626;--range-focus-glow: 0 0 0 3px rgba(239, 68, 68, .2)}.talos-range-wrapper.variant-info{--range-accent: #0284c7;--range-accent-hover: #0369a1;--range-focus-glow: 0 0 0 3px rgba(2, 132, 199, .2)}.talos-range-wrapper.is-invalid{--range-accent: var(--talos-error-color, #ef4444);--range-focus-glow: 0 0 0 3px rgba(239, 68, 68, .25)}.talos-range-wrapper.is-disabled{opacity:.55;cursor:not-allowed;pointer-events:none}.talos-range-wrapper.is-disabled .talos-range-thumb{cursor:not-allowed;border-color:var(--talos-range-track-disabled-fill, #94a3b8);background-color:var(--talos-range-track-disabled-bg, #cbd5e1);box-shadow:none}.talos-range-wrapper.is-disabled .talos-range-fill{background-color:var(--talos-range-track-disabled-fill, #94a3b8)}.talos-range-wrapper.is-readonly .talos-range-slider,.talos-range-wrapper.is-readonly .talos-range-thumb{cursor:default}.talos-range-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.5rem}.talos-range-label-group{display:flex;flex-direction:column;gap:.125rem}.talos-range-label{font-size:var(--range-font-size);font-weight:600;color:var(--talos-text-color, #0f172a)}.talos-range-hint{font-size:.75rem;color:var(--talos-text-muted, #64748b)}.talos-range-value-badge{display:inline-flex;align-items:center;padding:.125rem .5rem;font-size:.75rem;font-weight:600;border-radius:var(--talos-border-radius, .375rem);background-color:var(--talos-primary-light, #eff6ff);color:var(--range-accent)}.talos-range-inputs-group{display:flex;align-items:center;gap:.375rem}.talos-range-inputs-separator{color:var(--talos-text-muted, #64748b);font-weight:500}.talos-range-number-box{display:inline-flex;align-items:center;background-color:var(--talos-card-bg, #ffffff);border:1px solid var(--talos-border-color, #cbd5e1);border-radius:var(--talos-border-radius, .375rem);padding:0 .375rem;height:1.875rem;transition:border-color .15s ease,box-shadow .15s ease}.talos-range-number-box:focus-within{border-color:var(--range-accent);box-shadow:var(--range-focus-glow)}.talos-range-input-affix{font-size:.75rem;color:var(--talos-text-muted, #64748b);-webkit-user-select:none;user-select:none}.talos-range-number-input{width:3.5rem;border:none;background:transparent;padding:.125rem .25rem;font-size:.8125rem;font-weight:500;color:var(--talos-text-color, #0f172a);text-align:right;outline:none;font-family:inherit}.talos-range-number-input::-webkit-inner-spin-button,.talos-range-number-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.talos-range-number-input{-moz-appearance:textfield}.talos-range-slider{position:relative;width:100%;height:calc(var(--range-thumb-d) + .5rem);display:flex;align-items:center;cursor:pointer;touch-action:none;padding:0 calc(var(--range-thumb-d) / 2);box-sizing:border-box}.talos-range-slider.is-active{cursor:grabbing}.talos-range-track{position:relative;width:100%;height:var(--range-track-h);background-color:var(--talos-range-track-bg, #e2e8f0);border-radius:9999px;overflow:visible}.talos-range-fill{position:absolute;top:0;bottom:0;background-color:var(--range-accent);border-radius:9999px;transition:background-color .18s ease;pointer-events:none}.talos-range-ticks{position:absolute;inset:0;pointer-events:none}.talos-range-tick{position:absolute;top:50%;transform:translate(-50%,-50%);width:var(--range-tick-w);height:var(--range-tick-h);background-color:var(--talos-range-tick-color, #94a3b8);border-radius:1px;pointer-events:auto;cursor:pointer;transition:transform .15s ease,background-color .15s ease}.talos-range-tick.is-active{background-color:var(--talos-range-tick-active-color, #ffffff);box-shadow:0 0 2px #0000004d}.talos-range-tick:hover{transform:translate(-50%,-50%) scale(1.4)}.talos-range-thumb{position:absolute;top:50%;transform:translate(-50%,-50%);width:var(--range-thumb-d);height:var(--range-thumb-d);background-color:var(--talos-range-thumb-bg, #ffffff);border:var(--range-thumb-border-width) solid var(--range-accent);border-radius:50%;box-shadow:var(--talos-range-thumb-shadow, 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .08));cursor:grab;outline:none;box-sizing:border-box;transition:transform .12s cubic-bezier(.4,0,.2,1),box-shadow .12s cubic-bezier(.4,0,.2,1),border-color .12s cubic-bezier(.4,0,.2,1);z-index:2}.talos-range-thumb:hover{box-shadow:var(--talos-range-thumb-hover-shadow, 0 0 0 4px rgba(37, 99, 235, .15));transform:translate(-50%,-50%) scale(1.08)}.talos-range-thumb.is-focused,.talos-range-thumb:focus-visible{box-shadow:var(--range-focus-glow);transform:translate(-50%,-50%) scale(1.12);z-index:3}.talos-range-thumb.is-dragging{cursor:grabbing;box-shadow:var(--talos-range-thumb-active-shadow, 0 0 0 6px rgba(37, 99, 235, .25));transform:translate(-50%,-50%) scale(1.16);z-index:4}.talos-range-tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(4px);background-color:var(--talos-range-tooltip-bg, #1e293b);color:var(--talos-range-tooltip-text, #ffffff);font-size:.6875rem;font-weight:600;padding:.1875rem .4375rem;border-radius:.25rem;white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .15s ease,transform .15s ease,visibility .15s ease;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;z-index:10}.talos-range-tooltip:after{content:\"\";position:absolute;top:100%;left:50%;transform:translate(-50%);border-width:4px;border-style:solid;border-color:var(--talos-range-tooltip-bg, #1e293b) transparent transparent transparent}.talos-range-tooltip.visible{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.talos-range-labels{position:relative;width:100%;margin-top:.25rem;height:1.125rem;padding:0 calc(var(--range-thumb-d) / 2);box-sizing:border-box}.talos-range-label-item{position:absolute;top:0;transform:translate(-50%);font-size:.6875rem;color:var(--talos-range-tick-label-color, var(--talos-text-muted, #64748b));white-space:nowrap;cursor:pointer;transition:color .15s ease,font-weight .15s ease}.talos-range-label-item.is-active{color:var(--range-accent);font-weight:600}.talos-range-label-item:hover{color:var(--talos-text-color, #0f172a)}\n"] }]
641
641
  }], propDecorators: { trackContainerRef: [{ type: i0.ViewChild, args: ['sliderTrackContainer', { isSignal: true }] }], thumb0Ref: [{ type: i0.ViewChild, args: ['thumb0', { isSignal: true }] }], thumb1Ref: [{ type: i0.ViewChild, args: ['thumb1', { isSignal: true }] }], min: [{ type: i0.Input, args: [{ isSignal: true, alias: "min", required: false }] }], max: [{ type: i0.Input, args: [{ isSignal: true, alias: "max", required: false }] }], step: [{ type: i0.Input, args: [{ isSignal: true, alias: "step", required: false }] }], interval: [{ type: i0.Input, args: [{ isSignal: true, alias: "interval", required: false }] }], range: [{ type: i0.Input, args: [{ isSignal: true, alias: "range", required: false }] }], minRange: [{ type: i0.Input, args: [{ isSignal: true, alias: "minRange", required: false }] }], maxRange: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxRange", required: false }] }], marks: [{ type: i0.Input, args: [{ isSignal: true, alias: "marks", required: false }] }], showTicks: [{ type: i0.Input, args: [{ isSignal: true, alias: "showTicks", required: false }] }], showIntervals: [{ type: i0.Input, args: [{ isSignal: true, alias: "showIntervals", required: false }] }], showLabels: [{ type: i0.Input, args: [{ isSignal: true, alias: "showLabels", required: false }] }], snapToTicks: [{ type: i0.Input, args: [{ isSignal: true, alias: "snapToTicks", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], invalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], floatingLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "floatingLabel", required: false }] }], floating: [{ type: i0.Input, args: [{ isSignal: true, alias: "floating", required: false }] }], hint: [{ type: i0.Input, args: [{ isSignal: true, alias: "hint", required: false }] }], showInputs: [{ type: i0.Input, args: [{ isSignal: true, alias: "showInputs", required: false }] }], showValueBadge: [{ type: i0.Input, args: [{ isSignal: true, alias: "showValueBadge", required: false }] }], showTooltip: [{ type: i0.Input, args: [{ isSignal: true, alias: "showTooltip", required: false }] }], prefix: [{ type: i0.Input, args: [{ isSignal: true, alias: "prefix", required: false }] }], suffix: [{ type: i0.Input, args: [{ isSignal: true, alias: "suffix", required: false }] }], formatter: [{ type: i0.Input, args: [{ isSignal: true, alias: "formatter", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], ariaLabelStart: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabelStart", required: false }] }], ariaLabelEnd: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabelEnd", required: false }] }], id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], valueChange: [{ type: i0.Output, args: ["valueChange"] }], inputChange: [{ type: i0.Output, args: ["inputChange"] }], change: [{ type: i0.Output, args: ["change"] }] } });
642
642
 
643
643
  class TalosRangeInputModule {