@cdek-it/angular-ui-kit 0.0.2 → 0.2.6-test

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 (173) hide show
  1. package/components/accordion/index.d.ts +21 -0
  2. package/components/autocomplete/index.d.ts +65 -0
  3. package/components/avatar/index.d.ts +22 -0
  4. package/components/badge/index.d.ts +19 -0
  5. package/components/breadcrumb/index.d.ts +11 -0
  6. package/components/button/index.d.ts +40 -0
  7. package/components/card/index.d.ts +20 -0
  8. package/components/carousel/index.d.ts +41 -0
  9. package/components/checkbox/index.d.ts +44 -0
  10. package/components/chip/index.d.ts +14 -0
  11. package/components/confirm-dialog/index.d.ts +37 -0
  12. package/components/date-picker/index.d.ts +89 -0
  13. package/components/dialog/index.d.ts +47 -0
  14. package/components/divider/index.d.ts +15 -0
  15. package/components/drawer/index.d.ts +33 -0
  16. package/components/galleria/index.d.ts +65 -0
  17. package/components/inputgroup/index.d.ts +17 -0
  18. package/components/inputmask/index.d.ts +43 -0
  19. package/components/inputnumber/index.d.ts +50 -0
  20. package/components/inputotp/index.d.ts +40 -0
  21. package/components/inputtext/index.d.ts +35 -0
  22. package/components/listbox/index.d.ts +43 -0
  23. package/components/megamenu/index.d.ts +26 -0
  24. package/components/menu/index.d.ts +24 -0
  25. package/components/menubar/index.d.ts +16 -0
  26. package/components/message/index.d.ts +19 -0
  27. package/components/metergroup/index.d.ts +21 -0
  28. package/components/paginator/index.d.ts +25 -0
  29. package/components/panelmenu/index.d.ts +19 -0
  30. package/components/password/index.d.ts +54 -0
  31. package/components/popover/index.d.ts +12 -0
  32. package/components/progressbar/index.d.ts +13 -0
  33. package/components/progressspinner/index.d.ts +17 -0
  34. package/components/radiobutton/index.d.ts +39 -0
  35. package/components/rating/index.d.ts +27 -0
  36. package/components/scroll-panel/index.d.ts +11 -0
  37. package/components/select/index.d.ts +78 -0
  38. package/components/skeleton/index.d.ts +17 -0
  39. package/components/slider/index.d.ts +33 -0
  40. package/components/stepper/index.d.ts +25 -0
  41. package/components/tabs/index.d.ts +22 -0
  42. package/components/tag/index.d.ts +15 -0
  43. package/components/textarea/index.d.ts +40 -0
  44. package/components/tieredmenu/index.d.ts +19 -0
  45. package/components/timeline/index.d.ts +35 -0
  46. package/components/toast/index.d.ts +52 -0
  47. package/components/toggleswitch/index.d.ts +26 -0
  48. package/components/tooltip/index.d.ts +18 -0
  49. package/fesm2022/cdek-it-angular-ui-kit-components-accordion.mjs +69 -0
  50. package/fesm2022/cdek-it-angular-ui-kit-components-accordion.mjs.map +1 -0
  51. package/fesm2022/cdek-it-angular-ui-kit-components-autocomplete.mjs +269 -0
  52. package/fesm2022/cdek-it-angular-ui-kit-components-autocomplete.mjs.map +1 -0
  53. package/fesm2022/cdek-it-angular-ui-kit-components-avatar.mjs +93 -0
  54. package/fesm2022/cdek-it-angular-ui-kit-components-avatar.mjs.map +1 -0
  55. package/fesm2022/cdek-it-angular-ui-kit-components-badge.mjs +46 -0
  56. package/fesm2022/cdek-it-angular-ui-kit-components-badge.mjs.map +1 -0
  57. package/fesm2022/cdek-it-angular-ui-kit-components-breadcrumb.mjs +31 -0
  58. package/fesm2022/cdek-it-angular-ui-kit-components-breadcrumb.mjs.map +1 -0
  59. package/fesm2022/cdek-it-angular-ui-kit-components-button.mjs +143 -0
  60. package/fesm2022/cdek-it-angular-ui-kit-components-button.mjs.map +1 -0
  61. package/fesm2022/cdek-it-angular-ui-kit-components-card.mjs +124 -0
  62. package/fesm2022/cdek-it-angular-ui-kit-components-card.mjs.map +1 -0
  63. package/fesm2022/cdek-it-angular-ui-kit-components-carousel.mjs +166 -0
  64. package/fesm2022/cdek-it-angular-ui-kit-components-carousel.mjs.map +1 -0
  65. package/fesm2022/cdek-it-angular-ui-kit-components-checkbox.mjs +179 -0
  66. package/fesm2022/cdek-it-angular-ui-kit-components-checkbox.mjs.map +1 -0
  67. package/fesm2022/cdek-it-angular-ui-kit-components-chip.mjs +56 -0
  68. package/fesm2022/cdek-it-angular-ui-kit-components-chip.mjs.map +1 -0
  69. package/fesm2022/cdek-it-angular-ui-kit-components-confirm-dialog.mjs +192 -0
  70. package/fesm2022/cdek-it-angular-ui-kit-components-confirm-dialog.mjs.map +1 -0
  71. package/fesm2022/cdek-it-angular-ui-kit-components-date-picker.mjs +640 -0
  72. package/fesm2022/cdek-it-angular-ui-kit-components-date-picker.mjs.map +1 -0
  73. package/fesm2022/cdek-it-angular-ui-kit-components-dialog.mjs +179 -0
  74. package/fesm2022/cdek-it-angular-ui-kit-components-dialog.mjs.map +1 -0
  75. package/fesm2022/cdek-it-angular-ui-kit-components-divider.mjs +42 -0
  76. package/fesm2022/cdek-it-angular-ui-kit-components-divider.mjs.map +1 -0
  77. package/fesm2022/cdek-it-angular-ui-kit-components-drawer.mjs +153 -0
  78. package/fesm2022/cdek-it-angular-ui-kit-components-drawer.mjs.map +1 -0
  79. package/fesm2022/cdek-it-angular-ui-kit-components-galleria.mjs +284 -0
  80. package/fesm2022/cdek-it-angular-ui-kit-components-galleria.mjs.map +1 -0
  81. package/fesm2022/cdek-it-angular-ui-kit-components-inputgroup.mjs +64 -0
  82. package/fesm2022/cdek-it-angular-ui-kit-components-inputgroup.mjs.map +1 -0
  83. package/fesm2022/cdek-it-angular-ui-kit-components-inputmask.mjs +164 -0
  84. package/fesm2022/cdek-it-angular-ui-kit-components-inputmask.mjs.map +1 -0
  85. package/fesm2022/cdek-it-angular-ui-kit-components-inputnumber.mjs +267 -0
  86. package/fesm2022/cdek-it-angular-ui-kit-components-inputnumber.mjs.map +1 -0
  87. package/fesm2022/cdek-it-angular-ui-kit-components-inputotp.mjs +148 -0
  88. package/fesm2022/cdek-it-angular-ui-kit-components-inputotp.mjs.map +1 -0
  89. package/fesm2022/cdek-it-angular-ui-kit-components-inputtext.mjs +187 -0
  90. package/fesm2022/cdek-it-angular-ui-kit-components-inputtext.mjs.map +1 -0
  91. package/fesm2022/cdek-it-angular-ui-kit-components-listbox.mjs +172 -0
  92. package/fesm2022/cdek-it-angular-ui-kit-components-listbox.mjs.map +1 -0
  93. package/fesm2022/cdek-it-angular-ui-kit-components-megamenu.mjs +160 -0
  94. package/fesm2022/cdek-it-angular-ui-kit-components-megamenu.mjs.map +1 -0
  95. package/fesm2022/cdek-it-angular-ui-kit-components-menu.mjs +114 -0
  96. package/fesm2022/cdek-it-angular-ui-kit-components-menu.mjs.map +1 -0
  97. package/fesm2022/cdek-it-angular-ui-kit-components-menubar.mjs +88 -0
  98. package/fesm2022/cdek-it-angular-ui-kit-components-menubar.mjs.map +1 -0
  99. package/fesm2022/cdek-it-angular-ui-kit-components-message.mjs +105 -0
  100. package/fesm2022/cdek-it-angular-ui-kit-components-message.mjs.map +1 -0
  101. package/fesm2022/cdek-it-angular-ui-kit-components-metergroup.mjs +69 -0
  102. package/fesm2022/cdek-it-angular-ui-kit-components-metergroup.mjs.map +1 -0
  103. package/fesm2022/cdek-it-angular-ui-kit-components-paginator.mjs +95 -0
  104. package/fesm2022/cdek-it-angular-ui-kit-components-paginator.mjs.map +1 -0
  105. package/fesm2022/cdek-it-angular-ui-kit-components-panelmenu.mjs +69 -0
  106. package/fesm2022/cdek-it-angular-ui-kit-components-panelmenu.mjs.map +1 -0
  107. package/fesm2022/cdek-it-angular-ui-kit-components-password.mjs +258 -0
  108. package/fesm2022/cdek-it-angular-ui-kit-components-password.mjs.map +1 -0
  109. package/fesm2022/cdek-it-angular-ui-kit-components-popover.mjs +48 -0
  110. package/fesm2022/cdek-it-angular-ui-kit-components-popover.mjs.map +1 -0
  111. package/fesm2022/cdek-it-angular-ui-kit-components-progressbar.mjs +34 -0
  112. package/fesm2022/cdek-it-angular-ui-kit-components-progressbar.mjs.map +1 -0
  113. package/fesm2022/cdek-it-angular-ui-kit-components-progressspinner.mjs +64 -0
  114. package/fesm2022/cdek-it-angular-ui-kit-components-progressspinner.mjs.map +1 -0
  115. package/fesm2022/cdek-it-angular-ui-kit-components-radiobutton.mjs +148 -0
  116. package/fesm2022/cdek-it-angular-ui-kit-components-radiobutton.mjs.map +1 -0
  117. package/fesm2022/cdek-it-angular-ui-kit-components-rating.mjs +105 -0
  118. package/fesm2022/cdek-it-angular-ui-kit-components-rating.mjs.map +1 -0
  119. package/fesm2022/cdek-it-angular-ui-kit-components-scroll-panel.mjs +42 -0
  120. package/fesm2022/cdek-it-angular-ui-kit-components-scroll-panel.mjs.map +1 -0
  121. package/fesm2022/cdek-it-angular-ui-kit-components-select.mjs +350 -0
  122. package/fesm2022/cdek-it-angular-ui-kit-components-select.mjs.map +1 -0
  123. package/fesm2022/cdek-it-angular-ui-kit-components-skeleton.mjs +62 -0
  124. package/fesm2022/cdek-it-angular-ui-kit-components-skeleton.mjs.map +1 -0
  125. package/fesm2022/cdek-it-angular-ui-kit-components-slider.mjs +124 -0
  126. package/fesm2022/cdek-it-angular-ui-kit-components-slider.mjs.map +1 -0
  127. package/fesm2022/cdek-it-angular-ui-kit-components-stepper.mjs +227 -0
  128. package/fesm2022/cdek-it-angular-ui-kit-components-stepper.mjs.map +1 -0
  129. package/fesm2022/cdek-it-angular-ui-kit-components-tabs.mjs +83 -0
  130. package/fesm2022/cdek-it-angular-ui-kit-components-tabs.mjs.map +1 -0
  131. package/fesm2022/cdek-it-angular-ui-kit-components-tag.mjs +46 -0
  132. package/fesm2022/cdek-it-angular-ui-kit-components-tag.mjs.map +1 -0
  133. package/fesm2022/cdek-it-angular-ui-kit-components-textarea.mjs +214 -0
  134. package/fesm2022/cdek-it-angular-ui-kit-components-textarea.mjs.map +1 -0
  135. package/fesm2022/cdek-it-angular-ui-kit-components-tieredmenu.mjs +70 -0
  136. package/fesm2022/cdek-it-angular-ui-kit-components-tieredmenu.mjs.map +1 -0
  137. package/fesm2022/cdek-it-angular-ui-kit-components-timeline.mjs +164 -0
  138. package/fesm2022/cdek-it-angular-ui-kit-components-timeline.mjs.map +1 -0
  139. package/fesm2022/cdek-it-angular-ui-kit-components-toast.mjs +106 -0
  140. package/fesm2022/cdek-it-angular-ui-kit-components-toast.mjs.map +1 -0
  141. package/fesm2022/cdek-it-angular-ui-kit-components-toggleswitch.mjs +93 -0
  142. package/fesm2022/cdek-it-angular-ui-kit-components-toggleswitch.mjs.map +1 -0
  143. package/fesm2022/cdek-it-angular-ui-kit-components-tooltip.mjs +60 -0
  144. package/fesm2022/cdek-it-angular-ui-kit-components-tooltip.mjs.map +1 -0
  145. package/fesm2022/cdek-it-angular-ui-kit-providers.mjs +8028 -0
  146. package/fesm2022/cdek-it-angular-ui-kit-providers.mjs.map +1 -0
  147. package/fesm2022/cdek-it-angular-ui-kit-shared.mjs +4 -0
  148. package/fesm2022/cdek-it-angular-ui-kit-shared.mjs.map +1 -0
  149. package/fesm2022/cdek-it-angular-ui-kit.mjs +6 -0
  150. package/fesm2022/cdek-it-angular-ui-kit.mjs.map +1 -0
  151. package/index.d.ts +2 -0
  152. package/package.json +227 -112
  153. package/providers/index.d.ts +5 -0
  154. package/shared/index.d.ts +49 -0
  155. package/LICENSE.md +0 -75
  156. package/README.md +0 -70
  157. package/dist-css/css/brand-dark-primary-theme.css/theme.css +0 -9924
  158. package/dist-css/css/brand-dark-primary-theme.min.css/theme.min.css +0 -2852
  159. package/dist-css/css/brand-dark-secondary-theme.css/theme.css +0 -9924
  160. package/dist-css/css/brand-dark-secondary-theme.min.css/theme.min.css +0 -2852
  161. package/dist-css/css/brand-light-primary-theme.css/theme.css +0 -10007
  162. package/dist-css/css/brand-light-primary-theme.min.css/theme.min.css +0 -2868
  163. package/dist-css/css/brand-light-secondary-theme.css/theme.css +0 -9924
  164. package/dist-css/css/brand-light-secondary-theme.min.css/theme.min.css +0 -2852
  165. package/dist-css/css/dark-primary-theme.css/theme.css +0 -9924
  166. package/dist-css/css/dark-primary-theme.min.css/theme.min.css +0 -2852
  167. package/dist-css/css/dark-secondary-theme.css/theme.css +0 -9924
  168. package/dist-css/css/dark-secondary-theme.min.css/theme.min.css +0 -2852
  169. package/dist-css/css/light-primary-theme.css/theme.css +0 -10007
  170. package/dist-css/css/light-primary-theme.min.css/theme.min.css +0 -2868
  171. package/dist-css/css/light-secondary-theme.css/theme.css +0 -9924
  172. package/dist-css/css/light-secondary-theme.min.css/theme.min.css +0 -2852
  173. package/dist-css/package.json +0 -15
@@ -0,0 +1,227 @@
1
+ import * as i0 from '@angular/core';
2
+ import { EventEmitter, Output, Input, ChangeDetectionStrategy, Component } from '@angular/core';
3
+ import { NgClass } from '@angular/common';
4
+ import { Stepper, StepList, Step, StepPanels, StepPanel, StepItem } from 'primeng/stepper';
5
+ import { ExtraButtonComponent } from '@cdek-it/angular-ui-kit/components/button';
6
+
7
+ class ExtraStepperComponent {
8
+ value = 1;
9
+ steps = [];
10
+ linear = false;
11
+ orientation = 'horizontal';
12
+ showPanels = true;
13
+ valueChange = new EventEmitter();
14
+ onValueChange(newValue) {
15
+ this.value = newValue;
16
+ this.valueChange.emit(newValue);
17
+ }
18
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ExtraStepperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
19
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: ExtraStepperComponent, isStandalone: true, selector: "extra-stepper", inputs: { value: "value", steps: "steps", linear: "linear", orientation: "orientation", showPanels: "showPanels" }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: `
20
+ <p-stepper [value]="value" [linear]="linear" (valueChange)="onValueChange($event)">
21
+ @if (orientation === 'horizontal') {
22
+ <p-step-list>
23
+ @for (step of steps; track step.value) {
24
+ <p-step
25
+ [value]="step.value"
26
+ [disabled]="step.disabled || false"
27
+ [ngClass]="{ 'step-invalid': step.invalid }"
28
+ >
29
+ {{ step.label }}
30
+ @if (step.caption) {
31
+ <div class="caption-secondary">{{ step.caption }}</div>
32
+ }
33
+ </p-step>
34
+ }
35
+ </p-step-list>
36
+ }
37
+ @if (orientation === 'horizontal' && showPanels) {
38
+ <p-step-panels>
39
+ @for (step of steps; track step.value; let i = $index; let first = $first; let last = $last) {
40
+ <p-step-panel [value]="step.value">
41
+ <ng-template #content let-activateCallback="activateCallback">
42
+ <p class="m-0">{{ step.content }}</p>
43
+ <div class="flex pt-4">
44
+ @if (!first) {
45
+ <extra-button
46
+ label="Назад"
47
+ variant="outlined"
48
+ (click)="activateCallback(steps[i - 1].value)"
49
+ ></extra-button>
50
+ }
51
+ @if (!last) {
52
+ <extra-button
53
+ label="Вперёд"
54
+ variant="secondary"
55
+ class="ml-auto"
56
+ [disabled]="!!step.invalid"
57
+ (click)="activateCallback(steps[i + 1].value)"
58
+ ></extra-button>
59
+ }
60
+ </div>
61
+ </ng-template>
62
+ </p-step-panel>
63
+ }
64
+ </p-step-panels>
65
+ }
66
+
67
+ @if (orientation === 'vertical') {
68
+ @for (step of steps; track step.value; let i = $index; let first = $first; let last = $last) {
69
+ <p-step-item [value]="step.value">
70
+ <p-step
71
+ [value]="step.value"
72
+ [disabled]="step.disabled || false"
73
+ [ngClass]="{ 'step-invalid': step.invalid }"
74
+ >
75
+ {{ step.label }}
76
+ @if (step.caption) {
77
+ <div class="caption-secondary">{{ step.caption }}</div>
78
+ }
79
+ </p-step>
80
+ @if (showPanels) {
81
+ <p-step-panel [value]="step.value">
82
+ <ng-template #content let-activateCallback="activateCallback">
83
+ <p class="m-0">{{ step.content }}</p>
84
+ <div class="flex gap-2 pt-4">
85
+ @if (!first) {
86
+ <extra-button
87
+ label="Назад"
88
+ variant="outlined"
89
+ (click)="activateCallback(steps[i - 1].value)"
90
+ ></extra-button>
91
+ }
92
+ @if (!last) {
93
+ <extra-button
94
+ label="Вперёд"
95
+ variant="secondary"
96
+ [disabled]="!!step.invalid"
97
+ (click)="activateCallback(steps[i + 1].value)"
98
+ ></extra-button>
99
+ }
100
+ </div>
101
+ </ng-template>
102
+ </p-step-panel>
103
+ }
104
+ </p-step-item>
105
+ }
106
+ }
107
+ </p-stepper>
108
+ `, isInline: true, dependencies: [{ kind: "component", type: Stepper, selector: "p-stepper", inputs: ["value", "linear", "transitionOptions"], outputs: ["valueChange"] }, { kind: "component", type: StepList, selector: "p-step-list" }, { kind: "component", type: Step, selector: "p-step", inputs: ["value", "disabled"], outputs: ["valueChange"] }, { kind: "component", type: StepPanels, selector: "p-step-panels" }, { kind: "component", type: StepPanel, selector: "p-step-panel", inputs: ["value"], outputs: ["valueChange"] }, { kind: "component", type: StepItem, selector: "p-step-item", inputs: ["value"], outputs: ["valueChange"] }, { kind: "component", type: ExtraButtonComponent, selector: "extra-button", inputs: ["label", "variant", "severity", "size", "rounded", "iconPos", "iconOnly", "icon", "disabled", "loading", "badge", "badgeSeverity", "showBadge", "fluid", "ariaLabel", "autofocus", "tabindex", "text"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
109
+ }
110
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ExtraStepperComponent, decorators: [{
111
+ type: Component,
112
+ args: [{
113
+ selector: 'extra-stepper',
114
+ standalone: true,
115
+ changeDetection: ChangeDetectionStrategy.OnPush,
116
+ imports: [Stepper, StepList, Step, StepPanels, StepPanel, StepItem, ExtraButtonComponent, NgClass],
117
+ template: `
118
+ <p-stepper [value]="value" [linear]="linear" (valueChange)="onValueChange($event)">
119
+ @if (orientation === 'horizontal') {
120
+ <p-step-list>
121
+ @for (step of steps; track step.value) {
122
+ <p-step
123
+ [value]="step.value"
124
+ [disabled]="step.disabled || false"
125
+ [ngClass]="{ 'step-invalid': step.invalid }"
126
+ >
127
+ {{ step.label }}
128
+ @if (step.caption) {
129
+ <div class="caption-secondary">{{ step.caption }}</div>
130
+ }
131
+ </p-step>
132
+ }
133
+ </p-step-list>
134
+ }
135
+ @if (orientation === 'horizontal' && showPanels) {
136
+ <p-step-panels>
137
+ @for (step of steps; track step.value; let i = $index; let first = $first; let last = $last) {
138
+ <p-step-panel [value]="step.value">
139
+ <ng-template #content let-activateCallback="activateCallback">
140
+ <p class="m-0">{{ step.content }}</p>
141
+ <div class="flex pt-4">
142
+ @if (!first) {
143
+ <extra-button
144
+ label="Назад"
145
+ variant="outlined"
146
+ (click)="activateCallback(steps[i - 1].value)"
147
+ ></extra-button>
148
+ }
149
+ @if (!last) {
150
+ <extra-button
151
+ label="Вперёд"
152
+ variant="secondary"
153
+ class="ml-auto"
154
+ [disabled]="!!step.invalid"
155
+ (click)="activateCallback(steps[i + 1].value)"
156
+ ></extra-button>
157
+ }
158
+ </div>
159
+ </ng-template>
160
+ </p-step-panel>
161
+ }
162
+ </p-step-panels>
163
+ }
164
+
165
+ @if (orientation === 'vertical') {
166
+ @for (step of steps; track step.value; let i = $index; let first = $first; let last = $last) {
167
+ <p-step-item [value]="step.value">
168
+ <p-step
169
+ [value]="step.value"
170
+ [disabled]="step.disabled || false"
171
+ [ngClass]="{ 'step-invalid': step.invalid }"
172
+ >
173
+ {{ step.label }}
174
+ @if (step.caption) {
175
+ <div class="caption-secondary">{{ step.caption }}</div>
176
+ }
177
+ </p-step>
178
+ @if (showPanels) {
179
+ <p-step-panel [value]="step.value">
180
+ <ng-template #content let-activateCallback="activateCallback">
181
+ <p class="m-0">{{ step.content }}</p>
182
+ <div class="flex gap-2 pt-4">
183
+ @if (!first) {
184
+ <extra-button
185
+ label="Назад"
186
+ variant="outlined"
187
+ (click)="activateCallback(steps[i - 1].value)"
188
+ ></extra-button>
189
+ }
190
+ @if (!last) {
191
+ <extra-button
192
+ label="Вперёд"
193
+ variant="secondary"
194
+ [disabled]="!!step.invalid"
195
+ (click)="activateCallback(steps[i + 1].value)"
196
+ ></extra-button>
197
+ }
198
+ </div>
199
+ </ng-template>
200
+ </p-step-panel>
201
+ }
202
+ </p-step-item>
203
+ }
204
+ }
205
+ </p-stepper>
206
+ `
207
+ }]
208
+ }], propDecorators: { value: [{
209
+ type: Input
210
+ }], steps: [{
211
+ type: Input
212
+ }], linear: [{
213
+ type: Input
214
+ }], orientation: [{
215
+ type: Input
216
+ }], showPanels: [{
217
+ type: Input
218
+ }], valueChange: [{
219
+ type: Output
220
+ }] } });
221
+
222
+ /**
223
+ * Generated bundle index. Do not edit.
224
+ */
225
+
226
+ export { ExtraStepperComponent };
227
+ //# sourceMappingURL=cdek-it-angular-ui-kit-components-stepper.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"cdek-it-angular-ui-kit-components-stepper.mjs","sources":["../../src/lib/components/stepper/stepper.component.ts","../../src/lib/components/stepper/cdek-it-angular-ui-kit-components-stepper.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\nimport { NgClass } from '@angular/common';\nimport { Step, StepItem, StepList, StepPanel, StepPanels, Stepper } from 'primeng/stepper';\nimport { ExtraButtonComponent } from '@cdek-it/angular-ui-kit/components/button';\n\nexport interface ExtraStepperItem {\n value: number | undefined;\n label: string;\n caption?: string;\n content?: string;\n disabled?: boolean;\n invalid?: boolean;\n}\n\n@Component({\n selector: 'extra-stepper',\n standalone: true,\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [Stepper, StepList, Step, StepPanels, StepPanel, StepItem, ExtraButtonComponent, NgClass],\n template: `\n <p-stepper [value]=\"value\" [linear]=\"linear\" (valueChange)=\"onValueChange($event)\">\n @if (orientation === 'horizontal') {\n <p-step-list>\n @for (step of steps; track step.value) {\n <p-step\n [value]=\"step.value\"\n [disabled]=\"step.disabled || false\"\n [ngClass]=\"{ 'step-invalid': step.invalid }\"\n >\n {{ step.label }}\n @if (step.caption) {\n <div class=\"caption-secondary\">{{ step.caption }}</div>\n }\n </p-step>\n }\n </p-step-list>\n }\n @if (orientation === 'horizontal' && showPanels) {\n <p-step-panels>\n @for (step of steps; track step.value; let i = $index; let first = $first; let last = $last) {\n <p-step-panel [value]=\"step.value\">\n <ng-template #content let-activateCallback=\"activateCallback\">\n <p class=\"m-0\">{{ step.content }}</p>\n <div class=\"flex pt-4\">\n @if (!first) {\n <extra-button\n label=\"Назад\"\n variant=\"outlined\"\n (click)=\"activateCallback(steps[i - 1].value)\"\n ></extra-button>\n }\n @if (!last) {\n <extra-button\n label=\"Вперёд\"\n variant=\"secondary\"\n class=\"ml-auto\"\n [disabled]=\"!!step.invalid\"\n (click)=\"activateCallback(steps[i + 1].value)\"\n ></extra-button>\n }\n </div>\n </ng-template>\n </p-step-panel>\n }\n </p-step-panels>\n }\n\n @if (orientation === 'vertical') {\n @for (step of steps; track step.value; let i = $index; let first = $first; let last = $last) {\n <p-step-item [value]=\"step.value\">\n <p-step\n [value]=\"step.value\"\n [disabled]=\"step.disabled || false\"\n [ngClass]=\"{ 'step-invalid': step.invalid }\"\n >\n {{ step.label }}\n @if (step.caption) {\n <div class=\"caption-secondary\">{{ step.caption }}</div>\n }\n </p-step>\n @if (showPanels) {\n <p-step-panel [value]=\"step.value\">\n <ng-template #content let-activateCallback=\"activateCallback\">\n <p class=\"m-0\">{{ step.content }}</p>\n <div class=\"flex gap-2 pt-4\">\n @if (!first) {\n <extra-button\n label=\"Назад\"\n variant=\"outlined\"\n (click)=\"activateCallback(steps[i - 1].value)\"\n ></extra-button>\n }\n @if (!last) {\n <extra-button\n label=\"Вперёд\"\n variant=\"secondary\"\n [disabled]=\"!!step.invalid\"\n (click)=\"activateCallback(steps[i + 1].value)\"\n ></extra-button>\n }\n </div>\n </ng-template>\n </p-step-panel>\n }\n </p-step-item>\n }\n }\n </p-stepper>\n `\n})\nexport class ExtraStepperComponent {\n @Input() value: number | undefined = 1;\n @Input() steps: ExtraStepperItem[] = [];\n @Input() linear = false;\n @Input() orientation: 'horizontal' | 'vertical' = 'horizontal';\n @Input() showPanels = true;\n\n @Output() valueChange = new EventEmitter<number | undefined>();\n\n onValueChange(newValue: number | undefined): void {\n this.value = newValue;\n this.valueChange.emit(newValue);\n }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}
@@ -0,0 +1,83 @@
1
+ import * as i0 from '@angular/core';
2
+ import { Input, Component } from '@angular/core';
3
+ import { Tabs, TabList, Tab, TabPanels, TabPanel } from 'primeng/tabs';
4
+ import { Badge } from 'primeng/badge';
5
+
6
+ class ExtraTabsComponent {
7
+ value = '0';
8
+ tabs = [];
9
+ scrollable = false;
10
+ lazy = false;
11
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ExtraTabsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
12
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: ExtraTabsComponent, isStandalone: true, selector: "extra-tabs", inputs: { value: "value", tabs: "tabs", scrollable: "scrollable", lazy: "lazy" }, ngImport: i0, template: `
13
+ <p-tabs [value]="value" [scrollable]="scrollable" [lazy]="lazy" (valueChange)="value = $event">
14
+ <p-tablist>
15
+ @for (tab of tabs; track tab.value) {
16
+ <p-tab [value]="tab.value" [disabled]="tab.disabled || false">
17
+ @if (tab.icon) {
18
+ <i class="text-xl" [class]="tab.icon"></i>
19
+ }
20
+ <span>{{ tab.label }}</span>
21
+ @if (tab.badge) {
22
+ <p-badge [value]="tab.badge" [severity]="tab.badgeSeverity || 'success'"></p-badge>
23
+ }
24
+ </p-tab>
25
+ }
26
+ </p-tablist>
27
+ <p-tabpanels>
28
+ @for (tab of tabs; track tab.value) {
29
+ <p-tabpanel [value]="tab.value">
30
+ <p class="m-0">{{ tab.content }}</p>
31
+ </p-tabpanel>
32
+ }
33
+ </p-tabpanels>
34
+ </p-tabs>
35
+ `, isInline: true, dependencies: [{ kind: "component", type: Tabs, selector: "p-tabs", inputs: ["value", "scrollable", "lazy", "selectOnFocus", "showNavigators", "tabindex"], outputs: ["valueChange"] }, { kind: "component", type: TabList, selector: "p-tablist" }, { kind: "component", type: Tab, selector: "p-tab", inputs: ["value", "disabled"], outputs: ["valueChange"] }, { kind: "component", type: TabPanels, selector: "p-tabpanels" }, { kind: "component", type: TabPanel, selector: "p-tabpanel", inputs: ["lazy", "value"], outputs: ["valueChange"] }, { kind: "component", type: Badge, selector: "p-badge", inputs: ["styleClass", "badgeSize", "size", "severity", "value", "badgeDisabled"] }] });
36
+ }
37
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ExtraTabsComponent, decorators: [{
38
+ type: Component,
39
+ args: [{
40
+ selector: 'extra-tabs',
41
+ standalone: true,
42
+ imports: [Tabs, TabList, Tab, TabPanels, TabPanel, Badge],
43
+ template: `
44
+ <p-tabs [value]="value" [scrollable]="scrollable" [lazy]="lazy" (valueChange)="value = $event">
45
+ <p-tablist>
46
+ @for (tab of tabs; track tab.value) {
47
+ <p-tab [value]="tab.value" [disabled]="tab.disabled || false">
48
+ @if (tab.icon) {
49
+ <i class="text-xl" [class]="tab.icon"></i>
50
+ }
51
+ <span>{{ tab.label }}</span>
52
+ @if (tab.badge) {
53
+ <p-badge [value]="tab.badge" [severity]="tab.badgeSeverity || 'success'"></p-badge>
54
+ }
55
+ </p-tab>
56
+ }
57
+ </p-tablist>
58
+ <p-tabpanels>
59
+ @for (tab of tabs; track tab.value) {
60
+ <p-tabpanel [value]="tab.value">
61
+ <p class="m-0">{{ tab.content }}</p>
62
+ </p-tabpanel>
63
+ }
64
+ </p-tabpanels>
65
+ </p-tabs>
66
+ `
67
+ }]
68
+ }], propDecorators: { value: [{
69
+ type: Input
70
+ }], tabs: [{
71
+ type: Input
72
+ }], scrollable: [{
73
+ type: Input
74
+ }], lazy: [{
75
+ type: Input
76
+ }] } });
77
+
78
+ /**
79
+ * Generated bundle index. Do not edit.
80
+ */
81
+
82
+ export { ExtraTabsComponent };
83
+ //# sourceMappingURL=cdek-it-angular-ui-kit-components-tabs.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"cdek-it-angular-ui-kit-components-tabs.mjs","sources":["../../src/lib/components/tabs/tabs.component.ts","../../src/lib/components/tabs/cdek-it-angular-ui-kit-components-tabs.ts"],"sourcesContent":["import { Component, Input } from '@angular/core';\nimport { Tab, TabList, TabPanel, TabPanels, Tabs } from 'primeng/tabs';\nimport { Badge } from 'primeng/badge';\n\nexport interface ExtraTabItem {\n value: string;\n label: string;\n icon?: string;\n disabled?: boolean;\n badge?: string;\n badgeSeverity?: 'success' | 'info' | 'warn' | 'danger' | 'secondary' | 'contrast';\n content?: string;\n}\n\n@Component({\n selector: 'extra-tabs',\n standalone: true,\n imports: [Tabs, TabList, Tab, TabPanels, TabPanel, Badge],\n template: `\n <p-tabs [value]=\"value\" [scrollable]=\"scrollable\" [lazy]=\"lazy\" (valueChange)=\"value = $event\">\n <p-tablist>\n @for (tab of tabs; track tab.value) {\n <p-tab [value]=\"tab.value\" [disabled]=\"tab.disabled || false\">\n @if (tab.icon) {\n <i class=\"text-xl\" [class]=\"tab.icon\"></i>\n }\n <span>{{ tab.label }}</span>\n @if (tab.badge) {\n <p-badge [value]=\"tab.badge\" [severity]=\"tab.badgeSeverity || 'success'\"></p-badge>\n }\n </p-tab>\n }\n </p-tablist>\n <p-tabpanels>\n @for (tab of tabs; track tab.value) {\n <p-tabpanel [value]=\"tab.value\">\n <p class=\"m-0\">{{ tab.content }}</p>\n </p-tabpanel>\n }\n </p-tabpanels>\n </p-tabs>\n `\n})\nexport class ExtraTabsComponent {\n @Input() value: string | number | undefined = '0';\n @Input() tabs: ExtraTabItem[] = [];\n @Input() scrollable = false;\n @Input() lazy = false;\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":";;;;;MA2Ca,kBAAkB,CAAA;IACpB,KAAK,GAAgC,GAAG;IACxC,IAAI,GAAmB,EAAE;IACzB,UAAU,GAAG,KAAK;IAClB,IAAI,GAAG,KAAK;wGAJV,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAlB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,kBAAkB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,OAAA,EAAA,IAAA,EAAA,MAAA,EAAA,UAAA,EAAA,YAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAzBnB;;;;;;;;;;;;;;;;;;;;;;;GAuBT,EAAA,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAxBS,IAAI,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,YAAA,EAAA,MAAA,EAAA,eAAA,EAAA,gBAAA,EAAA,UAAA,CAAA,EAAA,OAAA,EAAA,CAAA,aAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,OAAO,EAAA,QAAA,EAAA,WAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,GAAG,2GAAE,SAAS,EAAA,QAAA,EAAA,aAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,QAAQ,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,OAAA,CAAA,EAAA,OAAA,EAAA,CAAA,aAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,KAAK,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,YAAA,EAAA,WAAA,EAAA,MAAA,EAAA,UAAA,EAAA,OAAA,EAAA,eAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;4FA0B7C,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBA7B9B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,YAAY;AACtB,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,OAAO,EAAE,CAAC,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,CAAC;AACzD,oBAAA,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;;;;;AAuBT,EAAA;AACF,iBAAA;;sBAEE;;sBACA;;sBACA;;sBACA;;;AC/CH;;AAEG;;;;"}
@@ -0,0 +1,46 @@
1
+ import * as i0 from '@angular/core';
2
+ import { Input, ChangeDetectionStrategy, Component } from '@angular/core';
3
+ import { Tag } from 'primeng/tag';
4
+
5
+ class ExtraTagComponent {
6
+ value = '';
7
+ severity = 'primary';
8
+ rounded = false;
9
+ icon = '';
10
+ get primeSeverity() {
11
+ if (this.severity === 'primary')
12
+ return undefined;
13
+ return this.severity;
14
+ }
15
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ExtraTagComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
16
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: ExtraTagComponent, isStandalone: true, selector: "extra-tag", inputs: { value: "value", severity: "severity", rounded: "rounded", icon: "icon" }, ngImport: i0, template: `
17
+ <p-tag [value]="value" [severity]="primeSeverity" [rounded]="rounded" [icon]="icon || undefined"></p-tag>
18
+ `, isInline: true, dependencies: [{ kind: "component", type: Tag, selector: "p-tag", inputs: ["styleClass", "severity", "value", "icon", "rounded"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
19
+ }
20
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ExtraTagComponent, decorators: [{
21
+ type: Component,
22
+ args: [{
23
+ selector: 'extra-tag',
24
+ standalone: true,
25
+ changeDetection: ChangeDetectionStrategy.OnPush,
26
+ imports: [Tag],
27
+ template: `
28
+ <p-tag [value]="value" [severity]="primeSeverity" [rounded]="rounded" [icon]="icon || undefined"></p-tag>
29
+ `
30
+ }]
31
+ }], propDecorators: { value: [{
32
+ type: Input
33
+ }], severity: [{
34
+ type: Input
35
+ }], rounded: [{
36
+ type: Input
37
+ }], icon: [{
38
+ type: Input
39
+ }] } });
40
+
41
+ /**
42
+ * Generated bundle index. Do not edit.
43
+ */
44
+
45
+ export { ExtraTagComponent };
46
+ //# sourceMappingURL=cdek-it-angular-ui-kit-components-tag.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"cdek-it-angular-ui-kit-components-tag.mjs","sources":["../../src/lib/components/tag/tag.component.ts","../../src/lib/components/tag/cdek-it-angular-ui-kit-components-tag.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { Tag } from 'primeng/tag';\n\nexport type ExtraTagSeverity = 'primary' | 'secondary' | 'success' | 'info' | 'warn' | 'danger';\n\n@Component({\n selector: 'extra-tag',\n standalone: true,\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [Tag],\n template: `\n <p-tag [value]=\"value\" [severity]=\"primeSeverity\" [rounded]=\"rounded\" [icon]=\"icon || undefined\"></p-tag>\n `\n})\nexport class ExtraTagComponent {\n @Input() value = '';\n @Input() severity: ExtraTagSeverity = 'primary';\n @Input() rounded = false;\n @Input() icon = '';\n\n get primeSeverity(): 'secondary' | 'success' | 'info' | 'warn' | 'danger' | undefined {\n if (this.severity === 'primary') return undefined;\n return this.severity;\n }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":";;;;MAca,iBAAiB,CAAA;IACnB,KAAK,GAAG,EAAE;IACV,QAAQ,GAAqB,SAAS;IACtC,OAAO,GAAG,KAAK;IACf,IAAI,GAAG,EAAE;AAElB,IAAA,IAAI,aAAa,GAAA;AACf,QAAA,IAAI,IAAI,CAAC,QAAQ,KAAK,SAAS;AAAE,YAAA,OAAO,SAAS;QACjD,OAAO,IAAI,CAAC,QAAQ;IACtB;wGATW,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAjB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,iBAAiB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,OAAA,EAAA,QAAA,EAAA,UAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAJlB;;AAET,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAHS,GAAG,EAAA,QAAA,EAAA,OAAA,EAAA,MAAA,EAAA,CAAA,YAAA,EAAA,UAAA,EAAA,OAAA,EAAA,MAAA,EAAA,SAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;4FAKF,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAT7B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,WAAW;AACrB,oBAAA,UAAU,EAAE,IAAI;oBAChB,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,OAAO,EAAE,CAAC,GAAG,CAAC;AACd,oBAAA,QAAQ,EAAE;;AAET,EAAA;AACF,iBAAA;;sBAEE;;sBACA;;sBACA;;sBACA;;;AClBH;;AAEG;;;;"}
@@ -0,0 +1,214 @@
1
+ import * as i0 from '@angular/core';
2
+ import { inject, Injector, EventEmitter, forwardRef, Output, Input, ChangeDetectionStrategy, Component } from '@angular/core';
3
+ import { NgControl, NG_VALUE_ACCESSOR } from '@angular/forms';
4
+ import { NgClass } from '@angular/common';
5
+ import { Textarea } from 'primeng/textarea';
6
+ import { IconField } from 'primeng/iconfield';
7
+ import { InputIcon } from 'primeng/inputicon';
8
+
9
+ class ExtraTextareaComponent {
10
+ _injector = inject(Injector);
11
+ _ngControl = null;
12
+ ngOnInit() {
13
+ this._ngControl = this._injector.get(NgControl, null, { self: true, optional: true });
14
+ }
15
+ placeholder = '';
16
+ size = 'base';
17
+ readonly = false;
18
+ showClear = false;
19
+ fluid = false;
20
+ autoResize = false;
21
+ rows = 3;
22
+ cols;
23
+ disabled = false;
24
+ get invalid() {
25
+ return this._ngControl?.invalid ?? false;
26
+ }
27
+ onResize = new EventEmitter();
28
+ onClear = new EventEmitter();
29
+ modelValue = '';
30
+ _onChange = () => { };
31
+ get primeSize() {
32
+ if (this.size === 'small')
33
+ return 'small';
34
+ if (this.size === 'large')
35
+ return 'large';
36
+ return undefined;
37
+ }
38
+ get sizeClass() {
39
+ return { 'p-textarea-xlg': this.size === 'xlarge' };
40
+ }
41
+ onInput(event) {
42
+ const value = event.target.value;
43
+ this.modelValue = value;
44
+ this._onChange(value);
45
+ }
46
+ onTouched = () => { };
47
+ clearValue() {
48
+ this.modelValue = '';
49
+ this._onChange('');
50
+ this.onClear.emit();
51
+ }
52
+ writeValue(value) {
53
+ this.modelValue = value ?? '';
54
+ }
55
+ registerOnChange(fn) {
56
+ this._onChange = fn;
57
+ }
58
+ registerOnTouched(fn) {
59
+ this.onTouched = fn;
60
+ }
61
+ setDisabledState(isDisabled) {
62
+ this.disabled = isDisabled;
63
+ }
64
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ExtraTextareaComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
65
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: ExtraTextareaComponent, isStandalone: true, selector: "extra-textarea", inputs: { placeholder: "placeholder", size: "size", readonly: "readonly", showClear: "showClear", fluid: "fluid", autoResize: "autoResize", rows: "rows", cols: "cols" }, outputs: { onResize: "onResize", onClear: "onClear" }, providers: [
66
+ {
67
+ provide: NG_VALUE_ACCESSOR,
68
+ useExisting: forwardRef(() => ExtraTextareaComponent),
69
+ multi: true
70
+ }
71
+ ], ngImport: i0, template: `
72
+ @if (showClear) {
73
+ <p-iconfield [ngClass]="{ '!w-full': fluid }">
74
+ <textarea
75
+ pTextarea
76
+ [ngClass]="sizeClass"
77
+ [pSize]="primeSize"
78
+ [disabled]="disabled"
79
+ [readOnly]="readonly"
80
+ [invalid]="invalid"
81
+ [fluid]="fluid"
82
+ [autoResize]="autoResize"
83
+ [rows]="rows"
84
+ [cols]="cols"
85
+ [placeholder]="placeholder"
86
+ [value]="modelValue"
87
+ (input)="onInput($event)"
88
+ (blur)="onTouched()"
89
+ (onResize)="onResize.emit($event)"
90
+ ></textarea>
91
+ <p-inputicon
92
+ class="ti ti-x"
93
+ tabindex="0"
94
+ [style.visibility]="modelValue ? 'visible' : 'hidden'"
95
+ [style.pointerEvents]="modelValue ? 'auto' : 'none'"
96
+ (click)="clearValue()"
97
+ (keydown.enter)="clearValue()"
98
+ (keydown.space)="clearValue()"
99
+ ></p-inputicon>
100
+ </p-iconfield>
101
+ } @else {
102
+ <textarea
103
+ pTextarea
104
+ [ngClass]="sizeClass"
105
+ [pSize]="primeSize"
106
+ [disabled]="disabled"
107
+ [readOnly]="readonly"
108
+ [invalid]="invalid"
109
+ [fluid]="fluid"
110
+ [autoResize]="autoResize"
111
+ [rows]="rows"
112
+ [cols]="cols"
113
+ [placeholder]="placeholder"
114
+ [value]="modelValue"
115
+ (input)="onInput($event)"
116
+ (blur)="onTouched()"
117
+ (onResize)="onResize.emit($event)"
118
+ ></textarea>
119
+ }
120
+ `, isInline: true, dependencies: [{ kind: "directive", type: Textarea, selector: "[pTextarea], [pInputTextarea]", inputs: ["autoResize", "pSize", "variant", "fluid", "invalid"], outputs: ["onResize"] }, { kind: "component", type: IconField, selector: "p-iconfield, p-iconField, p-icon-field", inputs: ["hostName", "iconPosition", "styleClass"] }, { kind: "component", type: InputIcon, selector: "p-inputicon, p-inputIcon", inputs: ["hostName", "styleClass"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
121
+ }
122
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ExtraTextareaComponent, decorators: [{
123
+ type: Component,
124
+ args: [{
125
+ selector: 'extra-textarea',
126
+ standalone: true,
127
+ changeDetection: ChangeDetectionStrategy.OnPush,
128
+ imports: [Textarea, IconField, InputIcon, NgClass],
129
+ providers: [
130
+ {
131
+ provide: NG_VALUE_ACCESSOR,
132
+ useExisting: forwardRef(() => ExtraTextareaComponent),
133
+ multi: true
134
+ }
135
+ ],
136
+ template: `
137
+ @if (showClear) {
138
+ <p-iconfield [ngClass]="{ '!w-full': fluid }">
139
+ <textarea
140
+ pTextarea
141
+ [ngClass]="sizeClass"
142
+ [pSize]="primeSize"
143
+ [disabled]="disabled"
144
+ [readOnly]="readonly"
145
+ [invalid]="invalid"
146
+ [fluid]="fluid"
147
+ [autoResize]="autoResize"
148
+ [rows]="rows"
149
+ [cols]="cols"
150
+ [placeholder]="placeholder"
151
+ [value]="modelValue"
152
+ (input)="onInput($event)"
153
+ (blur)="onTouched()"
154
+ (onResize)="onResize.emit($event)"
155
+ ></textarea>
156
+ <p-inputicon
157
+ class="ti ti-x"
158
+ tabindex="0"
159
+ [style.visibility]="modelValue ? 'visible' : 'hidden'"
160
+ [style.pointerEvents]="modelValue ? 'auto' : 'none'"
161
+ (click)="clearValue()"
162
+ (keydown.enter)="clearValue()"
163
+ (keydown.space)="clearValue()"
164
+ ></p-inputicon>
165
+ </p-iconfield>
166
+ } @else {
167
+ <textarea
168
+ pTextarea
169
+ [ngClass]="sizeClass"
170
+ [pSize]="primeSize"
171
+ [disabled]="disabled"
172
+ [readOnly]="readonly"
173
+ [invalid]="invalid"
174
+ [fluid]="fluid"
175
+ [autoResize]="autoResize"
176
+ [rows]="rows"
177
+ [cols]="cols"
178
+ [placeholder]="placeholder"
179
+ [value]="modelValue"
180
+ (input)="onInput($event)"
181
+ (blur)="onTouched()"
182
+ (onResize)="onResize.emit($event)"
183
+ ></textarea>
184
+ }
185
+ `
186
+ }]
187
+ }], propDecorators: { placeholder: [{
188
+ type: Input
189
+ }], size: [{
190
+ type: Input
191
+ }], readonly: [{
192
+ type: Input
193
+ }], showClear: [{
194
+ type: Input
195
+ }], fluid: [{
196
+ type: Input
197
+ }], autoResize: [{
198
+ type: Input
199
+ }], rows: [{
200
+ type: Input
201
+ }], cols: [{
202
+ type: Input
203
+ }], onResize: [{
204
+ type: Output
205
+ }], onClear: [{
206
+ type: Output
207
+ }] } });
208
+
209
+ /**
210
+ * Generated bundle index. Do not edit.
211
+ */
212
+
213
+ export { ExtraTextareaComponent };
214
+ //# sourceMappingURL=cdek-it-angular-ui-kit-components-textarea.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"cdek-it-angular-ui-kit-components-textarea.mjs","sources":["../../src/lib/components/textarea/textarea.component.ts","../../src/lib/components/textarea/cdek-it-angular-ui-kit-components-textarea.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n EventEmitter,\n forwardRef,\n inject,\n Injector,\n Input,\n OnInit,\n Output\n} from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR, NgControl } from '@angular/forms';\nimport { NgClass } from '@angular/common';\nimport { Textarea } from 'primeng/textarea';\nimport { IconField } from 'primeng/iconfield';\nimport { InputIcon } from 'primeng/inputicon';\n\nexport type ExtraTextareaSize = 'small' | 'base' | 'large' | 'xlarge';\n\n@Component({\n selector: 'extra-textarea',\n standalone: true,\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [Textarea, IconField, InputIcon, NgClass],\n providers: [\n {\n provide: NG_VALUE_ACCESSOR,\n useExisting: forwardRef(() => ExtraTextareaComponent),\n multi: true\n }\n ],\n template: `\n @if (showClear) {\n <p-iconfield [ngClass]=\"{ '!w-full': fluid }\">\n <textarea\n pTextarea\n [ngClass]=\"sizeClass\"\n [pSize]=\"primeSize\"\n [disabled]=\"disabled\"\n [readOnly]=\"readonly\"\n [invalid]=\"invalid\"\n [fluid]=\"fluid\"\n [autoResize]=\"autoResize\"\n [rows]=\"rows\"\n [cols]=\"cols\"\n [placeholder]=\"placeholder\"\n [value]=\"modelValue\"\n (input)=\"onInput($event)\"\n (blur)=\"onTouched()\"\n (onResize)=\"onResize.emit($event)\"\n ></textarea>\n <p-inputicon\n class=\"ti ti-x\"\n tabindex=\"0\"\n [style.visibility]=\"modelValue ? 'visible' : 'hidden'\"\n [style.pointerEvents]=\"modelValue ? 'auto' : 'none'\"\n (click)=\"clearValue()\"\n (keydown.enter)=\"clearValue()\"\n (keydown.space)=\"clearValue()\"\n ></p-inputicon>\n </p-iconfield>\n } @else {\n <textarea\n pTextarea\n [ngClass]=\"sizeClass\"\n [pSize]=\"primeSize\"\n [disabled]=\"disabled\"\n [readOnly]=\"readonly\"\n [invalid]=\"invalid\"\n [fluid]=\"fluid\"\n [autoResize]=\"autoResize\"\n [rows]=\"rows\"\n [cols]=\"cols\"\n [placeholder]=\"placeholder\"\n [value]=\"modelValue\"\n (input)=\"onInput($event)\"\n (blur)=\"onTouched()\"\n (onResize)=\"onResize.emit($event)\"\n ></textarea>\n }\n `\n})\nexport class ExtraTextareaComponent implements ControlValueAccessor, OnInit {\n private readonly _injector = inject(Injector);\n private _ngControl: NgControl | null = null;\n\n ngOnInit(): void {\n this._ngControl = this._injector.get(NgControl, null, { self: true, optional: true });\n }\n\n @Input() placeholder = '';\n @Input() size: ExtraTextareaSize = 'base';\n @Input() readonly = false;\n @Input() showClear = false;\n @Input() fluid = false;\n @Input() autoResize = false;\n @Input() rows = 3;\n @Input() cols?: number;\n\n disabled = false;\n\n get invalid(): boolean {\n return this._ngControl?.invalid ?? false;\n }\n\n @Output() onResize = new EventEmitter<{ height: string } | {}>();\n @Output() onClear = new EventEmitter<void>();\n\n modelValue = '';\n\n private _onChange: (value: string) => void = () => {};\n\n get primeSize(): 'small' | 'large' | never {\n if (this.size === 'small') return 'small';\n if (this.size === 'large') return 'large';\n return undefined as never;\n }\n\n get sizeClass(): Record<string, boolean> {\n return { 'p-textarea-xlg': this.size === 'xlarge' };\n }\n\n onInput(event: Event): void {\n const value = (event.target as HTMLTextAreaElement).value;\n this.modelValue = value;\n this._onChange(value);\n }\n\n onTouched: () => void = () => {};\n\n clearValue(): void {\n this.modelValue = '';\n this._onChange('');\n this.onClear.emit();\n }\n\n writeValue(value: string): void {\n this.modelValue = value ?? '';\n }\n\n registerOnChange(fn: (value: string) => void): void {\n this._onChange = fn;\n }\n\n registerOnTouched(fn: () => void): void {\n this.onTouched = fn;\n }\n\n setDisabledState(isDisabled: boolean): void {\n this.disabled = isDisabled;\n }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}