@hermes-ui/angular 0.1.5 → 0.1.7

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 (130) hide show
  1. package/README.md +52 -52
  2. package/button/_properties.buttons.scss +387 -387
  3. package/fesm2022/hermes-ui-angular-accordion.mjs.map +1 -1
  4. package/fesm2022/hermes-ui-angular-addons-a11y.mjs.map +1 -1
  5. package/fesm2022/hermes-ui-angular-addons-card-container.mjs.map +1 -1
  6. package/fesm2022/hermes-ui-angular-addons-certificate-viewer.mjs.map +1 -1
  7. package/fesm2022/hermes-ui-angular-addons-datagrid-filters.mjs.map +1 -1
  8. package/fesm2022/hermes-ui-angular-addons-datagrid.mjs +28 -28
  9. package/fesm2022/hermes-ui-angular-addons-datagrid.mjs.map +1 -1
  10. package/fesm2022/hermes-ui-angular-addons-dialog.mjs.map +1 -1
  11. package/fesm2022/hermes-ui-angular-addons-menu.mjs +8 -8
  12. package/fesm2022/hermes-ui-angular-addons-menu.mjs.map +1 -1
  13. package/fesm2022/hermes-ui-angular-addons-property-view.mjs.map +1 -1
  14. package/fesm2022/hermes-ui-angular-addons-stepper.mjs.map +1 -1
  15. package/fesm2022/hermes-ui-angular-addons-tabs.mjs.map +1 -1
  16. package/fesm2022/hermes-ui-angular-addons-testing.mjs +78 -78
  17. package/fesm2022/hermes-ui-angular-addons-testing.mjs.map +1 -1
  18. package/fesm2022/hermes-ui-angular-addons-theme-builder.mjs +1 -1
  19. package/fesm2022/hermes-ui-angular-addons-theme-builder.mjs.map +1 -1
  20. package/fesm2022/hermes-ui-angular-addons-var.mjs.map +1 -1
  21. package/fesm2022/hermes-ui-angular-addons-wizard.mjs.map +1 -1
  22. package/fesm2022/hermes-ui-angular-addons-workflow.mjs.map +1 -1
  23. package/fesm2022/hermes-ui-angular-button.mjs +74 -74
  24. package/fesm2022/hermes-ui-angular-button.mjs.map +1 -1
  25. package/fesm2022/hermes-ui-angular-card.mjs +48 -0
  26. package/fesm2022/hermes-ui-angular-card.mjs.map +1 -0
  27. package/fesm2022/hermes-ui-angular-collapsible-panel.mjs.map +1 -1
  28. package/fesm2022/hermes-ui-angular-data-datagrid.mjs +926 -926
  29. package/fesm2022/hermes-ui-angular-data-datagrid.mjs.map +1 -1
  30. package/fesm2022/hermes-ui-angular-data-stack-view.mjs +114 -114
  31. package/fesm2022/hermes-ui-angular-data-stack-view.mjs.map +1 -1
  32. package/fesm2022/hermes-ui-angular-data-tree-view.mjs +12 -12
  33. package/fesm2022/hermes-ui-angular-data-tree-view.mjs.map +1 -1
  34. package/fesm2022/hermes-ui-angular-data.mjs.map +1 -1
  35. package/fesm2022/hermes-ui-angular-divider.mjs +46 -0
  36. package/fesm2022/hermes-ui-angular-divider.mjs.map +1 -0
  37. package/fesm2022/hermes-ui-angular-emphasis-alert.mjs.map +1 -1
  38. package/fesm2022/hermes-ui-angular-emphasis-badge.mjs.map +1 -1
  39. package/fesm2022/hermes-ui-angular-emphasis-label.mjs +16 -16
  40. package/fesm2022/hermes-ui-angular-emphasis-label.mjs.map +1 -1
  41. package/fesm2022/hermes-ui-angular-emphasis.mjs.map +1 -1
  42. package/fesm2022/hermes-ui-angular-forms-checkbox.mjs +50 -50
  43. package/fesm2022/hermes-ui-angular-forms-checkbox.mjs.map +1 -1
  44. package/fesm2022/hermes-ui-angular-forms-combobox.mjs +126 -126
  45. package/fesm2022/hermes-ui-angular-forms-combobox.mjs.map +1 -1
  46. package/fesm2022/hermes-ui-angular-forms-common.mjs.map +1 -1
  47. package/fesm2022/hermes-ui-angular-forms-datalist.mjs +46 -46
  48. package/fesm2022/hermes-ui-angular-forms-datalist.mjs.map +1 -1
  49. package/fesm2022/hermes-ui-angular-forms-datepicker.mjs +375 -375
  50. package/fesm2022/hermes-ui-angular-forms-datepicker.mjs.map +1 -1
  51. package/fesm2022/hermes-ui-angular-forms-file-input.mjs +190 -190
  52. package/fesm2022/hermes-ui-angular-forms-file-input.mjs.map +1 -1
  53. package/fesm2022/hermes-ui-angular-forms-input.mjs +52 -52
  54. package/fesm2022/hermes-ui-angular-forms-input.mjs.map +1 -1
  55. package/fesm2022/hermes-ui-angular-forms-native-select.mjs +38 -38
  56. package/fesm2022/hermes-ui-angular-forms-native-select.mjs.map +1 -1
  57. package/fesm2022/hermes-ui-angular-forms-number-input.mjs +80 -80
  58. package/fesm2022/hermes-ui-angular-forms-number-input.mjs.map +1 -1
  59. package/fesm2022/hermes-ui-angular-forms-password.mjs +58 -58
  60. package/fesm2022/hermes-ui-angular-forms-password.mjs.map +1 -1
  61. package/fesm2022/hermes-ui-angular-forms-radio.mjs +50 -50
  62. package/fesm2022/hermes-ui-angular-forms-radio.mjs.map +1 -1
  63. package/fesm2022/hermes-ui-angular-forms-range.mjs +44 -44
  64. package/fesm2022/hermes-ui-angular-forms-range.mjs.map +1 -1
  65. package/fesm2022/hermes-ui-angular-forms-select.mjs +8 -8
  66. package/fesm2022/hermes-ui-angular-forms-select.mjs.map +1 -1
  67. package/fesm2022/hermes-ui-angular-forms-textarea.mjs +38 -38
  68. package/fesm2022/hermes-ui-angular-forms-textarea.mjs.map +1 -1
  69. package/fesm2022/hermes-ui-angular-forms.mjs.map +1 -1
  70. package/fesm2022/hermes-ui-angular-icon.mjs.map +1 -1
  71. package/fesm2022/hermes-ui-angular-layout-breadcrumbs.mjs.map +1 -1
  72. package/fesm2022/hermes-ui-angular-layout-main-container.mjs.map +1 -1
  73. package/fesm2022/hermes-ui-angular-layout-nav.mjs +46 -46
  74. package/fesm2022/hermes-ui-angular-layout-nav.mjs.map +1 -1
  75. package/fesm2022/hermes-ui-angular-layout-tabs.mjs +146 -146
  76. package/fesm2022/hermes-ui-angular-layout-tabs.mjs.map +1 -1
  77. package/fesm2022/hermes-ui-angular-layout-vertical-nav.mjs +31 -3
  78. package/fesm2022/hermes-ui-angular-layout-vertical-nav.mjs.map +1 -1
  79. package/fesm2022/hermes-ui-angular-layout.mjs.map +1 -1
  80. package/fesm2022/hermes-ui-angular-modal.mjs.map +1 -1
  81. package/fesm2022/hermes-ui-angular-pagination.mjs +116 -0
  82. package/fesm2022/hermes-ui-angular-pagination.mjs.map +1 -0
  83. package/fesm2022/hermes-ui-angular-popover-common.mjs +26 -3
  84. package/fesm2022/hermes-ui-angular-popover-common.mjs.map +1 -1
  85. package/fesm2022/hermes-ui-angular-popover-dropdown.mjs.map +1 -1
  86. package/fesm2022/hermes-ui-angular-popover-signpost.mjs +66 -66
  87. package/fesm2022/hermes-ui-angular-popover-signpost.mjs.map +1 -1
  88. package/fesm2022/hermes-ui-angular-popover-tooltip.mjs.map +1 -1
  89. package/fesm2022/hermes-ui-angular-popover.mjs.map +1 -1
  90. package/fesm2022/hermes-ui-angular-progress-progress-bars.mjs +10 -10
  91. package/fesm2022/hermes-ui-angular-progress-progress-bars.mjs.map +1 -1
  92. package/fesm2022/hermes-ui-angular-progress-spinner.mjs.map +1 -1
  93. package/fesm2022/hermes-ui-angular-stepper.mjs.map +1 -1
  94. package/fesm2022/hermes-ui-angular-timeline.mjs.map +1 -1
  95. package/fesm2022/hermes-ui-angular-toast.mjs +4 -4
  96. package/fesm2022/hermes-ui-angular-toast.mjs.map +1 -1
  97. package/fesm2022/hermes-ui-angular-utils-conditional.mjs.map +1 -1
  98. package/fesm2022/hermes-ui-angular-utils.mjs.map +1 -1
  99. package/fesm2022/hermes-ui-angular-wizard.mjs +56 -56
  100. package/fesm2022/hermes-ui-angular-wizard.mjs.map +1 -1
  101. package/fesm2022/hermes-ui-angular.mjs +16 -3
  102. package/fesm2022/hermes-ui-angular.mjs.map +1 -1
  103. package/hermes-ui.scss +7 -7
  104. package/layout/vertical-nav/_mixins.vertical-nav.scss +3 -7
  105. package/layout/vertical-nav/_properties.vertical-nav.scss +10 -5
  106. package/layout/vertical-nav/_variables.vertical-nav.scss +2 -0
  107. package/layout/vertical-nav/_vertical-nav.clarity.scss +14 -0
  108. package/package.json +13 -1
  109. package/popover/dropdown/_dropdown.clarity.scss +8 -7
  110. package/popover/dropdown/_menu-mixins.clarity.scss +22 -6
  111. package/popover/dropdown/_properties.dropdown.scss +20 -0
  112. package/popover/dropdown/_variables.dropdown.scss +7 -0
  113. package/toast/README.md +65 -65
  114. package/toast/_properties.toast.scss +56 -56
  115. package/toast/_toast.clarity.scss +190 -190
  116. package/toast/_variables.toast.scss +33 -33
  117. package/types/hermes-ui-angular-card.d.ts +24 -0
  118. package/types/hermes-ui-angular-card.d.ts.map +1 -0
  119. package/types/hermes-ui-angular-data-datagrid.d.ts.map +1 -1
  120. package/types/hermes-ui-angular-divider.d.ts +20 -0
  121. package/types/hermes-ui-angular-divider.d.ts.map +1 -0
  122. package/types/hermes-ui-angular-layout-vertical-nav.d.ts +11 -1
  123. package/types/hermes-ui-angular-layout-vertical-nav.d.ts.map +1 -1
  124. package/types/hermes-ui-angular-pagination.d.ts +52 -0
  125. package/types/hermes-ui-angular-pagination.d.ts.map +1 -0
  126. package/types/hermes-ui-angular-popover-common.d.ts +4 -3
  127. package/types/hermes-ui-angular-popover-common.d.ts.map +1 -1
  128. package/types/hermes-ui-angular-wizard.d.ts.map +1 -1
  129. package/types/hermes-ui-angular.d.ts +23 -17
  130. package/types/hermes-ui-angular.d.ts.map +1 -1
@@ -147,22 +147,22 @@ class MockRenderer2 {
147
147
  // Mock Card Container for ViewContainerRef
148
148
  class MockCardContainerComponent {
149
149
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: MockCardContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
150
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.22", type: MockCardContainerComponent, isStandalone: false, selector: "ng-component", viewQueries: [{ propertyName: "cardContainer", first: true, predicate: ["cardContainer"], descendants: true, read: ViewContainerRef, static: true }], ngImport: i0, template: `
151
- <div class="scrollable">
152
- <div>
153
- <ng-template #cardContainer></ng-template>
154
- </div>
155
- </div>
150
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.22", type: MockCardContainerComponent, isStandalone: false, selector: "ng-component", viewQueries: [{ propertyName: "cardContainer", first: true, predicate: ["cardContainer"], descendants: true, read: ViewContainerRef, static: true }], ngImport: i0, template: `
151
+ <div class="scrollable">
152
+ <div>
153
+ <ng-template #cardContainer></ng-template>
154
+ </div>
155
+ </div>
156
156
  `, isInline: true, styles: [".scrollable{overflow:auto;position:absolute;inset:0;max-height:20px}\n"] }); }
157
157
  }
158
158
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: MockCardContainerComponent, decorators: [{
159
159
  type: Component,
160
- args: [{ standalone: false, template: `
161
- <div class="scrollable">
162
- <div>
163
- <ng-template #cardContainer></ng-template>
164
- </div>
165
- </div>
160
+ args: [{ standalone: false, template: `
161
+ <div class="scrollable">
162
+ <div>
163
+ <ng-template #cardContainer></ng-template>
164
+ </div>
165
+ </div>
166
166
  `, styles: [".scrollable{overflow:auto;position:absolute;inset:0;max-height:20px}\n"] }]
167
167
  }], propDecorators: { cardContainer: [{
168
168
  type: ViewChild,
@@ -174,28 +174,28 @@ class SampleCardComponent {
174
174
  this.eleRef = el;
175
175
  }
176
176
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: SampleCardComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
177
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.22", type: SampleCardComponent, isStandalone: false, selector: "ng-component", ngImport: i0, template: `
178
- <div class="card">
179
- <div class="card-header">
180
- <div class="card-title">Sample Card</div>
181
- </div>
182
- <div class="card-block"></div>
183
- <div class="card-footer"></div>
184
- </div>
177
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.22", type: SampleCardComponent, isStandalone: false, selector: "ng-component", ngImport: i0, template: `
178
+ <div class="card">
179
+ <div class="card-header">
180
+ <div class="card-title">Sample Card</div>
181
+ </div>
182
+ <div class="card-block"></div>
183
+ <div class="card-footer"></div>
184
+ </div>
185
185
  `, isInline: true }); }
186
186
  }
187
187
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: SampleCardComponent, decorators: [{
188
188
  type: Component,
189
189
  args: [{
190
190
  standalone: false,
191
- template: `
192
- <div class="card">
193
- <div class="card-header">
194
- <div class="card-title">Sample Card</div>
195
- </div>
196
- <div class="card-block"></div>
197
- <div class="card-footer"></div>
198
- </div>
191
+ template: `
192
+ <div class="card">
193
+ <div class="card-header">
194
+ <div class="card-title">Sample Card</div>
195
+ </div>
196
+ <div class="card-block"></div>
197
+ <div class="card-footer"></div>
198
+ </div>
199
199
  `,
200
200
  }]
201
201
  }], ctorParameters: () => [{ type: i0.ElementRef }] });
@@ -205,26 +205,26 @@ class SampleCardWithoutFooterComponent {
205
205
  this.eleRef = el;
206
206
  }
207
207
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: SampleCardWithoutFooterComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
208
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.22", type: SampleCardWithoutFooterComponent, isStandalone: false, selector: "ng-component", ngImport: i0, template: `
209
- <div class="card">
210
- <div class="card-header">
211
- <div class="card-title">Sample Card</div>
212
- </div>
213
- <div class="card-block"></div>
214
- </div>
208
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.22", type: SampleCardWithoutFooterComponent, isStandalone: false, selector: "ng-component", ngImport: i0, template: `
209
+ <div class="card">
210
+ <div class="card-header">
211
+ <div class="card-title">Sample Card</div>
212
+ </div>
213
+ <div class="card-block"></div>
214
+ </div>
215
215
  `, isInline: true }); }
216
216
  }
217
217
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: SampleCardWithoutFooterComponent, decorators: [{
218
218
  type: Component,
219
219
  args: [{
220
220
  standalone: false,
221
- template: `
222
- <div class="card">
223
- <div class="card-header">
224
- <div class="card-title">Sample Card</div>
225
- </div>
226
- <div class="card-block"></div>
227
- </div>
221
+ template: `
222
+ <div class="card">
223
+ <div class="card-header">
224
+ <div class="card-title">Sample Card</div>
225
+ </div>
226
+ <div class="card-block"></div>
227
+ </div>
228
228
  `,
229
229
  }]
230
230
  }], ctorParameters: () => [{ type: i0.ElementRef }] });
@@ -234,26 +234,26 @@ class SampleCardWithoutHeaderComponent {
234
234
  this.eleRef = el;
235
235
  }
236
236
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: SampleCardWithoutHeaderComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
237
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.22", type: SampleCardWithoutHeaderComponent, isStandalone: false, selector: "ng-component", ngImport: i0, template: `
238
- <div class="card">
239
- <div class="card-block">
240
- <div class="card-title">Sample Card</div>
241
- </div>
242
- <div class="card-footer"></div>
243
- </div>
237
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.22", type: SampleCardWithoutHeaderComponent, isStandalone: false, selector: "ng-component", ngImport: i0, template: `
238
+ <div class="card">
239
+ <div class="card-block">
240
+ <div class="card-title">Sample Card</div>
241
+ </div>
242
+ <div class="card-footer"></div>
243
+ </div>
244
244
  `, isInline: true }); }
245
245
  }
246
246
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: SampleCardWithoutHeaderComponent, decorators: [{
247
247
  type: Component,
248
248
  args: [{
249
249
  standalone: false,
250
- template: `
251
- <div class="card">
252
- <div class="card-block">
253
- <div class="card-title">Sample Card</div>
254
- </div>
255
- <div class="card-footer"></div>
256
- </div>
250
+ template: `
251
+ <div class="card">
252
+ <div class="card-block">
253
+ <div class="card-title">Sample Card</div>
254
+ </div>
255
+ <div class="card-footer"></div>
256
+ </div>
257
257
  `,
258
258
  }]
259
259
  }], ctorParameters: () => [{ type: i0.ElementRef }] });
@@ -476,17 +476,17 @@ class MockDatagridActionBarComponent {
476
476
  this.invokeAction.emit(action);
477
477
  }
478
478
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: MockDatagridActionBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
479
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.22", type: MockDatagridActionBarComponent, isStandalone: false, selector: "appfx-datagrid-action-bar", inputs: { actions: "actions" }, outputs: { invokeAction: "invokeAction" }, ngImport: i0, template: `
480
- @for (action of actions; track action) {
481
- <button
482
- (click)="onActionClick(action)"
483
- [title]="action.tooltip"
484
- [attr.data-test-id]="action.id"
485
- [disabled]="!action.enabled"
486
- >
487
- {{ action.label }}
488
- </button>
489
- }
479
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.22", type: MockDatagridActionBarComponent, isStandalone: false, selector: "appfx-datagrid-action-bar", inputs: { actions: "actions" }, outputs: { invokeAction: "invokeAction" }, ngImport: i0, template: `
480
+ @for (action of actions; track action) {
481
+ <button
482
+ (click)="onActionClick(action)"
483
+ [title]="action.tooltip"
484
+ [attr.data-test-id]="action.id"
485
+ [disabled]="!action.enabled"
486
+ >
487
+ {{ action.label }}
488
+ </button>
489
+ }
490
490
  `, isInline: true }); }
491
491
  }
492
492
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: MockDatagridActionBarComponent, decorators: [{
@@ -494,17 +494,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImpo
494
494
  args: [{
495
495
  selector: 'appfx-datagrid-action-bar',
496
496
  standalone: false,
497
- template: `
498
- @for (action of actions; track action) {
499
- <button
500
- (click)="onActionClick(action)"
501
- [title]="action.tooltip"
502
- [attr.data-test-id]="action.id"
503
- [disabled]="!action.enabled"
504
- >
505
- {{ action.label }}
506
- </button>
507
- }
497
+ template: `
498
+ @for (action of actions; track action) {
499
+ <button
500
+ (click)="onActionClick(action)"
501
+ [title]="action.tooltip"
502
+ [attr.data-test-id]="action.id"
503
+ [disabled]="!action.enabled"
504
+ >
505
+ {{ action.label }}
506
+ </button>
507
+ }
508
508
  `,
509
509
  }]
510
510
  }], propDecorators: { actions: [{