ng-tailwind 4.2.23 → 4.2.25
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.
- package/components/ngt-slider/ngt-slider.component.d.ts +3 -1
- package/esm2020/components/ngt-sidenav/ngt-sidenav.component.mjs +3 -3
- package/esm2020/components/ngt-slider/ngt-slider.component.mjs +8 -4
- package/fesm2015/ng-tailwind.mjs +9 -5
- package/fesm2015/ng-tailwind.mjs.map +1 -1
- package/fesm2020/ng-tailwind.mjs +9 -5
- package/fesm2020/ng-tailwind.mjs.map +1 -1
- package/package.json +1 -1
package/fesm2020/ng-tailwind.mjs
CHANGED
|
@@ -4840,9 +4840,9 @@ class NgtSliderComponent extends NgtBaseNgModel {
|
|
|
4840
4840
|
}
|
|
4841
4841
|
}
|
|
4842
4842
|
NgtSliderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NgtSliderComponent, deps: [{ token: i2$2.ControlContainer, host: true, optional: true }, { token: i0.Renderer2 }, { token: NgtFormComponent, optional: true, skipSelf: true }], target: i0.ɵɵFactoryTarget.Component });
|
|
4843
|
-
NgtSliderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: NgtSliderComponent, selector: "ngt-slider", inputs: { label: "label", shining: "shining", name: "name", min: "min", max: "max", step: "step", color: "color" }, providers: [
|
|
4843
|
+
NgtSliderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: NgtSliderComponent, selector: "ngt-slider", inputs: { label: "label", shining: "shining", isDisabled: "isDisabled", showPercentageSymbol: "showPercentageSymbol", name: "name", min: "min", max: "max", step: "step", color: "color" }, providers: [
|
|
4844
4844
|
NgtMakeProvider(NgtSliderComponent),
|
|
4845
|
-
], viewQueries: [{ propertyName: "element", first: true, predicate: ["element"], descendants: true, static: true }, { propertyName: "display", first: true, predicate: ["display"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"flex flex-col\">\n <span *ngIf='label && !shining' class=\"text-sm mb-2\">{{ label }}:</span>\n\n <div class=\"{{ shining ? 'hidden' : 'flex' }} items-center\">\n <input class=\"block w-full cursor-pointer overflow-hidden appearance-none bg-gray-400 {{color}}\" type=\"range\" [name]='name' ([ngModel])='value'\n oninput=\"display.innerHTML=value\" onchange=\"display.innerHTML=value\" [min]='min' [max]='max' [step]='step'\n #element>\n\n <span id='display' class=\"text-xs ml-2 font-semibold\" #display></span>\n </div>\n</div>\n\n<ng-container *ngIf='shining'>\n <div class=\"flex\">\n <ngt-shining class=\"w-full h-6\"></ngt-shining>\n </div>\n</ng-container
|
|
4845
|
+
], viewQueries: [{ propertyName: "element", first: true, predicate: ["element"], descendants: true, static: true }, { propertyName: "display", first: true, predicate: ["display"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"flex flex-col\">\n <span *ngIf='label && !shining' class=\"text-sm mb-2\">{{ label }}:</span>\n\n <div class=\"{{ shining ? 'hidden' : 'flex' }} items-center\">\n <input class=\"block w-full cursor-pointer overflow-hidden appearance-none bg-gray-400 {{color}}\"\n [class.cursor-not-allowed]=\"isDisabled\" type=\"range\" [name]='name' ([ngModel])='value'\n oninput=\"display.innerHTML=value\" onchange=\"display.innerHTML=value\" [min]='min' [max]='max' [step]='step'\n [disabled]=\"isDisabled\" #element>\n\n <span id='display' class=\"text-xs ml-2 font-semibold\" #display></span>\n <span *ngIf=\"showPercentageSymbol\" class=\"text-xs font-semibold\">%</span>\n </div>\n</div>\n\n<ng-container *ngIf='shining'>\n <div class=\"flex\">\n <ngt-shining class=\"w-full h-6\"></ngt-shining>\n </div>\n</ng-container>", styles: ["@media screen and (-webkit-min-device-pixel-ratio: 0){input[type=range]::-webkit-slider-thumb{width:15px;-webkit-appearance:none;appearance:none;height:15px;cursor:pointer;background:#FFF;border-radius:50%}.primary::-webkit-slider-thumb{box-shadow:-405px 0 0 400px #4299e1}.success::-webkit-slider-thumb{box-shadow:-405px 0 0 400px #6c9f23}.warning::-webkit-slider-thumb{box-shadow:-405px 0 0 400px #ffb822}.danger::-webkit-slider-thumb{box-shadow:-405px 0 0 400px #f56565}}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: NgtShiningComponent, selector: "ngt-shining", inputs: ["shiningWidth"] }], viewProviders: [
|
|
4846
4846
|
{ provide: ControlContainer, useExisting: NgForm }
|
|
4847
4847
|
] });
|
|
4848
4848
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NgtSliderComponent, decorators: [{
|
|
@@ -4851,7 +4851,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImpor
|
|
|
4851
4851
|
NgtMakeProvider(NgtSliderComponent),
|
|
4852
4852
|
], viewProviders: [
|
|
4853
4853
|
{ provide: ControlContainer, useExisting: NgForm }
|
|
4854
|
-
], template: "<div class=\"flex flex-col\">\n <span *ngIf='label && !shining' class=\"text-sm mb-2\">{{ label }}:</span>\n\n <div class=\"{{ shining ? 'hidden' : 'flex' }} items-center\">\n <input class=\"block w-full cursor-pointer overflow-hidden appearance-none bg-gray-400 {{color}}\" type=\"range\" [name]='name' ([ngModel])='value'\n oninput=\"display.innerHTML=value\" onchange=\"display.innerHTML=value\" [min]='min' [max]='max' [step]='step'\n #element>\n\n <span id='display' class=\"text-xs ml-2 font-semibold\" #display></span>\n </div>\n</div>\n\n<ng-container *ngIf='shining'>\n <div class=\"flex\">\n <ngt-shining class=\"w-full h-6\"></ngt-shining>\n </div>\n</ng-container
|
|
4854
|
+
], template: "<div class=\"flex flex-col\">\n <span *ngIf='label && !shining' class=\"text-sm mb-2\">{{ label }}:</span>\n\n <div class=\"{{ shining ? 'hidden' : 'flex' }} items-center\">\n <input class=\"block w-full cursor-pointer overflow-hidden appearance-none bg-gray-400 {{color}}\"\n [class.cursor-not-allowed]=\"isDisabled\" type=\"range\" [name]='name' ([ngModel])='value'\n oninput=\"display.innerHTML=value\" onchange=\"display.innerHTML=value\" [min]='min' [max]='max' [step]='step'\n [disabled]=\"isDisabled\" #element>\n\n <span id='display' class=\"text-xs ml-2 font-semibold\" #display></span>\n <span *ngIf=\"showPercentageSymbol\" class=\"text-xs font-semibold\">%</span>\n </div>\n</div>\n\n<ng-container *ngIf='shining'>\n <div class=\"flex\">\n <ngt-shining class=\"w-full h-6\"></ngt-shining>\n </div>\n</ng-container>", styles: ["@media screen and (-webkit-min-device-pixel-ratio: 0){input[type=range]::-webkit-slider-thumb{width:15px;-webkit-appearance:none;appearance:none;height:15px;cursor:pointer;background:#FFF;border-radius:50%}.primary::-webkit-slider-thumb{box-shadow:-405px 0 0 400px #4299e1}.success::-webkit-slider-thumb{box-shadow:-405px 0 0 400px #6c9f23}.warning::-webkit-slider-thumb{box-shadow:-405px 0 0 400px #ffb822}.danger::-webkit-slider-thumb{box-shadow:-405px 0 0 400px #f56565}}\n"] }]
|
|
4855
4855
|
}], ctorParameters: function () { return [{ type: i2$2.ControlContainer, decorators: [{
|
|
4856
4856
|
type: Optional
|
|
4857
4857
|
}, {
|
|
@@ -4870,6 +4870,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImpor
|
|
|
4870
4870
|
type: Input
|
|
4871
4871
|
}], shining: [{
|
|
4872
4872
|
type: Input
|
|
4873
|
+
}], isDisabled: [{
|
|
4874
|
+
type: Input
|
|
4875
|
+
}], showPercentageSymbol: [{
|
|
4876
|
+
type: Input
|
|
4873
4877
|
}], name: [{
|
|
4874
4878
|
type: Input
|
|
4875
4879
|
}], min: [{
|
|
@@ -6227,14 +6231,14 @@ class NgtSidenavComponent {
|
|
|
6227
6231
|
}
|
|
6228
6232
|
}
|
|
6229
6233
|
NgtSidenavComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NgtSidenavComponent, deps: [{ token: i0.Injector }, { token: NgtStylizableDirective, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component });
|
|
6230
|
-
NgtSidenavComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: NgtSidenavComponent, selector: "ngt-sidenav", inputs: { size: "size", initVisible: "initVisible", closeMenuOnMobileView: "closeMenuOnMobileView" }, host: { listeners: { "window:resize": "bindScreenSize($event)" } }, viewQueries: [{ propertyName: "sideMenuRef", first: true, predicate: ["sideMenu"], descendants: true, static: true }, { propertyName: "containerRef", first: true, predicate: ["container"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"flex h-full w-full\">\n <ng-container *ngIf=\"visible\">\n <div class=\"{{ getNavSize() }} {{ ngtStyle.compile(['color.bg', 'h']) }} {{ open ? 'block' : 'hidden' }} top-auto fixed {{ isMobileView() ? '' : '
|
|
6234
|
+
NgtSidenavComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: NgtSidenavComponent, selector: "ngt-sidenav", inputs: { size: "size", initVisible: "initVisible", closeMenuOnMobileView: "closeMenuOnMobileView" }, host: { listeners: { "window:resize": "bindScreenSize($event)" } }, viewQueries: [{ propertyName: "sideMenuRef", first: true, predicate: ["sideMenu"], descendants: true, static: true }, { propertyName: "containerRef", first: true, predicate: ["container"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"flex h-full w-full\">\n <ng-container *ngIf=\"visible\">\n <div class=\"{{ getNavSize() }} {{ ngtStyle.compile(['color.bg', 'h']) }} {{ open ? 'block' : 'hidden' }} top-auto fixed {{ isMobileView() ? '' : 'sm:static sm:block' }}\"\n @fadeDownAnimation #sideMenu>\n <ng-content select='[sideMenu]'></ng-content>\n </div>\n\n <ng-container *ngIf=\"open\">\n <button (click)='closeMenu()' tabindex=\"-1\"\n class=\"fixed z-30 inset-0 h-full w-full bg-black opacity-50 cursor-default\">\n </button>\n </ng-container>\n </ng-container>\n\n <div class=\"flex-wrap {{ getContainerSize() }} overflow-auto\" #container>\n <ng-content></ng-content>\n </div>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], animations: [
|
|
6231
6235
|
fadeDownAnimation('fadeDownAnimation', 600)
|
|
6232
6236
|
] });
|
|
6233
6237
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NgtSidenavComponent, decorators: [{
|
|
6234
6238
|
type: Component,
|
|
6235
6239
|
args: [{ selector: 'ngt-sidenav', animations: [
|
|
6236
6240
|
fadeDownAnimation('fadeDownAnimation', 600)
|
|
6237
|
-
], template: "<div class=\"flex h-full w-full\">\n <ng-container *ngIf=\"visible\">\n <div class=\"{{ getNavSize() }} {{ ngtStyle.compile(['color.bg', 'h']) }} {{ open ? 'block' : 'hidden' }} top-auto fixed {{ isMobileView() ? '' : '
|
|
6241
|
+
], template: "<div class=\"flex h-full w-full\">\n <ng-container *ngIf=\"visible\">\n <div class=\"{{ getNavSize() }} {{ ngtStyle.compile(['color.bg', 'h']) }} {{ open ? 'block' : 'hidden' }} top-auto fixed {{ isMobileView() ? '' : 'sm:static sm:block' }}\"\n @fadeDownAnimation #sideMenu>\n <ng-content select='[sideMenu]'></ng-content>\n </div>\n\n <ng-container *ngIf=\"open\">\n <button (click)='closeMenu()' tabindex=\"-1\"\n class=\"fixed z-30 inset-0 h-full w-full bg-black opacity-50 cursor-default\">\n </button>\n </ng-container>\n </ng-container>\n\n <div class=\"flex-wrap {{ getContainerSize() }} overflow-auto\" #container>\n <ng-content></ng-content>\n </div>\n</div>\n" }]
|
|
6238
6242
|
}], ctorParameters: function () { return [{ type: i0.Injector }, { type: NgtStylizableDirective, decorators: [{
|
|
6239
6243
|
type: Self
|
|
6240
6244
|
}, {
|