@hermes-ui/angular 0.1.6 → 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.
- package/README.md +52 -52
- package/button/_properties.buttons.scss +387 -387
- package/fesm2022/hermes-ui-angular-accordion.mjs.map +1 -1
- package/fesm2022/hermes-ui-angular-addons-a11y.mjs.map +1 -1
- package/fesm2022/hermes-ui-angular-addons-card-container.mjs.map +1 -1
- package/fesm2022/hermes-ui-angular-addons-certificate-viewer.mjs.map +1 -1
- package/fesm2022/hermes-ui-angular-addons-datagrid-filters.mjs.map +1 -1
- package/fesm2022/hermes-ui-angular-addons-datagrid.mjs +28 -28
- package/fesm2022/hermes-ui-angular-addons-datagrid.mjs.map +1 -1
- package/fesm2022/hermes-ui-angular-addons-dialog.mjs.map +1 -1
- package/fesm2022/hermes-ui-angular-addons-menu.mjs +8 -8
- package/fesm2022/hermes-ui-angular-addons-menu.mjs.map +1 -1
- package/fesm2022/hermes-ui-angular-addons-property-view.mjs.map +1 -1
- package/fesm2022/hermes-ui-angular-addons-stepper.mjs.map +1 -1
- package/fesm2022/hermes-ui-angular-addons-tabs.mjs.map +1 -1
- package/fesm2022/hermes-ui-angular-addons-testing.mjs +78 -78
- package/fesm2022/hermes-ui-angular-addons-testing.mjs.map +1 -1
- package/fesm2022/hermes-ui-angular-addons-theme-builder.mjs.map +1 -1
- package/fesm2022/hermes-ui-angular-addons-var.mjs.map +1 -1
- package/fesm2022/hermes-ui-angular-addons-wizard.mjs.map +1 -1
- package/fesm2022/hermes-ui-angular-addons-workflow.mjs.map +1 -1
- package/fesm2022/hermes-ui-angular-button.mjs +74 -74
- package/fesm2022/hermes-ui-angular-button.mjs.map +1 -1
- package/fesm2022/hermes-ui-angular-card.mjs.map +1 -1
- package/fesm2022/hermes-ui-angular-collapsible-panel.mjs.map +1 -1
- package/fesm2022/hermes-ui-angular-data-datagrid.mjs +926 -926
- package/fesm2022/hermes-ui-angular-data-datagrid.mjs.map +1 -1
- package/fesm2022/hermes-ui-angular-data-stack-view.mjs +114 -114
- package/fesm2022/hermes-ui-angular-data-stack-view.mjs.map +1 -1
- package/fesm2022/hermes-ui-angular-data-tree-view.mjs +12 -12
- package/fesm2022/hermes-ui-angular-data-tree-view.mjs.map +1 -1
- package/fesm2022/hermes-ui-angular-data.mjs.map +1 -1
- package/fesm2022/hermes-ui-angular-divider.mjs +2 -2
- package/fesm2022/hermes-ui-angular-divider.mjs.map +1 -1
- package/fesm2022/hermes-ui-angular-emphasis-alert.mjs.map +1 -1
- package/fesm2022/hermes-ui-angular-emphasis-badge.mjs.map +1 -1
- package/fesm2022/hermes-ui-angular-emphasis-label.mjs +16 -16
- package/fesm2022/hermes-ui-angular-emphasis-label.mjs.map +1 -1
- package/fesm2022/hermes-ui-angular-emphasis.mjs.map +1 -1
- package/fesm2022/hermes-ui-angular-forms-checkbox.mjs +50 -50
- package/fesm2022/hermes-ui-angular-forms-checkbox.mjs.map +1 -1
- package/fesm2022/hermes-ui-angular-forms-combobox.mjs +126 -126
- package/fesm2022/hermes-ui-angular-forms-combobox.mjs.map +1 -1
- package/fesm2022/hermes-ui-angular-forms-common.mjs.map +1 -1
- package/fesm2022/hermes-ui-angular-forms-datalist.mjs +46 -46
- package/fesm2022/hermes-ui-angular-forms-datalist.mjs.map +1 -1
- package/fesm2022/hermes-ui-angular-forms-datepicker.mjs +374 -374
- package/fesm2022/hermes-ui-angular-forms-datepicker.mjs.map +1 -1
- package/fesm2022/hermes-ui-angular-forms-file-input.mjs +190 -190
- package/fesm2022/hermes-ui-angular-forms-file-input.mjs.map +1 -1
- package/fesm2022/hermes-ui-angular-forms-input.mjs +52 -52
- package/fesm2022/hermes-ui-angular-forms-input.mjs.map +1 -1
- package/fesm2022/hermes-ui-angular-forms-native-select.mjs +38 -38
- package/fesm2022/hermes-ui-angular-forms-native-select.mjs.map +1 -1
- package/fesm2022/hermes-ui-angular-forms-number-input.mjs +80 -80
- package/fesm2022/hermes-ui-angular-forms-number-input.mjs.map +1 -1
- package/fesm2022/hermes-ui-angular-forms-password.mjs +58 -58
- package/fesm2022/hermes-ui-angular-forms-password.mjs.map +1 -1
- package/fesm2022/hermes-ui-angular-forms-radio.mjs +50 -50
- package/fesm2022/hermes-ui-angular-forms-radio.mjs.map +1 -1
- package/fesm2022/hermes-ui-angular-forms-range.mjs +44 -44
- package/fesm2022/hermes-ui-angular-forms-range.mjs.map +1 -1
- package/fesm2022/hermes-ui-angular-forms-select.mjs +8 -8
- package/fesm2022/hermes-ui-angular-forms-select.mjs.map +1 -1
- package/fesm2022/hermes-ui-angular-forms-textarea.mjs +38 -38
- package/fesm2022/hermes-ui-angular-forms-textarea.mjs.map +1 -1
- package/fesm2022/hermes-ui-angular-forms.mjs.map +1 -1
- package/fesm2022/hermes-ui-angular-icon.mjs.map +1 -1
- package/fesm2022/hermes-ui-angular-layout-breadcrumbs.mjs.map +1 -1
- package/fesm2022/hermes-ui-angular-layout-main-container.mjs.map +1 -1
- package/fesm2022/hermes-ui-angular-layout-nav.mjs +46 -46
- package/fesm2022/hermes-ui-angular-layout-nav.mjs.map +1 -1
- package/fesm2022/hermes-ui-angular-layout-tabs.mjs +146 -146
- package/fesm2022/hermes-ui-angular-layout-tabs.mjs.map +1 -1
- package/fesm2022/hermes-ui-angular-layout-vertical-nav.mjs.map +1 -1
- package/fesm2022/hermes-ui-angular-layout.mjs.map +1 -1
- package/fesm2022/hermes-ui-angular-modal.mjs.map +1 -1
- package/fesm2022/hermes-ui-angular-pagination.mjs +8 -8
- package/fesm2022/hermes-ui-angular-pagination.mjs.map +1 -1
- package/fesm2022/hermes-ui-angular-popover-common.mjs +26 -3
- package/fesm2022/hermes-ui-angular-popover-common.mjs.map +1 -1
- package/fesm2022/hermes-ui-angular-popover-dropdown.mjs.map +1 -1
- package/fesm2022/hermes-ui-angular-popover-signpost.mjs +66 -66
- package/fesm2022/hermes-ui-angular-popover-signpost.mjs.map +1 -1
- package/fesm2022/hermes-ui-angular-popover-tooltip.mjs.map +1 -1
- package/fesm2022/hermes-ui-angular-popover.mjs.map +1 -1
- package/fesm2022/hermes-ui-angular-progress-progress-bars.mjs +10 -10
- package/fesm2022/hermes-ui-angular-progress-progress-bars.mjs.map +1 -1
- package/fesm2022/hermes-ui-angular-progress-spinner.mjs.map +1 -1
- package/fesm2022/hermes-ui-angular-stepper.mjs.map +1 -1
- package/fesm2022/hermes-ui-angular-timeline.mjs.map +1 -1
- package/fesm2022/hermes-ui-angular-toast.mjs +4 -4
- package/fesm2022/hermes-ui-angular-toast.mjs.map +1 -1
- package/fesm2022/hermes-ui-angular-utils-conditional.mjs.map +1 -1
- package/fesm2022/hermes-ui-angular-utils.mjs.map +1 -1
- package/fesm2022/hermes-ui-angular-wizard.mjs +56 -56
- package/fesm2022/hermes-ui-angular-wizard.mjs.map +1 -1
- package/fesm2022/hermes-ui-angular.mjs.map +1 -1
- package/hermes-ui.scss +7 -7
- package/package.json +1 -1
- package/toast/README.md +65 -65
- package/toast/_properties.toast.scss +56 -56
- package/toast/_toast.clarity.scss +190 -190
- package/toast/_variables.toast.scss +33 -33
- package/types/hermes-ui-angular-data-datagrid.d.ts.map +1 -1
- package/types/hermes-ui-angular-popover-common.d.ts +4 -3
- package/types/hermes-ui-angular-popover-common.d.ts.map +1 -1
- package/types/hermes-ui-angular-wizard.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: [{
|