@m1z23r/ngx-ui 1.1.2 → 1.1.4
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.
|
@@ -2760,6 +2760,7 @@ class SliderComponent {
|
|
|
2760
2760
|
showValue = input(false, ...(ngDevMode ? [{ debugName: "showValue" }] : []));
|
|
2761
2761
|
label = input('', ...(ngDevMode ? [{ debugName: "label" }] : []));
|
|
2762
2762
|
value = model(0, ...(ngDevMode ? [{ debugName: "value" }] : []));
|
|
2763
|
+
valueCommit = output();
|
|
2763
2764
|
static nextId = 0;
|
|
2764
2765
|
generatedId = `ui-slider-${++SliderComponent.nextId}`;
|
|
2765
2766
|
inputId = computed(() => this.generatedId, ...(ngDevMode ? [{ debugName: "inputId" }] : []));
|
|
@@ -2774,12 +2775,12 @@ class SliderComponent {
|
|
|
2774
2775
|
return `${Math.max(0, Math.min(100, percent))}%`;
|
|
2775
2776
|
}, ...(ngDevMode ? [{ debugName: "fillPercent" }] : []));
|
|
2776
2777
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: SliderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2777
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.1", type: SliderComponent, isStandalone: true, selector: "ui-slider", inputs: { min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, step: { classPropertyName: "step", publicName: "step", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, showValue: { classPropertyName: "showValue", publicName: "showValue", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange" }, ngImport: i0, template: "<div class=\"ui-slider-wrapper\" [class]=\"sliderClasses()\" [class.ui-slider-wrapper--disabled]=\"disabled()\">\n @if (label()) {\n <label class=\"ui-slider__label\" [attr.for]=\"inputId()\">\n {{ label() }}\n </label>\n }\n <div class=\"ui-slider__container\" [style.--fill]=\"fillPercent()\">\n <input\n class=\"ui-slider\"\n type=\"range\"\n [id]=\"inputId()\"\n [min]=\"min()\"\n [max]=\"max()\"\n [step]=\"step()\"\n [disabled]=\"disabled()\"\n [(ngModel)]=\"value\"\n />\n </div>\n @if (showValue()) {\n <span class=\"ui-slider__value\">{{ value() }}</span>\n }\n</div>\n", styles: [":host{display:block}.ui-slider-wrapper{display:flex;flex-direction:column;gap:var(--ui-spacing-xs)}.ui-slider__label{font-size:var(--ui-font-sm);font-weight:500;color:var(--ui-text)}.ui-slider__value{font-size:var(--ui-font-sm);color:var(--ui-text-muted);font-variant-numeric:tabular-nums}.ui-slider__container{display:flex;align-items:center}.ui-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;background:transparent;cursor:pointer;margin:0;padding:0}.ui-slider::-webkit-slider-runnable-track{width:100%;border-radius:var(--ui-radius-xl);background:linear-gradient(to right,var(--ui-primary) 0%,var(--ui-primary) var(--fill, 0%),var(--ui-bg-tertiary) var(--fill, 0%),var(--ui-bg-tertiary) 100%);border:none}.ui-slider::-moz-range-track{width:100%;border-radius:var(--ui-radius-xl);background:var(--ui-bg-tertiary);border:none}.ui-slider::-moz-range-progress{border-radius:var(--ui-radius-xl);background:var(--ui-primary)}.ui-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;border-radius:50%;background:var(--ui-primary);border:2px solid var(--ui-bg);box-shadow:var(--ui-shadow-sm);transition:box-shadow var(--ui-transition-fast),transform var(--ui-transition-fast)}.ui-slider::-moz-range-thumb{border-radius:50%;background:var(--ui-primary);border:2px solid var(--ui-bg);box-shadow:var(--ui-shadow-sm);transition:box-shadow var(--ui-transition-fast),transform var(--ui-transition-fast)}.ui-slider:focus{outline:none}.ui-slider:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px color-mix(in srgb,var(--ui-primary) 20%,transparent)}.ui-slider:focus-visible::-moz-range-thumb{box-shadow:0 0 0 3px color-mix(in srgb,var(--ui-primary) 20%,transparent)}.ui-slider:not(:disabled):hover::-webkit-slider-thumb{transform:scale(1.1)}.ui-slider:not(:disabled):hover::-moz-range-thumb{transform:scale(1.1)}.ui-slider:not(:disabled):active::-webkit-slider-thumb{transform:scale(1.15);box-shadow:0 0 0 3px color-mix(in srgb,var(--ui-primary) 20%,transparent)}.ui-slider:not(:disabled):active::-moz-range-thumb{transform:scale(1.15);box-shadow:0 0 0 3px color-mix(in srgb,var(--ui-primary) 20%,transparent)}.ui-slider--sm .ui-slider{height:20px}.ui-slider--sm .ui-slider::-webkit-slider-runnable-track{height:4px}.ui-slider--sm .ui-slider::-moz-range-track{height:4px}.ui-slider--sm .ui-slider::-moz-range-progress{height:4px}.ui-slider--sm .ui-slider::-webkit-slider-thumb{width:14px;height:14px;margin-top:-5px}.ui-slider--sm .ui-slider::-moz-range-thumb{width:14px;height:14px}.ui-slider--md .ui-slider{height:24px}.ui-slider--md .ui-slider::-webkit-slider-runnable-track{height:6px}.ui-slider--md .ui-slider::-moz-range-track{height:6px}.ui-slider--md .ui-slider::-moz-range-progress{height:6px}.ui-slider--md .ui-slider::-webkit-slider-thumb{width:18px;height:18px;margin-top:-6px}.ui-slider--md .ui-slider::-moz-range-thumb{width:18px;height:18px}.ui-slider--lg .ui-slider{height:32px}.ui-slider--lg .ui-slider::-webkit-slider-runnable-track{height:8px}.ui-slider--lg .ui-slider::-moz-range-track{height:8px}.ui-slider--lg .ui-slider::-moz-range-progress{height:8px}.ui-slider--lg .ui-slider::-webkit-slider-thumb{width:24px;height:24px;margin-top:-8px}.ui-slider--lg .ui-slider::-moz-range-thumb{width:24px;height:24px}.ui-slider-wrapper--disabled{opacity:.5}.ui-slider-wrapper--disabled .ui-slider{cursor:not-allowed}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.RangeValueAccessor, selector: "input[type=range][formControlName],input[type=range][formControl],input[type=range][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
2778
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.1", type: SliderComponent, isStandalone: true, selector: "ui-slider", inputs: { min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, step: { classPropertyName: "step", publicName: "step", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, showValue: { classPropertyName: "showValue", publicName: "showValue", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", valueCommit: "valueCommit" }, ngImport: i0, template: "<div class=\"ui-slider-wrapper\" [class]=\"sliderClasses()\" [class.ui-slider-wrapper--disabled]=\"disabled()\">\n @if (label()) {\n <label class=\"ui-slider__label\" [attr.for]=\"inputId()\">\n {{ label() }}\n </label>\n }\n <div class=\"ui-slider__container\" [style.--fill]=\"fillPercent()\">\n <input\n class=\"ui-slider\"\n type=\"range\"\n [id]=\"inputId()\"\n [min]=\"min()\"\n [max]=\"max()\"\n [step]=\"step()\"\n [disabled]=\"disabled()\"\n [(ngModel)]=\"value\"\n (change)=\"valueCommit.emit(value())\"\n />\n </div>\n @if (showValue()) {\n <span class=\"ui-slider__value\">{{ value() }}</span>\n }\n</div>\n", styles: [":host{display:block}.ui-slider-wrapper{display:flex;flex-direction:column;gap:var(--ui-spacing-xs)}.ui-slider__label{font-size:var(--ui-font-sm);font-weight:500;color:var(--ui-text)}.ui-slider__value{font-size:var(--ui-font-sm);color:var(--ui-text-muted);font-variant-numeric:tabular-nums}.ui-slider__container{display:flex;align-items:center}.ui-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;background:transparent;cursor:pointer;margin:0;padding:0}.ui-slider::-webkit-slider-runnable-track{width:100%;border-radius:var(--ui-radius-xl);background:linear-gradient(to right,var(--ui-primary) 0%,var(--ui-primary) var(--fill, 0%),var(--ui-bg-tertiary) var(--fill, 0%),var(--ui-bg-tertiary) 100%);border:none}.ui-slider::-moz-range-track{width:100%;border-radius:var(--ui-radius-xl);background:var(--ui-bg-tertiary);border:none}.ui-slider::-moz-range-progress{border-radius:var(--ui-radius-xl);background:var(--ui-primary)}.ui-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;border-radius:50%;background:var(--ui-primary);border:2px solid var(--ui-bg);box-shadow:var(--ui-shadow-sm);transition:box-shadow var(--ui-transition-fast),transform var(--ui-transition-fast)}.ui-slider::-moz-range-thumb{border-radius:50%;background:var(--ui-primary);border:2px solid var(--ui-bg);box-shadow:var(--ui-shadow-sm);transition:box-shadow var(--ui-transition-fast),transform var(--ui-transition-fast)}.ui-slider:focus{outline:none}.ui-slider:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px color-mix(in srgb,var(--ui-primary) 20%,transparent)}.ui-slider:focus-visible::-moz-range-thumb{box-shadow:0 0 0 3px color-mix(in srgb,var(--ui-primary) 20%,transparent)}.ui-slider:not(:disabled):hover::-webkit-slider-thumb{transform:scale(1.1)}.ui-slider:not(:disabled):hover::-moz-range-thumb{transform:scale(1.1)}.ui-slider:not(:disabled):active::-webkit-slider-thumb{transform:scale(1.15);box-shadow:0 0 0 3px color-mix(in srgb,var(--ui-primary) 20%,transparent)}.ui-slider:not(:disabled):active::-moz-range-thumb{transform:scale(1.15);box-shadow:0 0 0 3px color-mix(in srgb,var(--ui-primary) 20%,transparent)}.ui-slider--sm .ui-slider{height:20px}.ui-slider--sm .ui-slider::-webkit-slider-runnable-track{height:4px}.ui-slider--sm .ui-slider::-moz-range-track{height:4px}.ui-slider--sm .ui-slider::-moz-range-progress{height:4px}.ui-slider--sm .ui-slider::-webkit-slider-thumb{width:14px;height:14px;margin-top:-5px}.ui-slider--sm .ui-slider::-moz-range-thumb{width:14px;height:14px}.ui-slider--md .ui-slider{height:24px}.ui-slider--md .ui-slider::-webkit-slider-runnable-track{height:6px}.ui-slider--md .ui-slider::-moz-range-track{height:6px}.ui-slider--md .ui-slider::-moz-range-progress{height:6px}.ui-slider--md .ui-slider::-webkit-slider-thumb{width:18px;height:18px;margin-top:-6px}.ui-slider--md .ui-slider::-moz-range-thumb{width:18px;height:18px}.ui-slider--lg .ui-slider{height:32px}.ui-slider--lg .ui-slider::-webkit-slider-runnable-track{height:8px}.ui-slider--lg .ui-slider::-moz-range-track{height:8px}.ui-slider--lg .ui-slider::-moz-range-progress{height:8px}.ui-slider--lg .ui-slider::-webkit-slider-thumb{width:24px;height:24px;margin-top:-8px}.ui-slider--lg .ui-slider::-moz-range-thumb{width:24px;height:24px}.ui-slider-wrapper--disabled{opacity:.5}.ui-slider-wrapper--disabled .ui-slider{cursor:not-allowed}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.RangeValueAccessor, selector: "input[type=range][formControlName],input[type=range][formControl],input[type=range][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
2778
2779
|
}
|
|
2779
2780
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: SliderComponent, decorators: [{
|
|
2780
2781
|
type: Component,
|
|
2781
|
-
args: [{ selector: 'ui-slider', standalone: true, imports: [FormsModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"ui-slider-wrapper\" [class]=\"sliderClasses()\" [class.ui-slider-wrapper--disabled]=\"disabled()\">\n @if (label()) {\n <label class=\"ui-slider__label\" [attr.for]=\"inputId()\">\n {{ label() }}\n </label>\n }\n <div class=\"ui-slider__container\" [style.--fill]=\"fillPercent()\">\n <input\n class=\"ui-slider\"\n type=\"range\"\n [id]=\"inputId()\"\n [min]=\"min()\"\n [max]=\"max()\"\n [step]=\"step()\"\n [disabled]=\"disabled()\"\n [(ngModel)]=\"value\"\n />\n </div>\n @if (showValue()) {\n <span class=\"ui-slider__value\">{{ value() }}</span>\n }\n</div>\n", styles: [":host{display:block}.ui-slider-wrapper{display:flex;flex-direction:column;gap:var(--ui-spacing-xs)}.ui-slider__label{font-size:var(--ui-font-sm);font-weight:500;color:var(--ui-text)}.ui-slider__value{font-size:var(--ui-font-sm);color:var(--ui-text-muted);font-variant-numeric:tabular-nums}.ui-slider__container{display:flex;align-items:center}.ui-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;background:transparent;cursor:pointer;margin:0;padding:0}.ui-slider::-webkit-slider-runnable-track{width:100%;border-radius:var(--ui-radius-xl);background:linear-gradient(to right,var(--ui-primary) 0%,var(--ui-primary) var(--fill, 0%),var(--ui-bg-tertiary) var(--fill, 0%),var(--ui-bg-tertiary) 100%);border:none}.ui-slider::-moz-range-track{width:100%;border-radius:var(--ui-radius-xl);background:var(--ui-bg-tertiary);border:none}.ui-slider::-moz-range-progress{border-radius:var(--ui-radius-xl);background:var(--ui-primary)}.ui-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;border-radius:50%;background:var(--ui-primary);border:2px solid var(--ui-bg);box-shadow:var(--ui-shadow-sm);transition:box-shadow var(--ui-transition-fast),transform var(--ui-transition-fast)}.ui-slider::-moz-range-thumb{border-radius:50%;background:var(--ui-primary);border:2px solid var(--ui-bg);box-shadow:var(--ui-shadow-sm);transition:box-shadow var(--ui-transition-fast),transform var(--ui-transition-fast)}.ui-slider:focus{outline:none}.ui-slider:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px color-mix(in srgb,var(--ui-primary) 20%,transparent)}.ui-slider:focus-visible::-moz-range-thumb{box-shadow:0 0 0 3px color-mix(in srgb,var(--ui-primary) 20%,transparent)}.ui-slider:not(:disabled):hover::-webkit-slider-thumb{transform:scale(1.1)}.ui-slider:not(:disabled):hover::-moz-range-thumb{transform:scale(1.1)}.ui-slider:not(:disabled):active::-webkit-slider-thumb{transform:scale(1.15);box-shadow:0 0 0 3px color-mix(in srgb,var(--ui-primary) 20%,transparent)}.ui-slider:not(:disabled):active::-moz-range-thumb{transform:scale(1.15);box-shadow:0 0 0 3px color-mix(in srgb,var(--ui-primary) 20%,transparent)}.ui-slider--sm .ui-slider{height:20px}.ui-slider--sm .ui-slider::-webkit-slider-runnable-track{height:4px}.ui-slider--sm .ui-slider::-moz-range-track{height:4px}.ui-slider--sm .ui-slider::-moz-range-progress{height:4px}.ui-slider--sm .ui-slider::-webkit-slider-thumb{width:14px;height:14px;margin-top:-5px}.ui-slider--sm .ui-slider::-moz-range-thumb{width:14px;height:14px}.ui-slider--md .ui-slider{height:24px}.ui-slider--md .ui-slider::-webkit-slider-runnable-track{height:6px}.ui-slider--md .ui-slider::-moz-range-track{height:6px}.ui-slider--md .ui-slider::-moz-range-progress{height:6px}.ui-slider--md .ui-slider::-webkit-slider-thumb{width:18px;height:18px;margin-top:-6px}.ui-slider--md .ui-slider::-moz-range-thumb{width:18px;height:18px}.ui-slider--lg .ui-slider{height:32px}.ui-slider--lg .ui-slider::-webkit-slider-runnable-track{height:8px}.ui-slider--lg .ui-slider::-moz-range-track{height:8px}.ui-slider--lg .ui-slider::-moz-range-progress{height:8px}.ui-slider--lg .ui-slider::-webkit-slider-thumb{width:24px;height:24px;margin-top:-8px}.ui-slider--lg .ui-slider::-moz-range-thumb{width:24px;height:24px}.ui-slider-wrapper--disabled{opacity:.5}.ui-slider-wrapper--disabled .ui-slider{cursor:not-allowed}\n"] }]
|
|
2782
|
-
}], propDecorators: { 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 }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], showValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "showValue", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }] } });
|
|
2782
|
+
args: [{ selector: 'ui-slider', standalone: true, imports: [FormsModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"ui-slider-wrapper\" [class]=\"sliderClasses()\" [class.ui-slider-wrapper--disabled]=\"disabled()\">\n @if (label()) {\n <label class=\"ui-slider__label\" [attr.for]=\"inputId()\">\n {{ label() }}\n </label>\n }\n <div class=\"ui-slider__container\" [style.--fill]=\"fillPercent()\">\n <input\n class=\"ui-slider\"\n type=\"range\"\n [id]=\"inputId()\"\n [min]=\"min()\"\n [max]=\"max()\"\n [step]=\"step()\"\n [disabled]=\"disabled()\"\n [(ngModel)]=\"value\"\n (change)=\"valueCommit.emit(value())\"\n />\n </div>\n @if (showValue()) {\n <span class=\"ui-slider__value\">{{ value() }}</span>\n }\n</div>\n", styles: [":host{display:block}.ui-slider-wrapper{display:flex;flex-direction:column;gap:var(--ui-spacing-xs)}.ui-slider__label{font-size:var(--ui-font-sm);font-weight:500;color:var(--ui-text)}.ui-slider__value{font-size:var(--ui-font-sm);color:var(--ui-text-muted);font-variant-numeric:tabular-nums}.ui-slider__container{display:flex;align-items:center}.ui-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;background:transparent;cursor:pointer;margin:0;padding:0}.ui-slider::-webkit-slider-runnable-track{width:100%;border-radius:var(--ui-radius-xl);background:linear-gradient(to right,var(--ui-primary) 0%,var(--ui-primary) var(--fill, 0%),var(--ui-bg-tertiary) var(--fill, 0%),var(--ui-bg-tertiary) 100%);border:none}.ui-slider::-moz-range-track{width:100%;border-radius:var(--ui-radius-xl);background:var(--ui-bg-tertiary);border:none}.ui-slider::-moz-range-progress{border-radius:var(--ui-radius-xl);background:var(--ui-primary)}.ui-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;border-radius:50%;background:var(--ui-primary);border:2px solid var(--ui-bg);box-shadow:var(--ui-shadow-sm);transition:box-shadow var(--ui-transition-fast),transform var(--ui-transition-fast)}.ui-slider::-moz-range-thumb{border-radius:50%;background:var(--ui-primary);border:2px solid var(--ui-bg);box-shadow:var(--ui-shadow-sm);transition:box-shadow var(--ui-transition-fast),transform var(--ui-transition-fast)}.ui-slider:focus{outline:none}.ui-slider:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px color-mix(in srgb,var(--ui-primary) 20%,transparent)}.ui-slider:focus-visible::-moz-range-thumb{box-shadow:0 0 0 3px color-mix(in srgb,var(--ui-primary) 20%,transparent)}.ui-slider:not(:disabled):hover::-webkit-slider-thumb{transform:scale(1.1)}.ui-slider:not(:disabled):hover::-moz-range-thumb{transform:scale(1.1)}.ui-slider:not(:disabled):active::-webkit-slider-thumb{transform:scale(1.15);box-shadow:0 0 0 3px color-mix(in srgb,var(--ui-primary) 20%,transparent)}.ui-slider:not(:disabled):active::-moz-range-thumb{transform:scale(1.15);box-shadow:0 0 0 3px color-mix(in srgb,var(--ui-primary) 20%,transparent)}.ui-slider--sm .ui-slider{height:20px}.ui-slider--sm .ui-slider::-webkit-slider-runnable-track{height:4px}.ui-slider--sm .ui-slider::-moz-range-track{height:4px}.ui-slider--sm .ui-slider::-moz-range-progress{height:4px}.ui-slider--sm .ui-slider::-webkit-slider-thumb{width:14px;height:14px;margin-top:-5px}.ui-slider--sm .ui-slider::-moz-range-thumb{width:14px;height:14px}.ui-slider--md .ui-slider{height:24px}.ui-slider--md .ui-slider::-webkit-slider-runnable-track{height:6px}.ui-slider--md .ui-slider::-moz-range-track{height:6px}.ui-slider--md .ui-slider::-moz-range-progress{height:6px}.ui-slider--md .ui-slider::-webkit-slider-thumb{width:18px;height:18px;margin-top:-6px}.ui-slider--md .ui-slider::-moz-range-thumb{width:18px;height:18px}.ui-slider--lg .ui-slider{height:32px}.ui-slider--lg .ui-slider::-webkit-slider-runnable-track{height:8px}.ui-slider--lg .ui-slider::-moz-range-track{height:8px}.ui-slider--lg .ui-slider::-moz-range-progress{height:8px}.ui-slider--lg .ui-slider::-webkit-slider-thumb{width:24px;height:24px;margin-top:-8px}.ui-slider--lg .ui-slider::-moz-range-thumb{width:24px;height:24px}.ui-slider-wrapper--disabled{opacity:.5}.ui-slider-wrapper--disabled .ui-slider{cursor:not-allowed}\n"] }]
|
|
2783
|
+
}], propDecorators: { 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 }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], showValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "showValue", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], valueCommit: [{ type: i0.Output, args: ["valueCommit"] }] } });
|
|
2783
2784
|
|
|
2784
2785
|
class DatepickerComponent {
|
|
2785
2786
|
// Inputs
|
|
@@ -3494,11 +3495,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImpor
|
|
|
3494
3495
|
class SidebarComponent {
|
|
3495
3496
|
sidebarService = inject(SidebarService);
|
|
3496
3497
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: SidebarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3497
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.1", type: SidebarComponent, isStandalone: true, selector: "ui-sidebar", ngImport: i0, template: "<aside class=\"ui-sidebar\"\n [class.ui-sidebar--collapsed]=\"sidebarService.collapsed()\"\n [class.ui-sidebar--mobile]=\"sidebarService.isMobile()\"\n [class.ui-sidebar--mobile-open]=\"sidebarService.mobileOpen()\">\n <div class=\"ui-sidebar__header\">\n <ng-content select=\"[slot=header]\" />\n </div>\n <nav class=\"ui-sidebar__nav\">\n <ng-content />\n </nav>\n <div class=\"ui-sidebar__footer\">\n <ng-content select=\"[slot=footer]\" />\n </div>\n</aside>\n", styles: [":host{display:block;grid-area:sidebar}.ui-sidebar{display:flex;flex-direction:column;width:var(--ui-sidebar-width);height:100%;background-color:var(--ui-bg);border-right:1px solid var(--ui-border);transition:width var(--ui-transition-normal),transform var(--ui-transition-normal);overflow:hidden}.ui-sidebar--collapsed{width:var(--ui-sidebar-collapsed-width)}.ui-sidebar__header{display:flex;align-items:center;height:var(--ui-navbar-height);padding:0 var(--ui-spacing-md);border-bottom:1px solid var(--ui-border);flex-shrink:0}.ui-sidebar__nav{flex:1;padding:var(--ui-spacing-sm);overflow-y:auto;overflow-x:hidden}.ui-sidebar__footer{padding:var(--ui-spacing-sm);border-top:1px solid var(--ui-border);flex-shrink:0}.ui-sidebar--collapsed .ui-sidebar__header,.ui-sidebar--collapsed .ui-sidebar__nav,.ui-sidebar--collapsed .ui-sidebar__footer{padding-inline:var(--ui-spacing-xs)}.ui-sidebar--mobile{position:fixed;top:0;left:0;height:100vh;z-index:50;transform:translate(-100%);box-shadow:var(--ui-shadow-lg)}.ui-sidebar--mobile.ui-sidebar--mobile-open{transform:translate(0)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
3498
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.1", type: SidebarComponent, isStandalone: true, selector: "ui-sidebar", ngImport: i0, template: "<aside class=\"ui-sidebar\"\n [class.ui-sidebar--collapsed]=\"sidebarService.collapsed()\"\n [class.ui-sidebar--mobile]=\"sidebarService.isMobile()\"\n [class.ui-sidebar--mobile-open]=\"sidebarService.mobileOpen()\">\n <div class=\"ui-sidebar__header\">\n <ng-content select=\"[slot=header]\" />\n </div>\n <nav class=\"ui-sidebar__nav\">\n <ng-content />\n </nav>\n <div class=\"ui-sidebar__footer\">\n <ng-content select=\"[slot=footer]\" />\n </div>\n</aside>\n", styles: [":host{display:block;grid-area:sidebar}.ui-sidebar{display:flex;flex-direction:column;width:var(--ui-sidebar-width);height:100%;background-color:var(--ui-bg);border-right:1px solid var(--ui-border);transition:width var(--ui-transition-normal),transform var(--ui-transition-normal);overflow:hidden}.ui-sidebar--collapsed{width:var(--ui-sidebar-collapsed-width)}.ui-sidebar__header{display:flex;align-items:center;height:var(--ui-navbar-height);padding:0 var(--ui-spacing-md);border-bottom:1px solid var(--ui-border);flex-shrink:0}.ui-sidebar__header:not(:has(*)){display:none}.ui-sidebar__nav{flex:1;padding:var(--ui-spacing-sm);overflow-y:auto;overflow-x:hidden}.ui-sidebar__footer{padding:var(--ui-spacing-sm);border-top:1px solid var(--ui-border);flex-shrink:0}.ui-sidebar__footer:not(:has(*)){display:none}.ui-sidebar--collapsed .ui-sidebar__header,.ui-sidebar--collapsed .ui-sidebar__nav,.ui-sidebar--collapsed .ui-sidebar__footer{padding-inline:var(--ui-spacing-xs)}.ui-sidebar--mobile{position:fixed;top:0;left:0;height:100vh;z-index:50;transform:translate(-100%);box-shadow:var(--ui-shadow-lg)}.ui-sidebar--mobile.ui-sidebar--mobile-open{transform:translate(0)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
3498
3499
|
}
|
|
3499
3500
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: SidebarComponent, decorators: [{
|
|
3500
3501
|
type: Component,
|
|
3501
|
-
args: [{ selector: 'ui-sidebar', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<aside class=\"ui-sidebar\"\n [class.ui-sidebar--collapsed]=\"sidebarService.collapsed()\"\n [class.ui-sidebar--mobile]=\"sidebarService.isMobile()\"\n [class.ui-sidebar--mobile-open]=\"sidebarService.mobileOpen()\">\n <div class=\"ui-sidebar__header\">\n <ng-content select=\"[slot=header]\" />\n </div>\n <nav class=\"ui-sidebar__nav\">\n <ng-content />\n </nav>\n <div class=\"ui-sidebar__footer\">\n <ng-content select=\"[slot=footer]\" />\n </div>\n</aside>\n", styles: [":host{display:block;grid-area:sidebar}.ui-sidebar{display:flex;flex-direction:column;width:var(--ui-sidebar-width);height:100%;background-color:var(--ui-bg);border-right:1px solid var(--ui-border);transition:width var(--ui-transition-normal),transform var(--ui-transition-normal);overflow:hidden}.ui-sidebar--collapsed{width:var(--ui-sidebar-collapsed-width)}.ui-sidebar__header{display:flex;align-items:center;height:var(--ui-navbar-height);padding:0 var(--ui-spacing-md);border-bottom:1px solid var(--ui-border);flex-shrink:0}.ui-sidebar__nav{flex:1;padding:var(--ui-spacing-sm);overflow-y:auto;overflow-x:hidden}.ui-sidebar__footer{padding:var(--ui-spacing-sm);border-top:1px solid var(--ui-border);flex-shrink:0}.ui-sidebar--collapsed .ui-sidebar__header,.ui-sidebar--collapsed .ui-sidebar__nav,.ui-sidebar--collapsed .ui-sidebar__footer{padding-inline:var(--ui-spacing-xs)}.ui-sidebar--mobile{position:fixed;top:0;left:0;height:100vh;z-index:50;transform:translate(-100%);box-shadow:var(--ui-shadow-lg)}.ui-sidebar--mobile.ui-sidebar--mobile-open{transform:translate(0)}\n"] }]
|
|
3502
|
+
args: [{ selector: 'ui-sidebar', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<aside class=\"ui-sidebar\"\n [class.ui-sidebar--collapsed]=\"sidebarService.collapsed()\"\n [class.ui-sidebar--mobile]=\"sidebarService.isMobile()\"\n [class.ui-sidebar--mobile-open]=\"sidebarService.mobileOpen()\">\n <div class=\"ui-sidebar__header\">\n <ng-content select=\"[slot=header]\" />\n </div>\n <nav class=\"ui-sidebar__nav\">\n <ng-content />\n </nav>\n <div class=\"ui-sidebar__footer\">\n <ng-content select=\"[slot=footer]\" />\n </div>\n</aside>\n", styles: [":host{display:block;grid-area:sidebar}.ui-sidebar{display:flex;flex-direction:column;width:var(--ui-sidebar-width);height:100%;background-color:var(--ui-bg);border-right:1px solid var(--ui-border);transition:width var(--ui-transition-normal),transform var(--ui-transition-normal);overflow:hidden}.ui-sidebar--collapsed{width:var(--ui-sidebar-collapsed-width)}.ui-sidebar__header{display:flex;align-items:center;height:var(--ui-navbar-height);padding:0 var(--ui-spacing-md);border-bottom:1px solid var(--ui-border);flex-shrink:0}.ui-sidebar__header:not(:has(*)){display:none}.ui-sidebar__nav{flex:1;padding:var(--ui-spacing-sm);overflow-y:auto;overflow-x:hidden}.ui-sidebar__footer{padding:var(--ui-spacing-sm);border-top:1px solid var(--ui-border);flex-shrink:0}.ui-sidebar__footer:not(:has(*)){display:none}.ui-sidebar--collapsed .ui-sidebar__header,.ui-sidebar--collapsed .ui-sidebar__nav,.ui-sidebar--collapsed .ui-sidebar__footer{padding-inline:var(--ui-spacing-xs)}.ui-sidebar--mobile{position:fixed;top:0;left:0;height:100vh;z-index:50;transform:translate(-100%);box-shadow:var(--ui-shadow-lg)}.ui-sidebar--mobile.ui-sidebar--mobile-open{transform:translate(0)}\n"] }]
|
|
3502
3503
|
}] });
|
|
3503
3504
|
|
|
3504
3505
|
class ContentComponent {
|