snice 3.1.0 → 3.3.0

package/dist/components/skeleton/snice-skeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"snice-skeleton.js","sources":["../../../components/skeleton/snice-skeleton.css?inline","../../../../components/skeleton/snice-skeleton.ts"],"sourcesContent":["export default \":host {\\n  display: block;\\n  --skeleton-bg: #e5e7eb;\\n  --skeleton-highlight: #f3f4f6;\\n  --skeleton-duration: 1.5s;\\n}\\n\\n.skeleton-container {\\n  display: flex;\\n  flex-direction: column;\\n  gap: var(--skeleton-spacing, 0.5rem); /* 8px */\\n  width: 100%;\\n}\\n\\n.skeleton {\\n  background: var(--skeleton-bg);\\n  overflow: hidden;\\n  position: relative;\\n}\\n\\n.skeleton-screen-reader {\\n  position: absolute;\\n  width: 1px;\\n  height: 1px;\\n  padding: 0;\\n  margin: -1px;\\n  overflow: hidden;\\n  clip: rect(0, 0, 0, 0);\\n  white-space: nowrap;\\n  border: 0;\\n}\\n\\n/* Variants */\\n.skeleton--text {\\n  height: 1em;\\n  border-radius: 4px;\\n  width: var(--skeleton-width, 100%);\\n}\\n\\n.skeleton--circular {\\n  width: var(--skeleton-width, 2.5rem); /* 40px */\\n  height: var(--skeleton-height, 2.5rem); /* 40px */\\n  border-radius: 50%;\\n}\\n\\n.skeleton--rectangular {\\n  width: var(--skeleton-width, 100%);\\n  height: var(--skeleton-height, 6.25rem); /* 100px */\\n  border-radius: 0;\\n}\\n\\n.skeleton--rounded {\\n  width: var(--skeleton-width, 100%);\\n  height: var(--skeleton-height, 6.25rem); /* 100px */\\n  border-radius: 8px;\\n}\\n\\n/* Animations */\\n.skeleton--pulse {\\n  animation: skeleton-pulse var(--skeleton-duration) ease-in-out infinite;\\n}\\n\\n@keyframes skeleton-pulse {\\n  0%, 100% {\\n    opacity: 1;\\n  }\\n  50% {\\n    opacity: 0.5;\\n  }\\n}\\n\\n/* Wave animation */\\n.skeleton--wave::after {\\n  content: '';\\n  position: absolute;\\n  top: 0;\\n  left: 0;\\n  right: 0;\\n  bottom: 0;\\n  background: linear-gradient(\\n    90deg,\\n    transparent,\\n    var(--skeleton-highlight),\\n    transparent\\n  );\\n  transform: translateX(-100%);\\n  animation: skeleton-wave var(--skeleton-duration) linear infinite;\\n}\\n\\n@keyframes skeleton-wave {\\n  0% {\\n    transform: translateX(-100%);\\n  }\\n  100% {\\n    transform: translateX(100%);\\n  }\\n}\\n\\n/* Multiple skeletons with varied widths for text */\\n:host([variant=\\\"text\\\"]) .skeleton:nth-child(1) { width: 100%; }\\n:host([variant=\\\"text\\\"]) .skeleton:nth-child(2) { width: 90%; }\\n:host([variant=\\\"text\\\"]) .skeleton:nth-child(3) { width: 95%; }\\n:host([variant=\\\"text\\\"]) .skeleton:nth-child(4) { width: 85%; }\\n:host([variant=\\\"text\\\"]) .skeleton:nth-child(5) { width: 92%; }\\n\\n/* Last line shorter for paragraph effect */\\n:host([variant=\\\"text\\\"]) .skeleton:last-child:not(:only-child) {\\n  width: 60%;\\n}\";",null],"names":["cssTag"],"mappings":"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"}
+{"version":3,"file":"snice-skeleton.js","sources":["../../../components/skeleton/snice-skeleton.css?inline","../../../../components/skeleton/snice-skeleton.ts"],"sourcesContent":["export default \":host{display:block;--skeleton-bg:#e5e7eb;--skeleton-highlight:#f3f4f6;--skeleton-duration:1.5s}.skeleton-container{display:flex;flex-direction:column;gap:var(--skeleton-spacing,.5rem);width:100%}.skeleton{background:var(--skeleton-bg);overflow:hidden;position:relative}.skeleton-screen-reader{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skeleton--text{height:1em;border-radius:4px;width:var(--skeleton-width,100%)}.skeleton--circular{width:var(--skeleton-width,2.5rem);height:var(--skeleton-height,2.5rem);border-radius:50%}.skeleton--rectangular{width:var(--skeleton-width,100%);height:var(--skeleton-height,6.25rem);border-radius:0}.skeleton--rounded{width:var(--skeleton-width,100%);height:var(--skeleton-height,6.25rem);border-radius:8px}.skeleton--pulse{animation:skeleton-pulse var(--skeleton-duration) ease-in-out infinite}@keyframes skeleton-pulse{0%,100%{opacity:1}50%{opacity:.5}}.skeleton--wave::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,var(--skeleton-highlight),transparent);transform:translateX(-100%);animation:skeleton-wave var(--skeleton-duration) linear infinite}@keyframes skeleton-wave{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}:host([variant=text]) .skeleton:first-child{width:100%}:host([variant=text]) .skeleton:nth-child(2){width:90%}:host([variant=text]) .skeleton:nth-child(3){width:95%}:host([variant=text]) .skeleton:nth-child(4){width:85%}:host([variant=text]) .skeleton:nth-child(5){width:92%}:host([variant=text]) .skeleton:last-child:not(:only-child){width:60%}\";",null],"names":["cssTag"],"mappings":"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"}

package/dist/components/slider/snice-slider.d.ts

@@ -0,0 +1,53 @@
+import type { SliderSize, SliderVariant, SniceSliderElement } from './snice-slider.types';
+export declare class SniceSlider extends HTMLElement implements SniceSliderElement {
+    internals: ElementInternals;
+    constructor();
+    size: SliderSize;
+    variant: SliderVariant;
+    value: number;
+    min: number;
+    max: number;
+    step: number;
+    label: string;
+    helperText: string;
+    errorText: string;
+    disabled: boolean;
+    readonly: boolean;
+    required: boolean;
+    invalid: boolean;
+    name: string;
+    showValue: boolean;
+    showTicks: boolean;
+    vertical: boolean;
+    track?: HTMLElement;
+    thumb?: HTMLElement;
+    fill?: HTMLElement;
+    input?: HTMLInputElement;
+    private isDragging;
+    render(): import("snice").TemplateResult;
+    styles(): import("snice").CSSResult;
+    init(): void;
+    private clampValue;
+    private handleTrackMouseDown;
+    private handleTrackTouchStart;
+    private handleThumbMouseDown;
+    private handleThumbTouchStart;
+    private startDragging;
+    private stopDragging;
+    private handleMouseMove;
+    private handleMouseUp;
+    private handleTouchMove;
+    private handleTouchEnd;
+    private updateValueFromEvent;
+    private handleKeyDown;
+    handleValueChange(): void;
+    handleDisabledChange(): void;
+    private dispatchInputEvent;
+    private dispatchChangeEvent;
+    focus(): void;
+    blur(): void;
+    checkValidity(): boolean;
+    reportValidity(): boolean;
+    setCustomValidity(message: string): void;
+    disconnectedCallback(): void;
+}

package/dist/components/slider/snice-slider.js

@@ -0,0 +1,479 @@
+import { __esDecorate, __runInitializers } from 'tslib';
+import { element, property, query, render, styles, ready, watch, dispatch, html, css } from 'snice';
+
+var cssContent = ":host{display:block;font-family:var(--snice-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif);contain:layout style paint}.slider-wrapper{display:flex;flex-direction:column;gap:var(--snice-spacing-xs,.5rem)}.slider-wrapper--vertical{height:200px}.label{font-size:var(--snice-font-size-sm, .875rem);font-weight:var(--snice-font-weight-medium,500);color:var(--snice-color-text,rgb(31 41 55));margin-bottom:var(--snice-spacing-2xs,.25rem)}.label--required::after{content:' *';color:var(--snice-color-danger,rgb(239 68 68))}.slider-container{display:flex;align-items:center;gap:var(--snice-spacing-md,1rem);position:relative}.slider-container--vertical{flex-direction:column;height:100%}.slider-track{position:relative;flex:1;height:6px;background:var(--snice-color-background-secondary,rgb(229 231 235));border-radius:var(--snice-border-radius-sm,.1875rem);cursor:pointer}.slider-track--vertical{width:6px;height:100%}.slider-track--small{height:4px}.slider-track--medium{height:6px}.slider-track--large{height:8px}.slider-track--vertical.slider-track--small{width:4px;height:100%}.slider-track--vertical.slider-track--medium{width:6px;height:100%}.slider-track--vertical.slider-track--large{width:8px;height:100%}.slider-track--disabled{opacity:.5;cursor:not-allowed}.slider-fill{position:absolute;top:0;left:0;height:100%;background:var(--snice-color-primary,rgb(59 130 246));border-radius:var(--snice-border-radius-sm,.1875rem);transition:width var(--snice-transition-fast, 150ms) ease}.slider-fill--vertical{top:auto;bottom:0;width:100%;transition:height var(--snice-transition-fast, 150ms) ease}.slider-fill--default,.slider-fill--primary{background:var(--snice-color-primary,rgb(59 130 246))}.slider-fill--success{background:var(--snice-color-success,rgb(16 185 129))}.slider-fill--warning{background:var(--snice-color-warning,rgb(245 158 11))}.slider-fill--danger{background:var(--snice-color-danger,rgb(239 68 68))}.slider-fill--dragging{transition:none!important}.slider-thumb{position:absolute;top:50%;transform:translate(-50%,-50%);width:18px;height:18px;background:var(--snice-color-background,rgb(255 255 255));border:2px solid var(--snice-color-primary,rgb(59 130 246));border-radius:50%;cursor:grab;transition:all var(--snice-transition-normal, 200ms);box-shadow:var(--snice-shadow-sm,0 1px 2px 0 rgb(0 0 0 / .05))}.slider-thumb--vertical{left:50%;top:auto;transform:translate(-50%,50%)}.slider-thumb:hover{transform:translate(-50%,-50%) scale(1.1);box-shadow:var(--snice-shadow-md,0 4px 6px -1px rgb(0 0 0 / .1),0 2px 4px -2px rgb(0 0 0 / .1))}.slider-thumb--vertical:hover{transform:translate(-50%,50%) scale(1.1)}.slider-thumb:active{cursor:grabbing;transform:translate(-50%,-50%) scale(1.15)}.slider-thumb--vertical:active{transform:translate(-50%,50%) scale(1.15)}.slider-thumb--small{width:14px;height:14px}.slider-thumb--medium{width:18px;height:18px}.slider-thumb--large{width:22px;height:22px}.slider-thumb--default,.slider-thumb--primary{border-color:var(--snice-color-primary,rgb(59 130 246))}.slider-thumb--success{border-color:var(--snice-color-success,rgb(16 185 129))}.slider-thumb--warning{border-color:var(--snice-color-warning,rgb(245 158 11))}.slider-thumb--danger{border-color:var(--snice-color-danger,rgb(239 68 68))}.slider-thumb--dragging{transition:none!important}.slider-input{position:absolute;opacity:0;pointer-events:none}.slider-value{min-width:3rem;text-align:center;font-size:var(--snice-font-size-sm, .875rem);font-weight:var(--snice-font-weight-medium,500);color:var(--snice-color-text,rgb(31 41 55))}.slider-ticks{position:absolute;top:100%;left:0;right:0;height:8px;display:flex;justify-content:space-between;padding:0 9px}.slider-ticks--vertical{top:0;bottom:0;left:100%;right:auto;width:8px;height:100%;flex-direction:column-reverse;padding:9px 0}.tick{width:1px;height:4px;background:var(--snice-color-border,rgb(209 213 219))}.tick--vertical{width:4px;height:1px}.error-text,.helper-text{font-size:var(--snice-font-size-xs, .75rem);margin-top:var(--snice-spacing-2xs,.25rem)}.helper-text{color:var(--snice-color-text-secondary,rgb(107 114 128))}.error-text{color:var(--snice-color-danger,rgb(239 68 68))}";
+
+let SniceSlider = (() => {
+    let _classDecorators = [element('snice-slider', { formAssociated: true })];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = HTMLElement;
+    let _instanceExtraInitializers = [];
+    let _size_decorators;
+    let _size_initializers = [];
+    let _size_extraInitializers = [];
+    let _variant_decorators;
+    let _variant_initializers = [];
+    let _variant_extraInitializers = [];
+    let _value_decorators;
+    let _value_initializers = [];
+    let _value_extraInitializers = [];
+    let _min_decorators;
+    let _min_initializers = [];
+    let _min_extraInitializers = [];
+    let _max_decorators;
+    let _max_initializers = [];
+    let _max_extraInitializers = [];
+    let _step_decorators;
+    let _step_initializers = [];
+    let _step_extraInitializers = [];
+    let _label_decorators;
+    let _label_initializers = [];
+    let _label_extraInitializers = [];
+    let _helperText_decorators;
+    let _helperText_initializers = [];
+    let _helperText_extraInitializers = [];
+    let _errorText_decorators;
+    let _errorText_initializers = [];
+    let _errorText_extraInitializers = [];
+    let _disabled_decorators;
+    let _disabled_initializers = [];
+    let _disabled_extraInitializers = [];
+    let _readonly_decorators;
+    let _readonly_initializers = [];
+    let _readonly_extraInitializers = [];
+    let _required_decorators;
+    let _required_initializers = [];
+    let _required_extraInitializers = [];
+    let _invalid_decorators;
+    let _invalid_initializers = [];
+    let _invalid_extraInitializers = [];
+    let _name_decorators;
+    let _name_initializers = [];
+    let _name_extraInitializers = [];
+    let _showValue_decorators;
+    let _showValue_initializers = [];
+    let _showValue_extraInitializers = [];
+    let _showTicks_decorators;
+    let _showTicks_initializers = [];
+    let _showTicks_extraInitializers = [];
+    let _vertical_decorators;
+    let _vertical_initializers = [];
+    let _vertical_extraInitializers = [];
+    let _track_decorators;
+    let _track_initializers = [];
+    let _track_extraInitializers = [];
+    let _thumb_decorators;
+    let _thumb_initializers = [];
+    let _thumb_extraInitializers = [];
+    let _fill_decorators;
+    let _fill_initializers = [];
+    let _fill_extraInitializers = [];
+    let _input_decorators;
+    let _input_initializers = [];
+    let _input_extraInitializers = [];
+    let _render_decorators;
+    let _styles_decorators;
+    let _init_decorators;
+    let _handleValueChange_decorators;
+    let _handleDisabledChange_decorators;
+    let _dispatchInputEvent_decorators;
+    let _dispatchChangeEvent_decorators;
+    (class extends _classSuper {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _size_decorators = [property({})];
+            _variant_decorators = [property({})];
+            _value_decorators = [property({ type: Number, })];
+            _min_decorators = [property({ type: Number, })];
+            _max_decorators = [property({ type: Number, })];
+            _step_decorators = [property({ type: Number, })];
+            _label_decorators = [property({})];
+            _helperText_decorators = [property({ attribute: 'helper-text', })];
+            _errorText_decorators = [property({ attribute: 'error-text', })];
+            _disabled_decorators = [property({ type: Boolean, })];
+            _readonly_decorators = [property({ type: Boolean, })];
+            _required_decorators = [property({ type: Boolean, })];
+            _invalid_decorators = [property({ type: Boolean, })];
+            _name_decorators = [property({})];
+            _showValue_decorators = [property({ type: Boolean, attribute: 'show-value', })];
+            _showTicks_decorators = [property({ type: Boolean, attribute: 'show-ticks', })];
+            _vertical_decorators = [property({ type: Boolean, })];
+            _track_decorators = [query('.slider-track')];
+            _thumb_decorators = [query('.slider-thumb')];
+            _fill_decorators = [query('.slider-fill')];
+            _input_decorators = [query('.slider-input')];
+            _render_decorators = [render()];
+            _styles_decorators = [styles()];
+            _init_decorators = [ready()];
+            _handleValueChange_decorators = [watch('value')];
+            _handleDisabledChange_decorators = [watch('disabled')];
+            _dispatchInputEvent_decorators = [dispatch('@snice/slider-input', { bubbles: true, composed: true })];
+            _dispatchChangeEvent_decorators = [dispatch('@snice/slider-change', { bubbles: true, composed: true })];
+            __esDecorate(this, null, _render_decorators, { kind: "method", name: "render", static: false, private: false, access: { has: obj => "render" in obj, get: obj => obj.render }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(this, null, _styles_decorators, { kind: "method", name: "styles", static: false, private: false, access: { has: obj => "styles" in obj, get: obj => obj.styles }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(this, null, _init_decorators, { kind: "method", name: "init", static: false, private: false, access: { has: obj => "init" in obj, get: obj => obj.init }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(this, null, _handleValueChange_decorators, { kind: "method", name: "handleValueChange", static: false, private: false, access: { has: obj => "handleValueChange" in obj, get: obj => obj.handleValueChange }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(this, null, _handleDisabledChange_decorators, { kind: "method", name: "handleDisabledChange", static: false, private: false, access: { has: obj => "handleDisabledChange" in obj, get: obj => obj.handleDisabledChange }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(this, null, _dispatchInputEvent_decorators, { kind: "method", name: "dispatchInputEvent", static: false, private: false, access: { has: obj => "dispatchInputEvent" in obj, get: obj => obj.dispatchInputEvent }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(this, null, _dispatchChangeEvent_decorators, { kind: "method", name: "dispatchChangeEvent", static: false, private: false, access: { has: obj => "dispatchChangeEvent" in obj, get: obj => obj.dispatchChangeEvent }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(null, null, _size_decorators, { kind: "field", name: "size", static: false, private: false, access: { has: obj => "size" in obj, get: obj => obj.size, set: (obj, value) => { obj.size = value; } }, metadata: _metadata }, _size_initializers, _size_extraInitializers);
+            __esDecorate(null, null, _variant_decorators, { kind: "field", name: "variant", static: false, private: false, access: { has: obj => "variant" in obj, get: obj => obj.variant, set: (obj, value) => { obj.variant = value; } }, metadata: _metadata }, _variant_initializers, _variant_extraInitializers);
+            __esDecorate(null, null, _value_decorators, { kind: "field", name: "value", static: false, private: false, access: { has: obj => "value" in obj, get: obj => obj.value, set: (obj, value) => { obj.value = value; } }, metadata: _metadata }, _value_initializers, _value_extraInitializers);
+            __esDecorate(null, null, _min_decorators, { kind: "field", name: "min", static: false, private: false, access: { has: obj => "min" in obj, get: obj => obj.min, set: (obj, value) => { obj.min = value; } }, metadata: _metadata }, _min_initializers, _min_extraInitializers);
+            __esDecorate(null, null, _max_decorators, { kind: "field", name: "max", static: false, private: false, access: { has: obj => "max" in obj, get: obj => obj.max, set: (obj, value) => { obj.max = value; } }, metadata: _metadata }, _max_initializers, _max_extraInitializers);
+            __esDecorate(null, null, _step_decorators, { kind: "field", name: "step", static: false, private: false, access: { has: obj => "step" in obj, get: obj => obj.step, set: (obj, value) => { obj.step = value; } }, metadata: _metadata }, _step_initializers, _step_extraInitializers);
+            __esDecorate(null, null, _label_decorators, { kind: "field", name: "label", static: false, private: false, access: { has: obj => "label" in obj, get: obj => obj.label, set: (obj, value) => { obj.label = value; } }, metadata: _metadata }, _label_initializers, _label_extraInitializers);
+            __esDecorate(null, null, _helperText_decorators, { kind: "field", name: "helperText", static: false, private: false, access: { has: obj => "helperText" in obj, get: obj => obj.helperText, set: (obj, value) => { obj.helperText = value; } }, metadata: _metadata }, _helperText_initializers, _helperText_extraInitializers);
+            __esDecorate(null, null, _errorText_decorators, { kind: "field", name: "errorText", static: false, private: false, access: { has: obj => "errorText" in obj, get: obj => obj.errorText, set: (obj, value) => { obj.errorText = value; } }, metadata: _metadata }, _errorText_initializers, _errorText_extraInitializers);
+            __esDecorate(null, null, _disabled_decorators, { kind: "field", name: "disabled", static: false, private: false, access: { has: obj => "disabled" in obj, get: obj => obj.disabled, set: (obj, value) => { obj.disabled = value; } }, metadata: _metadata }, _disabled_initializers, _disabled_extraInitializers);
+            __esDecorate(null, null, _readonly_decorators, { kind: "field", name: "readonly", static: false, private: false, access: { has: obj => "readonly" in obj, get: obj => obj.readonly, set: (obj, value) => { obj.readonly = value; } }, metadata: _metadata }, _readonly_initializers, _readonly_extraInitializers);
+            __esDecorate(null, null, _required_decorators, { kind: "field", name: "required", static: false, private: false, access: { has: obj => "required" in obj, get: obj => obj.required, set: (obj, value) => { obj.required = value; } }, metadata: _metadata }, _required_initializers, _required_extraInitializers);
+            __esDecorate(null, null, _invalid_decorators, { kind: "field", name: "invalid", static: false, private: false, access: { has: obj => "invalid" in obj, get: obj => obj.invalid, set: (obj, value) => { obj.invalid = value; } }, metadata: _metadata }, _invalid_initializers, _invalid_extraInitializers);
+            __esDecorate(null, null, _name_decorators, { kind: "field", name: "name", static: false, private: false, access: { has: obj => "name" in obj, get: obj => obj.name, set: (obj, value) => { obj.name = value; } }, metadata: _metadata }, _name_initializers, _name_extraInitializers);
+            __esDecorate(null, null, _showValue_decorators, { kind: "field", name: "showValue", static: false, private: false, access: { has: obj => "showValue" in obj, get: obj => obj.showValue, set: (obj, value) => { obj.showValue = value; } }, metadata: _metadata }, _showValue_initializers, _showValue_extraInitializers);
+            __esDecorate(null, null, _showTicks_decorators, { kind: "field", name: "showTicks", static: false, private: false, access: { has: obj => "showTicks" in obj, get: obj => obj.showTicks, set: (obj, value) => { obj.showTicks = value; } }, metadata: _metadata }, _showTicks_initializers, _showTicks_extraInitializers);
+            __esDecorate(null, null, _vertical_decorators, { kind: "field", name: "vertical", static: false, private: false, access: { has: obj => "vertical" in obj, get: obj => obj.vertical, set: (obj, value) => { obj.vertical = value; } }, metadata: _metadata }, _vertical_initializers, _vertical_extraInitializers);
+            __esDecorate(null, null, _track_decorators, { kind: "field", name: "track", static: false, private: false, access: { has: obj => "track" in obj, get: obj => obj.track, set: (obj, value) => { obj.track = value; } }, metadata: _metadata }, _track_initializers, _track_extraInitializers);
+            __esDecorate(null, null, _thumb_decorators, { kind: "field", name: "thumb", static: false, private: false, access: { has: obj => "thumb" in obj, get: obj => obj.thumb, set: (obj, value) => { obj.thumb = value; } }, metadata: _metadata }, _thumb_initializers, _thumb_extraInitializers);
+            __esDecorate(null, null, _fill_decorators, { kind: "field", name: "fill", static: false, private: false, access: { has: obj => "fill" in obj, get: obj => obj.fill, set: (obj, value) => { obj.fill = value; } }, metadata: _metadata }, _fill_initializers, _fill_extraInitializers);
+            __esDecorate(null, null, _input_decorators, { kind: "field", name: "input", static: false, private: false, access: { has: obj => "input" in obj, get: obj => obj.input, set: (obj, value) => { obj.input = value; } }, metadata: _metadata }, _input_initializers, _input_extraInitializers);
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+        constructor() {
+            super();
+            this.internals = __runInitializers(this, _instanceExtraInitializers);
+            this.size = __runInitializers(this, _size_initializers, 'medium');
+            this.variant = (__runInitializers(this, _size_extraInitializers), __runInitializers(this, _variant_initializers, 'default'));
+            this.value = (__runInitializers(this, _variant_extraInitializers), __runInitializers(this, _value_initializers, 0));
+            this.min = (__runInitializers(this, _value_extraInitializers), __runInitializers(this, _min_initializers, 0));
+            this.max = (__runInitializers(this, _min_extraInitializers), __runInitializers(this, _max_initializers, 100));
+            this.step = (__runInitializers(this, _max_extraInitializers), __runInitializers(this, _step_initializers, 1));
+            this.label = (__runInitializers(this, _step_extraInitializers), __runInitializers(this, _label_initializers, ''));
+            this.helperText = (__runInitializers(this, _label_extraInitializers), __runInitializers(this, _helperText_initializers, ''));
+            this.errorText = (__runInitializers(this, _helperText_extraInitializers), __runInitializers(this, _errorText_initializers, ''));
+            this.disabled = (__runInitializers(this, _errorText_extraInitializers), __runInitializers(this, _disabled_initializers, false));
+            this.readonly = (__runInitializers(this, _disabled_extraInitializers), __runInitializers(this, _readonly_initializers, false));
+            this.required = (__runInitializers(this, _readonly_extraInitializers), __runInitializers(this, _required_initializers, false));
+            this.invalid = (__runInitializers(this, _required_extraInitializers), __runInitializers(this, _invalid_initializers, false));
+            this.name = (__runInitializers(this, _invalid_extraInitializers), __runInitializers(this, _name_initializers, ''));
+            this.showValue = (__runInitializers(this, _name_extraInitializers), __runInitializers(this, _showValue_initializers, false));
+            this.showTicks = (__runInitializers(this, _showValue_extraInitializers), __runInitializers(this, _showTicks_initializers, false));
+            this.vertical = (__runInitializers(this, _showTicks_extraInitializers), __runInitializers(this, _vertical_initializers, false));
+            this.track = (__runInitializers(this, _vertical_extraInitializers), __runInitializers(this, _track_initializers, void 0));
+            this.thumb = (__runInitializers(this, _track_extraInitializers), __runInitializers(this, _thumb_initializers, void 0));
+            this.fill = (__runInitializers(this, _thumb_extraInitializers), __runInitializers(this, _fill_initializers, void 0));
+            this.input = (__runInitializers(this, _fill_extraInitializers), __runInitializers(this, _input_initializers, void 0));
+            this.isDragging = (__runInitializers(this, _input_extraInitializers), false);
+            this.handleMouseMove = (e) => {
+                if (!this.isDragging)
+                    return;
+                this.updateValueFromEvent(e);
+            };
+            this.handleMouseUp = () => {
+                this.stopDragging();
+            };
+            this.handleTouchMove = (e) => {
+                if (!this.isDragging)
+                    return;
+                this.updateValueFromEvent(e);
+            };
+            this.handleTouchEnd = () => {
+                this.stopDragging();
+            };
+            if (typeof this.attachInternals == 'function') {
+                this.internals = this.attachInternals();
+            }
+        }
+        render() {
+            const wrapperClasses = ['slider-wrapper', this.vertical ? 'slider-wrapper--vertical' : ''].filter(Boolean).join(' ');
+            const containerClasses = ['slider-container', this.vertical ? 'slider-container--vertical' : ''].filter(Boolean).join(' ');
+            const trackClasses = [
+                'slider-track',
+                `slider-track--${this.size}`,
+                this.vertical ? 'slider-track--vertical' : '',
+                this.disabled ? 'slider-track--disabled' : ''
+            ].filter(Boolean).join(' ');
+            const fillClasses = [
+                'slider-fill',
+                `slider-fill--${this.variant}`,
+                this.vertical ? 'slider-fill--vertical' : '',
+                this.isDragging ? 'slider-fill--dragging' : ''
+            ].filter(Boolean).join(' ');
+            const thumbClasses = [
+                'slider-thumb',
+                `slider-thumb--${this.size}`,
+                `slider-thumb--${this.variant}`,
+                this.vertical ? 'slider-thumb--vertical' : '',
+                this.isDragging ? 'slider-thumb--dragging' : ''
+            ].filter(Boolean).join(' ');
+            const labelClasses = ['label', this.required ? 'label--required' : ''].filter(Boolean).join(' ');
+            const ticksClasses = ['slider-ticks', this.vertical ? 'slider-ticks--vertical' : ''].filter(Boolean).join(' ');
+            const percentage = ((this.value - this.min) / (this.max - this.min)) * 100;
+            const fillStyle = this.vertical ? `height: ${percentage}%` : `width: ${percentage}%`;
+            const thumbStyle = this.vertical ? `bottom: ${percentage}%` : `left: ${percentage}%`;
+            const tickCount = Math.floor((this.max - this.min) / this.step) + 1;
+            const ticks = this.showTicks ? Array.from({ length: tickCount }, (_, i) => i) : [];
+            return html /*html*/ `
+      <div class="${wrapperClasses}">
+        <if ${this.label}>
+          <label class="${labelClasses}">
+            ${this.label}
+          </label>
+        </if>
+
+        <div class="${containerClasses}">
+          <div
+            class="${trackClasses}"
+            part="track"
+            @mousedown=${this.handleTrackMouseDown}
+            @touchstart=${this.handleTrackTouchStart}
+          >
+            <div class="${fillClasses}" style="${fillStyle}" part="fill"></div>
+            <div
+              class="${thumbClasses}"
+              style="${thumbStyle}"
+              part="thumb"
+              tabindex="${this.disabled ? -1 : 0}"
+              role="slider"
+              aria-valuemin="${this.min}"
+              aria-valuemax="${this.max}"
+              aria-valuenow="${this.value}"
+              aria-disabled="${this.disabled}"
+              @mousedown=${this.handleThumbMouseDown}
+              @touchstart=${this.handleThumbTouchStart}
+              @keydown=${this.handleKeyDown}
+            ></div>
+
+            <if ${this.showTicks}>
+              <div class="${ticksClasses}">
+                ${ticks.map(() => html `<div class="tick ${this.vertical ? 'tick--vertical' : ''}"></div>`)}
+              </div>
+            </if>
+          </div>
+
+          <if ${this.showValue}>
+            <div class="slider-value">${this.value}</div>
+          </if>
+
+          <input
+            class="slider-input"
+            type="range"
+            .value="${String(this.value)}"
+            min="${this.min}"
+            max="${this.max}"
+            step="${this.step}"
+            name="${this.name || ''}"
+            ?disabled="${this.disabled}"
+            ?required="${this.required}"
+            aria-hidden="true"
+            tabindex="-1"
+          />
+        </div>
+
+        <case ${this.errorText ? 'error' : this.helperText ? 'helper' : 'empty'}>
+          <when value="error">
+            <span class="error-text" part="error-text">${this.errorText}</span>
+          </when>
+          <when value="helper">
+            <span class="helper-text" part="helper-text">${this.helperText}</span>
+          </when>
+          <default>
+            <span class="helper-text" part="helper-text">&nbsp;</span>
+          </default>
+        </case>
+      </div>
+    `;
+        }
+        styles() {
+            return css /*css*/ `${cssContent}`;
+        }
+        init() {
+            if (this.internals) {
+                this.internals.setFormValue(String(this.value));
+            }
+            this.clampValue();
+        }
+        clampValue() {
+            const clamped = Math.max(this.min, Math.min(this.max, this.value));
+            const stepped = Math.round(clamped / this.step) * this.step;
+            if (stepped !== this.value) {
+                this.value = stepped;
+            }
+        }
+        handleTrackMouseDown(e) {
+            if (this.disabled || this.readonly)
+                return;
+            // Click on track - allow transition
+            this.updateValueFromEvent(e);
+            // Only start dragging if clicking on track (not thumb)
+            if (e.target.classList.contains('slider-track')) {
+                // Don't start dragging for track clicks, just update value with transition
+                return;
+            }
+            this.startDragging();
+        }
+        handleTrackTouchStart(e) {
+            if (this.disabled || this.readonly)
+                return;
+            this.updateValueFromEvent(e);
+            this.startDragging();
+        }
+        handleThumbMouseDown(e) {
+            if (this.disabled || this.readonly)
+                return;
+            e.stopPropagation();
+            this.startDragging();
+        }
+        handleThumbTouchStart(e) {
+            if (this.disabled || this.readonly)
+                return;
+            e.stopPropagation();
+            this.startDragging();
+        }
+        startDragging() {
+            this.isDragging = true;
+            document.addEventListener('mousemove', this.handleMouseMove);
+            document.addEventListener('mouseup', this.handleMouseUp);
+            document.addEventListener('touchmove', this.handleTouchMove);
+            document.addEventListener('touchend', this.handleTouchEnd);
+        }
+        stopDragging() {
+            this.isDragging = false;
+            document.removeEventListener('mousemove', this.handleMouseMove);
+            document.removeEventListener('mouseup', this.handleMouseUp);
+            document.removeEventListener('touchmove', this.handleTouchMove);
+            document.removeEventListener('touchend', this.handleTouchEnd);
+            this.dispatchChangeEvent();
+        }
+        updateValueFromEvent(e) {
+            if (!this.track)
+                return;
+            const rect = this.track.getBoundingClientRect();
+            let position;
+            if (e instanceof MouseEvent) {
+                position = this.vertical
+                    ? (rect.bottom - e.clientY) / rect.height
+                    : (e.clientX - rect.left) / rect.width;
+            }
+            else {
+                const touch = e.touches[0];
+                position = this.vertical
+                    ? (rect.bottom - touch.clientY) / rect.height
+                    : (touch.clientX - rect.left) / rect.width;
+            }
+            position = Math.max(0, Math.min(1, position));
+            const rawValue = this.min + position * (this.max - this.min);
+            const steppedValue = Math.round(rawValue / this.step) * this.step;
+            if (steppedValue !== this.value) {
+                this.value = steppedValue;
+                this.dispatchInputEvent();
+            }
+        }
+        handleKeyDown(e) {
+            if (this.disabled || this.readonly)
+                return;
+            let handled = false;
+            const largeStep = this.step * 10;
+            switch (e.key) {
+                case 'ArrowLeft':
+                case 'ArrowDown':
+                    this.value = Math.max(this.min, this.value - this.step);
+                    handled = true;
+                    break;
+                case 'ArrowRight':
+                case 'ArrowUp':
+                    this.value = Math.min(this.max, this.value + this.step);
+                    handled = true;
+                    break;
+                case 'Home':
+                    this.value = this.min;
+                    handled = true;
+                    break;
+                case 'End':
+                    this.value = this.max;
+                    handled = true;
+                    break;
+                case 'PageDown':
+                    this.value = Math.max(this.min, this.value - largeStep);
+                    handled = true;
+                    break;
+                case 'PageUp':
+                    this.value = Math.min(this.max, this.value + largeStep);
+                    handled = true;
+                    break;
+            }
+            if (handled) {
+                e.preventDefault();
+                this.dispatchInputEvent();
+                this.dispatchChangeEvent();
+            }
+        }
+        handleValueChange() {
+            this.clampValue();
+            if (this.input && this.input.value !== String(this.value)) {
+                this.input.value = String(this.value);
+            }
+            if (this.internals) {
+                this.internals.setFormValue(String(this.value));
+            }
+            if (this.thumb) {
+                const percentage = ((this.value - this.min) / (this.max - this.min)) * 100;
+                if (this.vertical) {
+                    this.thumb.style.bottom = `${percentage}%`;
+                }
+                else {
+                    this.thumb.style.left = `${percentage}%`;
+                }
+            }
+            if (this.fill) {
+                const percentage = ((this.value - this.min) / (this.max - this.min)) * 100;
+                if (this.vertical) {
+                    this.fill.style.height = `${percentage}%`;
+                }
+                else {
+                    this.fill.style.width = `${percentage}%`;
+                }
+            }
+        }
+        handleDisabledChange() {
+            if (this.input) {
+                this.input.disabled = this.disabled;
+            }
+        }
+        dispatchInputEvent() {
+            return { value: this.value, slider: this };
+        }
+        dispatchChangeEvent() {
+            return { value: this.value, slider: this };
+        }
+        // Public API
+        focus() {
+            this.thumb?.focus();
+        }
+        blur() {
+            this.thumb?.blur();
+        }
+        checkValidity() {
+            return this.input?.checkValidity() ?? true;
+        }
+        reportValidity() {
+            return this.input?.reportValidity() ?? true;
+        }
+        setCustomValidity(message) {
+            this.input?.setCustomValidity(message);
+        }
+        disconnectedCallback() {
+            this.stopDragging();
+        }
+    });
+    return _classThis;
+})();
+
+export { SniceSlider };
+//# sourceMappingURL=snice-slider.js.map