ng-tailwind 4.2.19 → 4.2.20

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (89) hide show
  1. package/components/ngt-select/ngt-select.component.d.ts +2 -1
  2. package/esm2020/components/ngt-action/ngt-action.component.mjs +3 -3
  3. package/esm2020/components/ngt-action/ngt-action.module.mjs +4 -4
  4. package/esm2020/components/ngt-button/ngt-button.component.mjs +3 -3
  5. package/esm2020/components/ngt-button/ngt-button.module.mjs +4 -4
  6. package/esm2020/components/ngt-checkbox/ngt-checkbox.component.mjs +3 -3
  7. package/esm2020/components/ngt-checkbox/ngt-checkbox.module.mjs +4 -4
  8. package/esm2020/components/ngt-content/ngt-content.component.mjs +3 -3
  9. package/esm2020/components/ngt-content/ngt-content.module.mjs +4 -4
  10. package/esm2020/components/ngt-context-menu/ngt-context-menu.component.mjs +3 -3
  11. package/esm2020/components/ngt-context-menu/ngt-context-menu.directive.mjs +3 -3
  12. package/esm2020/components/ngt-context-menu/ngt-context-menu.module.mjs +4 -4
  13. package/esm2020/components/ngt-datatable/ngt-datatable.component.mjs +3 -3
  14. package/esm2020/components/ngt-datatable/ngt-datatable.module.mjs +4 -4
  15. package/esm2020/components/ngt-datatable/ngt-tbody/ngt-tbody.component.mjs +3 -3
  16. package/esm2020/components/ngt-datatable/ngt-td/ngt-td.component.mjs +3 -3
  17. package/esm2020/components/ngt-datatable/ngt-td-check/ngt-td-check.component.mjs +3 -3
  18. package/esm2020/components/ngt-datatable/ngt-th/ngt-th.component.mjs +3 -3
  19. package/esm2020/components/ngt-datatable/ngt-th-check/ngt-th-check.component.mjs +3 -3
  20. package/esm2020/components/ngt-datatable/ngt-thead/ngt-thead.component.mjs +3 -3
  21. package/esm2020/components/ngt-datatable/ngt-tr/ngt-tr.component.mjs +3 -3
  22. package/esm2020/components/ngt-date/ngt-date.component.mjs +3 -3
  23. package/esm2020/components/ngt-date/ngt-date.module.mjs +4 -4
  24. package/esm2020/components/ngt-dropdown/ngt-dropdown-container/ngt-dropdown-container.component.mjs +3 -3
  25. package/esm2020/components/ngt-dropdown/ngt-dropdown.component.mjs +3 -3
  26. package/esm2020/components/ngt-dropdown/ngt-dropdown.module.mjs +4 -4
  27. package/esm2020/components/ngt-dropzone/custom-dropzone-preview/custom-dropzone-preview.component.mjs +3 -3
  28. package/esm2020/components/ngt-dropzone/ngt-dropzone-file-viewer/ngt-dropzone-file-viewer.component.mjs +3 -3
  29. package/esm2020/components/ngt-dropzone/ngt-dropzone-view/ngt-dropzone-view.component.mjs +3 -3
  30. package/esm2020/components/ngt-dropzone/ngt-dropzone.component.mjs +3 -3
  31. package/esm2020/components/ngt-dropzone/ngt-dropzone.module.mjs +4 -4
  32. package/esm2020/components/ngt-floating-button/ngt-floating-button.component.mjs +3 -3
  33. package/esm2020/components/ngt-floating-button/ngt-floating-button.module.mjs +4 -4
  34. package/esm2020/components/ngt-form/ngt-form-validation-message/ngt-form-validation-message.component.mjs +3 -3
  35. package/esm2020/components/ngt-form/ngt-form.component.mjs +3 -3
  36. package/esm2020/components/ngt-form/ngt-form.module.mjs +4 -4
  37. package/esm2020/components/ngt-header-nav/ngt-header-nav.component.mjs +3 -3
  38. package/esm2020/components/ngt-header-nav/ngt-header-nav.module.mjs +4 -4
  39. package/esm2020/components/ngt-helper/ngt-helper.component.mjs +3 -3
  40. package/esm2020/components/ngt-helper/ngt-helper.module.mjs +4 -4
  41. package/esm2020/components/ngt-input/ngt-input.component.mjs +3 -3
  42. package/esm2020/components/ngt-input/ngt-input.module.mjs +4 -4
  43. package/esm2020/components/ngt-modal/ngt-modal-body/ngt-modal-body.component.mjs +3 -3
  44. package/esm2020/components/ngt-modal/ngt-modal-footer/ngt-modal-footer.component.mjs +3 -3
  45. package/esm2020/components/ngt-modal/ngt-modal-header/ngt-modal-header.component.mjs +3 -3
  46. package/esm2020/components/ngt-modal/ngt-modal.component.mjs +3 -3
  47. package/esm2020/components/ngt-modal/ngt-modal.module.mjs +4 -4
  48. package/esm2020/components/ngt-multi-select/ngt-multi-select.component.mjs +3 -3
  49. package/esm2020/components/ngt-multi-select/ngt-multi-select.module.mjs +4 -4
  50. package/esm2020/components/ngt-pagination/ngt-pagination.component.mjs +3 -3
  51. package/esm2020/components/ngt-pagination/ngt-pagination.module.mjs +4 -4
  52. package/esm2020/components/ngt-popover/ngt-popover-tooltip/ngt-popover-tooltip.component.mjs +3 -3
  53. package/esm2020/components/ngt-popover/ngt-popover.component.mjs +3 -3
  54. package/esm2020/components/ngt-popover/ngt-popover.directive.mjs +3 -3
  55. package/esm2020/components/ngt-popover/ngt-popover.module.mjs +4 -4
  56. package/esm2020/components/ngt-portlet/ngt-portlet-body/ngt-portlet-body.component.mjs +3 -3
  57. package/esm2020/components/ngt-portlet/ngt-portlet-footer/ngt-portlet-footer.component.mjs +3 -3
  58. package/esm2020/components/ngt-portlet/ngt-portlet-header/ngt-portlet-header.component.mjs +3 -3
  59. package/esm2020/components/ngt-portlet/ngt-portlet.component.mjs +3 -3
  60. package/esm2020/components/ngt-portlet/ngt-portlet.module.mjs +4 -4
  61. package/esm2020/components/ngt-radio-button/ngt-radio-button-container/ngt-radio-button-container.component.mjs +3 -3
  62. package/esm2020/components/ngt-radio-button/ngt-radio-button.component.mjs +3 -3
  63. package/esm2020/components/ngt-radio-button/ngt-radio-button.module.mjs +4 -4
  64. package/esm2020/components/ngt-section/ngt-section.component.mjs +3 -3
  65. package/esm2020/components/ngt-section/ngt-section.module.mjs +4 -4
  66. package/esm2020/components/ngt-select/ngt-select.component.mjs +8 -6
  67. package/esm2020/components/ngt-select/ngt-select.directive.mjs +9 -9
  68. package/esm2020/components/ngt-select/ngt-select.module.mjs +4 -4
  69. package/esm2020/components/ngt-shining/ngt-shining.component.mjs +3 -3
  70. package/esm2020/components/ngt-shining/ngt-shining.module.mjs +4 -4
  71. package/esm2020/components/ngt-sidenav/ngt-sidenav.component.mjs +3 -3
  72. package/esm2020/components/ngt-sidenav/ngt-sidenav.module.mjs +4 -4
  73. package/esm2020/components/ngt-slider/ngt-slider.component.mjs +3 -3
  74. package/esm2020/components/ngt-slider/ngt-slider.module.mjs +4 -4
  75. package/esm2020/components/ngt-svg/ngt-svg.component.mjs +3 -3
  76. package/esm2020/components/ngt-svg/ngt-svg.module.mjs +4 -4
  77. package/esm2020/components/ngt-tag/ngt-tag.component.mjs +3 -3
  78. package/esm2020/components/ngt-tag/ngt-tag.module.mjs +4 -4
  79. package/esm2020/components/ngt-textarea/ngt-textarea.component.mjs +3 -3
  80. package/esm2020/components/ngt-textarea/ngt-textarea.module.mjs +4 -4
  81. package/esm2020/components/ngt-validation/ngt-validation.component.mjs +3 -3
  82. package/esm2020/components/ngt-validation/ngt-validation.module.mjs +4 -4
  83. package/esm2020/directives/ngt-stylizable/ngt-stylizable.directive.mjs +3 -3
  84. package/esm2020/directives/ngt-stylizable/ngt-stylizable.module.mjs +4 -4
  85. package/fesm2015/ng-tailwind.mjs +289 -287
  86. package/fesm2015/ng-tailwind.mjs.map +1 -1
  87. package/fesm2020/ng-tailwind.mjs +289 -287
  88. package/fesm2020/ng-tailwind.mjs.map +1 -1
  89. package/package.json +1 -1
@@ -9,8 +9,8 @@ import { NgtPortletComponent } from './ngt-portlet.component';
9
9
  import * as i0 from "@angular/core";
10
10
  export class NgtPortletModule {
11
11
  }
12
- NgtPortletModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NgtPortletModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
13
- NgtPortletModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: NgtPortletModule, declarations: [NgtPortletComponent,
12
+ NgtPortletModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NgtPortletModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
13
+ NgtPortletModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.8", ngImport: i0, type: NgtPortletModule, declarations: [NgtPortletComponent,
14
14
  NgtPortletHeaderComponent,
15
15
  NgtPortletBodyComponent,
16
16
  NgtPortletFooterComponent], imports: [CommonModule,
@@ -19,10 +19,10 @@ NgtPortletModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", versio
19
19
  NgtPortletHeaderComponent,
20
20
  NgtPortletBodyComponent,
21
21
  NgtPortletFooterComponent] });
22
- NgtPortletModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NgtPortletModule, imports: [CommonModule,
22
+ NgtPortletModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NgtPortletModule, imports: [CommonModule,
23
23
  NgtSvgModule,
24
24
  NgtHelperModule] });
25
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NgtPortletModule, decorators: [{
25
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NgtPortletModule, decorators: [{
26
26
  type: NgModule,
27
27
  args: [{
28
28
  declarations: [
@@ -8,9 +8,9 @@ export class NgtRadioButtonContainerComponent {
8
8
  this.onActiveRadioButtonChange.emit(activeRadioButton);
9
9
  }
10
10
  }
11
- NgtRadioButtonContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NgtRadioButtonContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
12
- NgtRadioButtonContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: NgtRadioButtonContainerComponent, selector: "[ngt-radio-button-container]", outputs: { onActiveRadioButtonChange: "onActiveRadioButtonChange" }, ngImport: i0, template: "<ng-content></ng-content>" });
13
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NgtRadioButtonContainerComponent, decorators: [{
11
+ NgtRadioButtonContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NgtRadioButtonContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
12
+ NgtRadioButtonContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: NgtRadioButtonContainerComponent, selector: "[ngt-radio-button-container]", outputs: { onActiveRadioButtonChange: "onActiveRadioButtonChange" }, ngImport: i0, template: "<ng-content></ng-content>" });
13
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NgtRadioButtonContainerComponent, decorators: [{
14
14
  type: Component,
15
15
  args: [{ selector: '[ngt-radio-button-container]', template: "<ng-content></ng-content>" }]
16
16
  }], propDecorators: { onActiveRadioButtonChange: [{
@@ -73,13 +73,13 @@ export class NgtRadioButtonComponent extends NgtBaseNgModel {
73
73
  this.subscriptions = [];
74
74
  }
75
75
  }
76
- NgtRadioButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NgtRadioButtonComponent, deps: [{ token: i0.Injector }, { token: i1.ControlContainer, host: true, optional: true }, { token: i0.Renderer2 }, { token: i2.NgtStylizableDirective, optional: true, self: true }, { token: i3.NgtFormComponent, optional: true, skipSelf: true }, { token: i4.NgtRadioButtonContainerComponent, optional: true, skipSelf: true }], target: i0.ɵɵFactoryTarget.Component });
77
- NgtRadioButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: NgtRadioButtonComponent, selector: "ngt-radio-button", inputs: { label: "label", name: "name", shining: "shining", isSelectable: "isSelectable", isDisabled: "isDisabled", helpTitle: "helpTitle", helpTextColor: "helpTextColor", helpText: "helpText" }, providers: [
76
+ NgtRadioButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NgtRadioButtonComponent, deps: [{ token: i0.Injector }, { token: i1.ControlContainer, host: true, optional: true }, { token: i0.Renderer2 }, { token: i2.NgtStylizableDirective, optional: true, self: true }, { token: i3.NgtFormComponent, optional: true, skipSelf: true }, { token: i4.NgtRadioButtonContainerComponent, optional: true, skipSelf: true }], target: i0.ɵɵFactoryTarget.Component });
77
+ NgtRadioButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: NgtRadioButtonComponent, selector: "ngt-radio-button", inputs: { label: "label", name: "name", shining: "shining", isSelectable: "isSelectable", isDisabled: "isDisabled", helpTitle: "helpTitle", helpTextColor: "helpTextColor", helpText: "helpText" }, providers: [
78
78
  NgtMakeProvider(NgtRadioButtonComponent),
79
79
  ], viewQueries: [{ propertyName: "element", first: true, predicate: ["element"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<label class=\"inline-flex items-center {{ isDisabled || !isSelectable ? 'cursor-not-allowed' : 'cursor-pointer' }}\">\n <input type=\"checkbox\" [name]='name' class=\"hidden\" ([ngModel])='value' [disabled]='isDisabled || !isSelectable'\n #element>\n\n <div class=\"{{ value ? ngtStyle.compile(['color.border', 'color.text']) : 'border-gray-500' }}\n shadow rounded-full border border-gray-400 {{ !shining ? 'flex justify-center items-center' : 'hidden' }}\"\n style=\"width: 19px; height: 19px;\">\n <svg *ngIf=\"value\" class=\"fill-current\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 29.107 29.107\"\n style=\"width: 13px; height: 13px;\">\n <path\n d=\"M14.554 0C6.561 0 0 6.562 0 14.552c0 7.996 6.561 14.555 14.554 14.555 7.996 0 14.553-6.559 14.553-14.555C29.106 6.562 22.55 0 14.554 0z\" />\n </svg>\n </div>\n\n <span *ngIf='label && !shining' class=\"text-sm ml-2\" [class.line-through]='!isSelectable'>\n {{ label }}\n </span>\n\n <ngt-helper *ngIf=\"helpText\" [helpTitle]=\"helpTitle\" [iconColor]=\"helpTextColor\" class=\"ml-1\">\n {{ helpText }}\n </ngt-helper>\n</label>\n\n<ng-container *ngIf='shining'>\n <div class=\"flex\">\n <ngt-shining class=\"w-16 h-12\"></ngt-shining>\n </div>\n</ng-container>\n", styles: ["label{margin-bottom:unset!important}\n"], dependencies: [{ kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6.NgtShiningComponent, selector: "ngt-shining", inputs: ["shiningWidth"] }, { kind: "component", type: i7.NgtHelperComponent, selector: "ngt-helper", inputs: ["helpTextColor", "helpText", "helpTitle", "icon", "iconSize", "iconColor", "iconTitle", "tooltipSize", "autoXReverse", "helperReverseYPosition"] }], viewProviders: [
80
80
  { provide: ControlContainer, useExisting: NgForm }
81
81
  ] });
82
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NgtRadioButtonComponent, decorators: [{
82
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NgtRadioButtonComponent, decorators: [{
83
83
  type: Component,
84
84
  args: [{ selector: 'ngt-radio-button', providers: [
85
85
  NgtMakeProvider(NgtRadioButtonComponent),
@@ -7,14 +7,14 @@ import { NgtRadioButtonComponent } from './ngt-radio-button.component';
7
7
  import * as i0 from "@angular/core";
8
8
  export class NgtRadioButtonModule {
9
9
  }
10
- NgtRadioButtonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NgtRadioButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
11
- NgtRadioButtonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: NgtRadioButtonModule, declarations: [NgtRadioButtonComponent, NgtRadioButtonContainerComponent], imports: [CommonModule,
10
+ NgtRadioButtonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NgtRadioButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
11
+ NgtRadioButtonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.8", ngImport: i0, type: NgtRadioButtonModule, declarations: [NgtRadioButtonComponent, NgtRadioButtonContainerComponent], imports: [CommonModule,
12
12
  NgtShiningModule,
13
13
  NgtHelperModule], exports: [NgtRadioButtonComponent, NgtRadioButtonContainerComponent] });
14
- NgtRadioButtonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NgtRadioButtonModule, imports: [CommonModule,
14
+ NgtRadioButtonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NgtRadioButtonModule, imports: [CommonModule,
15
15
  NgtShiningModule,
16
16
  NgtHelperModule] });
17
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NgtRadioButtonModule, decorators: [{
17
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NgtRadioButtonModule, decorators: [{
18
18
  type: NgModule,
19
19
  args: [{
20
20
  declarations: [NgtRadioButtonComponent, NgtRadioButtonContainerComponent],
@@ -70,8 +70,8 @@ export class NgtSectionComponent {
70
70
  this.onRemove.emit();
71
71
  }
72
72
  }
73
- NgtSectionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NgtSectionComponent, deps: [{ token: i0.Injector }, { token: i1.NgtStylizableDirective, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component });
74
- NgtSectionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: NgtSectionComponent, selector: "ngt-section", inputs: { icon: "icon", caption: "caption", subtitle: "subtitle", accordion: "accordion", showSection: "showSection", removable: "removable", helpTitle: "helpTitle", helpText: "helpText", helpIconColor: "helpIconColor" }, outputs: { onRemove: "onRemove", onToggleSection: "onToggleSection" }, ngImport: i0, template: "<div class=\"flex mb-6\">\n <ngt-svg *ngIf=\"icon\" [src]='icon'\n class=\"hidden md:block {{ ngtSectionStyle.compile(['color.text', 'h', 'w', 'my', 'pr']) }}\">\n </ngt-svg>\n\n <div\n class=\"w-full pb-4 md:pb-0 border-b-4 md:border-b-0 border-dashed md:border-solid md:border-l {{ accordion && !showSection ? 'flex' : '' }}\">\n <div *ngIf=\"!accordion && caption\" class=\"flex\">\n <span class=\"pl-5 {{ ngtCaptionStyle.compile(['color.text', 'color.border', 'text', 'border', 'font']) }}\">\n {{ caption }}\n </span>\n\n <span *ngIf=\"subtitle\"\n class=\" pt-1 self-center {{ ngtSubtitleStyle.compile(['color.text', 'color.border', 'text', 'border', 'font', 'ml']) }}\">\n {{ subtitle }}\n </span>\n\n <ngt-helper *ngIf=\"helpText\" [helpTitle]=\"helpTitle\" class=\"ml-1 hover:opacity-100 opacity-100\"\n [iconColor]=\"helpIconColor\">\n {{ helpText }}\n </ngt-helper>\n </div>\n\n <ng-container *ngIf=\"accordion\">\n <div class=\"flex flex-wrap items-center px-5 cursor-pointer {{ helpText ? '' : 'hover:opacity-75' }} {{ accordion && showSection ? ngtCaptionStyle.compile(['pb']) : ngtCaptionStyle.compile(['py']) }}\"\n (click)='toggle()' style=\"max-width: fit-content;\">\n <div *ngIf=\"!showSection\"\n class=\"flex {{ ngtCaptionStyle.compile(['color.text', 'color.border', 'text', 'border', 'font']) }}\">\n <svg class=\"fill-current\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n <path d=\"M2.82 4.59l9.18 9.16 9.18 -9.16 2.82 2.82 -12 12 -12 -12 2.82 -2.82z\" />\n </svg>\n </div>\n\n <div *ngIf=\"showSection\"\n class=\"flex {{ ngtCaptionStyle.compile(['color.text', 'color.border', 'text', 'border', 'font']) }}\">\n <svg class=\"fill-current\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n <path d=\"M2.82 19.41l9.18 -9.16 9.18 9.16 2.82 -2.82 -12 -12 -12 12 2.82 2.82z\" />\n </svg>\n </div>\n\n <span [class]=\"ngtCaptionStyle.compile(['color.text', 'color.border', 'text', 'border', 'font', 'ml'])\">\n {{ caption }}\n </span>\n\n <span *ngIf=\"subtitle\"\n [class]=\"ngtSubtitleStyle.compile(['color.text', 'color.border', 'text', 'border', 'font', 'ml'])\">\n {{ subtitle }}\n </span>\n\n <ngt-helper *ngIf=\"helpText\" [helpTitle]=\"helpTitle\" class=\"ml-1\" [iconColor]=\"helpIconColor\"\n class=\"ml-1 hover:opacity-100 opacity-100\">\n {{ helpText }}\n </ngt-helper>\n\n <div *ngIf=\"removable\"\n class=\"flex items-center justify-center h-8 w-8 ml-2 rounded-full hover:bg-red-500 hover:text-white text-gray-600 text-xl\"\n (click)='remove($event)'>\n <svg class=\"fill-current\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n <path\n d=\"M4 21.33c0,1.47 1.2,2.67 2.67,2.67l10.66 0c1.47,0 2.67,-1.2 2.67,-2.67l0 -16 -16 0 0 16zm17.33 -20l-4.66 0 -1.34 -1.33 -6.66 0 -1.34 1.33 -4.66 0 0 2.67 18.66 0 0 -2.67z\" />\n </svg>\n </div>\n </div>\n </ng-container>\n\n <div *ngIf='showSection' class=\"{{ ngtSectionStyle.compile(['px']) }}\" [@enterAnimation]='!showSection'>\n <ng-content></ng-content>\n </div>\n </div>\n</div>", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.NgtSvgComponent, selector: "ngt-svg", inputs: ["src", "class"] }, { kind: "component", type: i4.NgtHelperComponent, selector: "ngt-helper", inputs: ["helpTextColor", "helpText", "helpTitle", "icon", "iconSize", "iconColor", "iconTitle", "tooltipSize", "autoXReverse", "helperReverseYPosition"] }], animations: [
73
+ NgtSectionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NgtSectionComponent, deps: [{ token: i0.Injector }, { token: i1.NgtStylizableDirective, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component });
74
+ NgtSectionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: NgtSectionComponent, selector: "ngt-section", inputs: { icon: "icon", caption: "caption", subtitle: "subtitle", accordion: "accordion", showSection: "showSection", removable: "removable", helpTitle: "helpTitle", helpText: "helpText", helpIconColor: "helpIconColor" }, outputs: { onRemove: "onRemove", onToggleSection: "onToggleSection" }, ngImport: i0, template: "<div class=\"flex mb-6\">\n <ngt-svg *ngIf=\"icon\" [src]='icon'\n class=\"hidden md:block {{ ngtSectionStyle.compile(['color.text', 'h', 'w', 'my', 'pr']) }}\">\n </ngt-svg>\n\n <div\n class=\"w-full pb-4 md:pb-0 border-b-4 md:border-b-0 border-dashed md:border-solid md:border-l {{ accordion && !showSection ? 'flex' : '' }}\">\n <div *ngIf=\"!accordion && caption\" class=\"flex\">\n <span class=\"pl-5 {{ ngtCaptionStyle.compile(['color.text', 'color.border', 'text', 'border', 'font']) }}\">\n {{ caption }}\n </span>\n\n <span *ngIf=\"subtitle\"\n class=\" pt-1 self-center {{ ngtSubtitleStyle.compile(['color.text', 'color.border', 'text', 'border', 'font', 'ml']) }}\">\n {{ subtitle }}\n </span>\n\n <ngt-helper *ngIf=\"helpText\" [helpTitle]=\"helpTitle\" class=\"ml-1 hover:opacity-100 opacity-100\"\n [iconColor]=\"helpIconColor\">\n {{ helpText }}\n </ngt-helper>\n </div>\n\n <ng-container *ngIf=\"accordion\">\n <div class=\"flex flex-wrap items-center px-5 cursor-pointer {{ helpText ? '' : 'hover:opacity-75' }} {{ accordion && showSection ? ngtCaptionStyle.compile(['pb']) : ngtCaptionStyle.compile(['py']) }}\"\n (click)='toggle()' style=\"max-width: fit-content;\">\n <div *ngIf=\"!showSection\"\n class=\"flex {{ ngtCaptionStyle.compile(['color.text', 'color.border', 'text', 'border', 'font']) }}\">\n <svg class=\"fill-current\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n <path d=\"M2.82 4.59l9.18 9.16 9.18 -9.16 2.82 2.82 -12 12 -12 -12 2.82 -2.82z\" />\n </svg>\n </div>\n\n <div *ngIf=\"showSection\"\n class=\"flex {{ ngtCaptionStyle.compile(['color.text', 'color.border', 'text', 'border', 'font']) }}\">\n <svg class=\"fill-current\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n <path d=\"M2.82 19.41l9.18 -9.16 9.18 9.16 2.82 -2.82 -12 -12 -12 12 2.82 2.82z\" />\n </svg>\n </div>\n\n <span [class]=\"ngtCaptionStyle.compile(['color.text', 'color.border', 'text', 'border', 'font', 'ml'])\">\n {{ caption }}\n </span>\n\n <span *ngIf=\"subtitle\"\n [class]=\"ngtSubtitleStyle.compile(['color.text', 'color.border', 'text', 'border', 'font', 'ml'])\">\n {{ subtitle }}\n </span>\n\n <ngt-helper *ngIf=\"helpText\" [helpTitle]=\"helpTitle\" class=\"ml-1\" [iconColor]=\"helpIconColor\"\n class=\"ml-1 hover:opacity-100 opacity-100\">\n {{ helpText }}\n </ngt-helper>\n\n <div *ngIf=\"removable\"\n class=\"flex items-center justify-center h-8 w-8 ml-2 rounded-full hover:bg-red-500 hover:text-white text-gray-600 text-xl\"\n (click)='remove($event)'>\n <svg class=\"fill-current\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n <path\n d=\"M4 21.33c0,1.47 1.2,2.67 2.67,2.67l10.66 0c1.47,0 2.67,-1.2 2.67,-2.67l0 -16 -16 0 0 16zm17.33 -20l-4.66 0 -1.34 -1.33 -6.66 0 -1.34 1.33 -4.66 0 0 2.67 18.66 0 0 -2.67z\" />\n </svg>\n </div>\n </div>\n </ng-container>\n\n <div *ngIf='showSection' class=\"{{ ngtSectionStyle.compile(['px']) }}\" [@enterAnimation]='!showSection'>\n <ng-content></ng-content>\n </div>\n </div>\n</div>", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.NgtSvgComponent, selector: "ngt-svg", inputs: ["src", "class"] }, { kind: "component", type: i4.NgtHelperComponent, selector: "ngt-helper", inputs: ["helpTextColor", "helpText", "helpTitle", "icon", "iconSize", "iconColor", "iconTitle", "tooltipSize", "autoXReverse", "helperReverseYPosition"] }], animations: [
75
75
  trigger('enterAnimation', [
76
76
  state('void', style({ transform: 'translateY(-20px)', opacity: 0 })),
77
77
  transition(':enter', [
@@ -79,7 +79,7 @@ NgtSectionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", ve
79
79
  ])
80
80
  ]),
81
81
  ] });
82
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NgtSectionComponent, decorators: [{
82
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NgtSectionComponent, decorators: [{
83
83
  type: Component,
84
84
  args: [{ selector: 'ngt-section', animations: [
85
85
  trigger('enterAnimation', [
@@ -7,16 +7,16 @@ import { NgtSectionComponent } from './ngt-section.component';
7
7
  import * as i0 from "@angular/core";
8
8
  export class NgtSectionModule {
9
9
  }
10
- NgtSectionModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NgtSectionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
11
- NgtSectionModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: NgtSectionModule, declarations: [NgtSectionComponent], imports: [CommonModule,
10
+ NgtSectionModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NgtSectionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
11
+ NgtSectionModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.8", ngImport: i0, type: NgtSectionModule, declarations: [NgtSectionComponent], imports: [CommonModule,
12
12
  NgtStylizableModule,
13
13
  NgtSvgModule,
14
14
  NgtHelperModule], exports: [NgtSectionComponent] });
15
- NgtSectionModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NgtSectionModule, imports: [CommonModule,
15
+ NgtSectionModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NgtSectionModule, imports: [CommonModule,
16
16
  NgtStylizableModule,
17
17
  NgtSvgModule,
18
18
  NgtHelperModule] });
19
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NgtSectionModule, decorators: [{
19
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NgtSectionModule, decorators: [{
20
20
  type: NgModule,
21
21
  args: [{
22
22
  declarations: [NgtSectionComponent],