@hermes-ui/angular 0.1.6 → 0.2.0
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/_buttons.clarity.scss +80 -2
- package/button/_mixins.buttons.scss +44 -2
- package/button/_properties.buttons.scss +349 -387
- package/button/_variables.buttons.scss +22 -0
- package/fesm2022/hermes-ui-angular-accordion.mjs +2 -2
- 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 +3 -3
- package/fesm2022/hermes-ui-angular-addons-card-container.mjs.map +1 -1
- package/fesm2022/hermes-ui-angular-addons-certificate-viewer.mjs +2 -2
- package/fesm2022/hermes-ui-angular-addons-certificate-viewer.mjs.map +1 -1
- package/fesm2022/hermes-ui-angular-addons-datagrid-filters.mjs +2 -2
- package/fesm2022/hermes-ui-angular-addons-datagrid-filters.mjs.map +1 -1
- package/fesm2022/hermes-ui-angular-addons-datagrid.mjs +30 -30
- 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 +2 -2
- 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 +66 -66
- package/fesm2022/hermes-ui-angular-addons-theme-builder.mjs.map +1 -1
- package/fesm2022/hermes-ui-angular-addons-var.mjs +2 -2
- package/fesm2022/hermes-ui-angular-addons-var.mjs.map +1 -1
- package/fesm2022/hermes-ui-angular-addons-wizard.mjs +2 -2
- 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 +76 -76
- 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 +928 -928
- package/fesm2022/hermes-ui-angular-data-datagrid.mjs.map +1 -1
- package/fesm2022/hermes-ui-angular-data-stack-view.mjs +116 -116
- package/fesm2022/hermes-ui-angular-data-stack-view.mjs.map +1 -1
- package/fesm2022/hermes-ui-angular-data-tree-view.mjs +14 -14
- 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 +2 -2
- 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 +52 -52
- package/fesm2022/hermes-ui-angular-forms-checkbox.mjs.map +1 -1
- package/fesm2022/hermes-ui-angular-forms-combobox.mjs +128 -128
- package/fesm2022/hermes-ui-angular-forms-combobox.mjs.map +1 -1
- package/fesm2022/hermes-ui-angular-forms-common.mjs +2 -2
- package/fesm2022/hermes-ui-angular-forms-common.mjs.map +1 -1
- package/fesm2022/hermes-ui-angular-forms-datalist.mjs +48 -48
- package/fesm2022/hermes-ui-angular-forms-datalist.mjs.map +1 -1
- package/fesm2022/hermes-ui-angular-forms-datepicker.mjs +377 -377
- package/fesm2022/hermes-ui-angular-forms-datepicker.mjs.map +1 -1
- package/fesm2022/hermes-ui-angular-forms-file-input.mjs +192 -192
- package/fesm2022/hermes-ui-angular-forms-file-input.mjs.map +1 -1
- package/fesm2022/hermes-ui-angular-forms-input.mjs +54 -54
- package/fesm2022/hermes-ui-angular-forms-input.mjs.map +1 -1
- package/fesm2022/hermes-ui-angular-forms-native-select.mjs +40 -40
- package/fesm2022/hermes-ui-angular-forms-native-select.mjs.map +1 -1
- package/fesm2022/hermes-ui-angular-forms-number-input.mjs +82 -82
- package/fesm2022/hermes-ui-angular-forms-number-input.mjs.map +1 -1
- package/fesm2022/hermes-ui-angular-forms-password.mjs +60 -60
- package/fesm2022/hermes-ui-angular-forms-password.mjs.map +1 -1
- package/fesm2022/hermes-ui-angular-forms-radio.mjs +52 -52
- package/fesm2022/hermes-ui-angular-forms-radio.mjs.map +1 -1
- package/fesm2022/hermes-ui-angular-forms-range.mjs +46 -46
- package/fesm2022/hermes-ui-angular-forms-range.mjs.map +1 -1
- package/fesm2022/hermes-ui-angular-forms-select.mjs +10 -10
- package/fesm2022/hermes-ui-angular-forms-select.mjs.map +1 -1
- package/fesm2022/hermes-ui-angular-forms-textarea.mjs +40 -40
- 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 +29 -29
- 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 +48 -48
- package/fesm2022/hermes-ui-angular-layout-nav.mjs.map +1 -1
- package/fesm2022/hermes-ui-angular-layout-tabs.mjs +148 -148
- package/fesm2022/hermes-ui-angular-layout-tabs.mjs.map +1 -1
- package/fesm2022/hermes-ui-angular-layout-vertical-nav.mjs +382 -28
- 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 +2 -2
- 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 +68 -68
- 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 +2 -2
- package/fesm2022/hermes-ui-angular-stepper.mjs.map +1 -1
- package/fesm2022/hermes-ui-angular-timeline.mjs +2 -2
- package/fesm2022/hermes-ui-angular-timeline.mjs.map +1 -1
- package/fesm2022/hermes-ui-angular-toast.mjs +6 -6
- 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 +6 -0
- package/fesm2022/hermes-ui-angular-utils.mjs.map +1 -1
- package/fesm2022/hermes-ui-angular-wizard.mjs +58 -58
- package/fesm2022/hermes-ui-angular-wizard.mjs.map +1 -1
- package/fesm2022/hermes-ui-angular.mjs.map +1 -1
- package/forms/combobox/_combobox.clarity.scss +18 -4
- package/forms/combobox/_properties.combobox.scss +5 -5
- package/forms/styles/_input-group.clarity.scss +7 -0
- package/forms/styles/_mixins.forms.scss +12 -10
- package/forms/styles/_native-select.clarity.scss +17 -5
- package/forms/styles/_properties.forms.scss +29 -18
- package/forms/styles/_textarea.clarity.scss +4 -4
- package/forms/styles/_variables.forms.scss +6 -0
- package/hermes-ui.scss +7 -7
- package/layout/main-container/_properties.header.scss +44 -6
- package/layout/main-container/_variables.header.scss +11 -0
- package/layout/nav/_header.clarity.scss +14 -0
- package/layout/nav/_mixins.header.scss +55 -40
- package/layout/nav/_responsive-nav.clarity.scss +21 -10
- package/layout/vertical-nav/_properties.vertical-nav.scss +77 -27
- package/layout/vertical-nav/_variables.vertical-nav.scss +23 -0
- package/layout/vertical-nav/_vertical-nav.clarity.scss +418 -277
- 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-addons-theme-builder.d.ts +2 -2
- package/types/hermes-ui-angular-addons-theme-builder.d.ts.map +1 -1
- package/types/hermes-ui-angular-data-datagrid.d.ts.map +1 -1
- package/types/hermes-ui-angular-icon.d.ts +3 -3
- package/types/hermes-ui-angular-icon.d.ts.map +1 -1
- package/types/hermes-ui-angular-layout-vertical-nav.d.ts +134 -10
- package/types/hermes-ui-angular-layout-vertical-nav.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-utils.d.ts +12 -0
- package/types/hermes-ui-angular-utils.d.ts.map +1 -1
- package/types/hermes-ui-angular-wizard.d.ts.map +1 -1
|
@@ -7,7 +7,7 @@ import { uniqueIdFactory } from '@hermes-ui/angular/utils';
|
|
|
7
7
|
import { filter } from 'rxjs/operators';
|
|
8
8
|
import { Subject, startWith, debounceTime, tap } from 'rxjs';
|
|
9
9
|
import * as i5 from '@hermes-ui/angular/icon';
|
|
10
|
-
import {
|
|
10
|
+
import { HermesIcons, errorStandardIcon, successStandardIcon, HermesIcon } from '@hermes-ui/angular/icon';
|
|
11
11
|
import * as i8 from '@hermes-ui/angular/modal';
|
|
12
12
|
import { HermesModalModule } from '@hermes-ui/angular/modal';
|
|
13
13
|
import { HermesAlertModule } from '@hermes-ui/angular/emphasis/alert';
|
|
@@ -2206,68 +2206,68 @@ class HermesWizardStepnavItem {
|
|
|
2206
2206
|
}));
|
|
2207
2207
|
}
|
|
2208
2208
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: HermesWizardStepnavItem, deps: [{ token: WizardNavigationService }, { token: PageCollectionService }, { token: i3.HermesCommonStringsService }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2209
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.22", type: HermesWizardStepnavItem, isStandalone: false, selector: "[hermes-wizard-stepnav-item]", inputs: { page: "page" }, host: { listeners: { "focusin": "scrollIntoView()" }, properties: { "id": "id", "attr.aria-current": "stepAriaCurrent", "attr.aria-controls": "page.id", "class.hermes-nav-link": "true", "class.nav-item": "true", "class.active": "isCurrent", "class.disabled": "isDisabled", "class.no-click": "!canNavigate", "class.complete": "isComplete", "class.error": "hasError" } }, ngImport: i0, template: `
|
|
2210
|
-
<button
|
|
2211
|
-
type="button"
|
|
2212
|
-
class="btn btn-link hermes-wizard-stepnav-link"
|
|
2213
|
-
(click)="click()"
|
|
2214
|
-
[attr.disabled]="isDisabled ? '' : null"
|
|
2215
|
-
[attr.aria-labelledby]="labelledby"
|
|
2216
|
-
>
|
|
2217
|
-
<div class="hermes-wizard-stepnav-link-icon">
|
|
2218
|
-
@if (icon; as icon) {
|
|
2219
|
-
<hermes-icon
|
|
2220
|
-
[id]="stepIconId"
|
|
2221
|
-
role="img"
|
|
2222
|
-
class="hermes-wizard-stepnav-link-icon"
|
|
2223
|
-
[shape]="icon.shape"
|
|
2224
|
-
[attr.aria-label]="icon.label"
|
|
2225
|
-
></hermes-icon>
|
|
2226
|
-
}
|
|
2227
|
-
</div>
|
|
2228
|
-
|
|
2229
|
-
<span [id]="stepTextId" class="hermes-sr-only">{{ commonStrings.keys.wizardStep }}</span>
|
|
2230
|
-
<div [id]="stepNumberId" class="hermes-wizard-stepnav-link-page-number">
|
|
2231
|
-
<ng-content></ng-content>
|
|
2232
|
-
</div>
|
|
2233
|
-
<span [id]="stepTitleId" class="hermes-wizard-stepnav-link-title">
|
|
2234
|
-
<ng-template [ngTemplateOutlet]="page.navTitle"></ng-template>
|
|
2235
|
-
</span>
|
|
2236
|
-
</button>
|
|
2209
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.22", type: HermesWizardStepnavItem, isStandalone: false, selector: "[hermes-wizard-stepnav-item]", inputs: { page: "page" }, host: { listeners: { "focusin": "scrollIntoView()" }, properties: { "id": "id", "attr.aria-current": "stepAriaCurrent", "attr.aria-controls": "page.id", "class.hermes-nav-link": "true", "class.nav-item": "true", "class.active": "isCurrent", "class.disabled": "isDisabled", "class.no-click": "!canNavigate", "class.complete": "isComplete", "class.error": "hasError" } }, ngImport: i0, template: `
|
|
2210
|
+
<button
|
|
2211
|
+
type="button"
|
|
2212
|
+
class="btn btn-link hermes-wizard-stepnav-link"
|
|
2213
|
+
(click)="click()"
|
|
2214
|
+
[attr.disabled]="isDisabled ? '' : null"
|
|
2215
|
+
[attr.aria-labelledby]="labelledby"
|
|
2216
|
+
>
|
|
2217
|
+
<div class="hermes-wizard-stepnav-link-icon">
|
|
2218
|
+
@if (icon; as icon) {
|
|
2219
|
+
<hermes-icon
|
|
2220
|
+
[id]="stepIconId"
|
|
2221
|
+
role="img"
|
|
2222
|
+
class="hermes-wizard-stepnav-link-icon"
|
|
2223
|
+
[shape]="icon.shape"
|
|
2224
|
+
[attr.aria-label]="icon.label"
|
|
2225
|
+
></hermes-icon>
|
|
2226
|
+
}
|
|
2227
|
+
</div>
|
|
2228
|
+
|
|
2229
|
+
<span [id]="stepTextId" class="hermes-sr-only">{{ commonStrings.keys.wizardStep }}</span>
|
|
2230
|
+
<div [id]="stepNumberId" class="hermes-wizard-stepnav-link-page-number">
|
|
2231
|
+
<ng-content></ng-content>
|
|
2232
|
+
</div>
|
|
2233
|
+
<span [id]="stepTitleId" class="hermes-wizard-stepnav-link-title">
|
|
2234
|
+
<ng-template [ngTemplateOutlet]="page.navTitle"></ng-template>
|
|
2235
|
+
</span>
|
|
2236
|
+
</button>
|
|
2237
2237
|
`, isInline: true, dependencies: [{ kind: "directive", type: i6.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i5.HermesIcon, selector: "hermes-icon, hermes-icon", inputs: ["shape", "size", "direction", "flip", "solid", "status", "inverse", "badge"] }] }); }
|
|
2238
2238
|
}
|
|
2239
2239
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: HermesWizardStepnavItem, decorators: [{
|
|
2240
2240
|
type: Component,
|
|
2241
2241
|
args: [{
|
|
2242
2242
|
selector: '[hermes-wizard-stepnav-item]',
|
|
2243
|
-
template: `
|
|
2244
|
-
<button
|
|
2245
|
-
type="button"
|
|
2246
|
-
class="btn btn-link hermes-wizard-stepnav-link"
|
|
2247
|
-
(click)="click()"
|
|
2248
|
-
[attr.disabled]="isDisabled ? '' : null"
|
|
2249
|
-
[attr.aria-labelledby]="labelledby"
|
|
2250
|
-
>
|
|
2251
|
-
<div class="hermes-wizard-stepnav-link-icon">
|
|
2252
|
-
@if (icon; as icon) {
|
|
2253
|
-
<hermes-icon
|
|
2254
|
-
[id]="stepIconId"
|
|
2255
|
-
role="img"
|
|
2256
|
-
class="hermes-wizard-stepnav-link-icon"
|
|
2257
|
-
[shape]="icon.shape"
|
|
2258
|
-
[attr.aria-label]="icon.label"
|
|
2259
|
-
></hermes-icon>
|
|
2260
|
-
}
|
|
2261
|
-
</div>
|
|
2262
|
-
|
|
2263
|
-
<span [id]="stepTextId" class="hermes-sr-only">{{ commonStrings.keys.wizardStep }}</span>
|
|
2264
|
-
<div [id]="stepNumberId" class="hermes-wizard-stepnav-link-page-number">
|
|
2265
|
-
<ng-content></ng-content>
|
|
2266
|
-
</div>
|
|
2267
|
-
<span [id]="stepTitleId" class="hermes-wizard-stepnav-link-title">
|
|
2268
|
-
<ng-template [ngTemplateOutlet]="page.navTitle"></ng-template>
|
|
2269
|
-
</span>
|
|
2270
|
-
</button>
|
|
2243
|
+
template: `
|
|
2244
|
+
<button
|
|
2245
|
+
type="button"
|
|
2246
|
+
class="btn btn-link hermes-wizard-stepnav-link"
|
|
2247
|
+
(click)="click()"
|
|
2248
|
+
[attr.disabled]="isDisabled ? '' : null"
|
|
2249
|
+
[attr.aria-labelledby]="labelledby"
|
|
2250
|
+
>
|
|
2251
|
+
<div class="hermes-wizard-stepnav-link-icon">
|
|
2252
|
+
@if (icon; as icon) {
|
|
2253
|
+
<hermes-icon
|
|
2254
|
+
[id]="stepIconId"
|
|
2255
|
+
role="img"
|
|
2256
|
+
class="hermes-wizard-stepnav-link-icon"
|
|
2257
|
+
[shape]="icon.shape"
|
|
2258
|
+
[attr.aria-label]="icon.label"
|
|
2259
|
+
></hermes-icon>
|
|
2260
|
+
}
|
|
2261
|
+
</div>
|
|
2262
|
+
|
|
2263
|
+
<span [id]="stepTextId" class="hermes-sr-only">{{ commonStrings.keys.wizardStep }}</span>
|
|
2264
|
+
<div [id]="stepNumberId" class="hermes-wizard-stepnav-link-page-number">
|
|
2265
|
+
<ng-content></ng-content>
|
|
2266
|
+
</div>
|
|
2267
|
+
<span [id]="stepTitleId" class="hermes-wizard-stepnav-link-title">
|
|
2268
|
+
<ng-template [ngTemplateOutlet]="page.navTitle"></ng-template>
|
|
2269
|
+
</span>
|
|
2270
|
+
</button>
|
|
2271
2271
|
`,
|
|
2272
2272
|
host: {
|
|
2273
2273
|
'[id]': 'id',
|
|
@@ -3024,7 +3024,7 @@ const HERMES_WIZARD_DIRECTIVES = [
|
|
|
3024
3024
|
];
|
|
3025
3025
|
class HermesWizardModule {
|
|
3026
3026
|
constructor() {
|
|
3027
|
-
|
|
3027
|
+
HermesIcons.addIcons(errorStandardIcon, successStandardIcon);
|
|
3028
3028
|
}
|
|
3029
3029
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: HermesWizardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
3030
3030
|
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.22", ngImport: i0, type: HermesWizardModule, declarations: [HermesWizard,
|