@libs-ui/components-inputs-range-slider 0.2.321-0 → 0.2.323-0
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.
|
@@ -125,10 +125,10 @@ export class LibsUiComponentsInputsRangeSliderComponent {
|
|
|
125
125
|
this.onDestroy.next();
|
|
126
126
|
this.onDestroy.complete();
|
|
127
127
|
}
|
|
128
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.
|
|
129
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.
|
|
128
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LibsUiComponentsInputsRangeSliderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
129
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: LibsUiComponentsInputsRangeSliderComponent, isStandalone: true, selector: "libs_ui-components-inputs-range_slider", inputs: { mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, classInclude: { classPropertyName: "classInclude", publicName: "classInclude", isSignal: true, isRequired: false, transformFunction: null }, disable: { classPropertyName: "disable", publicName: "disable", isSignal: true, isRequired: false, transformFunction: null }, unit: { classPropertyName: "unit", publicName: "unit", isSignal: true, isRequired: false, transformFunction: null }, step: { classPropertyName: "step", publicName: "step", isSignal: true, isRequired: false, transformFunction: null }, hideProgressingValue: { classPropertyName: "hideProgressingValue", publicName: "hideProgressingValue", isSignal: true, isRequired: false, transformFunction: null }, formatNumber: { classPropertyName: "formatNumber", publicName: "formatNumber", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", outChange: "outChange" }, viewQueries: [{ propertyName: "containerEl", first: true, predicate: ["containerEl"], descendants: true, isSignal: true }, { propertyName: "rangeEl", first: true, predicate: ["rangeEl"], descendants: true, isSignal: true }, { propertyName: "valueEl", first: true, predicate: ["valueEl"], descendants: true, isSignal: true }, { propertyName: "maxValueEl", first: true, predicate: ["maxValueEl"], descendants: true, isSignal: true }, { propertyName: "minValueEl", first: true, predicate: ["minValueEl"], descendants: true, isSignal: true }], ngImport: i0, template: "<div\n [class]=\"classInclude()\"\n [style.height.px]=\"mode() === 'slider' ? 44 : 22\"\n [class.pt-[4px]]=\"mode() === 'slider'\"\n #containerEl>\n <div\n [class.hidden]=\"!focus()\"\n class=\"libs-ui-range-slider-icon-active\"></div>\n <input\n #rangeEl\n class=\"libs-ui-range-slider\"\n [attr.mode]=\"mode()\"\n [attr.focus]=\"focus()\"\n [attr.disable]=\"disable()\"\n [value]=\"value()\"\n [type]=\"'range'\"\n [min]=\"min()\"\n [max]=\"max()\"\n [step]=\"step()\" />\n @if (mode() === 'slider') {\n <div class=\"flex justify-between relative mt-[8px]\">\n <div\n #minValueEl\n class=\"libs-ui-font-h7r text-[#9ca2ad] flex\"\n [class.invisible]=\"!visibilityMin()\">\n {{ min() }}\n @if (unit()) {\n <span class=\"libs-ui-font-h7r text-[#9ca2ad]\">{{ unit() }}</span>\n }\n </div>\n <div\n #valueEl\n class=\"libs-ui-font-h7r text-[#9ca2ad] absolute bottom-0 flex\"\n [style.left.px]=\"position()\">\n @if (!hideProgressingValue()) {\n {{ value() }}\n @if (unit()) {\n <span class=\"libs-ui-font-h7r text-[#9ca2ad]\">{{ unit() }}</span>\n }\n }\n </div>\n <div\n #maxValueEl\n class=\"libs-ui-font-h7r text-[#9ca2ad] flex\"\n [class.invisible]=\"!visibilityMax()\">\n {{ maxComputed() }}\n @if (unit()) {\n <span class=\"libs-ui-font-h7r text-[#9ca2ad]\">{{ unit() }}</span>\n }\n </div>\n </div>\n }\n</div>\n", styles: [".libs-ui-range-slider-container{width:100%;position:relative}.libs-ui-range-slider-container .libs-ui-range-slider{-webkit-appearance:none;appearance:none;width:100%;height:4px;background:linear-gradient(to right,var(--libs-ui-color-default, #226ff5) 0%,var(--libs-ui-color-default, #226ff5) var(--libs-ui-slider-value),var(--libs-ui-color-light-3, #e9f1fe) var(--libs-ui-slider-value),var(--libs-ui-color-light-3, #e9f1fe) 100%);outline:none;border-radius:4px}.libs-ui-range-slider-container .libs-ui-range-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#fff;cursor:pointer;border:solid 2px var(--libs-ui-color-default);z-index:3;position:relative}.libs-ui-range-slider-container .libs-ui-range-slider::-webkit-slider-thumb:hover{box-shadow:0 0 0 8px var(--libs-ui-slider-border-box-shadow, rgba(78, 140, 247, .1882352941))}.libs-ui-range-slider-container .libs-ui-range-slider::-moz-range-thumb{width:16px;height:16px;background:#fff;border-radius:50%;cursor:pointer;box-shadow:0 1px 2px #4e4e4e4d;border:solid 2px var(--libs-ui-color-default);z-index:3}.libs-ui-range-slider-container .libs-ui-range-slider::-moz-range-thumb:hover{box-shadow:0 0 0 8px var(--libs-ui-slider-border-box-shadow, rgba(78, 140, 247, .1882352941))}.libs-ui-range-slider-container .libs-ui-range-slider[mode=media]{background:linear-gradient(to right,#071631 0%,#071631 var(--libs-ui-slider-value),#cdd0d6 var(--libs-ui-slider-value),#cdd0d6 100%)}.libs-ui-range-slider-container .libs-ui-range-slider[mode=media]::-webkit-slider-thumb{display:none}.libs-ui-range-slider-container .libs-ui-range-slider[mode=media]::-moz-range-thumb{width:0;height:0;border:none}.libs-ui-range-slider-container .libs-ui-range-slider:hover,.libs-ui-range-slider-container .libs-ui-range-slider[focus=true]{background:linear-gradient(to right,var(--libs-ui-color-light-1, #4e8cf7) 0%,var(--libs-ui-color-light-1, #4e8cf7) var(--libs-ui-slider-value),#cdd0d6 var(--libs-ui-slider-value),#cdd0d6 100%)}.libs-ui-range-slider-container .libs-ui-range-slider:hover[mode=media]::-webkit-slider-thumb,.libs-ui-range-slider-container .libs-ui-range-slider[focus=true][mode=media]::-webkit-slider-thumb{display:block}.libs-ui-range-slider-container .libs-ui-range-slider:hover[mode=media]::-moz-range-thumb,.libs-ui-range-slider-container .libs-ui-range-slider[focus=true][mode=media]::-moz-range-thumb{width:16px;height:16px;border:solid 2px var(--libs-ui-color-default)}.libs-ui-range-slider-container .libs-ui-range-slider[disable=true]{pointer-events:none;background:linear-gradient(to right,#cdd0d6 0%,#cdd0d6 var(--libs-ui-slider-value),#e6e7ea var(--libs-ui-slider-value),#e6e7ea 100%)}.libs-ui-range-slider-container .libs-ui-range-slider[disable=true].libs-ui-range-slider::-webkit-slider-thumb{border:solid 2px #cdd0d6}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
130
130
|
}
|
|
131
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.
|
|
131
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LibsUiComponentsInputsRangeSliderComponent, decorators: [{
|
|
132
132
|
type: Component,
|
|
133
133
|
args: [{ selector: 'libs_ui-components-inputs-range_slider', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n [class]=\"classInclude()\"\n [style.height.px]=\"mode() === 'slider' ? 44 : 22\"\n [class.pt-[4px]]=\"mode() === 'slider'\"\n #containerEl>\n <div\n [class.hidden]=\"!focus()\"\n class=\"libs-ui-range-slider-icon-active\"></div>\n <input\n #rangeEl\n class=\"libs-ui-range-slider\"\n [attr.mode]=\"mode()\"\n [attr.focus]=\"focus()\"\n [attr.disable]=\"disable()\"\n [value]=\"value()\"\n [type]=\"'range'\"\n [min]=\"min()\"\n [max]=\"max()\"\n [step]=\"step()\" />\n @if (mode() === 'slider') {\n <div class=\"flex justify-between relative mt-[8px]\">\n <div\n #minValueEl\n class=\"libs-ui-font-h7r text-[#9ca2ad] flex\"\n [class.invisible]=\"!visibilityMin()\">\n {{ min() }}\n @if (unit()) {\n <span class=\"libs-ui-font-h7r text-[#9ca2ad]\">{{ unit() }}</span>\n }\n </div>\n <div\n #valueEl\n class=\"libs-ui-font-h7r text-[#9ca2ad] absolute bottom-0 flex\"\n [style.left.px]=\"position()\">\n @if (!hideProgressingValue()) {\n {{ value() }}\n @if (unit()) {\n <span class=\"libs-ui-font-h7r text-[#9ca2ad]\">{{ unit() }}</span>\n }\n }\n </div>\n <div\n #maxValueEl\n class=\"libs-ui-font-h7r text-[#9ca2ad] flex\"\n [class.invisible]=\"!visibilityMax()\">\n {{ maxComputed() }}\n @if (unit()) {\n <span class=\"libs-ui-font-h7r text-[#9ca2ad]\">{{ unit() }}</span>\n }\n </div>\n </div>\n }\n</div>\n", styles: [".libs-ui-range-slider-container{width:100%;position:relative}.libs-ui-range-slider-container .libs-ui-range-slider{-webkit-appearance:none;appearance:none;width:100%;height:4px;background:linear-gradient(to right,var(--libs-ui-color-default, #226ff5) 0%,var(--libs-ui-color-default, #226ff5) var(--libs-ui-slider-value),var(--libs-ui-color-light-3, #e9f1fe) var(--libs-ui-slider-value),var(--libs-ui-color-light-3, #e9f1fe) 100%);outline:none;border-radius:4px}.libs-ui-range-slider-container .libs-ui-range-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#fff;cursor:pointer;border:solid 2px var(--libs-ui-color-default);z-index:3;position:relative}.libs-ui-range-slider-container .libs-ui-range-slider::-webkit-slider-thumb:hover{box-shadow:0 0 0 8px var(--libs-ui-slider-border-box-shadow, rgba(78, 140, 247, .1882352941))}.libs-ui-range-slider-container .libs-ui-range-slider::-moz-range-thumb{width:16px;height:16px;background:#fff;border-radius:50%;cursor:pointer;box-shadow:0 1px 2px #4e4e4e4d;border:solid 2px var(--libs-ui-color-default);z-index:3}.libs-ui-range-slider-container .libs-ui-range-slider::-moz-range-thumb:hover{box-shadow:0 0 0 8px var(--libs-ui-slider-border-box-shadow, rgba(78, 140, 247, .1882352941))}.libs-ui-range-slider-container .libs-ui-range-slider[mode=media]{background:linear-gradient(to right,#071631 0%,#071631 var(--libs-ui-slider-value),#cdd0d6 var(--libs-ui-slider-value),#cdd0d6 100%)}.libs-ui-range-slider-container .libs-ui-range-slider[mode=media]::-webkit-slider-thumb{display:none}.libs-ui-range-slider-container .libs-ui-range-slider[mode=media]::-moz-range-thumb{width:0;height:0;border:none}.libs-ui-range-slider-container .libs-ui-range-slider:hover,.libs-ui-range-slider-container .libs-ui-range-slider[focus=true]{background:linear-gradient(to right,var(--libs-ui-color-light-1, #4e8cf7) 0%,var(--libs-ui-color-light-1, #4e8cf7) var(--libs-ui-slider-value),#cdd0d6 var(--libs-ui-slider-value),#cdd0d6 100%)}.libs-ui-range-slider-container .libs-ui-range-slider:hover[mode=media]::-webkit-slider-thumb,.libs-ui-range-slider-container .libs-ui-range-slider[focus=true][mode=media]::-webkit-slider-thumb{display:block}.libs-ui-range-slider-container .libs-ui-range-slider:hover[mode=media]::-moz-range-thumb,.libs-ui-range-slider-container .libs-ui-range-slider[focus=true][mode=media]::-moz-range-thumb{width:16px;height:16px;border:solid 2px var(--libs-ui-color-default)}.libs-ui-range-slider-container .libs-ui-range-slider[disable=true]{pointer-events:none;background:linear-gradient(to right,#cdd0d6 0%,#cdd0d6 var(--libs-ui-slider-value),#e6e7ea var(--libs-ui-slider-value),#e6e7ea 100%)}.libs-ui-range-slider-container .libs-ui-range-slider[disable=true].libs-ui-range-slider::-webkit-slider-thumb{border:solid 2px #cdd0d6}\n"] }]
|
|
134
134
|
}], ctorParameters: () => [] });
|
|
@@ -126,10 +126,10 @@ class LibsUiComponentsInputsRangeSliderComponent {
|
|
|
126
126
|
this.onDestroy.next();
|
|
127
127
|
this.onDestroy.complete();
|
|
128
128
|
}
|
|
129
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.
|
|
130
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.
|
|
129
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LibsUiComponentsInputsRangeSliderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
130
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: LibsUiComponentsInputsRangeSliderComponent, isStandalone: true, selector: "libs_ui-components-inputs-range_slider", inputs: { mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, classInclude: { classPropertyName: "classInclude", publicName: "classInclude", isSignal: true, isRequired: false, transformFunction: null }, disable: { classPropertyName: "disable", publicName: "disable", isSignal: true, isRequired: false, transformFunction: null }, unit: { classPropertyName: "unit", publicName: "unit", isSignal: true, isRequired: false, transformFunction: null }, step: { classPropertyName: "step", publicName: "step", isSignal: true, isRequired: false, transformFunction: null }, hideProgressingValue: { classPropertyName: "hideProgressingValue", publicName: "hideProgressingValue", isSignal: true, isRequired: false, transformFunction: null }, formatNumber: { classPropertyName: "formatNumber", publicName: "formatNumber", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", outChange: "outChange" }, viewQueries: [{ propertyName: "containerEl", first: true, predicate: ["containerEl"], descendants: true, isSignal: true }, { propertyName: "rangeEl", first: true, predicate: ["rangeEl"], descendants: true, isSignal: true }, { propertyName: "valueEl", first: true, predicate: ["valueEl"], descendants: true, isSignal: true }, { propertyName: "maxValueEl", first: true, predicate: ["maxValueEl"], descendants: true, isSignal: true }, { propertyName: "minValueEl", first: true, predicate: ["minValueEl"], descendants: true, isSignal: true }], ngImport: i0, template: "<div\n [class]=\"classInclude()\"\n [style.height.px]=\"mode() === 'slider' ? 44 : 22\"\n [class.pt-[4px]]=\"mode() === 'slider'\"\n #containerEl>\n <div\n [class.hidden]=\"!focus()\"\n class=\"libs-ui-range-slider-icon-active\"></div>\n <input\n #rangeEl\n class=\"libs-ui-range-slider\"\n [attr.mode]=\"mode()\"\n [attr.focus]=\"focus()\"\n [attr.disable]=\"disable()\"\n [value]=\"value()\"\n [type]=\"'range'\"\n [min]=\"min()\"\n [max]=\"max()\"\n [step]=\"step()\" />\n @if (mode() === 'slider') {\n <div class=\"flex justify-between relative mt-[8px]\">\n <div\n #minValueEl\n class=\"libs-ui-font-h7r text-[#9ca2ad] flex\"\n [class.invisible]=\"!visibilityMin()\">\n {{ min() }}\n @if (unit()) {\n <span class=\"libs-ui-font-h7r text-[#9ca2ad]\">{{ unit() }}</span>\n }\n </div>\n <div\n #valueEl\n class=\"libs-ui-font-h7r text-[#9ca2ad] absolute bottom-0 flex\"\n [style.left.px]=\"position()\">\n @if (!hideProgressingValue()) {\n {{ value() }}\n @if (unit()) {\n <span class=\"libs-ui-font-h7r text-[#9ca2ad]\">{{ unit() }}</span>\n }\n }\n </div>\n <div\n #maxValueEl\n class=\"libs-ui-font-h7r text-[#9ca2ad] flex\"\n [class.invisible]=\"!visibilityMax()\">\n {{ maxComputed() }}\n @if (unit()) {\n <span class=\"libs-ui-font-h7r text-[#9ca2ad]\">{{ unit() }}</span>\n }\n </div>\n </div>\n }\n</div>\n", styles: [".libs-ui-range-slider-container{width:100%;position:relative}.libs-ui-range-slider-container .libs-ui-range-slider{-webkit-appearance:none;appearance:none;width:100%;height:4px;background:linear-gradient(to right,var(--libs-ui-color-default, #226ff5) 0%,var(--libs-ui-color-default, #226ff5) var(--libs-ui-slider-value),var(--libs-ui-color-light-3, #e9f1fe) var(--libs-ui-slider-value),var(--libs-ui-color-light-3, #e9f1fe) 100%);outline:none;border-radius:4px}.libs-ui-range-slider-container .libs-ui-range-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#fff;cursor:pointer;border:solid 2px var(--libs-ui-color-default);z-index:3;position:relative}.libs-ui-range-slider-container .libs-ui-range-slider::-webkit-slider-thumb:hover{box-shadow:0 0 0 8px var(--libs-ui-slider-border-box-shadow, rgba(78, 140, 247, .1882352941))}.libs-ui-range-slider-container .libs-ui-range-slider::-moz-range-thumb{width:16px;height:16px;background:#fff;border-radius:50%;cursor:pointer;box-shadow:0 1px 2px #4e4e4e4d;border:solid 2px var(--libs-ui-color-default);z-index:3}.libs-ui-range-slider-container .libs-ui-range-slider::-moz-range-thumb:hover{box-shadow:0 0 0 8px var(--libs-ui-slider-border-box-shadow, rgba(78, 140, 247, .1882352941))}.libs-ui-range-slider-container .libs-ui-range-slider[mode=media]{background:linear-gradient(to right,#071631 0%,#071631 var(--libs-ui-slider-value),#cdd0d6 var(--libs-ui-slider-value),#cdd0d6 100%)}.libs-ui-range-slider-container .libs-ui-range-slider[mode=media]::-webkit-slider-thumb{display:none}.libs-ui-range-slider-container .libs-ui-range-slider[mode=media]::-moz-range-thumb{width:0;height:0;border:none}.libs-ui-range-slider-container .libs-ui-range-slider:hover,.libs-ui-range-slider-container .libs-ui-range-slider[focus=true]{background:linear-gradient(to right,var(--libs-ui-color-light-1, #4e8cf7) 0%,var(--libs-ui-color-light-1, #4e8cf7) var(--libs-ui-slider-value),#cdd0d6 var(--libs-ui-slider-value),#cdd0d6 100%)}.libs-ui-range-slider-container .libs-ui-range-slider:hover[mode=media]::-webkit-slider-thumb,.libs-ui-range-slider-container .libs-ui-range-slider[focus=true][mode=media]::-webkit-slider-thumb{display:block}.libs-ui-range-slider-container .libs-ui-range-slider:hover[mode=media]::-moz-range-thumb,.libs-ui-range-slider-container .libs-ui-range-slider[focus=true][mode=media]::-moz-range-thumb{width:16px;height:16px;border:solid 2px var(--libs-ui-color-default)}.libs-ui-range-slider-container .libs-ui-range-slider[disable=true]{pointer-events:none;background:linear-gradient(to right,#cdd0d6 0%,#cdd0d6 var(--libs-ui-slider-value),#e6e7ea var(--libs-ui-slider-value),#e6e7ea 100%)}.libs-ui-range-slider-container .libs-ui-range-slider[disable=true].libs-ui-range-slider::-webkit-slider-thumb{border:solid 2px #cdd0d6}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
131
131
|
}
|
|
132
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.
|
|
132
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LibsUiComponentsInputsRangeSliderComponent, decorators: [{
|
|
133
133
|
type: Component,
|
|
134
134
|
args: [{ selector: 'libs_ui-components-inputs-range_slider', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n [class]=\"classInclude()\"\n [style.height.px]=\"mode() === 'slider' ? 44 : 22\"\n [class.pt-[4px]]=\"mode() === 'slider'\"\n #containerEl>\n <div\n [class.hidden]=\"!focus()\"\n class=\"libs-ui-range-slider-icon-active\"></div>\n <input\n #rangeEl\n class=\"libs-ui-range-slider\"\n [attr.mode]=\"mode()\"\n [attr.focus]=\"focus()\"\n [attr.disable]=\"disable()\"\n [value]=\"value()\"\n [type]=\"'range'\"\n [min]=\"min()\"\n [max]=\"max()\"\n [step]=\"step()\" />\n @if (mode() === 'slider') {\n <div class=\"flex justify-between relative mt-[8px]\">\n <div\n #minValueEl\n class=\"libs-ui-font-h7r text-[#9ca2ad] flex\"\n [class.invisible]=\"!visibilityMin()\">\n {{ min() }}\n @if (unit()) {\n <span class=\"libs-ui-font-h7r text-[#9ca2ad]\">{{ unit() }}</span>\n }\n </div>\n <div\n #valueEl\n class=\"libs-ui-font-h7r text-[#9ca2ad] absolute bottom-0 flex\"\n [style.left.px]=\"position()\">\n @if (!hideProgressingValue()) {\n {{ value() }}\n @if (unit()) {\n <span class=\"libs-ui-font-h7r text-[#9ca2ad]\">{{ unit() }}</span>\n }\n }\n </div>\n <div\n #maxValueEl\n class=\"libs-ui-font-h7r text-[#9ca2ad] flex\"\n [class.invisible]=\"!visibilityMax()\">\n {{ maxComputed() }}\n @if (unit()) {\n <span class=\"libs-ui-font-h7r text-[#9ca2ad]\">{{ unit() }}</span>\n }\n </div>\n </div>\n }\n</div>\n", styles: [".libs-ui-range-slider-container{width:100%;position:relative}.libs-ui-range-slider-container .libs-ui-range-slider{-webkit-appearance:none;appearance:none;width:100%;height:4px;background:linear-gradient(to right,var(--libs-ui-color-default, #226ff5) 0%,var(--libs-ui-color-default, #226ff5) var(--libs-ui-slider-value),var(--libs-ui-color-light-3, #e9f1fe) var(--libs-ui-slider-value),var(--libs-ui-color-light-3, #e9f1fe) 100%);outline:none;border-radius:4px}.libs-ui-range-slider-container .libs-ui-range-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#fff;cursor:pointer;border:solid 2px var(--libs-ui-color-default);z-index:3;position:relative}.libs-ui-range-slider-container .libs-ui-range-slider::-webkit-slider-thumb:hover{box-shadow:0 0 0 8px var(--libs-ui-slider-border-box-shadow, rgba(78, 140, 247, .1882352941))}.libs-ui-range-slider-container .libs-ui-range-slider::-moz-range-thumb{width:16px;height:16px;background:#fff;border-radius:50%;cursor:pointer;box-shadow:0 1px 2px #4e4e4e4d;border:solid 2px var(--libs-ui-color-default);z-index:3}.libs-ui-range-slider-container .libs-ui-range-slider::-moz-range-thumb:hover{box-shadow:0 0 0 8px var(--libs-ui-slider-border-box-shadow, rgba(78, 140, 247, .1882352941))}.libs-ui-range-slider-container .libs-ui-range-slider[mode=media]{background:linear-gradient(to right,#071631 0%,#071631 var(--libs-ui-slider-value),#cdd0d6 var(--libs-ui-slider-value),#cdd0d6 100%)}.libs-ui-range-slider-container .libs-ui-range-slider[mode=media]::-webkit-slider-thumb{display:none}.libs-ui-range-slider-container .libs-ui-range-slider[mode=media]::-moz-range-thumb{width:0;height:0;border:none}.libs-ui-range-slider-container .libs-ui-range-slider:hover,.libs-ui-range-slider-container .libs-ui-range-slider[focus=true]{background:linear-gradient(to right,var(--libs-ui-color-light-1, #4e8cf7) 0%,var(--libs-ui-color-light-1, #4e8cf7) var(--libs-ui-slider-value),#cdd0d6 var(--libs-ui-slider-value),#cdd0d6 100%)}.libs-ui-range-slider-container .libs-ui-range-slider:hover[mode=media]::-webkit-slider-thumb,.libs-ui-range-slider-container .libs-ui-range-slider[focus=true][mode=media]::-webkit-slider-thumb{display:block}.libs-ui-range-slider-container .libs-ui-range-slider:hover[mode=media]::-moz-range-thumb,.libs-ui-range-slider-container .libs-ui-range-slider[focus=true][mode=media]::-moz-range-thumb{width:16px;height:16px;border:solid 2px var(--libs-ui-color-default)}.libs-ui-range-slider-container .libs-ui-range-slider[disable=true]{pointer-events:none;background:linear-gradient(to right,#cdd0d6 0%,#cdd0d6 var(--libs-ui-slider-value),#e6e7ea var(--libs-ui-slider-value),#e6e7ea 100%)}.libs-ui-range-slider-container .libs-ui-range-slider[disable=true].libs-ui-range-slider::-webkit-slider-thumb{border:solid 2px #cdd0d6}\n"] }]
|
|
135
135
|
}], ctorParameters: () => [] });
|
package/package.json
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@libs-ui/components-inputs-range-slider",
|
|
3
|
-
"version": "0.2.
|
|
3
|
+
"version": "0.2.323-0",
|
|
4
4
|
"peerDependencies": {
|
|
5
5
|
"@angular/core": ">=18.0.0",
|
|
6
|
-
"@libs-ui/interfaces-types": "0.2.
|
|
7
|
-
"@libs-ui/utils": "0.2.
|
|
6
|
+
"@libs-ui/interfaces-types": "0.2.323-0",
|
|
7
|
+
"@libs-ui/utils": "0.2.323-0",
|
|
8
8
|
"rxjs": "~7.8.0"
|
|
9
9
|
},
|
|
10
10
|
"sideEffects": false,
|