@hawiyah/angular 0.2.0 → 0.2.1
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.
|
@@ -1831,7 +1831,7 @@ var HwDialogComponent = class HwDialogComponent {
|
|
|
1831
1831
|
}],
|
|
1832
1832
|
usesOnChanges: true,
|
|
1833
1833
|
ngImport: i0,
|
|
1834
|
-
template: `<dialog #dialog class="hw-dialog" [attr.aria-labelledby]="titleId" [attr.aria-describedby]="describedBy || null" (close)="closed()" (cancel)="cancelledBackdrop()" (pointerdown)="backdropStart($event)" (pointercancel)="resetBackdrop()" (click)="backdrop($event)"><header class="hw-dialog-header"><h2 [id]="titleId">{{ title }}</h2><button class="hw-button" data-variant="ghost" type="button" [attr.aria-label]="closeLabel" (click)="close()"
|
|
1834
|
+
template: `<dialog #dialog class="hw-dialog" [attr.aria-labelledby]="titleId" [attr.aria-describedby]="describedBy || null" (close)="closed()" (cancel)="cancelledBackdrop()" (pointerdown)="backdropStart($event)" (pointercancel)="resetBackdrop()" (click)="backdrop($event)"><header class="hw-dialog-header"><h2 [id]="titleId">{{ title }}</h2><button class="hw-button" data-variant="ghost" type="button" [attr.aria-label]="closeLabel" (click)="close()"><span class="hw-icon" data-icon="cancel-01" data-size="md" aria-hidden="true"></span></button></header><div class="hw-dialog-body"><ng-content /></div><footer class="hw-dialog-footer"><ng-content select="[hwDialogFooter]" /></footer></dialog>`,
|
|
1835
1835
|
isInline: true
|
|
1836
1836
|
});
|
|
1837
1837
|
}
|
|
@@ -1846,7 +1846,7 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
1846
1846
|
args: [{
|
|
1847
1847
|
selector: "hw-dialog",
|
|
1848
1848
|
standalone: true,
|
|
1849
|
-
template: `<dialog #dialog class="hw-dialog" [attr.aria-labelledby]="titleId" [attr.aria-describedby]="describedBy || null" (close)="closed()" (cancel)="cancelledBackdrop()" (pointerdown)="backdropStart($event)" (pointercancel)="resetBackdrop()" (click)="backdrop($event)"><header class="hw-dialog-header"><h2 [id]="titleId">{{ title }}</h2><button class="hw-button" data-variant="ghost" type="button" [attr.aria-label]="closeLabel" (click)="close()"
|
|
1849
|
+
template: `<dialog #dialog class="hw-dialog" [attr.aria-labelledby]="titleId" [attr.aria-describedby]="describedBy || null" (close)="closed()" (cancel)="cancelledBackdrop()" (pointerdown)="backdropStart($event)" (pointercancel)="resetBackdrop()" (click)="backdrop($event)"><header class="hw-dialog-header"><h2 [id]="titleId">{{ title }}</h2><button class="hw-button" data-variant="ghost" type="button" [attr.aria-label]="closeLabel" (click)="close()"><span class="hw-icon" data-icon="cancel-01" data-size="md" aria-hidden="true"></span></button></header><div class="hw-dialog-body"><ng-content /></div><footer class="hw-dialog-footer"><ng-content select="[hwDialogFooter]" /></footer></dialog>`
|
|
1850
1850
|
}]
|
|
1851
1851
|
}],
|
|
1852
1852
|
propDecorators: {
|
|
@@ -2226,7 +2226,7 @@ var HwAlertComponent = class HwAlertComponent {
|
|
|
2226
2226
|
},
|
|
2227
2227
|
outputs: { dismissed: "dismissed" },
|
|
2228
2228
|
ngImport: i0,
|
|
2229
|
-
template: `<div class="hw-alert" [attr.data-tone]="tone" [attr.data-variant]="variant" [attr.role]="role"><div class="hw-alert-content">@if (title) {<strong>{{ title }}</strong>}<ng-content /></div>@if (dismissible) {<button class="hw-button" data-variant="ghost" type="button" [attr.aria-label]="closeLabel" (click)="dismissed.emit()"
|
|
2229
|
+
template: `<div class="hw-alert" [attr.data-tone]="tone" [attr.data-variant]="variant" [attr.role]="role"><div class="hw-alert-content">@if (title) {<strong>{{ title }}</strong>}<ng-content /></div>@if (dismissible) {<button class="hw-button" data-variant="ghost" type="button" [attr.aria-label]="closeLabel" (click)="dismissed.emit()"><span class="hw-icon" data-icon="cancel-01" data-size="md" aria-hidden="true"></span></button>}</div>`,
|
|
2230
2230
|
isInline: true
|
|
2231
2231
|
});
|
|
2232
2232
|
}
|
|
@@ -2241,7 +2241,7 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
2241
2241
|
args: [{
|
|
2242
2242
|
selector: "hw-alert",
|
|
2243
2243
|
standalone: true,
|
|
2244
|
-
template: `<div class="hw-alert" [attr.data-tone]="tone" [attr.data-variant]="variant" [attr.role]="role"><div class="hw-alert-content">@if (title) {<strong>{{ title }}</strong>}<ng-content /></div>@if (dismissible) {<button class="hw-button" data-variant="ghost" type="button" [attr.aria-label]="closeLabel" (click)="dismissed.emit()"
|
|
2244
|
+
template: `<div class="hw-alert" [attr.data-tone]="tone" [attr.data-variant]="variant" [attr.role]="role"><div class="hw-alert-content">@if (title) {<strong>{{ title }}</strong>}<ng-content /></div>@if (dismissible) {<button class="hw-button" data-variant="ghost" type="button" [attr.aria-label]="closeLabel" (click)="dismissed.emit()"><span class="hw-icon" data-icon="cancel-01" data-size="md" aria-hidden="true"></span></button>}</div>`
|
|
2245
2245
|
}]
|
|
2246
2246
|
}],
|
|
2247
2247
|
propDecorators: {
|
|
@@ -3960,7 +3960,7 @@ var HwTagInputComponent = class HwTagInputComponent extends HwExpandedValueContr
|
|
|
3960
3960
|
usesInheritance: true,
|
|
3961
3961
|
usesOnChanges: true,
|
|
3962
3962
|
ngImport: i0,
|
|
3963
|
-
template: "<div class=\"hw-field hw-tag-input\"><label class=\"hw-label\" [for]=\"controlId\">{{ label }}</label><ul>@for (tag of value; track tag) {<li class=\"hw-chip\"><span>{{ tag }}</span><button type=\"button\" [disabled]=\"disabled || readOnly\" [attr.aria-label]=\"removeLabel + ': ' + tag\" (click)=\"remove(tag)\"
|
|
3963
|
+
template: "<div class=\"hw-field hw-tag-input\"><label class=\"hw-label\" [for]=\"controlId\">{{ label }}</label><ul>@for (tag of value; track tag) {<li class=\"hw-chip\"><span>{{ tag }}</span><button type=\"button\" [disabled]=\"disabled || readOnly\" [attr.aria-label]=\"removeLabel + ': ' + tag\" (click)=\"remove(tag)\"><span class=\"hw-icon\" data-icon=\"cancel-01\" data-size=\"md\" aria-hidden=\"true\"></span></button><input type=\"hidden\" [name]=\"name\" [value]=\"tag\" [disabled]=\"disabled\"></li>}</ul><div class=\"hw-input-group\"><input #input class=\"hw-input\" [id]=\"controlId\" [value]=\"draft\" [disabled]=\"disabled\" [readOnly]=\"readOnly\" [placeholder]=\"placeholder\" [attr.aria-required]=\"required || null\" [attr.aria-describedby]=\"descriptionIds\" [attr.aria-invalid]=\"error ? true : null\" (input)=\"draft = $any($event.target).value\" (keydown)=\"keydown($event)\" (compositionstart)=\"composing = true\" (compositionend)=\"composing = false\" (blur)=\"touch()\"><button class=\"hw-button\" type=\"button\" [disabled]=\"disabled || readOnly || !draft.trim()\" (click)=\"add()\">{{ addLabel }}</button></div>@if (hint) {<p class=\"hw-hint\" [id]=\"controlId + '-hint'\">{{ hint }}</p>}@if (error) {<p class=\"hw-error\" [id]=\"controlId + '-error'\">{{ error }}</p>}</div>",
|
|
3964
3964
|
isInline: true
|
|
3965
3965
|
});
|
|
3966
3966
|
}
|
|
@@ -3980,7 +3980,7 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
3980
3980
|
useExisting: forwardRef(() => HwTagInputComponent),
|
|
3981
3981
|
multi: true
|
|
3982
3982
|
}],
|
|
3983
|
-
template: `<div class="hw-field hw-tag-input"><label class="hw-label" [for]="controlId">{{ label }}</label><ul>@for (tag of value; track tag) {<li class="hw-chip"><span>{{ tag }}</span><button type="button" [disabled]="disabled || readOnly" [attr.aria-label]="removeLabel + ': ' + tag" (click)="remove(tag)"
|
|
3983
|
+
template: `<div class="hw-field hw-tag-input"><label class="hw-label" [for]="controlId">{{ label }}</label><ul>@for (tag of value; track tag) {<li class="hw-chip"><span>{{ tag }}</span><button type="button" [disabled]="disabled || readOnly" [attr.aria-label]="removeLabel + ': ' + tag" (click)="remove(tag)"><span class="hw-icon" data-icon="cancel-01" data-size="md" aria-hidden="true"></span></button><input type="hidden" [name]="name" [value]="tag" [disabled]="disabled"></li>}</ul><div class="hw-input-group"><input #input class="hw-input" [id]="controlId" [value]="draft" [disabled]="disabled" [readOnly]="readOnly" [placeholder]="placeholder" [attr.aria-required]="required || null" [attr.aria-describedby]="descriptionIds" [attr.aria-invalid]="error ? true : null" (input)="draft = $any($event.target).value" (keydown)="keydown($event)" (compositionstart)="composing = true" (compositionend)="composing = false" (blur)="touch()"><button class="hw-button" type="button" [disabled]="disabled || readOnly || !draft.trim()" (click)="add()">{{ addLabel }}</button></div>${fieldEnd}</div>`
|
|
3984
3984
|
}]
|
|
3985
3985
|
}],
|
|
3986
3986
|
propDecorators: {
|
|
@@ -4296,7 +4296,7 @@ var HwCalendarComponent = class HwCalendarComponent extends HwExpandedValueContr
|
|
|
4296
4296
|
usesInheritance: true,
|
|
4297
4297
|
usesOnChanges: true,
|
|
4298
4298
|
ngImport: i0,
|
|
4299
|
-
template: "<div class=\"hw-field hw-calendar\" [attr.dir]=\"direction || null\"><div class=\"hw-calendar-toolbar\"><button class=\"hw-button hw-calendar-prev\" data-variant=\"ghost\" type=\"button\" [disabled]=\"disabled || !canPrevious\" [attr.aria-label]=\"previousLabel ?? copy.previous\" (click)=\"navigate(data.previous)\"
|
|
4299
|
+
template: "<div class=\"hw-field hw-calendar\" [attr.dir]=\"direction || null\"><div class=\"hw-calendar-toolbar\"><button class=\"hw-button hw-calendar-prev\" data-variant=\"ghost\" type=\"button\" [disabled]=\"disabled || !canPrevious\" [attr.aria-label]=\"previousLabel ?? copy.previous\" (click)=\"navigate(data.previous)\"><span class=\"hw-icon\" data-icon=\"arrow-left-01\" data-directional=\"true\" data-size=\"md\" aria-hidden=\"true\"></span></button><div class=\"hw-calendar-heading\"><h3 [id]=\"controlId + '-month'\" aria-live=\"polite\">{{ data.label }}</h3>@if (calendar === 'islamic-umalqura') {<hw-tooltip class=\"hw-calendar-info\" [text]=\"rangeDescription\"><span class=\"hw-calendar-info-icon\" aria-hidden=\"true\">i</span><span class=\"hw-sr-only\">{{ rangeLabel }}</span></hw-tooltip>}</div><button class=\"hw-button hw-calendar-next\" data-variant=\"ghost\" type=\"button\" [disabled]=\"disabled || !canNext\" [attr.aria-label]=\"nextLabel ?? copy.next\" (click)=\"navigate(data.next)\"><span class=\"hw-icon\" data-icon=\"arrow-right-01\" data-directional=\"true\" data-size=\"md\" aria-hidden=\"true\"></span></button></div><table class=\"hw-calendar-grid\" role=\"grid\" [attr.aria-label]=\"label || copy.calendar\" [attr.aria-describedby]=\"descriptionIds\"><thead><tr>@for (weekday of data.weekdays; track $index) {<th scope=\"col\">{{ weekday }}</th>}</tr></thead><tbody>@for (week of weeks; track $index) {<tr>@for (day of week; track day.value) {<td role=\"gridcell\" [attr.aria-selected]=\"day.selected\"><button type=\"button\" class=\"hw-calendar-day\" [attr.data-date]=\"day.value\" [attr.data-outside]=\"day.outside\" [attr.data-selected]=\"day.selected\" [attr.aria-current]=\"day.today ? 'date' : null\" [attr.aria-label]=\"dateLabel(day.value)\" [attr.aria-disabled]=\"readOnly || null\" [tabIndex]=\"day.value === tabbable ? 0 : -1\" [disabled]=\"disabled || day.disabled\" (click)=\"select(day.value)\" (keydown)=\"keydown($event, day.value)\" (blur)=\"touch()\">{{ day.label }}</button></td>}</tr>}</tbody></table><input type=\"hidden\" [name]=\"name\" [value]=\"value\" [disabled]=\"disabled\">@if (hint) {<p class=\"hw-hint\" [id]=\"controlId + '-hint'\">{{ hint }}</p>}@if (error) {<p class=\"hw-error\" [id]=\"controlId + '-error'\">{{ error }}</p>}</div>",
|
|
4300
4300
|
isInline: true,
|
|
4301
4301
|
dependencies: [{
|
|
4302
4302
|
kind: "component",
|
|
@@ -4328,7 +4328,7 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
4328
4328
|
useExisting: forwardRef(() => HwCalendarComponent),
|
|
4329
4329
|
multi: true
|
|
4330
4330
|
}],
|
|
4331
|
-
template: `<div class="hw-field hw-calendar" [attr.dir]="direction || null"><div class="hw-calendar-toolbar"><button class="hw-button hw-calendar-prev" data-variant="ghost" type="button" [disabled]="disabled || !canPrevious" [attr.aria-label]="previousLabel ?? copy.previous" (click)="navigate(data.previous)"
|
|
4331
|
+
template: `<div class="hw-field hw-calendar" [attr.dir]="direction || null"><div class="hw-calendar-toolbar"><button class="hw-button hw-calendar-prev" data-variant="ghost" type="button" [disabled]="disabled || !canPrevious" [attr.aria-label]="previousLabel ?? copy.previous" (click)="navigate(data.previous)"><span class="hw-icon" data-icon="arrow-left-01" data-directional="true" data-size="md" aria-hidden="true"></span></button><div class="hw-calendar-heading"><h3 [id]="controlId + '-month'" aria-live="polite">{{ data.label }}</h3>@if (calendar === 'islamic-umalqura') {<hw-tooltip class="hw-calendar-info" [text]="rangeDescription"><span class="hw-calendar-info-icon" aria-hidden="true">i</span><span class="hw-sr-only">{{ rangeLabel }}</span></hw-tooltip>}</div><button class="hw-button hw-calendar-next" data-variant="ghost" type="button" [disabled]="disabled || !canNext" [attr.aria-label]="nextLabel ?? copy.next" (click)="navigate(data.next)"><span class="hw-icon" data-icon="arrow-right-01" data-directional="true" data-size="md" aria-hidden="true"></span></button></div><table class="hw-calendar-grid" role="grid" [attr.aria-label]="label || copy.calendar" [attr.aria-describedby]="descriptionIds"><thead><tr>@for (weekday of data.weekdays; track $index) {<th scope="col">{{ weekday }}</th>}</tr></thead><tbody>@for (week of weeks; track $index) {<tr>@for (day of week; track day.value) {<td role="gridcell" [attr.aria-selected]="day.selected"><button type="button" class="hw-calendar-day" [attr.data-date]="day.value" [attr.data-outside]="day.outside" [attr.data-selected]="day.selected" [attr.aria-current]="day.today ? 'date' : null" [attr.aria-label]="dateLabel(day.value)" [attr.aria-disabled]="readOnly || null" [tabIndex]="day.value === tabbable ? 0 : -1" [disabled]="disabled || day.disabled" (click)="select(day.value)" (keydown)="keydown($event, day.value)" (blur)="touch()">{{ day.label }}</button></td>}</tr>}</tbody></table><input type="hidden" [name]="name" [value]="value" [disabled]="disabled">${fieldEnd}</div>`
|
|
4332
4332
|
}]
|
|
4333
4333
|
}],
|
|
4334
4334
|
propDecorators: {
|
|
@@ -5173,7 +5173,7 @@ var HwDrawerComponent = class HwDrawerComponent extends HwDialogComponent {
|
|
|
5173
5173
|
inputs: { side: "side" },
|
|
5174
5174
|
usesInheritance: true,
|
|
5175
5175
|
ngImport: i0,
|
|
5176
|
-
template: `<dialog #dialog class="hw-dialog hw-drawer" [attr.data-side]="side" [attr.aria-labelledby]="titleId" (close)="closed()" (cancel)="cancelledBackdrop()" (pointerdown)="backdropStart($event)" (pointercancel)="resetBackdrop()" (click)="backdrop($event)"><header class="hw-dialog-header"><h2 [id]="titleId">{{ title }}</h2><button type="button" class="hw-button" data-variant="ghost" [attr.aria-label]="closeLabel" (click)="close()"
|
|
5176
|
+
template: `<dialog #dialog class="hw-dialog hw-drawer" [attr.data-side]="side" [attr.aria-labelledby]="titleId" (close)="closed()" (cancel)="cancelledBackdrop()" (pointerdown)="backdropStart($event)" (pointercancel)="resetBackdrop()" (click)="backdrop($event)"><header class="hw-dialog-header"><h2 [id]="titleId">{{ title }}</h2><button type="button" class="hw-button" data-variant="ghost" [attr.aria-label]="closeLabel" (click)="close()"><span class="hw-icon" data-icon="cancel-01" data-size="md" aria-hidden="true"></span></button></header><div class="hw-dialog-body"><ng-content /></div><footer class="hw-dialog-footer"><ng-content select="[hwDrawerFooter]" /></footer></dialog>`,
|
|
5177
5177
|
isInline: true
|
|
5178
5178
|
});
|
|
5179
5179
|
}
|
|
@@ -5188,7 +5188,7 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
5188
5188
|
args: [{
|
|
5189
5189
|
selector: "hw-drawer",
|
|
5190
5190
|
standalone: true,
|
|
5191
|
-
template: `<dialog #dialog class="hw-dialog hw-drawer" [attr.data-side]="side" [attr.aria-labelledby]="titleId" (close)="closed()" (cancel)="cancelledBackdrop()" (pointerdown)="backdropStart($event)" (pointercancel)="resetBackdrop()" (click)="backdrop($event)"><header class="hw-dialog-header"><h2 [id]="titleId">{{ title }}</h2><button type="button" class="hw-button" data-variant="ghost" [attr.aria-label]="closeLabel" (click)="close()"
|
|
5191
|
+
template: `<dialog #dialog class="hw-dialog hw-drawer" [attr.data-side]="side" [attr.aria-labelledby]="titleId" (close)="closed()" (cancel)="cancelledBackdrop()" (pointerdown)="backdropStart($event)" (pointercancel)="resetBackdrop()" (click)="backdrop($event)"><header class="hw-dialog-header"><h2 [id]="titleId">{{ title }}</h2><button type="button" class="hw-button" data-variant="ghost" [attr.aria-label]="closeLabel" (click)="close()"><span class="hw-icon" data-icon="cancel-01" data-size="md" aria-hidden="true"></span></button></header><div class="hw-dialog-body"><ng-content /></div><footer class="hw-dialog-footer"><ng-content select="[hwDrawerFooter]" /></footer></dialog>`
|
|
5192
5192
|
}]
|
|
5193
5193
|
}],
|
|
5194
5194
|
propDecorators: { side: [{ type: Input }] }
|
|
@@ -5272,7 +5272,7 @@ var HwToastRegionComponent = class HwToastRegionComponent {
|
|
|
5272
5272
|
@if (variant === 'banner') {<span class="hw-toast-icon" aria-hidden="true"></span>}
|
|
5273
5273
|
<div class="hw-toast-content">@if (toast.title) {<strong>{{toast.title}}</strong>}<p>{{toast.message}}</p></div>
|
|
5274
5274
|
@if (toast.dismissible !== false && hasDismissListener()) {
|
|
5275
|
-
<button type="button" class="hw-button hw-toast-dismiss" data-variant="ghost" data-hw-dismiss [attr.aria-label]="dismissLabel + ': ' + (toast.title || toast.message)" (click)="requestDismiss(toast, $event)"
|
|
5275
|
+
<button type="button" class="hw-button hw-toast-dismiss" data-variant="ghost" data-hw-dismiss [attr.aria-label]="dismissLabel + ': ' + (toast.title || toast.message)" (click)="requestDismiss(toast, $event)"><span class="hw-icon" data-icon="cancel-01" data-size="md" aria-hidden="true"></span></button>
|
|
5276
5276
|
}
|
|
5277
5277
|
</article>
|
|
5278
5278
|
}
|
|
@@ -5302,7 +5302,7 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
5302
5302
|
@if (variant === 'banner') {<span class="hw-toast-icon" aria-hidden="true"></span>}
|
|
5303
5303
|
<div class="hw-toast-content">@if (toast.title) {<strong>{{toast.title}}</strong>}<p>{{toast.message}}</p></div>
|
|
5304
5304
|
@if (toast.dismissible !== false && hasDismissListener()) {
|
|
5305
|
-
<button type="button" class="hw-button hw-toast-dismiss" data-variant="ghost" data-hw-dismiss [attr.aria-label]="dismissLabel + ': ' + (toast.title || toast.message)" (click)="requestDismiss(toast, $event)"
|
|
5305
|
+
<button type="button" class="hw-button hw-toast-dismiss" data-variant="ghost" data-hw-dismiss [attr.aria-label]="dismissLabel + ': ' + (toast.title || toast.message)" (click)="requestDismiss(toast, $event)"><span class="hw-icon" data-icon="cancel-01" data-size="md" aria-hidden="true"></span></button>
|
|
5306
5306
|
}
|
|
5307
5307
|
</article>
|
|
5308
5308
|
}
|
|
@@ -5512,7 +5512,7 @@ var HwTreeViewComponent = class HwTreeViewComponent extends HwExpandedValueContr
|
|
|
5512
5512
|
}],
|
|
5513
5513
|
usesInheritance: true,
|
|
5514
5514
|
ngImport: i0,
|
|
5515
|
-
template: `<ul class="hw-tree-view" role="tree" [attr.aria-label]="label" [attr.aria-disabled]="disabled" [attr.aria-describedby]="descriptionIds" [attr.dir]="direction || null">@for (entry of visible; track entry.node.id) {<li role="treeitem" class="hw-tree-item" [attr.data-node]="entry.node.id" [attr.aria-level]="entry.level" [attr.aria-posinset]="entry.position" [attr.aria-setsize]="entry.total" [attr.aria-expanded]="entry.node.children?.length ? isExpanded(entry.node.id) : null" [attr.aria-selected]="value === entry.node.id" [attr.aria-disabled]="disabled || entry.node.disabled || null" [style.padding-inline-start]="(entry.level - 1) + 'rem'" [tabIndex]="!disabled && !entry.node.disabled && focusId === entry.node.id ? 0 : -1" (focus)="focused = entry.node.id" (click)="select(entry.node)" (keydown)="keydown($event, entry)" (blur)="touch()">@if (entry.node.children?.length) {<span class="hw-tree-toggle" aria-hidden="true" (click)="$event.stopPropagation(); toggleNode(entry.node)"
|
|
5515
|
+
template: `<ul class="hw-tree-view" role="tree" [attr.aria-label]="label" [attr.aria-disabled]="disabled" [attr.aria-describedby]="descriptionIds" [attr.dir]="direction || null">@for (entry of visible; track entry.node.id) {<li role="treeitem" class="hw-tree-item" [attr.data-node]="entry.node.id" [attr.aria-level]="entry.level" [attr.aria-posinset]="entry.position" [attr.aria-setsize]="entry.total" [attr.aria-expanded]="entry.node.children?.length ? isExpanded(entry.node.id) : null" [attr.aria-selected]="value === entry.node.id" [attr.aria-disabled]="disabled || entry.node.disabled || null" [style.padding-inline-start]="(entry.level - 1) + 'rem'" [tabIndex]="!disabled && !entry.node.disabled && focusId === entry.node.id ? 0 : -1" (focus)="focused = entry.node.id" (click)="select(entry.node)" (keydown)="keydown($event, entry)" (blur)="touch()">@if (entry.node.children?.length) {<span class="hw-tree-toggle" aria-hidden="true" (click)="$event.stopPropagation(); toggleNode(entry.node)"><span class="hw-icon" data-size="sm" aria-hidden="true" [attr.data-icon]="isExpanded(entry.node.id) ? 'minus-sign' : 'add-01'"></span></span>}<span>{{ entry.node.label }}</span></li>}</ul><input type="hidden" [name]="name" [value]="value" [disabled]="disabled">@if (hint) {<p class="hw-hint" [id]="controlId + '-hint'">{{ hint }}</p>}@if (error) {<p class="hw-error" [id]="controlId + '-error'">{{ error }}</p>}`,
|
|
5516
5516
|
isInline: true
|
|
5517
5517
|
});
|
|
5518
5518
|
}
|
|
@@ -5532,7 +5532,7 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
5532
5532
|
useExisting: forwardRef(() => HwTreeViewComponent),
|
|
5533
5533
|
multi: true
|
|
5534
5534
|
}],
|
|
5535
|
-
template: `<ul class="hw-tree-view" role="tree" [attr.aria-label]="label" [attr.aria-disabled]="disabled" [attr.aria-describedby]="descriptionIds" [attr.dir]="direction || null">@for (entry of visible; track entry.node.id) {<li role="treeitem" class="hw-tree-item" [attr.data-node]="entry.node.id" [attr.aria-level]="entry.level" [attr.aria-posinset]="entry.position" [attr.aria-setsize]="entry.total" [attr.aria-expanded]="entry.node.children?.length ? isExpanded(entry.node.id) : null" [attr.aria-selected]="value === entry.node.id" [attr.aria-disabled]="disabled || entry.node.disabled || null" [style.padding-inline-start]="(entry.level - 1) + 'rem'" [tabIndex]="!disabled && !entry.node.disabled && focusId === entry.node.id ? 0 : -1" (focus)="focused = entry.node.id" (click)="select(entry.node)" (keydown)="keydown($event, entry)" (blur)="touch()">@if (entry.node.children?.length) {<span class="hw-tree-toggle" aria-hidden="true" (click)="$event.stopPropagation(); toggleNode(entry.node)"
|
|
5535
|
+
template: `<ul class="hw-tree-view" role="tree" [attr.aria-label]="label" [attr.aria-disabled]="disabled" [attr.aria-describedby]="descriptionIds" [attr.dir]="direction || null">@for (entry of visible; track entry.node.id) {<li role="treeitem" class="hw-tree-item" [attr.data-node]="entry.node.id" [attr.aria-level]="entry.level" [attr.aria-posinset]="entry.position" [attr.aria-setsize]="entry.total" [attr.aria-expanded]="entry.node.children?.length ? isExpanded(entry.node.id) : null" [attr.aria-selected]="value === entry.node.id" [attr.aria-disabled]="disabled || entry.node.disabled || null" [style.padding-inline-start]="(entry.level - 1) + 'rem'" [tabIndex]="!disabled && !entry.node.disabled && focusId === entry.node.id ? 0 : -1" (focus)="focused = entry.node.id" (click)="select(entry.node)" (keydown)="keydown($event, entry)" (blur)="touch()">@if (entry.node.children?.length) {<span class="hw-tree-toggle" aria-hidden="true" (click)="$event.stopPropagation(); toggleNode(entry.node)"><span class="hw-icon" data-size="sm" aria-hidden="true" [attr.data-icon]="isExpanded(entry.node.id) ? 'minus-sign' : 'add-01'"></span></span>}<span>{{ entry.node.label }}</span></li>}</ul><input type="hidden" [name]="name" [value]="value" [disabled]="disabled">@if (hint) {<p class="hw-hint" [id]="controlId + '-hint'">{{ hint }}</p>}@if (error) {<p class="hw-error" [id]="controlId + '-error'">{{ error }}</p>}`
|
|
5536
5536
|
}]
|
|
5537
5537
|
}],
|
|
5538
5538
|
propDecorators: {
|
|
@@ -6017,7 +6017,7 @@ var HwChipComponent = class HwChipComponent {
|
|
|
6017
6017
|
},
|
|
6018
6018
|
outputs: { removed: "removed" },
|
|
6019
6019
|
ngImport: i0,
|
|
6020
|
-
template: `<span class="hw-chip" [attr.data-tone]="tone" [attr.data-variant]="variant"><ng-content />@if (removable) {<button type="button" [disabled]="disabled" [attr.aria-label]="removeLabel" (click)="removed.emit()"
|
|
6020
|
+
template: `<span class="hw-chip" [attr.data-tone]="tone" [attr.data-variant]="variant"><ng-content />@if (removable) {<button type="button" [disabled]="disabled" [attr.aria-label]="removeLabel" (click)="removed.emit()"><span class="hw-icon" data-icon="cancel-01" data-size="md" aria-hidden="true"></span></button>}</span>`,
|
|
6021
6021
|
isInline: true
|
|
6022
6022
|
});
|
|
6023
6023
|
}
|
|
@@ -6032,7 +6032,7 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
6032
6032
|
args: [{
|
|
6033
6033
|
selector: "hw-chip",
|
|
6034
6034
|
standalone: true,
|
|
6035
|
-
template: `<span class="hw-chip" [attr.data-tone]="tone" [attr.data-variant]="variant"><ng-content />@if (removable) {<button type="button" [disabled]="disabled" [attr.aria-label]="removeLabel" (click)="removed.emit()"
|
|
6035
|
+
template: `<span class="hw-chip" [attr.data-tone]="tone" [attr.data-variant]="variant"><ng-content />@if (removable) {<button type="button" [disabled]="disabled" [attr.aria-label]="removeLabel" (click)="removed.emit()"><span class="hw-icon" data-icon="cancel-01" data-size="md" aria-hidden="true"></span></button>}</span>`
|
|
6036
6036
|
}]
|
|
6037
6037
|
}],
|
|
6038
6038
|
propDecorators: {
|
|
@@ -6405,7 +6405,7 @@ var HwDataTableComponent = class HwDataTableComponent {
|
|
|
6405
6405
|
},
|
|
6406
6406
|
outputs: { sortChange: "sortChange" },
|
|
6407
6407
|
ngImport: i0,
|
|
6408
|
-
template: `<div class="hw-table-wrap hw-data-table" tabindex="0" role="region" [attr.aria-label]="caption"><table class="hw-table" [attr.data-variant]="variant" [attr.data-size]="size"><caption>{{ caption }}</caption><thead><tr>@for (column of columns; track column.key) {<th scope="col" [attr.aria-sort]="sortKey === column.key ? sortDirection : (column.sortable ? 'none' : null)">@if (column.sortable) {<button type="button" (click)="sort(column.key)">{{ column.label }}<span aria-hidden="true"
|
|
6408
|
+
template: `<div class="hw-table-wrap hw-data-table" tabindex="0" role="region" [attr.aria-label]="caption"><table class="hw-table" [attr.data-variant]="variant" [attr.data-size]="size"><caption>{{ caption }}</caption><thead><tr>@for (column of columns; track column.key) {<th scope="col" [attr.aria-sort]="sortKey === column.key ? sortDirection : (column.sortable ? 'none' : null)">@if (column.sortable) {<button type="button" (click)="sort(column.key)">{{ column.label }}<span class="hw-icon" data-size="sm" aria-hidden="true" [attr.data-icon]="sortKey === column.key ? (sortDirection === 'ascending' ? 'arrow-up-02' : 'arrow-down-02') : 'arrow-data-transfer-vertical'"></span></button>} @else { {{ column.label }} }</th>}</tr></thead><tbody>@for (row of sortedRows; track $index) {<tr>@for (column of columns; track column.key) {@if (column.rowHeader) {<th scope="row">{{ row[column.key] }}</th>} @else {<td>{{ row[column.key] }}</td>}}</tr>} @empty {<tr><td [attr.colspan]="columns.length || 1">{{ emptyMessage }}</td></tr>}</tbody></table></div>`,
|
|
6409
6409
|
isInline: true,
|
|
6410
6410
|
styles: [":host{display:block;min-inline-size:0;max-inline-size:100%}\n"]
|
|
6411
6411
|
});
|
|
@@ -6421,7 +6421,7 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
6421
6421
|
args: [{
|
|
6422
6422
|
selector: "hw-data-table",
|
|
6423
6423
|
standalone: true,
|
|
6424
|
-
template: `<div class="hw-table-wrap hw-data-table" tabindex="0" role="region" [attr.aria-label]="caption"><table class="hw-table" [attr.data-variant]="variant" [attr.data-size]="size"><caption>{{ caption }}</caption><thead><tr>@for (column of columns; track column.key) {<th scope="col" [attr.aria-sort]="sortKey === column.key ? sortDirection : (column.sortable ? 'none' : null)">@if (column.sortable) {<button type="button" (click)="sort(column.key)">{{ column.label }}<span aria-hidden="true"
|
|
6424
|
+
template: `<div class="hw-table-wrap hw-data-table" tabindex="0" role="region" [attr.aria-label]="caption"><table class="hw-table" [attr.data-variant]="variant" [attr.data-size]="size"><caption>{{ caption }}</caption><thead><tr>@for (column of columns; track column.key) {<th scope="col" [attr.aria-sort]="sortKey === column.key ? sortDirection : (column.sortable ? 'none' : null)">@if (column.sortable) {<button type="button" (click)="sort(column.key)">{{ column.label }}<span class="hw-icon" data-size="sm" aria-hidden="true" [attr.data-icon]="sortKey === column.key ? (sortDirection === 'ascending' ? 'arrow-up-02' : 'arrow-down-02') : 'arrow-data-transfer-vertical'"></span></button>} @else { {{ column.label }} }</th>}</tr></thead><tbody>@for (row of sortedRows; track $index) {<tr>@for (column of columns; track column.key) {@if (column.rowHeader) {<th scope="row">{{ row[column.key] }}</th>} @else {<td>{{ row[column.key] }}</td>}}</tr>} @empty {<tr><td [attr.colspan]="columns.length || 1">{{ emptyMessage }}</td></tr>}</tbody></table></div>`,
|
|
6425
6425
|
styles: [":host{display:block;min-inline-size:0;max-inline-size:100%}\n"]
|
|
6426
6426
|
}]
|
|
6427
6427
|
}],
|
|
@@ -6817,12 +6817,12 @@ var HwPortalFooterComponent = class HwPortalFooterComponent {
|
|
|
6817
6817
|
template: `<footer class="hw-portal-footer">
|
|
6818
6818
|
<div class="hw-portal-footer-main">
|
|
6819
6819
|
<div class="hw-portal-footer-brand"><div class="hw-portal-footer-brand-marks"><ng-content select="[hwFooterBrand]" /></div>@if (brand) {<strong>{{ brand }}</strong>}@if (description) {<p>{{ description }}</p>}</div>
|
|
6820
|
-
@if (links.length) {<nav class="hw-portal-footer-group" [attr.aria-label]="navigationLabel"><h2>{{ navigationLabel }}</h2><ul class="hw-portal-footer-links">@for (link of links; track $index) {<li><a class="hw-link" [href]="link.href" [attr.target]="link.external ? '_blank' : null" [attr.rel]="link.external ? 'noopener noreferrer' : null">{{ link.label }}@if (link.external) {<span class="hw-portal-footer-external" aria-hidden="true"
|
|
6821
|
-
@for (group of groups; track $index) {@if (group.links.length) {<nav class="hw-portal-footer-group" [attr.aria-label]="group.title"><h2>{{ group.title }}</h2><ul class="hw-portal-footer-links">@for (link of group.links; track $index) {<li><a class="hw-link" [href]="link.href" [attr.target]="link.external ? '_blank' : null" [attr.rel]="link.external ? 'noopener noreferrer' : null">{{ link.label }}@if (link.external) {<span class="hw-portal-footer-external" aria-hidden="true"
|
|
6820
|
+
@if (links.length) {<nav class="hw-portal-footer-group" [attr.aria-label]="navigationLabel"><h2>{{ navigationLabel }}</h2><ul class="hw-portal-footer-links">@for (link of links; track $index) {<li><a class="hw-link" [href]="link.href" [attr.target]="link.external ? '_blank' : null" [attr.rel]="link.external ? 'noopener noreferrer' : null">{{ link.label }}@if (link.external) {<span class="hw-portal-footer-external hw-icon" data-icon="link-square-02" data-size="sm" aria-hidden="true"></span><span class="hw-sr-only"> · {{ externalLabel }}</span>}</a></li>}</ul></nav>}
|
|
6821
|
+
@for (group of groups; track $index) {@if (group.links.length) {<nav class="hw-portal-footer-group" [attr.aria-label]="group.title"><h2>{{ group.title }}</h2><ul class="hw-portal-footer-links">@for (link of group.links; track $index) {<li><a class="hw-link" [href]="link.href" [attr.target]="link.external ? '_blank' : null" [attr.rel]="link.external ? 'noopener noreferrer' : null">{{ link.label }}@if (link.external) {<span class="hw-portal-footer-external hw-icon" data-icon="link-square-02" data-size="sm" aria-hidden="true"></span><span class="hw-sr-only"> · {{ externalLabel }}</span>}</a></li>}</ul></nav>}}
|
|
6822
6822
|
<section class="hw-portal-footer-support" [attr.aria-label]="supportLabel"><h2>{{ supportLabel }}</h2><div class="hw-portal-footer-support-content"><ng-content select="[hwFooterSupport]" /></div></section>
|
|
6823
6823
|
<div class="hw-portal-footer-extra"><ng-content /></div>
|
|
6824
6824
|
</div>
|
|
6825
|
-
<div class="hw-portal-footer-bottom">@if (copyright) {<small>{{ copyright }}</small>}@if (legalLinks.length) {<nav class="hw-portal-footer-legal" [attr.aria-label]="legalLinksLabel"><ul class="hw-portal-footer-links">@for (link of legalLinks; track $index) {<li><a class="hw-link" [href]="link.href" [attr.target]="link.external ? '_blank' : null" [attr.rel]="link.external ? 'noopener noreferrer' : null">{{ link.label }}@if (link.external) {<span class="hw-portal-footer-external" aria-hidden="true"
|
|
6825
|
+
<div class="hw-portal-footer-bottom">@if (copyright) {<small>{{ copyright }}</small>}@if (legalLinks.length) {<nav class="hw-portal-footer-legal" [attr.aria-label]="legalLinksLabel"><ul class="hw-portal-footer-links">@for (link of legalLinks; track $index) {<li><a class="hw-link" [href]="link.href" [attr.target]="link.external ? '_blank' : null" [attr.rel]="link.external ? 'noopener noreferrer' : null">{{ link.label }}@if (link.external) {<span class="hw-portal-footer-external hw-icon" data-icon="link-square-02" data-size="sm" aria-hidden="true"></span><span class="hw-sr-only"> · {{ externalLabel }}</span>}</a></li>}</ul></nav>}<div class="hw-portal-footer-partners"><ng-content select="[hwFooterPartners]" /></div></div>
|
|
6826
6826
|
</footer>`,
|
|
6827
6827
|
isInline: true
|
|
6828
6828
|
});
|
|
@@ -6841,12 +6841,12 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
6841
6841
|
template: `<footer class="hw-portal-footer">
|
|
6842
6842
|
<div class="hw-portal-footer-main">
|
|
6843
6843
|
<div class="hw-portal-footer-brand"><div class="hw-portal-footer-brand-marks"><ng-content select="[hwFooterBrand]" /></div>@if (brand) {<strong>{{ brand }}</strong>}@if (description) {<p>{{ description }}</p>}</div>
|
|
6844
|
-
@if (links.length) {<nav class="hw-portal-footer-group" [attr.aria-label]="navigationLabel"><h2>{{ navigationLabel }}</h2><ul class="hw-portal-footer-links">@for (link of links; track $index) {<li><a class="hw-link" [href]="link.href" [attr.target]="link.external ? '_blank' : null" [attr.rel]="link.external ? 'noopener noreferrer' : null">{{ link.label }}@if (link.external) {<span class="hw-portal-footer-external" aria-hidden="true"
|
|
6845
|
-
@for (group of groups; track $index) {@if (group.links.length) {<nav class="hw-portal-footer-group" [attr.aria-label]="group.title"><h2>{{ group.title }}</h2><ul class="hw-portal-footer-links">@for (link of group.links; track $index) {<li><a class="hw-link" [href]="link.href" [attr.target]="link.external ? '_blank' : null" [attr.rel]="link.external ? 'noopener noreferrer' : null">{{ link.label }}@if (link.external) {<span class="hw-portal-footer-external" aria-hidden="true"
|
|
6844
|
+
@if (links.length) {<nav class="hw-portal-footer-group" [attr.aria-label]="navigationLabel"><h2>{{ navigationLabel }}</h2><ul class="hw-portal-footer-links">@for (link of links; track $index) {<li><a class="hw-link" [href]="link.href" [attr.target]="link.external ? '_blank' : null" [attr.rel]="link.external ? 'noopener noreferrer' : null">{{ link.label }}@if (link.external) {<span class="hw-portal-footer-external hw-icon" data-icon="link-square-02" data-size="sm" aria-hidden="true"></span><span class="hw-sr-only"> · {{ externalLabel }}</span>}</a></li>}</ul></nav>}
|
|
6845
|
+
@for (group of groups; track $index) {@if (group.links.length) {<nav class="hw-portal-footer-group" [attr.aria-label]="group.title"><h2>{{ group.title }}</h2><ul class="hw-portal-footer-links">@for (link of group.links; track $index) {<li><a class="hw-link" [href]="link.href" [attr.target]="link.external ? '_blank' : null" [attr.rel]="link.external ? 'noopener noreferrer' : null">{{ link.label }}@if (link.external) {<span class="hw-portal-footer-external hw-icon" data-icon="link-square-02" data-size="sm" aria-hidden="true"></span><span class="hw-sr-only"> · {{ externalLabel }}</span>}</a></li>}</ul></nav>}}
|
|
6846
6846
|
<section class="hw-portal-footer-support" [attr.aria-label]="supportLabel"><h2>{{ supportLabel }}</h2><div class="hw-portal-footer-support-content"><ng-content select="[hwFooterSupport]" /></div></section>
|
|
6847
6847
|
<div class="hw-portal-footer-extra"><ng-content /></div>
|
|
6848
6848
|
</div>
|
|
6849
|
-
<div class="hw-portal-footer-bottom">@if (copyright) {<small>{{ copyright }}</small>}@if (legalLinks.length) {<nav class="hw-portal-footer-legal" [attr.aria-label]="legalLinksLabel"><ul class="hw-portal-footer-links">@for (link of legalLinks; track $index) {<li><a class="hw-link" [href]="link.href" [attr.target]="link.external ? '_blank' : null" [attr.rel]="link.external ? 'noopener noreferrer' : null">{{ link.label }}@if (link.external) {<span class="hw-portal-footer-external" aria-hidden="true"
|
|
6849
|
+
<div class="hw-portal-footer-bottom">@if (copyright) {<small>{{ copyright }}</small>}@if (legalLinks.length) {<nav class="hw-portal-footer-legal" [attr.aria-label]="legalLinksLabel"><ul class="hw-portal-footer-links">@for (link of legalLinks; track $index) {<li><a class="hw-link" [href]="link.href" [attr.target]="link.external ? '_blank' : null" [attr.rel]="link.external ? 'noopener noreferrer' : null">{{ link.label }}@if (link.external) {<span class="hw-portal-footer-external hw-icon" data-icon="link-square-02" data-size="sm" aria-hidden="true"></span><span class="hw-sr-only"> · {{ externalLabel }}</span>}</a></li>}</ul></nav>}<div class="hw-portal-footer-partners"><ng-content select="[hwFooterPartners]" /></div></div>
|
|
6850
6850
|
</footer>`
|
|
6851
6851
|
}]
|
|
6852
6852
|
}],
|
|
@@ -7064,7 +7064,7 @@ var HwNotificationListComponent = class HwNotificationListComponent {
|
|
|
7064
7064
|
},
|
|
7065
7065
|
outputs: { dismissed: "dismissed" },
|
|
7066
7066
|
ngImport: i0,
|
|
7067
|
-
template: `<section class="hw-notification-list" [attr.aria-label]="label"><ul>@for (item of items; track item.id) {<li class="hw-notification" [attr.data-unread]="item.unread"><div>@if (item.href) {<a class="hw-link" [href]="item.href">{{ item.title }}</a>} @else {<strong>{{ item.title }}</strong>}@if (item.unread) {<span class="hw-sr-only">{{ unreadLabel }}</span>}@if (item.description) {<p>{{ item.description }}</p>}@if (item.time) {<span>{{ item.time }}</span>}</div><button type="button" class="hw-button" data-variant="ghost" [attr.aria-label]="dismissLabel + ': ' + item.title" (click)="dismissed.emit(item.id)"
|
|
7067
|
+
template: `<section class="hw-notification-list" [attr.aria-label]="label"><ul>@for (item of items; track item.id) {<li class="hw-notification" [attr.data-unread]="item.unread"><div>@if (item.href) {<a class="hw-link" [href]="item.href">{{ item.title }}</a>} @else {<strong>{{ item.title }}</strong>}@if (item.unread) {<span class="hw-sr-only">{{ unreadLabel }}</span>}@if (item.description) {<p>{{ item.description }}</p>}@if (item.time) {<span>{{ item.time }}</span>}</div><button type="button" class="hw-button" data-variant="ghost" [attr.aria-label]="dismissLabel + ': ' + item.title" (click)="dismissed.emit(item.id)"><span class="hw-icon" data-icon="cancel-01" data-size="md" aria-hidden="true"></span></button></li>} @empty {<li>{{ emptyMessage }}</li>}</ul></section>`,
|
|
7068
7068
|
isInline: true
|
|
7069
7069
|
});
|
|
7070
7070
|
}
|
|
@@ -7079,7 +7079,7 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
7079
7079
|
args: [{
|
|
7080
7080
|
selector: "hw-notification-list",
|
|
7081
7081
|
standalone: true,
|
|
7082
|
-
template: `<section class="hw-notification-list" [attr.aria-label]="label"><ul>@for (item of items; track item.id) {<li class="hw-notification" [attr.data-unread]="item.unread"><div>@if (item.href) {<a class="hw-link" [href]="item.href">{{ item.title }}</a>} @else {<strong>{{ item.title }}</strong>}@if (item.unread) {<span class="hw-sr-only">{{ unreadLabel }}</span>}@if (item.description) {<p>{{ item.description }}</p>}@if (item.time) {<span>{{ item.time }}</span>}</div><button type="button" class="hw-button" data-variant="ghost" [attr.aria-label]="dismissLabel + ': ' + item.title" (click)="dismissed.emit(item.id)"
|
|
7082
|
+
template: `<section class="hw-notification-list" [attr.aria-label]="label"><ul>@for (item of items; track item.id) {<li class="hw-notification" [attr.data-unread]="item.unread"><div>@if (item.href) {<a class="hw-link" [href]="item.href">{{ item.title }}</a>} @else {<strong>{{ item.title }}</strong>}@if (item.unread) {<span class="hw-sr-only">{{ unreadLabel }}</span>}@if (item.description) {<p>{{ item.description }}</p>}@if (item.time) {<span>{{ item.time }}</span>}</div><button type="button" class="hw-button" data-variant="ghost" [attr.aria-label]="dismissLabel + ': ' + item.title" (click)="dismissed.emit(item.id)"><span class="hw-icon" data-icon="cancel-01" data-size="md" aria-hidden="true"></span></button></li>} @empty {<li>{{ emptyMessage }}</li>}</ul></section>`
|
|
7083
7083
|
}]
|
|
7084
7084
|
}],
|
|
7085
7085
|
propDecorators: {
|