@danske/sapphire-angular 2.9.0 → 3.0.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.
- package/esm2020/lib/avatar/public_api.mjs +3 -0
- package/esm2020/lib/avatar/src/avatar.component.mjs +53 -0
- package/esm2020/lib/avatar/src/avatar.module.mjs +16 -0
- package/esm2020/lib/badge/src/badge.component.mjs +11 -7
- package/esm2020/lib/button/src/button-group.component.mjs +2 -2
- package/esm2020/lib/button/src/button.component.mjs +19 -6
- package/esm2020/lib/button/src/icon-button.component.mjs +21 -8
- package/esm2020/lib/button/src/toggle-button.component.mjs +19 -6
- package/esm2020/lib/checkbox/src/checkbox-group.component.mjs +2 -2
- package/esm2020/lib/checkbox/src/checkbox.component.mjs +3 -3
- package/esm2020/lib/core.module.mjs +22 -1
- package/esm2020/lib/feedback-message/public_api.mjs +7 -0
- package/esm2020/lib/feedback-message/src/feedback-message.component.mjs +104 -0
- package/esm2020/lib/feedback-message/src/feedback-message.module.mjs +40 -0
- package/esm2020/lib/field/src/field-note.directive.mjs +18 -2
- package/esm2020/lib/field/src/field.component.mjs +33 -15
- package/esm2020/lib/field/src/field.module.mjs +7 -3
- package/esm2020/lib/help-button/src/help-button.component.mjs +15 -12
- package/esm2020/lib/icon/public_api.mjs +2 -1
- package/esm2020/lib/icon/src/icon-size-provider.mjs +1 -1
- package/esm2020/lib/icon/src/icon.component.mjs +30 -18
- package/esm2020/lib/icon/src/icon.module.mjs +4 -2
- package/esm2020/lib/icon/src/iconRegistry.service.mjs +37 -0
- package/esm2020/lib/icon/src/svgSanitizer.mjs +690 -0
- package/esm2020/lib/label/src/label.component.mjs +3 -3
- package/esm2020/lib/link/src/link.component.mjs +3 -8
- package/esm2020/lib/list/src/list.component.mjs +2 -2
- package/esm2020/lib/listbox/src/listbox-item.component.mjs +15 -15
- package/esm2020/lib/listbox/src/listbox.component.mjs +7 -10
- package/esm2020/lib/menu/src/menu-item.component.mjs +3 -3
- package/esm2020/lib/menu/src/menu.component.mjs +8 -13
- package/esm2020/lib/modal/public_api.mjs +2 -1
- package/esm2020/lib/modal/src/dialog/alert-dialog.component.mjs +111 -0
- package/esm2020/lib/modal/src/dialog/dialog.component.mjs +2 -2
- package/esm2020/lib/modal/src/layout/modal-header.component.mjs +15 -12
- package/esm2020/lib/modal/src/layout/modal-layout.component.mjs +2 -2
- package/esm2020/lib/modal/src/modal.module.mjs +27 -2
- package/esm2020/lib/modal/src/panel/panel.component.mjs +2 -2
- package/esm2020/lib/notification-badge/src/notification-badge.component.mjs +2 -2
- package/esm2020/lib/pagination/src/page-selection-row.component.mjs +3 -3
- package/esm2020/lib/pagination/src/pagination.component.mjs +16 -13
- package/esm2020/lib/popover/src/popover.component.mjs +2 -2
- package/esm2020/lib/radio/src/radio-group.component.mjs +2 -2
- package/esm2020/lib/radio/src/radio.component.mjs +2 -2
- package/esm2020/lib/radio/src/segmented/segmented-radio-group.component.mjs +2 -2
- package/esm2020/lib/segmented-tabs/src/segmented-tab.component.mjs +2 -2
- package/esm2020/lib/segmented-tabs/src/segmented-tabs.component.mjs +2 -2
- package/esm2020/lib/select/public_api.mjs +2 -2
- package/esm2020/lib/select/src/select/select.component.mjs +22 -19
- package/esm2020/lib/select/src/select/select.module.mjs +10 -10
- package/esm2020/lib/select/src/select-button/select-button.component.mjs +136 -0
- package/esm2020/lib/skeleton/src/skeleton.component.mjs +2 -2
- package/esm2020/lib/spinner/public_api.mjs +7 -0
- package/esm2020/lib/spinner/src/spinner.component.mjs +26 -0
- package/esm2020/lib/spinner/src/spinner.module.mjs +18 -0
- package/esm2020/lib/surface/src/surface.component.mjs +5 -3
- package/esm2020/lib/switch/src/switch.component.mjs +2 -2
- package/esm2020/lib/table/src/table-head-cell.component.mjs +16 -13
- package/esm2020/lib/table/src/table.component.mjs +2 -2
- package/esm2020/lib/text-field/src/text-field.component.mjs +2 -2
- package/esm2020/lib/theme/src/themes.mjs +4 -4
- package/esm2020/lib/tooltip/src/tooltip.component.mjs +2 -2
- package/esm2020/lib/typography/public_api.mjs +4 -2
- package/esm2020/lib/typography/src/body.component.mjs +43 -0
- package/esm2020/lib/typography/src/caption.component.mjs +37 -0
- package/esm2020/lib/typography/src/heading.component.mjs +23 -13
- package/esm2020/lib/typography/src/subheading.component.mjs +37 -0
- package/esm2020/lib/typography/src/typography.module.mjs +23 -5
- package/esm2020/public-api.mjs +4 -1
- package/fesm2015/danske-sapphire-angular.mjs +1513 -226
- package/fesm2015/danske-sapphire-angular.mjs.map +1 -1
- package/fesm2020/danske-sapphire-angular.mjs +1513 -225
- package/fesm2020/danske-sapphire-angular.mjs.map +1 -1
- package/lib/avatar/public_api.d.ts +2 -0
- package/lib/avatar/src/avatar.component.d.ts +22 -0
- package/lib/avatar/src/avatar.module.d.ts +7 -0
- package/lib/badge/src/badge.component.d.ts +3 -3
- package/lib/button/src/button.component.d.ts +1 -1
- package/lib/button/src/icon-button.component.d.ts +2 -3
- package/lib/core.module.d.ts +23 -20
- package/lib/feedback-message/public_api.d.ts +2 -0
- package/lib/feedback-message/src/feedback-message.component.d.ts +33 -0
- package/lib/feedback-message/src/feedback-message.module.d.ts +10 -0
- package/lib/field/src/field-note.directive.d.ts +3 -1
- package/lib/field/src/field.component.d.ts +2 -1
- package/lib/field/src/field.module.d.ts +2 -1
- package/lib/help-button/src/help-button.component.d.ts +2 -0
- package/lib/icon/public_api.d.ts +1 -0
- package/lib/icon/src/icon-size-provider.d.ts +1 -1
- package/lib/icon/src/icon.component.d.ts +16 -9
- package/lib/icon/src/iconRegistry.service.d.ts +14 -0
- package/lib/icon/src/svgSanitizer.d.ts +1 -0
- package/lib/link/src/link.component.d.ts +1 -2
- package/lib/listbox/src/listbox-item.component.d.ts +3 -3
- package/lib/listbox/src/listbox.component.d.ts +2 -4
- package/lib/menu/src/menu-item.component.d.ts +1 -1
- package/lib/menu/src/menu.component.d.ts +1 -2
- package/lib/modal/public_api.d.ts +1 -0
- package/lib/modal/src/dialog/alert-dialog.component.d.ts +42 -0
- package/lib/modal/src/layout/modal-header.component.d.ts +2 -0
- package/lib/modal/src/modal.module.d.ts +13 -11
- package/lib/pagination/src/pagination.component.d.ts +2 -0
- package/lib/select/public_api.d.ts +1 -1
- package/lib/select/src/select/select.component.d.ts +3 -2
- package/lib/select/src/select/select.module.d.ts +2 -2
- package/lib/select/src/{basic-select/basic-select.component.d.ts → select-button/select-button.component.d.ts} +12 -11
- package/lib/spinner/public_api.d.ts +2 -0
- package/lib/spinner/src/spinner.component.d.ts +14 -0
- package/lib/spinner/src/spinner.module.d.ts +8 -0
- package/lib/surface/src/surface.component.d.ts +1 -1
- package/lib/table/src/table-head-cell.component.d.ts +3 -2
- package/lib/typography/public_api.d.ts +3 -1
- package/lib/typography/src/body.component.d.ts +16 -0
- package/lib/typography/src/caption.component.d.ts +14 -0
- package/lib/typography/src/heading.component.d.ts +5 -3
- package/lib/typography/src/subheading.component.d.ts +14 -0
- package/lib/typography/src/typography.module.d.ts +5 -3
- package/package.json +5 -4
- package/public-api.d.ts +3 -0
- package/esm2020/lib/select/src/basic-select/basic-select.component.mjs +0 -133
- package/esm2020/lib/typography/src/paragraph.component.mjs +0 -24
- package/lib/typography/src/paragraph.component.d.ts +0 -8
|
@@ -101,10 +101,10 @@ export class PageSelectionRowComponent {
|
|
|
101
101
|
}
|
|
102
102
|
}
|
|
103
103
|
PageSelectionRowComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: PageSelectionRowComponent, deps: [{ token: i1.TranslateService }], target: i0.ɵɵFactoryTarget.Component });
|
|
104
|
-
PageSelectionRowComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: PageSelectionRowComponent, selector: "sp-page-selection-row", inputs: { currentPage: "currentPage", totalPageCount: "totalPageCount", siblingCount: "siblingCount", boundaryCount: "boundaryCount" }, outputs: { pageChange: "pageChange" }, usesOnChanges: true, ngImport: i0, template: "<sp-button-group orientation=\"horizontal\" spacing=\"xs\">\n <ng-container *ngFor=\"let slot of slots\">\n <div *ngIf=\"slot.type === 'ellipsis'\" class=\"sapphire-pagination__ellipsis\">\n ...\n </div>\n <button\n *ngIf=\"slot.type === 'page'\"\n sp-icon-button\n [variant]=\"slot.page === currentPage ? 'secondary' : 'tertiary
|
|
104
|
+
PageSelectionRowComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: PageSelectionRowComponent, selector: "sp-page-selection-row", inputs: { currentPage: "currentPage", totalPageCount: "totalPageCount", siblingCount: "siblingCount", boundaryCount: "boundaryCount" }, outputs: { pageChange: "pageChange" }, usesOnChanges: true, ngImport: i0, template: "<sp-button-group orientation=\"horizontal\" spacing=\"xs\">\n <ng-container *ngFor=\"let slot of slots\">\n <div *ngIf=\"slot.type === 'ellipsis'\" class=\"sapphire-pagination__ellipsis\">\n ...\n </div>\n <button\n *ngIf=\"slot.type === 'page'\"\n sp-icon-button\n [variant]=\"slot.page === currentPage ? 'secondary' : 'tertiary'\"\n size=\"sm\"\n (click)=\"onPageSelect(slot.page)\"\n [attr.aria-label]=\"getAriaLabel(slot)\"\n [ngStyle]=\"{ 'z-index': slot.page !== currentPage ? 1 : null }\"\n >\n {{ slot.page + 1 }}\n </button>\n </ng-container>\n</sp-button-group>\n", styles: [".sapphire-pagination{display:flex;justify-content:flex-end;align-items:center;padding:var(--sapphire-semantic-size-spacing-2xs) var(--sapphire-semantic-size-spacing-lg);font-family:var(--sapphire-semantic-font-name-default);font-size:var(--sapphire-semantic-size-font-control-sm);height:var(--sapphire-semantic-size-height-control-md);background:var(--sapphire-semantic-color-background-surface);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sapphire-pagination__controls{display:flex;align-items:center;justify-content:flex-end;flex-grow:1;color:var(--sapphire-semantic-color-foreground-primary);gap:var(--sapphire-semantic-size-spacing-sm)}.sapphire-pagination__text{font-weight:var(--sapphire-semantic-font-weight-default-regular);padding-left:var(--sapphire-semantic-size-spacing-2xs);padding-right:var(--sapphire-semantic-size-spacing-2xs)}.sapphire-pagination__text--emphasized{font-weight:var(--sapphire-semantic-font-weight-default-medium)}.sapphire-pagination__ellipsis{display:flex;justify-content:center;align-items:center;height:var(--sapphire-semantic-size-height-control-sm);width:var(--sapphire-semantic-size-height-control-sm);font-size:var(--sapphire-semantic-size-font-control-sm);font-weight:var(--sapphire-semantic-font-weight-default-medium)}sp-select-button{margin-left:calc(-1 * var(--sapphire-semantic-size-spacing-md))}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i3.IconButtonComponent, selector: "button[sp-icon-button], a[sp-icon-button]", inputs: ["variant", "size", "disabled", "type"] }, { kind: "component", type: i4.ButtonGroupComponent, selector: "sp-button-group", inputs: ["align", "stretch", "spacing", "orientation"] }] });
|
|
105
105
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: PageSelectionRowComponent, decorators: [{
|
|
106
106
|
type: Component,
|
|
107
|
-
args: [{ selector: 'sp-page-selection-row', standalone: false, template: "<sp-button-group orientation=\"horizontal\" spacing=\"xs\">\n <ng-container *ngFor=\"let slot of slots\">\n <div *ngIf=\"slot.type === 'ellipsis'\" class=\"sapphire-pagination__ellipsis\">\n ...\n </div>\n <button\n *ngIf=\"slot.type === 'page'\"\n sp-icon-button\n [variant]=\"slot.page === currentPage ? 'secondary' : 'tertiary
|
|
107
|
+
args: [{ selector: 'sp-page-selection-row', standalone: false, template: "<sp-button-group orientation=\"horizontal\" spacing=\"xs\">\n <ng-container *ngFor=\"let slot of slots\">\n <div *ngIf=\"slot.type === 'ellipsis'\" class=\"sapphire-pagination__ellipsis\">\n ...\n </div>\n <button\n *ngIf=\"slot.type === 'page'\"\n sp-icon-button\n [variant]=\"slot.page === currentPage ? 'secondary' : 'tertiary'\"\n size=\"sm\"\n (click)=\"onPageSelect(slot.page)\"\n [attr.aria-label]=\"getAriaLabel(slot)\"\n [ngStyle]=\"{ 'z-index': slot.page !== currentPage ? 1 : null }\"\n >\n {{ slot.page + 1 }}\n </button>\n </ng-container>\n</sp-button-group>\n", styles: [".sapphire-pagination{display:flex;justify-content:flex-end;align-items:center;padding:var(--sapphire-semantic-size-spacing-2xs) var(--sapphire-semantic-size-spacing-lg);font-family:var(--sapphire-semantic-font-name-default);font-size:var(--sapphire-semantic-size-font-control-sm);height:var(--sapphire-semantic-size-height-control-md);background:var(--sapphire-semantic-color-background-surface);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sapphire-pagination__controls{display:flex;align-items:center;justify-content:flex-end;flex-grow:1;color:var(--sapphire-semantic-color-foreground-primary);gap:var(--sapphire-semantic-size-spacing-sm)}.sapphire-pagination__text{font-weight:var(--sapphire-semantic-font-weight-default-regular);padding-left:var(--sapphire-semantic-size-spacing-2xs);padding-right:var(--sapphire-semantic-size-spacing-2xs)}.sapphire-pagination__text--emphasized{font-weight:var(--sapphire-semantic-font-weight-default-medium)}.sapphire-pagination__ellipsis{display:flex;justify-content:center;align-items:center;height:var(--sapphire-semantic-size-height-control-sm);width:var(--sapphire-semantic-size-height-control-sm);font-size:var(--sapphire-semantic-size-font-control-sm);font-weight:var(--sapphire-semantic-font-weight-default-medium)}sp-select-button{margin-left:calc(-1 * var(--sapphire-semantic-size-spacing-md))}\n"] }]
|
|
108
108
|
}], ctorParameters: function () { return [{ type: i1.TranslateService }]; }, propDecorators: { currentPage: [{
|
|
109
109
|
type: Input
|
|
110
110
|
}], totalPageCount: [{
|
|
@@ -116,4 +116,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
|
|
|
116
116
|
}], pageChange: [{
|
|
117
117
|
type: Output
|
|
118
118
|
}] } });
|
|
119
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZS1zZWxlY3Rpb24tcm93LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvcGFnaW5hdGlvbi9zcmMvcGFnZS1zZWxlY3Rpb24tcm93LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvcGFnaW5hdGlvbi9zcmMvcGFnZS1zZWxlY3Rpb24tcm93LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsWUFBWSxFQUNaLEtBQUssRUFFTCxNQUFNLEdBRVAsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxZQUFZLE1BQU0sU0FBUyxDQUFDOzs7Ozs7QUFrQm5DLE1BQU0sT0FBTyx5QkFBeUI7SUFHcEMsWUFBWSxDQUFtQjtRQUl0QixnQkFBVyxHQUFXLENBQUMsQ0FBQztRQUN4QixtQkFBYyxHQUFXLENBQUMsQ0FBQztRQUMzQixpQkFBWSxHQUFXLENBQUMsQ0FBQztRQUN6QixrQkFBYSxHQUFXLENBQUMsQ0FBQztRQUN6QixlQUFVLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztRQUVsRCxVQUFLLEdBQWUsRUFBRSxDQUFDO1FBa0N2Qix5QkFBeUI7UUFDekIsY0FBUyxHQUFHLENBQUMsTUFBNEIsRUFBbUIsRUFBRSxDQUM1RCxJQUFJLENBQUMsV0FBVyxDQUNkLElBQUksQ0FBQyxZQUFZLENBQUMsTUFBTSxDQUFDLENBQUMsR0FBRyxDQUFDLENBQUMsU0FBUyxFQUFFLEVBQUUsQ0FDMUMsU0FBUyxDQUFDLEdBQUcsQ0FBQyxDQUFDLElBQUksRUFBRSxFQUFFLENBQUMsQ0FBQyxFQUFFLElBQUksRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFFLENBQUMsQ0FBQyxDQUNsRCxFQUNELENBQUMsRUFBRSxJQUFJLEVBQUUsVUFBVSxFQUFFLENBQUMsQ0FDdkIsQ0FBQyxPQUFPLENBQUMsQ0FBQyxRQUFRLEVBQUUsRUFBRSxD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QkFDbkMsWUFBWSxFQUFFLElBQUksQ0FBQyxZQUFZO2dCQUMvQixhQUFhLEVBQUUsSUFBSSxDQUFDLGFBQWE7YUFDbEMsQ0FBQyxDQUFDO1NBQ0o7SUFDSCxDQUFDO0lBRUQsWUFBWSxDQUFDLElBQWM7UUFDekIsSUFBSSxJQUFJLENBQUMsSUFBSSxLQUFLLFVBQVUsRUFBRTtZQUM1QixPQUFPLFVBQVUsQ0FBQztTQUNuQjthQUFNO1lBQ0wsT0FBTyxJQUFJLENBQUMsQ0FBQztpQkFDVixlQUFlLENBQUMsWUFBWSxDQUFDO2lCQUM3QixNQUFNLENBQUMsSUFBSSxDQUFDLElBQUksS0FBSyxJQUFJLENBQUMsV0FBVyxDQUFDLENBQUMsQ0FBQyxhQUFhLENBQUMsQ0FBQyxDQUFDLFlBQVksRUFBRTtnQkFDckUsS0FBSyxFQUFFLENBQUMsSUFBSSxDQUFDLElBQUksR0FBRyxDQUFDLENBQUMsQ0FBQyxRQUFRLEVBQUU7YUFDbEMsQ0FBVyxDQUFDO1NBQ2hCO0lBQ0gsQ0FBQzs7c0hBN0NVLHlCQUF5QjswR0FBekIseUJBQXlCLGlRQzFCdEMsbW9CQWtCQTsyRkRRYSx5QkFBeUI7a0JBTnJDLFNBQVM7K0JBQ0UsdUJBQXVCLGNBR3JCLEtBQUs7dUdBU1IsV0FBVztzQkFBbkIsS0FBSztnQkFDRyxjQUFjO3NCQUF0QixLQUFLO2dCQUNHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBQ0csYUFBYTtzQkFBckIsS0FBSztnQkFDSSxVQUFVO3NCQUFuQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ29tcG9uZW50LFxuICBFdmVudEVtaXR0ZXIsXG4gIElucHV0LFxuICBPbkNoYW5nZXMsXG4gIE91dHB1dCxcbiAgU2ltcGxlQ2hhbmdlcyxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgdHJhbnNsYXRpb25zIGZyb20gJy4uL2kxOG4nO1xuaW1wb3J0IHsgVHJhbnNsYXRlU2VydmljZSB9IGZyb20gJy4uLy4uL2NvbW1vbi90cmFuc2xhdGUuc2VydmljZSc7XG5cbnR5cGUgUGFnZVNsb3QgPSB7IHR5cGU6ICdlbGxpcHNpcycgfSB8IHsgdHlwZTogJ3BhZ2UnOyBwYWdlOiBudW1iZXIgfTtcblxuaW50ZXJmYWNlIFBhZ2VTZWxlY3Rpb25PcHRpb25zIHtcbiAgY3VycmVudFBhZ2U6IG51bWJlcjtcbiAgdG90YWxQYWdlQ291bnQ6IG51bWJlcjtcbiAgc2libGluZ0NvdW50PzogbnVtYmVyO1xuICBib3VuZGFyeUNvdW50PzogbnVtYmVyO1xufVxuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzcC1wYWdlLXNlbGVjdGlvbi1yb3cnLFxuICB0ZW1wbGF0ZVVybDogJy4vcGFnZS1zZWxlY3Rpb24tcm93LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vcGFnaW5hdGlvbi5jb21wb25lbnQuc2NzcyddLFxuICBzdGFuZGFsb25lOiBmYWxzZSxcbn0pXG5leHBvcnQgY2xhc3MgUGFnZVNlbGVjdGlvblJvd0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uQ2hhbmdlcyB7XG4gIHQ6IFRyYW5zbGF0ZVNlcnZpY2U7XG5cbiAgY29uc3RydWN0b3IodDogVHJhbnNsYXRlU2VydmljZSkge1xuICAgIHRoaXMudCA9IHQ7XG4gIH1cblxuICBASW5wdXQoKSBjdXJyZW50UGFnZTogbnVtYmVyID0gMDtcbiAgQElucHV0KCkgdG90YWxQYWdlQ291bnQ6IG51bWJlciA9IDA7XG4gIEBJbnB1dCgpIHNpYmxpbmdDb3VudDogbnVtYmVyID0gMTtcbiAgQElucHV0KCkgYm91bmRhcnlDb3VudDogbnVtYmVyID0gMTtcbiAgQE91dHB1dCgpIHBhZ2VDaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPG51bWJlcj4oKTtcblxuICBzbG90czogUGFnZVNsb3RbXSA9IFtdO1xuXG4gIG9uUGFnZVNlbGVjdChwYWdlOiBudW1iZXIpIHtcbiAgICB0aGlzLnBhZ2VDaGFuZ2UuZW1pdChwYWdlKTtcbiAgfVxuXG4gIG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpOiB2b2lkIHtcbiAgICBpZiAoXG4gICAgICBjaGFuZ2VzLmN1cnJlbnRQYWdlIHx8XG4gICAgICBjaGFuZ2VzLnRvdGFsUGFnZUNvdW50IHx8XG4gICAgICBjaGFuZ2VzLnNpYmxpbmdDb3VudCB8fFxuICAgICAgY2hhbmdlcy5ib3VuZGFyeUNvdW50XG4gICAgKSB7XG4gICAgICB0aGlzLnNsb3RzID0gdGhpcy5wYWdlU2xvdHMoe1xuICAgICAgICBjdXJyZW50UGFnZTogdGhpcy5jdXJyZW50UGFnZSxcbiAgICAgICAgdG90YWxQYWdlQ291bnQ6IHRoaXMudG90YWxQYWdlQ291bnQsXG4gICAgICAgIHNpYmxpbmdDb3VudDogdGhpcy5zaWJsaW5nQ291bnQsXG4gICAgICAgIGJvdW5kYXJ5Q291bnQ6IHRoaXMuYm91bmRhcnlDb3VudCxcbiAgICAgIH0pO1xuICAgIH1cbiAgfVxuXG4gIGdldEFyaWFMYWJlbChzbG90OiBQYWdlU2xvdCk6IHN0cmluZyB7XG4gICAgaWYgKHNsb3QudHlwZSA9PT0gJ2VsbGlwc2lzJykge1xuICAgICAgcmV0dXJuICdlbGxpcHNpcyc7XG4gICAgfSBlbHNlIHtcbiAgICAgIHJldHVybiB0aGlzLnRcbiAgICAgICAgLnN0cmluZ0Zvcm1hdHRlcih0cmFuc2xhdGlvbnMpXG4gICAgICAgIC5mb3JtYXQoc2xvdC5wYWdlID09PSB0aGlzLmN1cnJlbnRQYWdlID8gJ3BhZ2UtbnVtYmVyJyA6ICdnby10by1wYWdlJywge1xuICAgICAgICAgIHZhbHVlOiAoc2xvdC5wYWdlICsgMSkudG9TdHJpbmcoKSxcbiAgICAgICAgfSkgYXMgc3RyaW5nO1xuICAgIH1cbiAgfVxuXG4gIC8vIENvbW1vbiBjb2RlIHdpdGggUmVhY3RcbiAgcGFnZVNsb3RzID0gKHBhcmFtczogUGFnZVNlbGVjdGlvbk9wdGlvbnMpOiBBcnJheTxQYWdlU2xvdD4gPT5cbiAgICB0aGlzLmludGVyc3BlcnNlPEFycmF5PFBhZ2VTbG90Pj4oXG4gICAgICB0aGlzLnZpc2libGVQYWdlcyhwYXJhbXMpLm1hcCgocGFnZUdyb3VwKSA9PlxuICAgICAgICBwYWdlR3JvdXAubWFwKChwYWdlKSA9PiAoeyB0eXBlOiAncGFnZScsIHBhZ2UgfSkpXG4gICAgICApLFxuICAgICAgW3sgdHlwZTogJ2VsbGlwc2lzJyB9XVxuICAgICkuZmxhdE1hcCgocGFnZVNsb3QpID0+IHBhZ2VTbG90KTtcblxuICB2aXNpYmxlUGFnZXMgPSAocGFyYW1zOiBQYWdlU2VsZWN0aW9uT3B0aW9ucyk6IEFycmF5PEFycmF5PG51bWJlcj4+ID0+IHtcbiAgICBjb25zdCB7IGN1cnJlbnRQYWdlLCB0b3RhbFBhZ2VDb3VudCwgc2libGluZ0NvdW50LCBib3VuZGFyeUNvdW50IH0gPVxuICAgICAgdGhpcy5ub3JtYWxpemVQYWdlVmFsdWVzKHBhcmFtcyk7XG5cbiAgICAvKipcbiAgICAgKiBOT1RFIGZvciBtYWludGFpbmVycy5cbiAgICAgKlxuICAgICAqIEJlbG93IGNvdWxkIGJlIHdyaXR0ZW4gYXMgXCJib3VuZGFyeUNvdW50ICogMiAgKyBzaWJsaW5nQ291bnQgKiAyICsgMylcIlxuICAgICAqIGJ1dCBJIHdhbnRlZCB0byBiZXR0ZXIgc2hvdyB3aGF0IGVhY2ggbnVtYmVyIHJlcHJlc2VudHMuXG4gICAgICpcbiAgICAgKiBFeGFtcGxlIHdoZXJlIGJvdW5kYXJ5IGlzIDEgYW5kIHNpYmxpbmcgaXMgMTpcbiAgICAgKlxuICAgICAqICAgIDEgICAgICAgLi4uICAgICAgIDUgICAgICAgICA2ICAgICAgICAgIDcgICAgICAuLi4gICAgICAxMFxuICAgICAqIGJvdW5kYXJ5IGVsbGlwc2lzIHNpYmxpbmcgc2VsZWN0ZWRQYWdlIHNpYmxpbmcgZWxsaXBzaXMgYm91bmRhcnlcbiAgICAgKi9cbiAgICBjb25zdCBtYXhQYWdlU2xvdHMgPVxuICAgICAgYm91bmRhcnlDb3VudCArXG4gICAgICAxIC8qIGVsbGlwc2lzICovICtcbiAgICAgIChzaWJsaW5nQ291bnQgKyAxICsgc2libGluZ0NvdW50KSAvKiB2aXNpYmxlIG1pZGRsZSByYW5nZSAqLyArXG4gICAgICAxIC8qIGVsbGlwc2lzICovICtcbiAgICAgIGJvdW5kYXJ5Q291bnQ7XG5cbiAgICBjb25zdCBwYWdlcyA9IHRoaXMuYXJyYXlPZk51bWJlcnMoeyBmcm9tOiAwLCBjb3VudDogdG90YWxQYWdlQ291bnQgfSk7XG5cbiAgICBpZiAocGFnZXMubGVuZ3RoIDw9IG1heFBhZ2VTbG90cykge1xuICAgICAgcmV0dXJuIFtwYWdlc107IC8vIGVnOiBbWzEsIDIsIDMsIDQsIDUsIDYsIDcsIDgsIDksIDEwXV1cbiAgICB9IGVsc2Uge1xuICAgICAgY29uc3QgaGFsZlNsb3RzQ291bnQgPSBNYXRoLmNlaWwobWF4UGFnZVNsb3RzIC8gMik7XG4gICAgICBjb25zdCBjdXJyZW50UGFnZUluZGV4ID0gcGFnZXMuZmluZEluZGV4KChwYWdlKSA9PiBwYWdlID09PSBjdXJyZW50UGFnZSk7XG5cbiAgICAgIGlmIChwYWdlcy5zbGljZSgwLCBoYWxmU2xvdHNDb3VudCkuaW5jbHVkZXMoY3VycmVudFBhZ2UpKSB7XG4gICAgICAgIHJldHVybiBbXG4gICAgICAgICAgcGFnZXMuc2xpY2UoMCwgaGFsZlNsb3RzQ291bnQgKyBzaWJsaW5nQ291bnQpLFxuICAgICAgICAgIGJvdW5kYXJ5Q291bnQgPT09IDAgPyBbXSA6IHBhZ2VzLnNsaWNlKC1ib3VuZGFyeUNvdW50KSxcbiAgICAgICAgXS5zbGljZSgwLCBtYXhQYWdlU2xvdHMpOyAvLyBlZzogW1sxLCAyLCAzLCA0LCA1XSwgWzEwXV1cbiAgICAgIH0gZWxzZSBpZiAocGFnZXMuc2xpY2UoLWhhbGZTbG90c0NvdW50KS5pbmNsdWRlcyhjdXJyZW50UGFnZSkpIHtcbiAgICAgICAgcmV0dXJuIFtcbiAgICAgICAgICBwYWdlcy5zbGljZSgwLCBib3VuZGFyeUNvdW50KSxcbiAgICAgICAgICBwYWdlcy5zbGljZSgtaGFsZlNsb3RzQ291bnQgLSBzaWJsaW5nQ291bnQpLFxuICAgICAgICBdLnNsaWNlKDAsIG1heFBhZ2VTbG90cyk7IC8vIGVnOiBbWzFdLCBbNiwgNywgOCwgOSwgMTBdXVxuICAgICAgfSBlbHNlIHtcbiAgICAgICAgcmV0dXJuIFtcbiAgICAgICAgICBwYWdlcy5zbGljZSgwLCBib3VuZGFyeUNvdW50KSxcbiAgICAgICAgICBwYWdlcy5zbGljZShcbiAgICAgICAgICAgIGN1cnJlbnRQYWdlSW5kZXggLSBzaWJsaW5nQ291bnQsXG4gICAgICAgICAgICBjdXJyZW50UGFnZUluZGV4ICsgc2libGluZ0NvdW50ICsgMVxuICAgICAgICAgICksXG4gICAgICAgICAgYm91bmRhcnlDb3VudCA9PT0gMCA/IFtdIDogcGFnZXMuc2xpY2UoLWJvdW5kYXJ5Q291bnQpLFxuICAgICAgICBdLnNsaWNlKDAsIG1heFBhZ2VTbG90cyk7IC8vIGVnOiBbWzFdLCBbNCwgNSwgNl0sIFsxMF1dXG4gICAgICB9XG4gICAgfVxuICB9O1xuXG4gIG5vcm1hbGl6ZVBhZ2VWYWx1ZXMgPSAoe1xuICAgIGN1cnJlbnRQYWdlLFxuICAgIHRvdGFsUGFnZUNvdW50LFxuICAgIHNpYmxpbmdDb3VudCA9IDEsXG4gICAgYm91bmRhcnlDb3VudCA9IDEsXG4gIH06IFBhZ2VTZWxlY3Rpb25PcHRpb25zKTogUmVxdWlyZWQ8UGFnZVNlbGVjdGlvbk9wdGlvbnM+ID0+ICh7XG4gICAgdG90YWxQYWdlQ291bnQ6IE1hdGgubWF4KHRvdGFsUGFnZUNvdW50LCAxKSxcbiAgICBjdXJyZW50UGFnZTogTWF0aC5taW4oTWF0aC5tYXgoY3VycmVudFBhZ2UsIDApLCB0b3RhbFBhZ2VDb3VudCAtIDEpLFxuICAgIGJvdW5kYXJ5Q291bnQ6IE1hdGgubWF4KGJvdW5kYXJ5Q291bnQsIDApLFxuICAgIHNpYmxpbmdDb3VudDogTWF0aC5tYXgoc2libGluZ0NvdW50LCAwKSxcbiAgfSk7XG5cbiAgYXJyYXlPZk51bWJlcnMgPSAoe1xuICAgIGZyb20sXG4gICAgY291bnQsXG4gIH06IHtcbiAgICBmcm9tOiBudW1iZXI7XG4gICAgY291bnQ6IG51bWJlcjtcbiAgfSk6IEFycmF5PG51bWJlcj4gPT5cbiAgICBBcnJheS5mcm9tKG5ldyBBcnJheShjb3VudCkpLm1hcCgoXywgaW5kZXgpID0+IGZyb20gKyBpbmRleCk7XG5cbiAgaW50ZXJzcGVyc2UgPSA8VD4oYXJyYXk6IFRbXSwgc2VwYXJhdG9yOiBUKTogVFtdID0+XG4gICAgYXJyYXkucmVkdWNlKChhOiBUW10sIHY6IFQpID0+IFsuLi5hLCB2LCBzZXBhcmF0b3JdLCBbXSkuc2xpY2UoMCwgLTEpO1xufVxuIiwiPHNwLWJ1dHRvbi1ncm91cCBvcmllbnRhdGlvbj1cImhvcml6b250YWxcIiBzcGFjaW5nPVwieHNcIj5cbiAgPG5nLWNvbnRhaW5lciAqbmdGb3I9XCJsZXQgc2xvdCBvZiBzbG90c1wiPlxuICAgIDxkaXYgKm5nSWY9XCJzbG90LnR5cGUgPT09ICdlbGxpcHNpcydcIiBjbGFzcz1cInNhcHBoaXJlLXBhZ2luYXRpb25fX2VsbGlwc2lzXCI+XG4gICAgICAuLi5cbiAgICA8L2Rpdj5cbiAgICA8YnV0dG9uXG4gICAgICAqbmdJZj1cInNsb3QudHlwZSA9PT0gJ3BhZ2UnXCJcbiAgICAgIHNwLWljb24tYnV0dG9uXG4gICAgICBbdmFyaWFudF09XCJzbG90LnBhZ2UgPT09IGN1cnJlbnRQYWdlID8gJ3NlY29uZGFyeScgOiAndGVydGlhcnktZ2hvc3QnXCJcbiAgICAgIHNpemU9XCJzbVwiXG4gICAgICAoY2xpY2spPVwib25QYWdlU2VsZWN0KHNsb3QucGFnZSlcIlxuICAgICAgW2F0dHIuYXJpYS1sYWJlbF09XCJnZXRBcmlhTGFiZWwoc2xvdClcIlxuICAgICAgW25nU3R5bGVdPVwieyAnei1pbmRleCc6IHNsb3QucGFnZSAhPT0gY3VycmVudFBhZ2UgPyAxIDogbnVsbCB9XCJcbiAgICA+XG4gICAgICB7eyBzbG90LnBhZ2UgKyAxIH19XG4gICAgPC9idXR0b24+XG4gIDwvbmctY29udGFpbmVyPlxuPC9zcC1idXR0b24tZ3JvdXA+XG4iXX0=
|
|
119
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZS1zZWxlY3Rpb24tcm93LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvcGFnaW5hdGlvbi9zcmMvcGFnZS1zZWxlY3Rpb24tcm93LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvcGFnaW5hdGlvbi9zcmMvcGFnZS1zZWxlY3Rpb24tcm93LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsWUFBWSxFQUNaLEtBQUssRUFFTCxNQUFNLEdBRVAsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxZQUFZLE1BQU0sU0FBUyxDQUFDOzs7Ozs7QUFrQm5DLE1BQU0sT0FBTyx5QkFBeUI7SUFHcEMsWUFBWSxDQUFtQjtRQUl0QixnQkFBVyxHQUFXLENBQUMsQ0FBQztRQUN4QixtQkFBYyxHQUFXLENBQUMsQ0FBQztRQUMzQixpQkFBWSxHQUFXLENBQUMsQ0FBQztRQUN6QixrQkFBYSxHQUFXLENBQUMsQ0FBQztRQUN6QixlQUFVLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztRQUVsRCxVQUFLLEdBQWUsRUFBRSxDQUFDO1FBa0N2Qix5QkFBeUI7UUFDekIsY0FBUyxHQUFHLENBQUMsTUFBNEIsRUFBbUIsRUFBRSxDQUM1RCxJQUFJLENBQUMsV0FBVyxDQUNkLElBQUksQ0FBQyxZQUFZLENBQUMsTUFBTSxDQUFDLENBQUMsR0FBRyxDQUFDLENBQUMsU0FBUyxFQUFFLEVBQUUsQ0FDMUMsU0FBUyxDQUFDLEdBQUcsQ0FBQyxDQUFDLElBQUksRUFBRSxFQUFFLENBQUMsQ0FBQyxFQUFFLElBQUksRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFFLENBQUMsQ0FBQyxDQUNsRCxFQUNELENBQUMsRUFBRSxJQUFJLEVBQUUsVUFBVSxFQUFFLENBQUMsQ0FDdkIsQ0FBQyxPQUFPLENBQUMsQ0FBQyxRQUFRLEVBQUUsRUFBRSxD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QkFDbkMsWUFBWSxFQUFFLElBQUksQ0FBQyxZQUFZO2dCQUMvQixhQUFhLEVBQUUsSUFBSSxDQUFDLGFBQWE7YUFDbEMsQ0FBQyxDQUFDO1NBQ0o7SUFDSCxDQUFDO0lBRUQsWUFBWSxDQUFDLElBQWM7UUFDekIsSUFBSSxJQUFJLENBQUMsSUFBSSxLQUFLLFVBQVUsRUFBRTtZQUM1QixPQUFPLFVBQVUsQ0FBQztTQUNuQjthQUFNO1lBQ0wsT0FBTyxJQUFJLENBQUMsQ0FBQztpQkFDVixlQUFlLENBQUMsWUFBWSxDQUFDO2lCQUM3QixNQUFNLENBQUMsSUFBSSxDQUFDLElBQUksS0FBSyxJQUFJLENBQUMsV0FBVyxDQUFDLENBQUMsQ0FBQyxhQUFhLENBQUMsQ0FBQyxDQUFDLFlBQVksRUFBRTtnQkFDckUsS0FBSyxFQUFFLENBQUMsSUFBSSxDQUFDLElBQUksR0FBRyxDQUFDLENBQUMsQ0FBQyxRQUFRLEVBQUU7YUFDbEMsQ0FBVyxDQUFDO1NBQ2hCO0lBQ0gsQ0FBQzs7c0hBN0NVLHlCQUF5QjswR0FBekIseUJBQXlCLGlRQzFCdEMsNm5CQWtCQTsyRkRRYSx5QkFBeUI7a0JBTnJDLFNBQVM7K0JBQ0UsdUJBQXVCLGNBR3JCLEtBQUs7dUdBU1IsV0FBVztzQkFBbkIsS0FBSztnQkFDRyxjQUFjO3NCQUF0QixLQUFLO2dCQUNHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBQ0csYUFBYTtzQkFBckIsS0FBSztnQkFDSSxVQUFVO3NCQUFuQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ29tcG9uZW50LFxuICBFdmVudEVtaXR0ZXIsXG4gIElucHV0LFxuICBPbkNoYW5nZXMsXG4gIE91dHB1dCxcbiAgU2ltcGxlQ2hhbmdlcyxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgdHJhbnNsYXRpb25zIGZyb20gJy4uL2kxOG4nO1xuaW1wb3J0IHsgVHJhbnNsYXRlU2VydmljZSB9IGZyb20gJy4uLy4uL2NvbW1vbi90cmFuc2xhdGUuc2VydmljZSc7XG5cbnR5cGUgUGFnZVNsb3QgPSB7IHR5cGU6ICdlbGxpcHNpcycgfSB8IHsgdHlwZTogJ3BhZ2UnOyBwYWdlOiBudW1iZXIgfTtcblxuaW50ZXJmYWNlIFBhZ2VTZWxlY3Rpb25PcHRpb25zIHtcbiAgY3VycmVudFBhZ2U6IG51bWJlcjtcbiAgdG90YWxQYWdlQ291bnQ6IG51bWJlcjtcbiAgc2libGluZ0NvdW50PzogbnVtYmVyO1xuICBib3VuZGFyeUNvdW50PzogbnVtYmVyO1xufVxuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzcC1wYWdlLXNlbGVjdGlvbi1yb3cnLFxuICB0ZW1wbGF0ZVVybDogJy4vcGFnZS1zZWxlY3Rpb24tcm93LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vcGFnaW5hdGlvbi5jb21wb25lbnQuc2NzcyddLFxuICBzdGFuZGFsb25lOiBmYWxzZSxcbn0pXG5leHBvcnQgY2xhc3MgUGFnZVNlbGVjdGlvblJvd0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uQ2hhbmdlcyB7XG4gIHQ6IFRyYW5zbGF0ZVNlcnZpY2U7XG5cbiAgY29uc3RydWN0b3IodDogVHJhbnNsYXRlU2VydmljZSkge1xuICAgIHRoaXMudCA9IHQ7XG4gIH1cblxuICBASW5wdXQoKSBjdXJyZW50UGFnZTogbnVtYmVyID0gMDtcbiAgQElucHV0KCkgdG90YWxQYWdlQ291bnQ6IG51bWJlciA9IDA7XG4gIEBJbnB1dCgpIHNpYmxpbmdDb3VudDogbnVtYmVyID0gMTtcbiAgQElucHV0KCkgYm91bmRhcnlDb3VudDogbnVtYmVyID0gMTtcbiAgQE91dHB1dCgpIHBhZ2VDaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPG51bWJlcj4oKTtcblxuICBzbG90czogUGFnZVNsb3RbXSA9IFtdO1xuXG4gIG9uUGFnZVNlbGVjdChwYWdlOiBudW1iZXIpIHtcbiAgICB0aGlzLnBhZ2VDaGFuZ2UuZW1pdChwYWdlKTtcbiAgfVxuXG4gIG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpOiB2b2lkIHtcbiAgICBpZiAoXG4gICAgICBjaGFuZ2VzLmN1cnJlbnRQYWdlIHx8XG4gICAgICBjaGFuZ2VzLnRvdGFsUGFnZUNvdW50IHx8XG4gICAgICBjaGFuZ2VzLnNpYmxpbmdDb3VudCB8fFxuICAgICAgY2hhbmdlcy5ib3VuZGFyeUNvdW50XG4gICAgKSB7XG4gICAgICB0aGlzLnNsb3RzID0gdGhpcy5wYWdlU2xvdHMoe1xuICAgICAgICBjdXJyZW50UGFnZTogdGhpcy5jdXJyZW50UGFnZSxcbiAgICAgICAgdG90YWxQYWdlQ291bnQ6IHRoaXMudG90YWxQYWdlQ291bnQsXG4gICAgICAgIHNpYmxpbmdDb3VudDogdGhpcy5zaWJsaW5nQ291bnQsXG4gICAgICAgIGJvdW5kYXJ5Q291bnQ6IHRoaXMuYm91bmRhcnlDb3VudCxcbiAgICAgIH0pO1xuICAgIH1cbiAgfVxuXG4gIGdldEFyaWFMYWJlbChzbG90OiBQYWdlU2xvdCk6IHN0cmluZyB7XG4gICAgaWYgKHNsb3QudHlwZSA9PT0gJ2VsbGlwc2lzJykge1xuICAgICAgcmV0dXJuICdlbGxpcHNpcyc7XG4gICAgfSBlbHNlIHtcbiAgICAgIHJldHVybiB0aGlzLnRcbiAgICAgICAgLnN0cmluZ0Zvcm1hdHRlcih0cmFuc2xhdGlvbnMpXG4gICAgICAgIC5mb3JtYXQoc2xvdC5wYWdlID09PSB0aGlzLmN1cnJlbnRQYWdlID8gJ3BhZ2UtbnVtYmVyJyA6ICdnby10by1wYWdlJywge1xuICAgICAgICAgIHZhbHVlOiAoc2xvdC5wYWdlICsgMSkudG9TdHJpbmcoKSxcbiAgICAgICAgfSkgYXMgc3RyaW5nO1xuICAgIH1cbiAgfVxuXG4gIC8vIENvbW1vbiBjb2RlIHdpdGggUmVhY3RcbiAgcGFnZVNsb3RzID0gKHBhcmFtczogUGFnZVNlbGVjdGlvbk9wdGlvbnMpOiBBcnJheTxQYWdlU2xvdD4gPT5cbiAgICB0aGlzLmludGVyc3BlcnNlPEFycmF5PFBhZ2VTbG90Pj4oXG4gICAgICB0aGlzLnZpc2libGVQYWdlcyhwYXJhbXMpLm1hcCgocGFnZUdyb3VwKSA9PlxuICAgICAgICBwYWdlR3JvdXAubWFwKChwYWdlKSA9PiAoeyB0eXBlOiAncGFnZScsIHBhZ2UgfSkpXG4gICAgICApLFxuICAgICAgW3sgdHlwZTogJ2VsbGlwc2lzJyB9XVxuICAgICkuZmxhdE1hcCgocGFnZVNsb3QpID0+IHBhZ2VTbG90KTtcblxuICB2aXNpYmxlUGFnZXMgPSAocGFyYW1zOiBQYWdlU2VsZWN0aW9uT3B0aW9ucyk6IEFycmF5PEFycmF5PG51bWJlcj4+ID0+IHtcbiAgICBjb25zdCB7IGN1cnJlbnRQYWdlLCB0b3RhbFBhZ2VDb3VudCwgc2libGluZ0NvdW50LCBib3VuZGFyeUNvdW50IH0gPVxuICAgICAgdGhpcy5ub3JtYWxpemVQYWdlVmFsdWVzKHBhcmFtcyk7XG5cbiAgICAvKipcbiAgICAgKiBOT1RFIGZvciBtYWludGFpbmVycy5cbiAgICAgKlxuICAgICAqIEJlbG93IGNvdWxkIGJlIHdyaXR0ZW4gYXMgXCJib3VuZGFyeUNvdW50ICogMiAgKyBzaWJsaW5nQ291bnQgKiAyICsgMylcIlxuICAgICAqIGJ1dCBJIHdhbnRlZCB0byBiZXR0ZXIgc2hvdyB3aGF0IGVhY2ggbnVtYmVyIHJlcHJlc2VudHMuXG4gICAgICpcbiAgICAgKiBFeGFtcGxlIHdoZXJlIGJvdW5kYXJ5IGlzIDEgYW5kIHNpYmxpbmcgaXMgMTpcbiAgICAgKlxuICAgICAqICAgIDEgICAgICAgLi4uICAgICAgIDUgICAgICAgICA2ICAgICAgICAgIDcgICAgICAuLi4gICAgICAxMFxuICAgICAqIGJvdW5kYXJ5IGVsbGlwc2lzIHNpYmxpbmcgc2VsZWN0ZWRQYWdlIHNpYmxpbmcgZWxsaXBzaXMgYm91bmRhcnlcbiAgICAgKi9cbiAgICBjb25zdCBtYXhQYWdlU2xvdHMgPVxuICAgICAgYm91bmRhcnlDb3VudCArXG4gICAgICAxIC8qIGVsbGlwc2lzICovICtcbiAgICAgIChzaWJsaW5nQ291bnQgKyAxICsgc2libGluZ0NvdW50KSAvKiB2aXNpYmxlIG1pZGRsZSByYW5nZSAqLyArXG4gICAgICAxIC8qIGVsbGlwc2lzICovICtcbiAgICAgIGJvdW5kYXJ5Q291bnQ7XG5cbiAgICBjb25zdCBwYWdlcyA9IHRoaXMuYXJyYXlPZk51bWJlcnMoeyBmcm9tOiAwLCBjb3VudDogdG90YWxQYWdlQ291bnQgfSk7XG5cbiAgICBpZiAocGFnZXMubGVuZ3RoIDw9IG1heFBhZ2VTbG90cykge1xuICAgICAgcmV0dXJuIFtwYWdlc107IC8vIGVnOiBbWzEsIDIsIDMsIDQsIDUsIDYsIDcsIDgsIDksIDEwXV1cbiAgICB9IGVsc2Uge1xuICAgICAgY29uc3QgaGFsZlNsb3RzQ291bnQgPSBNYXRoLmNlaWwobWF4UGFnZVNsb3RzIC8gMik7XG4gICAgICBjb25zdCBjdXJyZW50UGFnZUluZGV4ID0gcGFnZXMuZmluZEluZGV4KChwYWdlKSA9PiBwYWdlID09PSBjdXJyZW50UGFnZSk7XG5cbiAgICAgIGlmIChwYWdlcy5zbGljZSgwLCBoYWxmU2xvdHNDb3VudCkuaW5jbHVkZXMoY3VycmVudFBhZ2UpKSB7XG4gICAgICAgIHJldHVybiBbXG4gICAgICAgICAgcGFnZXMuc2xpY2UoMCwgaGFsZlNsb3RzQ291bnQgKyBzaWJsaW5nQ291bnQpLFxuICAgICAgICAgIGJvdW5kYXJ5Q291bnQgPT09IDAgPyBbXSA6IHBhZ2VzLnNsaWNlKC1ib3VuZGFyeUNvdW50KSxcbiAgICAgICAgXS5zbGljZSgwLCBtYXhQYWdlU2xvdHMpOyAvLyBlZzogW1sxLCAyLCAzLCA0LCA1XSwgWzEwXV1cbiAgICAgIH0gZWxzZSBpZiAocGFnZXMuc2xpY2UoLWhhbGZTbG90c0NvdW50KS5pbmNsdWRlcyhjdXJyZW50UGFnZSkpIHtcbiAgICAgICAgcmV0dXJuIFtcbiAgICAgICAgICBwYWdlcy5zbGljZSgwLCBib3VuZGFyeUNvdW50KSxcbiAgICAgICAgICBwYWdlcy5zbGljZSgtaGFsZlNsb3RzQ291bnQgLSBzaWJsaW5nQ291bnQpLFxuICAgICAgICBdLnNsaWNlKDAsIG1heFBhZ2VTbG90cyk7IC8vIGVnOiBbWzFdLCBbNiwgNywgOCwgOSwgMTBdXVxuICAgICAgfSBlbHNlIHtcbiAgICAgICAgcmV0dXJuIFtcbiAgICAgICAgICBwYWdlcy5zbGljZSgwLCBib3VuZGFyeUNvdW50KSxcbiAgICAgICAgICBwYWdlcy5zbGljZShcbiAgICAgICAgICAgIGN1cnJlbnRQYWdlSW5kZXggLSBzaWJsaW5nQ291bnQsXG4gICAgICAgICAgICBjdXJyZW50UGFnZUluZGV4ICsgc2libGluZ0NvdW50ICsgMVxuICAgICAgICAgICksXG4gICAgICAgICAgYm91bmRhcnlDb3VudCA9PT0gMCA/IFtdIDogcGFnZXMuc2xpY2UoLWJvdW5kYXJ5Q291bnQpLFxuICAgICAgICBdLnNsaWNlKDAsIG1heFBhZ2VTbG90cyk7IC8vIGVnOiBbWzFdLCBbNCwgNSwgNl0sIFsxMF1dXG4gICAgICB9XG4gICAgfVxuICB9O1xuXG4gIG5vcm1hbGl6ZVBhZ2VWYWx1ZXMgPSAoe1xuICAgIGN1cnJlbnRQYWdlLFxuICAgIHRvdGFsUGFnZUNvdW50LFxuICAgIHNpYmxpbmdDb3VudCA9IDEsXG4gICAgYm91bmRhcnlDb3VudCA9IDEsXG4gIH06IFBhZ2VTZWxlY3Rpb25PcHRpb25zKTogUmVxdWlyZWQ8UGFnZVNlbGVjdGlvbk9wdGlvbnM+ID0+ICh7XG4gICAgdG90YWxQYWdlQ291bnQ6IE1hdGgubWF4KHRvdGFsUGFnZUNvdW50LCAxKSxcbiAgICBjdXJyZW50UGFnZTogTWF0aC5taW4oTWF0aC5tYXgoY3VycmVudFBhZ2UsIDApLCB0b3RhbFBhZ2VDb3VudCAtIDEpLFxuICAgIGJvdW5kYXJ5Q291bnQ6IE1hdGgubWF4KGJvdW5kYXJ5Q291bnQsIDApLFxuICAgIHNpYmxpbmdDb3VudDogTWF0aC5tYXgoc2libGluZ0NvdW50LCAwKSxcbiAgfSk7XG5cbiAgYXJyYXlPZk51bWJlcnMgPSAoe1xuICAgIGZyb20sXG4gICAgY291bnQsXG4gIH06IHtcbiAgICBmcm9tOiBudW1iZXI7XG4gICAgY291bnQ6IG51bWJlcjtcbiAgfSk6IEFycmF5PG51bWJlcj4gPT5cbiAgICBBcnJheS5mcm9tKG5ldyBBcnJheShjb3VudCkpLm1hcCgoXywgaW5kZXgpID0+IGZyb20gKyBpbmRleCk7XG5cbiAgaW50ZXJzcGVyc2UgPSA8VD4oYXJyYXk6IFRbXSwgc2VwYXJhdG9yOiBUKTogVFtdID0+XG4gICAgYXJyYXkucmVkdWNlKChhOiBUW10sIHY6IFQpID0+IFsuLi5hLCB2LCBzZXBhcmF0b3JdLCBbXSkuc2xpY2UoMCwgLTEpO1xufVxuIiwiPHNwLWJ1dHRvbi1ncm91cCBvcmllbnRhdGlvbj1cImhvcml6b250YWxcIiBzcGFjaW5nPVwieHNcIj5cbiAgPG5nLWNvbnRhaW5lciAqbmdGb3I9XCJsZXQgc2xvdCBvZiBzbG90c1wiPlxuICAgIDxkaXYgKm5nSWY9XCJzbG90LnR5cGUgPT09ICdlbGxpcHNpcydcIiBjbGFzcz1cInNhcHBoaXJlLXBhZ2luYXRpb25fX2VsbGlwc2lzXCI+XG4gICAgICAuLi5cbiAgICA8L2Rpdj5cbiAgICA8YnV0dG9uXG4gICAgICAqbmdJZj1cInNsb3QudHlwZSA9PT0gJ3BhZ2UnXCJcbiAgICAgIHNwLWljb24tYnV0dG9uXG4gICAgICBbdmFyaWFudF09XCJzbG90LnBhZ2UgPT09IGN1cnJlbnRQYWdlID8gJ3NlY29uZGFyeScgOiAndGVydGlhcnknXCJcbiAgICAgIHNpemU9XCJzbVwiXG4gICAgICAoY2xpY2spPVwib25QYWdlU2VsZWN0KHNsb3QucGFnZSlcIlxuICAgICAgW2F0dHIuYXJpYS1sYWJlbF09XCJnZXRBcmlhTGFiZWwoc2xvdClcIlxuICAgICAgW25nU3R5bGVdPVwieyAnei1pbmRleCc6IHNsb3QucGFnZSAhPT0gY3VycmVudFBhZ2UgPyAxIDogbnVsbCB9XCJcbiAgICA+XG4gICAgICB7eyBzbG90LnBhZ2UgKyAxIH19XG4gICAgPC9idXR0b24+XG4gIDwvbmctY29udGFpbmVyPlxuPC9zcC1idXR0b24tZ3JvdXA+XG4iXX0=
|
|
@@ -1,13 +1,15 @@
|
|
|
1
1
|
import { coerceBooleanProperty } from '@angular/cdk/coercion';
|
|
2
2
|
import { Component, EventEmitter, Input, Output } from '@angular/core';
|
|
3
|
+
import { iconChevronLeft, iconChevronRight } from '@danske/sapphire-icons/js';
|
|
3
4
|
import * as i0 from "@angular/core";
|
|
4
|
-
import * as i1 from "
|
|
5
|
-
import * as i2 from "
|
|
6
|
-
import * as i3 from "../../
|
|
7
|
-
import * as i4 from "../../
|
|
8
|
-
import * as i5 from "../../
|
|
9
|
-
import * as i6 from "
|
|
10
|
-
import * as i7 from "
|
|
5
|
+
import * as i1 from "../../icon/public_api";
|
|
6
|
+
import * as i2 from "@angular/common";
|
|
7
|
+
import * as i3 from "../../listbox/src/option.component";
|
|
8
|
+
import * as i4 from "../../select/src/select-button/select-button.component";
|
|
9
|
+
import * as i5 from "../../button/src/icon-button.component";
|
|
10
|
+
import * as i6 from "../../icon/src/icon.component";
|
|
11
|
+
import * as i7 from "./page-selection-row.component";
|
|
12
|
+
import * as i8 from "../../common/translate.pipe";
|
|
11
13
|
export class SapphirePaginationChange {
|
|
12
14
|
constructor(
|
|
13
15
|
/** The new page index */
|
|
@@ -19,7 +21,7 @@ export class SapphirePaginationChange {
|
|
|
19
21
|
}
|
|
20
22
|
}
|
|
21
23
|
export class PaginationComponent {
|
|
22
|
-
constructor() {
|
|
24
|
+
constructor(iconRegistry) {
|
|
23
25
|
this.pageSize = 10;
|
|
24
26
|
this.itemCount = 0;
|
|
25
27
|
this.page = 0;
|
|
@@ -31,6 +33,7 @@ export class PaginationComponent {
|
|
|
31
33
|
this._disabled = false;
|
|
32
34
|
this.valueChange = new EventEmitter();
|
|
33
35
|
this.Math = Math;
|
|
36
|
+
iconRegistry.registerIcons([iconChevronLeft, iconChevronRight]);
|
|
34
37
|
}
|
|
35
38
|
get disabled() {
|
|
36
39
|
return this._disabled;
|
|
@@ -78,12 +81,12 @@ export class PaginationComponent {
|
|
|
78
81
|
return this.page === 0;
|
|
79
82
|
}
|
|
80
83
|
}
|
|
81
|
-
PaginationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: PaginationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
82
|
-
PaginationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: PaginationComponent, selector: "sp-pagination", inputs: { pageSize: "pageSize", itemCount: "itemCount", page: "page", pageSizeOptions: "pageSizeOptions", allowPageSelection: "allowPageSelection", disabled: "disabled" }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: "<div class=\"sapphire-pagination\">\n <sp-
|
|
84
|
+
PaginationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: PaginationComponent, deps: [{ token: i1.IconRegistry }], target: i0.ɵɵFactoryTarget.Component });
|
|
85
|
+
PaginationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: PaginationComponent, selector: "sp-pagination", inputs: { pageSize: "pageSize", itemCount: "itemCount", page: "page", pageSizeOptions: "pageSizeOptions", allowPageSelection: "allowPageSelection", disabled: "disabled" }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: "<div class=\"sapphire-pagination\">\n <sp-select-button\n *ngIf=\"pageSizeOptions\"\n [placeholder]=\"'select-an-option' | t\"\n (valueChange)=\"_onPageSizeChange($event)\"\n [value]=\"'' + pageSize\"\n [disabled]=\"!!disabled\"\n [aria-label]=\"'number-of-items-per-page' | t\"\n variant=\"tertiary\"\n size=\"sm\"\n >\n <sp-option\n *ngFor=\"let pageSizeOption of pageSizeOptions\"\n [value]=\"'' + pageSizeOption\"\n >{{ 'items-per-page' | t : { value: pageSizeOption } }}</sp-option\n >\n </sp-select-button>\n <span class=\"sapphire-pagination__controls\">\n <span\n *ngIf=\"!allowPageSelection\"\n class=\"sapphire-pagination__text--emphasized\"\n >\n {{ startItemIndex }} -\n {{ endItemIndex }}\n <span class=\"sapphire-pagination__text\"> {{ 'of' | t }} </span>\n {{ itemCount }}\n </span>\n <button\n sp-icon-button\n variant=\"tertiary\"\n size=\"sm\"\n (click)=\"_onPageChange('previous')\"\n [disabled]=\"_isPreviousPageButtonDisabled() || !!disabled\"\n [attr.aria-label]=\"'previous' | t\"\n >\n <sp-icon name=\"chevronLeft\"></sp-icon>\n </button>\n\n <sp-page-selection-row\n *ngIf=\"allowPageSelection\"\n [currentPage]=\"page\"\n [totalPageCount]=\"Math.ceil(itemCount / pageSize)\"\n [siblingCount]=\"1\"\n [boundaryCount]=\"1\"\n (pageChange)=\"_onPageSelect($event)\"\n />\n\n <button\n sp-icon-button\n variant=\"tertiary\"\n size=\"sm\"\n (click)=\"_onPageChange('next')\"\n [disabled]=\"_isNextPageButtonDisabled() || !!disabled\"\n [attr.aria-label]=\"'next' | t\"\n >\n <sp-icon name=\"chevronRight\"></sp-icon>\n </button>\n </span>\n</div>\n", styles: [".sapphire-pagination{display:flex;justify-content:flex-end;align-items:center;padding:var(--sapphire-semantic-size-spacing-2xs) var(--sapphire-semantic-size-spacing-lg);font-family:var(--sapphire-semantic-font-name-default);font-size:var(--sapphire-semantic-size-font-control-sm);height:var(--sapphire-semantic-size-height-control-md);background:var(--sapphire-semantic-color-background-surface);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sapphire-pagination__controls{display:flex;align-items:center;justify-content:flex-end;flex-grow:1;color:var(--sapphire-semantic-color-foreground-primary);gap:var(--sapphire-semantic-size-spacing-sm)}.sapphire-pagination__text{font-weight:var(--sapphire-semantic-font-weight-default-regular);padding-left:var(--sapphire-semantic-size-spacing-2xs);padding-right:var(--sapphire-semantic-size-spacing-2xs)}.sapphire-pagination__text--emphasized{font-weight:var(--sapphire-semantic-font-weight-default-medium)}.sapphire-pagination__ellipsis{display:flex;justify-content:center;align-items:center;height:var(--sapphire-semantic-size-height-control-sm);width:var(--sapphire-semantic-size-height-control-sm);font-size:var(--sapphire-semantic-size-font-control-sm);font-weight:var(--sapphire-semantic-font-weight-default-medium)}sp-select-button{margin-left:calc(-1 * var(--sapphire-semantic-size-spacing-md))}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.OptionComponent, selector: "sp-option", inputs: ["value", "disabled"] }, { kind: "component", type: i4.SelectButtonComponent, selector: "sp-select-button", inputs: ["size", "variant"], exportAs: ["spSelectButton"] }, { kind: "directive", type: i4.SelectButtonSingleSelectDirective, selector: "sp-select-button:not([multiple])" }, { kind: "component", type: i5.IconButtonComponent, selector: "button[sp-icon-button], a[sp-icon-button]", inputs: ["variant", "size", "disabled", "type"] }, { kind: "component", type: i6.IconComponent, selector: "sp-icon", inputs: ["name", "size", "color"] }, { kind: "component", type: i7.PageSelectionRowComponent, selector: "sp-page-selection-row", inputs: ["currentPage", "totalPageCount", "siblingCount", "boundaryCount"], outputs: ["pageChange"] }, { kind: "pipe", type: i8.TranslatePipe, name: "t" }] });
|
|
83
86
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: PaginationComponent, decorators: [{
|
|
84
87
|
type: Component,
|
|
85
|
-
args: [{ selector: 'sp-pagination', standalone: false, template: "<div class=\"sapphire-pagination\">\n <sp-
|
|
86
|
-
}], propDecorators: { pageSize: [{
|
|
88
|
+
args: [{ selector: 'sp-pagination', standalone: false, template: "<div class=\"sapphire-pagination\">\n <sp-select-button\n *ngIf=\"pageSizeOptions\"\n [placeholder]=\"'select-an-option' | t\"\n (valueChange)=\"_onPageSizeChange($event)\"\n [value]=\"'' + pageSize\"\n [disabled]=\"!!disabled\"\n [aria-label]=\"'number-of-items-per-page' | t\"\n variant=\"tertiary\"\n size=\"sm\"\n >\n <sp-option\n *ngFor=\"let pageSizeOption of pageSizeOptions\"\n [value]=\"'' + pageSizeOption\"\n >{{ 'items-per-page' | t : { value: pageSizeOption } }}</sp-option\n >\n </sp-select-button>\n <span class=\"sapphire-pagination__controls\">\n <span\n *ngIf=\"!allowPageSelection\"\n class=\"sapphire-pagination__text--emphasized\"\n >\n {{ startItemIndex }} -\n {{ endItemIndex }}\n <span class=\"sapphire-pagination__text\"> {{ 'of' | t }} </span>\n {{ itemCount }}\n </span>\n <button\n sp-icon-button\n variant=\"tertiary\"\n size=\"sm\"\n (click)=\"_onPageChange('previous')\"\n [disabled]=\"_isPreviousPageButtonDisabled() || !!disabled\"\n [attr.aria-label]=\"'previous' | t\"\n >\n <sp-icon name=\"chevronLeft\"></sp-icon>\n </button>\n\n <sp-page-selection-row\n *ngIf=\"allowPageSelection\"\n [currentPage]=\"page\"\n [totalPageCount]=\"Math.ceil(itemCount / pageSize)\"\n [siblingCount]=\"1\"\n [boundaryCount]=\"1\"\n (pageChange)=\"_onPageSelect($event)\"\n />\n\n <button\n sp-icon-button\n variant=\"tertiary\"\n size=\"sm\"\n (click)=\"_onPageChange('next')\"\n [disabled]=\"_isNextPageButtonDisabled() || !!disabled\"\n [attr.aria-label]=\"'next' | t\"\n >\n <sp-icon name=\"chevronRight\"></sp-icon>\n </button>\n </span>\n</div>\n", styles: [".sapphire-pagination{display:flex;justify-content:flex-end;align-items:center;padding:var(--sapphire-semantic-size-spacing-2xs) var(--sapphire-semantic-size-spacing-lg);font-family:var(--sapphire-semantic-font-name-default);font-size:var(--sapphire-semantic-size-font-control-sm);height:var(--sapphire-semantic-size-height-control-md);background:var(--sapphire-semantic-color-background-surface);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sapphire-pagination__controls{display:flex;align-items:center;justify-content:flex-end;flex-grow:1;color:var(--sapphire-semantic-color-foreground-primary);gap:var(--sapphire-semantic-size-spacing-sm)}.sapphire-pagination__text{font-weight:var(--sapphire-semantic-font-weight-default-regular);padding-left:var(--sapphire-semantic-size-spacing-2xs);padding-right:var(--sapphire-semantic-size-spacing-2xs)}.sapphire-pagination__text--emphasized{font-weight:var(--sapphire-semantic-font-weight-default-medium)}.sapphire-pagination__ellipsis{display:flex;justify-content:center;align-items:center;height:var(--sapphire-semantic-size-height-control-sm);width:var(--sapphire-semantic-size-height-control-sm);font-size:var(--sapphire-semantic-size-font-control-sm);font-weight:var(--sapphire-semantic-font-weight-default-medium)}sp-select-button{margin-left:calc(-1 * var(--sapphire-semantic-size-spacing-md))}\n"] }]
|
|
89
|
+
}], ctorParameters: function () { return [{ type: i1.IconRegistry }]; }, propDecorators: { pageSize: [{
|
|
87
90
|
type: Input
|
|
88
91
|
}], itemCount: [{
|
|
89
92
|
type: Input
|
|
@@ -98,4 +101,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
|
|
|
98
101
|
}], valueChange: [{
|
|
99
102
|
type: Output
|
|
100
103
|
}] } });
|
|
101
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
104
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnaW5hdGlvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvbGliL3BhZ2luYXRpb24vc3JjL3BhZ2luYXRpb24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9wYWdpbmF0aW9uL3NyYy9wYWdpbmF0aW9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBZ0IscUJBQXFCLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUM1RSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3ZFLE9BQU8sRUFBRSxlQUFlLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQzs7Ozs7Ozs7OztBQUc5RSxNQUFNLE9BQU8sd0JBQXdCO0lBQ25DO0lBQ0UseUJBQXlCO0lBQ1QsSUFBWTtJQUM1Qix3QkFBd0I7SUFDUixRQUFnQjtRQUZoQixTQUFJLEdBQUosSUFBSSxDQUFRO1FBRVosYUFBUSxHQUFSLFFBQVEsQ0FBUTtJQUMvQixDQUFDO0NBQ0w7QUFRRCxNQUFNLE9BQU8sbUJBQW1CO0lBQzlCLFlBQVksWUFBMEI7UUFLdEMsYUFBUSxHQUFXLEVBQUUsQ0FBQztRQUd0QixjQUFTLEdBQVcsQ0FBQyxDQUFDO1FBR3RCLFNBQUksR0FBVyxDQUFDLENBQUM7UUFLakI7OztXQUdHO1FBRUgsdUJBQWtCLEdBQVksS0FBSyxDQUFDO1FBUzVCLGNBQVMsR0FBWSxLQUFLLENBQUM7UUFVaEIsZ0JBQVcsR0FBRyxJQUFJLFlBQVksRUFBNEIsQ0FBQztRQTBDM0QsU0FBSSxHQUFHLElBQUksQ0FBQztRQWpGN0IsWUFBWSxDQUFDLGFBQWEsQ0FBQyxDQUFDLGVBQWUsRUFBRSxnQkFBZ0IsQ0FBQyxDQUFDLENBQUM7SUFDbEUsQ0FBQztJQXFCRCxJQUNJLFFBQVE7UUFDVixPQUFPLElBQUksQ0FBQyxTQUFTLENBQUM7SUFDeEIsQ0FBQztJQUNELElBQUksUUFBUSxDQUFDLEtBQW1CO1FBQzlCLElBQUksQ0FBQyxTQUFTLEdBQUcscUJBQXFCLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDaEQsQ0FBQztJQUdELElBQUksY0FBYztRQUNoQixPQUFPLElBQUksQ0FBQyxJQUFJLEdBQUcsSUFBSSxDQUFDLFFBQVEsR0FBRyxDQUFDLENBQUM7SUFDdkMsQ0FBQztJQUVELElBQUksWUFBWTtRQUNkLE9BQU8sSUFBSSxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsSUFBSSxHQUFHLElBQUksQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDLFFBQVEsRUFBRSxJQUFJLENBQUMsU0FBUyxDQUFDLENBQUM7SUFDN0UsQ0FBQztJQUlELGlCQUFpQixDQUFDLEtBQWE7UUFDN0IsTUFBTSxXQUFXLEdBQUcsUUFBUSxDQUFDLEtBQUssRUFBRSxFQUFFLENBQUMsQ0FBQztRQUV4Qzs7O1dBR0c7UUFDSCxNQUFNLGNBQWMsR0FBRyxJQUFJLENBQUMsUUFBUSxHQUFHLElBQUksQ0FBQyxJQUFJLEdBQUcsQ0FBQyxDQUFDO1FBQ3JELE1BQU0sT0FBTyxHQUFHLElBQUksQ0FBQyxJQUFJLENBQUMsY0FBYyxHQUFHLFdBQVcsQ0FBQyxHQUFHLENBQUMsQ0FBQztRQUU1RCxJQUFJLENBQUMsSUFBSSxHQUFHLE9BQU8sQ0FBQztRQUNwQixJQUFJLENBQUMsUUFBUSxHQUFHLFdBQVcsQ0FBQztRQUM1QixJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxFQUFFLElBQUksRUFBRSxPQUFPLEVBQUUsUUFBUSxFQUFFLFdBQVcsRUFBRSxDQUFDLENBQUM7SUFDbEUsQ0FBQztJQUVELGFBQWEsQ0FBQyxTQUE4QjtRQUMxQyxNQUFNLE9BQU8sR0FBRyxJQUFJLENBQUMsSUFBSSxHQUFHLENBQUMsU0FBUyxLQUFLLFVBQVUsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO1FBQ2hFLElBQUksQ0FBQyxJQUFJLEdBQUcsT0FBTyxDQUFDO1FBQ3BCLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDO1lBQ3BCLElBQUksRUFBRSxPQUFPO1lBQ2IsUUFBUSxFQUFFLElBQUksQ0FBQyxRQUFRO1NBQ3hCLENBQUMsQ0FBQztJQUNMLENBQUM7SUFFRCxhQUFhLENBQUMsS0FBYTtRQUN6QixJQUFJLENBQUMsSUFBSSxHQUFHLEtBQUssQ0FBQztRQUNsQixJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQztZQUNwQixJQUFJLEVBQUUsSUFBSSxDQUFDLElBQUk7WUFDZixRQUFRLEVBQUUsSUFBSSxDQUFDLFFBQVE7U0FDeEIsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUVELHlCQUF5QjtRQUN2QixPQUFPLElBQUksQ0FBQyxTQUFTLElBQUksSUFBSSxDQUFDLElBQUksR0FBRyxJQUFJLENBQUMsUUFBUSxHQUFHLElBQUksQ0FBQyxRQUFRLENBQUM7SUFDckUsQ0FBQztJQUVELDZCQUE2QjtRQUMzQixPQUFPLElBQUksQ0FBQyxJQUFJLEtBQUssQ0FBQyxDQUFDO0lBQ3pCLENBQUM7O2dIQWpGVSxtQkFBbUI7b0dBQW5CLG1CQUFtQiwwUUNwQmhDLHd2REEyREE7MkZEdkNhLG1CQUFtQjtrQkFOL0IsU0FBUzsrQkFDRSxlQUFlLGNBR2IsS0FBSzttR0FRakIsUUFBUTtzQkFEUCxLQUFLO2dCQUlOLFNBQVM7c0JBRFIsS0FBSztnQkFJTixJQUFJO3NCQURILEtBQUs7Z0JBSU4sZUFBZTtzQkFEZCxLQUFLO2dCQVFOLGtCQUFrQjtzQkFEakIsS0FBSztnQkFJRixRQUFRO3NCQURYLEtBQUs7Z0JBaUJhLFdBQVc7c0JBQTdCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBCb29sZWFuSW5wdXQsIGNvZXJjZUJvb2xlYW5Qcm9wZXJ0eSB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9jb2VyY2lvbic7XG5pbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgaWNvbkNoZXZyb25MZWZ0LCBpY29uQ2hldnJvblJpZ2h0IH0gZnJvbSAnQGRhbnNrZS9zYXBwaGlyZS1pY29ucy9qcyc7XG5pbXBvcnQgeyBJY29uUmVnaXN0cnkgfSBmcm9tICcuLi8uLi9pY29uL3B1YmxpY19hcGknO1xuXG5leHBvcnQgY2xhc3MgU2FwcGhpcmVQYWdpbmF0aW9uQ2hhbmdlIHtcbiAgY29uc3RydWN0b3IoXG4gICAgLyoqIFRoZSBuZXcgcGFnZSBpbmRleCAqL1xuICAgIHB1YmxpYyByZWFkb25seSBwYWdlOiBudW1iZXIsXG4gICAgLyoqIFRoZSBuZXcgcGFnZSBzaXplICovXG4gICAgcHVibGljIHJlYWRvbmx5IHBhZ2VTaXplOiBudW1iZXJcbiAgKSB7fVxufVxuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzcC1wYWdpbmF0aW9uJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3BhZ2luYXRpb24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9wYWdpbmF0aW9uLmNvbXBvbmVudC5zY3NzJ10sXG4gIHN0YW5kYWxvbmU6IGZhbHNlLFxufSlcbmV4cG9ydCBjbGFzcyBQYWdpbmF0aW9uQ29tcG9uZW50IHtcbiAgY29uc3RydWN0b3IoaWNvblJlZ2lzdHJ5OiBJY29uUmVnaXN0cnkpIHtcbiAgICBpY29uUmVnaXN0cnkucmVnaXN0ZXJJY29ucyhbaWNvbkNoZXZyb25MZWZ0LCBpY29uQ2hldnJvblJpZ2h0XSk7XG4gIH1cblxuICBASW5wdXQoKVxuICBwYWdlU2l6ZTogbnVtYmVyID0gMTA7XG5cbiAgQElucHV0KClcbiAgaXRlbUNvdW50OiBudW1iZXIgPSAwO1xuXG4gIEBJbnB1dCgpXG4gIHBhZ2U6IG51bWJlciA9IDA7XG5cbiAgQElucHV0KClcbiAgcGFnZVNpemVPcHRpb25zPzogbnVtYmVyW107XG5cbiAgLyoqXG4gICAqIEFsbG93IHNlbGVjdGlvbiBvZiBpbmRpdmlkdWFsIHBhZ2VzXG4gICAqIEBkZWZhdWx0IGZhbHNlXG4gICAqL1xuICBASW5wdXQoKVxuICBhbGxvd1BhZ2VTZWxlY3Rpb246IGJvb2xlYW4gPSBmYWxzZTtcblxuICBASW5wdXQoKVxuICBnZXQgZGlzYWJsZWQoKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIHRoaXMuX2Rpc2FibGVkO1xuICB9XG4gIHNldCBkaXNhYmxlZCh2YWx1ZTogQm9vbGVhbklucHV0KSB7XG4gICAgdGhpcy5fZGlzYWJsZWQgPSBjb2VyY2VCb29sZWFuUHJvcGVydHkodmFsdWUpO1xuICB9XG4gIHByaXZhdGUgX2Rpc2FibGVkOiBib29sZWFuID0gZmFsc2U7XG5cbiAgZ2V0IHN0YXJ0SXRlbUluZGV4KCk6IG51bWJlciB7XG4gICAgcmV0dXJuIHRoaXMucGFnZSAqIHRoaXMucGFnZVNpemUgKyAxO1xuICB9XG5cbiAgZ2V0IGVuZEl0ZW1JbmRleCgpOiBudW1iZXIge1xuICAgIHJldHVybiBNYXRoLm1pbih0aGlzLnBhZ2UgKiB0aGlzLnBhZ2VTaXplICsgdGhpcy5wYWdlU2l6ZSwgdGhpcy5pdGVtQ291bnQpO1xuICB9XG5cbiAgQE91dHB1dCgpIHJlYWRvbmx5IHZhbHVlQ2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcjxTYXBwaGlyZVBhZ2luYXRpb25DaGFuZ2U+KCk7XG5cbiAgX29uUGFnZVNpemVDaGFuZ2UodmFsdWU6IHN0cmluZykge1xuICAgIGNvbnN0IG5ld1BhZ2VTaXplID0gcGFyc2VJbnQodmFsdWUsIDEwKTtcblxuICAgIC8qKlxuICAgICAqIEF2b2lkIGdvaW5nIHRvIGludmFsaWQgcGFnZSB3aGVuIHN3aXRjaGluZ1xuICAgICAqIHRvIGEgZGlmZmVyZW50IHBhZ2Ugc2l6ZVxuICAgICAqL1xuICAgIGNvbnN0IGZpcnN0SXRlbUluZGV4ID0gdGhpcy5wYWdlU2l6ZSAqIHRoaXMucGFnZSArIDE7XG4gICAgY29uc3QgbmV3UGFnZSA9IE1hdGguY2VpbChmaXJzdEl0ZW1JbmRleCAvIG5ld1BhZ2VTaXplKSAtIDE7XG5cbiAgICB0aGlzLnBhZ2UgPSBuZXdQYWdlO1xuICAgIHRoaXMucGFnZVNpemUgPSBuZXdQYWdlU2l6ZTtcbiAgICB0aGlzLnZhbHVlQ2hhbmdlLmVtaXQoeyBwYWdlOiBuZXdQYWdlLCBwYWdlU2l6ZTogbmV3UGFnZVNpemUgfSk7XG4gIH1cblxuICBfb25QYWdlQ2hhbmdlKGRpcmVjdGlvbjogJ3ByZXZpb3VzJyB8ICduZXh0Jykge1xuICAgIGNvbnN0IG5ld1BhZ2UgPSB0aGlzLnBhZ2UgKyAoZGlyZWN0aW9uID09PSAncHJldmlvdXMnID8gLTEgOiAxKTtcbiAgICB0aGlzLnBhZ2UgPSBuZXdQYWdlO1xuICAgIHRoaXMudmFsdWVDaGFuZ2UuZW1pdCh7XG4gICAgICBwYWdlOiBuZXdQYWdlLFxuICAgICAgcGFnZVNpemU6IHRoaXMucGFnZVNpemUsXG4gICAgfSk7XG4gIH1cblxuICBfb25QYWdlU2VsZWN0KGluZGV4OiBudW1iZXIpIHtcbiAgICB0aGlzLnBhZ2UgPSBpbmRleDtcbiAgICB0aGlzLnZhbHVlQ2hhbmdlLmVtaXQoe1xuICAgICAgcGFnZTogdGhpcy5wYWdlLFxuICAgICAgcGFnZVNpemU6IHRoaXMucGFnZVNpemUsXG4gICAgfSk7XG4gIH1cblxuICBfaXNOZXh0UGFnZUJ1dHRvbkRpc2FibGVkKCkge1xuICAgIHJldHVybiB0aGlzLml0ZW1Db3VudCA8PSB0aGlzLnBhZ2UgKiB0aGlzLnBhZ2VTaXplICsgdGhpcy5wYWdlU2l6ZTtcbiAgfVxuXG4gIF9pc1ByZXZpb3VzUGFnZUJ1dHRvbkRpc2FibGVkKCkge1xuICAgIHJldHVybiB0aGlzLnBhZ2UgPT09IDA7XG4gIH1cblxuICBwcm90ZWN0ZWQgcmVhZG9ubHkgTWF0aCA9IE1hdGg7XG59XG4iLCI8ZGl2IGNsYXNzPVwic2FwcGhpcmUtcGFnaW5hdGlvblwiPlxuICA8c3Atc2VsZWN0LWJ1dHRvblxuICAgICpuZ0lmPVwicGFnZVNpemVPcHRpb25zXCJcbiAgICBbcGxhY2Vob2xkZXJdPVwiJ3NlbGVjdC1hbi1vcHRpb24nIHwgdFwiXG4gICAgKHZhbHVlQ2hhbmdlKT1cIl9vblBhZ2VTaXplQ2hhbmdlKCRldmVudClcIlxuICAgIFt2YWx1ZV09XCInJyArIHBhZ2VTaXplXCJcbiAgICBbZGlzYWJsZWRdPVwiISFkaXNhYmxlZFwiXG4gICAgW2FyaWEtbGFiZWxdPVwiJ251bWJlci1vZi1pdGVtcy1wZXItcGFnZScgfCB0XCJcbiAgICB2YXJpYW50PVwidGVydGlhcnlcIlxuICAgIHNpemU9XCJzbVwiXG4gID5cbiAgICA8c3Atb3B0aW9uXG4gICAgICAqbmdGb3I9XCJsZXQgcGFnZVNpemVPcHRpb24gb2YgcGFnZVNpemVPcHRpb25zXCJcbiAgICAgIFt2YWx1ZV09XCInJyArIHBhZ2VTaXplT3B0aW9uXCJcbiAgICAgID57eyAnaXRlbXMtcGVyLXBhZ2UnIHwgdCA6IHsgdmFsdWU6IHBhZ2VTaXplT3B0aW9uIH0gfX08L3NwLW9wdGlvblxuICAgID5cbiAgPC9zcC1zZWxlY3QtYnV0dG9uPlxuICA8c3BhbiBjbGFzcz1cInNhcHBoaXJlLXBhZ2luYXRpb25fX2NvbnRyb2xzXCI+XG4gICAgPHNwYW5cbiAgICAgICpuZ0lmPVwiIWFsbG93UGFnZVNlbGVjdGlvblwiXG4gICAgICBjbGFzcz1cInNhcHBoaXJlLXBhZ2luYXRpb25fX3RleHQtLWVtcGhhc2l6ZWRcIlxuICAgID5cbiAgICAgIHt7IHN0YXJ0SXRlbUluZGV4IH19IC1cbiAgICAgIHt7IGVuZEl0ZW1JbmRleCB9fVxuICAgICAgPHNwYW4gY2xhc3M9XCJzYXBwaGlyZS1wYWdpbmF0aW9uX190ZXh0XCI+IHt7ICdvZicgfCB0IH19IDwvc3Bhbj5cbiAgICAgIHt7IGl0ZW1Db3VudCB9fVxuICAgIDwvc3Bhbj5cbiAgICA8YnV0dG9uXG4gICAgICBzcC1pY29uLWJ1dHRvblxuICAgICAgdmFyaWFudD1cInRlcnRpYXJ5XCJcbiAgICAgIHNpemU9XCJzbVwiXG4gICAgICAoY2xpY2spPVwiX29uUGFnZUNoYW5nZSgncHJldmlvdXMnKVwiXG4gICAgICBbZGlzYWJsZWRdPVwiX2lzUHJldmlvdXNQYWdlQnV0dG9uRGlzYWJsZWQoKSB8fCAhIWRpc2FibGVkXCJcbiAgICAgIFthdHRyLmFyaWEtbGFiZWxdPVwiJ3ByZXZpb3VzJyB8IHRcIlxuICAgID5cbiAgICAgIDxzcC1pY29uIG5hbWU9XCJjaGV2cm9uTGVmdFwiPjwvc3AtaWNvbj5cbiAgICA8L2J1dHRvbj5cblxuICAgIDxzcC1wYWdlLXNlbGVjdGlvbi1yb3dcbiAgICAgICpuZ0lmPVwiYWxsb3dQYWdlU2VsZWN0aW9uXCJcbiAgICAgIFtjdXJyZW50UGFnZV09XCJwYWdlXCJcbiAgICAgIFt0b3RhbFBhZ2VDb3VudF09XCJNYXRoLmNlaWwoaXRlbUNvdW50IC8gcGFnZVNpemUpXCJcbiAgICAgIFtzaWJsaW5nQ291bnRdPVwiMVwiXG4gICAgICBbYm91bmRhcnlDb3VudF09XCIxXCJcbiAgICAgIChwYWdlQ2hhbmdlKT1cIl9vblBhZ2VTZWxlY3QoJGV2ZW50KVwiXG4gICAgLz5cblxuICAgIDxidXR0b25cbiAgICAgIHNwLWljb24tYnV0dG9uXG4gICAgICB2YXJpYW50PVwidGVydGlhcnlcIlxuICAgICAgc2l6ZT1cInNtXCJcbiAgICAgIChjbGljayk9XCJfb25QYWdlQ2hhbmdlKCduZXh0JylcIlxuICAgICAgW2Rpc2FibGVkXT1cIl9pc05leHRQYWdlQnV0dG9uRGlzYWJsZWQoKSB8fCAhIWRpc2FibGVkXCJcbiAgICAgIFthdHRyLmFyaWEtbGFiZWxdPVwiJ25leHQnIHwgdFwiXG4gICAgPlxuICAgICAgPHNwLWljb24gbmFtZT1cImNoZXZyb25SaWdodFwiPjwvc3AtaWNvbj5cbiAgICA8L2J1dHRvbj5cbiAgPC9zcGFuPlxuPC9kaXY+XG4iXX0=
|
|
@@ -75,7 +75,7 @@ export class PopoverComponent {
|
|
|
75
75
|
}
|
|
76
76
|
}
|
|
77
77
|
PopoverComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: PopoverComponent, deps: [{ token: POPOVER_TRIGGER, optional: true }], target: i0.ɵɵFactoryTarget.Component });
|
|
78
|
-
PopoverComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: PopoverComponent, selector: "sp-popover", inputs: { noPadding: "noPadding", noMaxWidth: "noMaxWidth", noAutoFocus: "noAutoFocus", trapFocus: "trapFocus" }, host: { attributes: { "role": "presentation" }, listeners: { "keydown.Escape": "handleEscape($event)" }, properties: { "class.sapphire-popover": "true", "class.sapphire-popover--padded": "!noPadding", "class.sapphire-popover--max-width": "!noMaxWidth" } }, queries: [{ propertyName: "title", first: true, predicate: PopoverTitleDirective, descendants: true }], viewQueries: [{ propertyName: "contentWrapper", first: true, predicate: ["contentWrapper"], descendants: true, read: ElementRef }], hostDirectives: [{ directive: i1.ThemeCheckDirective }, { directive: i2.UseComponentStylesOnHost }], ngImport: i0, template: "<!--\n NOTE: cdkTrapFocus is required for cdkTrapFocusAutoCapture to work, which would be similar to\n <FocusScope autoFocus /> in react-aria.\n\n It prevents focus from going out of popover by bringing it back to the first\n focusable element.\n\n We sometimes counter this in (cdkFocusChange) and sometimes don't, based on\n the \"trapFocus\" input.\n -->\n<div class=\"sapphire-popover__content\" role=\"presentation\">\n <!-- NOTE: the role-dialog wrapper is only needed for generic popovers.\n In use cases like Select, role=listbox doesn't need to be wrapped in the role=dialog element,\n and that's how it is in the React impl (role=dialog is rendered only when PopoverTrigger is used)\n We can consider allowing for no dialog wrapper for use cases like Select, but it requires\n some refactoring around the focus management directives.\n -->\n <div\n #contentWrapper\n [id]=\"ID\"\n role=\"dialog\"\n tabindex=\"-1\"\n cdkMonitorSubtreeFocus\n cdkTrapFocus\n [cdkTrapFocusAutoCapture]=\"!noAutoFocus\"\n class=\"dialog\"\n [attr.aria-labelledby]=\"title?.ID\"\n (cdkFocusChange)=\"_contentFocusChanged($event)\"\n >\n <ng-content></ng-content>\n </div>\n</div>\n", styles: ["@keyframes fade-in{0%{opacity:0}to{opacity:1}}.sapphire-popover{box-sizing:border-box;background
|
|
78
|
+
PopoverComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: PopoverComponent, selector: "sp-popover", inputs: { noPadding: "noPadding", noMaxWidth: "noMaxWidth", noAutoFocus: "noAutoFocus", trapFocus: "trapFocus" }, host: { attributes: { "role": "presentation" }, listeners: { "keydown.Escape": "handleEscape($event)" }, properties: { "class.sapphire-popover": "true", "class.sapphire-popover--padded": "!noPadding", "class.sapphire-popover--max-width": "!noMaxWidth" } }, queries: [{ propertyName: "title", first: true, predicate: PopoverTitleDirective, descendants: true }], viewQueries: [{ propertyName: "contentWrapper", first: true, predicate: ["contentWrapper"], descendants: true, read: ElementRef }], hostDirectives: [{ directive: i1.ThemeCheckDirective }, { directive: i2.UseComponentStylesOnHost }], ngImport: i0, template: "<!--\n NOTE: cdkTrapFocus is required for cdkTrapFocusAutoCapture to work, which would be similar to\n <FocusScope autoFocus /> in react-aria.\n\n It prevents focus from going out of popover by bringing it back to the first\n focusable element.\n\n We sometimes counter this in (cdkFocusChange) and sometimes don't, based on\n the \"trapFocus\" input.\n -->\n<div class=\"sapphire-popover__content\" role=\"presentation\">\n <!-- NOTE: the role-dialog wrapper is only needed for generic popovers.\n In use cases like Select, role=listbox doesn't need to be wrapped in the role=dialog element,\n and that's how it is in the React impl (role=dialog is rendered only when PopoverTrigger is used)\n We can consider allowing for no dialog wrapper for use cases like Select, but it requires\n some refactoring around the focus management directives.\n -->\n <div\n #contentWrapper\n [id]=\"ID\"\n role=\"dialog\"\n tabindex=\"-1\"\n cdkMonitorSubtreeFocus\n cdkTrapFocus\n [cdkTrapFocusAutoCapture]=\"!noAutoFocus\"\n class=\"dialog\"\n [attr.aria-labelledby]=\"title?.ID\"\n (cdkFocusChange)=\"_contentFocusChanged($event)\"\n >\n <ng-content></ng-content>\n </div>\n</div>\n", styles: ["@keyframes fade-in{0%{opacity:0}to{opacity:1}}.sapphire-popover{box-sizing:border-box;background:var(--sapphire-semantic-color-background-popover);box-shadow:var(--sapphire-semantic-shadow-popover);animation:fade-in var(--sapphire-semantic-time-fade-quick) var(--sapphire-semantic-transitions-fade);border-radius:var(--sapphire-semantic-size-radius-popover);overflow:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex}.sapphire-popover__content{flex-basis:100%}.sapphire-popover--padded{padding:var(--sapphire-semantic-size-spacing-container-horizontal-sm)}.sapphire-popover--max-width{max-width:var(--sapphire-global-size-generic-1120)}.dialog{outline:none;height:100%}\n"], dependencies: [{ kind: "directive", type: i3.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "directive", type: i3.CdkMonitorFocus, selector: "[cdkMonitorElementFocus], [cdkMonitorSubtreeFocus]", outputs: ["cdkFocusChange"], exportAs: ["cdkMonitorFocus"] }] });
|
|
79
79
|
__decorate([
|
|
80
80
|
CoerceBoolean
|
|
81
81
|
], PopoverComponent.prototype, "noPadding", void 0);
|
|
@@ -95,7 +95,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
|
|
|
95
95
|
'[class.sapphire-popover--padded]': '!noPadding',
|
|
96
96
|
'[class.sapphire-popover--max-width]': '!noMaxWidth',
|
|
97
97
|
role: 'presentation',
|
|
98
|
-
}, hostDirectives: [ThemeCheckDirective, UseComponentStylesOnHost], standalone: false, template: "<!--\n NOTE: cdkTrapFocus is required for cdkTrapFocusAutoCapture to work, which would be similar to\n <FocusScope autoFocus /> in react-aria.\n\n It prevents focus from going out of popover by bringing it back to the first\n focusable element.\n\n We sometimes counter this in (cdkFocusChange) and sometimes don't, based on\n the \"trapFocus\" input.\n -->\n<div class=\"sapphire-popover__content\" role=\"presentation\">\n <!-- NOTE: the role-dialog wrapper is only needed for generic popovers.\n In use cases like Select, role=listbox doesn't need to be wrapped in the role=dialog element,\n and that's how it is in the React impl (role=dialog is rendered only when PopoverTrigger is used)\n We can consider allowing for no dialog wrapper for use cases like Select, but it requires\n some refactoring around the focus management directives.\n -->\n <div\n #contentWrapper\n [id]=\"ID\"\n role=\"dialog\"\n tabindex=\"-1\"\n cdkMonitorSubtreeFocus\n cdkTrapFocus\n [cdkTrapFocusAutoCapture]=\"!noAutoFocus\"\n class=\"dialog\"\n [attr.aria-labelledby]=\"title?.ID\"\n (cdkFocusChange)=\"_contentFocusChanged($event)\"\n >\n <ng-content></ng-content>\n </div>\n</div>\n", styles: ["@keyframes fade-in{0%{opacity:0}to{opacity:1}}.sapphire-popover{box-sizing:border-box;background
|
|
98
|
+
}, hostDirectives: [ThemeCheckDirective, UseComponentStylesOnHost], standalone: false, template: "<!--\n NOTE: cdkTrapFocus is required for cdkTrapFocusAutoCapture to work, which would be similar to\n <FocusScope autoFocus /> in react-aria.\n\n It prevents focus from going out of popover by bringing it back to the first\n focusable element.\n\n We sometimes counter this in (cdkFocusChange) and sometimes don't, based on\n the \"trapFocus\" input.\n -->\n<div class=\"sapphire-popover__content\" role=\"presentation\">\n <!-- NOTE: the role-dialog wrapper is only needed for generic popovers.\n In use cases like Select, role=listbox doesn't need to be wrapped in the role=dialog element,\n and that's how it is in the React impl (role=dialog is rendered only when PopoverTrigger is used)\n We can consider allowing for no dialog wrapper for use cases like Select, but it requires\n some refactoring around the focus management directives.\n -->\n <div\n #contentWrapper\n [id]=\"ID\"\n role=\"dialog\"\n tabindex=\"-1\"\n cdkMonitorSubtreeFocus\n cdkTrapFocus\n [cdkTrapFocusAutoCapture]=\"!noAutoFocus\"\n class=\"dialog\"\n [attr.aria-labelledby]=\"title?.ID\"\n (cdkFocusChange)=\"_contentFocusChanged($event)\"\n >\n <ng-content></ng-content>\n </div>\n</div>\n", styles: ["@keyframes fade-in{0%{opacity:0}to{opacity:1}}.sapphire-popover{box-sizing:border-box;background:var(--sapphire-semantic-color-background-popover);box-shadow:var(--sapphire-semantic-shadow-popover);animation:fade-in var(--sapphire-semantic-time-fade-quick) var(--sapphire-semantic-transitions-fade);border-radius:var(--sapphire-semantic-size-radius-popover);overflow:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex}.sapphire-popover__content{flex-basis:100%}.sapphire-popover--padded{padding:var(--sapphire-semantic-size-spacing-container-horizontal-sm)}.sapphire-popover--max-width{max-width:var(--sapphire-global-size-generic-1120)}.dialog{outline:none;height:100%}\n"] }]
|
|
99
99
|
}], ctorParameters: function () { return [{ type: undefined, decorators: [{
|
|
100
100
|
type: Optional
|
|
101
101
|
}, {
|
|
@@ -32,7 +32,7 @@ RadioGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", ve
|
|
|
32
32
|
provide: RadioGroupBase,
|
|
33
33
|
useExisting: forwardRef(() => RadioGroupComponent),
|
|
34
34
|
},
|
|
35
|
-
], usesInheritance: true, hostDirectives: [{ directive: i1.ThemeCheckDirective }], ngImport: i0, template: "<div\n class=\"sapphire-field-group\"\n role=\"radiogroup\"\n [attr.aria-orientation]=\"orientation\"\n [attr.aria-labelledby]=\"_field?.label?.id\"\n [class.sapphire-field-group--vertical]=\"orientation === 'vertical'\"\n [class.sapphire-field-group--horizontal]=\"orientation === 'horizontal'\"\n [class.sapphire-field-group--md]=\"_field?.size === 'md'\"\n (cdkFocusChange)=\"_onFocusChange($event)\"\n cdkMonitorSubtreeFocus\n>\n <ng-content></ng-content>\n</div>\n", styles: [".sapphire-field-group{display:flex;flex-wrap:wrap;column-gap:var(--sapphire-semantic-size-spacing-
|
|
35
|
+
], usesInheritance: true, hostDirectives: [{ directive: i1.ThemeCheckDirective }], ngImport: i0, template: "<div\n class=\"sapphire-field-group\"\n role=\"radiogroup\"\n [attr.aria-orientation]=\"orientation\"\n [attr.aria-labelledby]=\"_field?.label?.id\"\n [class.sapphire-field-group--vertical]=\"orientation === 'vertical'\"\n [class.sapphire-field-group--horizontal]=\"orientation === 'horizontal'\"\n [class.sapphire-field-group--md]=\"_field?.size === 'md'\"\n (cdkFocusChange)=\"_onFocusChange($event)\"\n cdkMonitorSubtreeFocus\n>\n <ng-content></ng-content>\n</div>\n", styles: [".sapphire-field-group{display:flex;flex-wrap:wrap;column-gap:var(--sapphire-semantic-size-spacing-lg);row-gap:var(--sapphire-semantic-size-spacing-sm)}.sapphire-field-group--horizontal{flex-direction:row}.sapphire-field-group--vertical{flex-direction:column}.sapphire-field-group--md{row-gap:var(--sapphire-semantic-size-spacing-2xs)}\n"], dependencies: [{ kind: "directive", type: i2.CdkMonitorFocus, selector: "[cdkMonitorElementFocus], [cdkMonitorSubtreeFocus]", outputs: ["cdkFocusChange"], exportAs: ["cdkMonitorFocus"] }], changeDetection: i0.ChangeDetectionStrategy.Default });
|
|
36
36
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: RadioGroupComponent, decorators: [{
|
|
37
37
|
type: Component,
|
|
38
38
|
args: [{ selector: 'sp-radio-group', changeDetection: ChangeDetectionStrategy.Default, providers: [
|
|
@@ -51,7 +51,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
|
|
|
51
51
|
},
|
|
52
52
|
], host: {
|
|
53
53
|
role: 'radiogroup',
|
|
54
|
-
}, hostDirectives: [ThemeCheckDirective], standalone: false, template: "<div\n class=\"sapphire-field-group\"\n role=\"radiogroup\"\n [attr.aria-orientation]=\"orientation\"\n [attr.aria-labelledby]=\"_field?.label?.id\"\n [class.sapphire-field-group--vertical]=\"orientation === 'vertical'\"\n [class.sapphire-field-group--horizontal]=\"orientation === 'horizontal'\"\n [class.sapphire-field-group--md]=\"_field?.size === 'md'\"\n (cdkFocusChange)=\"_onFocusChange($event)\"\n cdkMonitorSubtreeFocus\n>\n <ng-content></ng-content>\n</div>\n", styles: [".sapphire-field-group{display:flex;flex-wrap:wrap;column-gap:var(--sapphire-semantic-size-spacing-
|
|
54
|
+
}, hostDirectives: [ThemeCheckDirective], standalone: false, template: "<div\n class=\"sapphire-field-group\"\n role=\"radiogroup\"\n [attr.aria-orientation]=\"orientation\"\n [attr.aria-labelledby]=\"_field?.label?.id\"\n [class.sapphire-field-group--vertical]=\"orientation === 'vertical'\"\n [class.sapphire-field-group--horizontal]=\"orientation === 'horizontal'\"\n [class.sapphire-field-group--md]=\"_field?.size === 'md'\"\n (cdkFocusChange)=\"_onFocusChange($event)\"\n cdkMonitorSubtreeFocus\n>\n <ng-content></ng-content>\n</div>\n", styles: [".sapphire-field-group{display:flex;flex-wrap:wrap;column-gap:var(--sapphire-semantic-size-spacing-lg);row-gap:var(--sapphire-semantic-size-spacing-sm)}.sapphire-field-group--horizontal{flex-direction:row}.sapphire-field-group--vertical{flex-direction:column}.sapphire-field-group--md{row-gap:var(--sapphire-semantic-size-spacing-2xs)}\n"] }]
|
|
55
55
|
}], propDecorators: { orientation: [{
|
|
56
56
|
type: Input
|
|
57
57
|
}] } });
|
|
@@ -6,7 +6,7 @@ import * as i1 from "../../theme/src/theme-check.directive";
|
|
|
6
6
|
export class RadioComponent extends RadioBase {
|
|
7
7
|
}
|
|
8
8
|
RadioComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: RadioComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
9
|
-
RadioComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: RadioComponent, selector: "sp-radio", inputs: { tabIndex: "tabIndex" }, host: { properties: { "attr.id": "id", "attr.tabindex": "null", "attr.aria-label": "null", "attr.aria-labelledby": "null", "attr.aria-describedby": "null" } }, usesInheritance: true, hostDirectives: [{ directive: i1.ThemeCheckDirective }], ngImport: i0, template: "<label\n [for]=\"inputId\"\n class=\"sapphire-radio\"\n [class.sapphire-radio--no-disabled]=\"radioGroup?.disabled\"\n [class.sapphire-radio--checked]=\"checked\"\n [class.sapphire-radio--md]=\"radioGroup?._field?.size === 'md'\"\n>\n <input\n #input\n class=\"sapphire-radio__input\"\n type=\"radio\"\n [id]=\"inputId\"\n [attr.aria-checked]=\"_getAriaChecked()\"\n [attr.aria-label]=\"ariaLabel || null\"\n [attr.aria-labelledby]=\"ariaLabelledby\"\n [attr.aria-describedby]=\"ariaDescribedby\"\n [attr.name]=\"name\"\n [attr.value]=\"value\"\n [checked]=\"checked\"\n [disabled]=\"disabled\"\n [readonly]=\"readonly\"\n [required]=\"required\"\n (change)=\"_onInputInteraction($event)\"\n [attr.autofocus]=\"autofocus ? true : null\"\n />\n <span class=\"sapphire-radio__box\"></span>\n <span class=\"sapphire-radio__label\">\n <ng-content></ng-content>\n </span>\n</label>\n", styles: [".sapphire-radio{display:inline-flex;font-family:var(--sapphire-semantic-font-name-default);max-width:100%;position:relative}.sapphire-radio__input{margin:0;overflow:visible;position:absolute;top:0;left:0;height:100%;width:100%;opacity:.0001;z-index:1;cursor:pointer}.sapphire-radio__label{margin-left:var(--sapphire-semantic-size-spacing-
|
|
9
|
+
RadioComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: RadioComponent, selector: "sp-radio", inputs: { tabIndex: "tabIndex" }, host: { properties: { "attr.id": "id", "attr.tabindex": "null", "attr.aria-label": "null", "attr.aria-labelledby": "null", "attr.aria-describedby": "null" } }, usesInheritance: true, hostDirectives: [{ directive: i1.ThemeCheckDirective }], ngImport: i0, template: "<label\n [for]=\"inputId\"\n class=\"sapphire-radio\"\n [class.sapphire-radio--no-disabled]=\"radioGroup?.disabled\"\n [class.sapphire-radio--checked]=\"checked\"\n [class.sapphire-radio--md]=\"radioGroup?._field?.size === 'md'\"\n>\n <input\n #input\n class=\"sapphire-radio__input\"\n type=\"radio\"\n [id]=\"inputId\"\n [attr.aria-checked]=\"_getAriaChecked()\"\n [attr.aria-label]=\"ariaLabel || null\"\n [attr.aria-labelledby]=\"ariaLabelledby\"\n [attr.aria-describedby]=\"ariaDescribedby\"\n [attr.name]=\"name\"\n [attr.value]=\"value\"\n [checked]=\"checked\"\n [disabled]=\"disabled\"\n [readonly]=\"readonly\"\n [required]=\"required\"\n (change)=\"_onInputInteraction($event)\"\n [attr.autofocus]=\"autofocus ? true : null\"\n />\n <span class=\"sapphire-radio__box\"></span>\n <span class=\"sapphire-radio__label\">\n <ng-content></ng-content>\n </span>\n</label>\n", styles: [".sapphire-radio{display:inline-flex;font-family:var(--sapphire-semantic-font-name-default);max-width:100%;position:relative}.sapphire-radio__input{margin:0;overflow:visible;position:absolute;top:0;left:0;height:100%;width:100%;opacity:.0001;z-index:1;cursor:pointer}.sapphire-radio__label{margin-left:var(--sapphire-semantic-size-spacing-sm);font-size:var(--sapphire-semantic-size-font-control-lg);line-height:var(--sapphire-semantic-size-height-control-xs);color:var(--sapphire-semantic-color-foreground-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sapphire-radio--md .sapphire-radio__label{font-size:var(--sapphire-semantic-size-font-control-md);line-height:var(--sapphire-semantic-size-height-control-2xs)}.sapphire-radio__box{box-sizing:border-box;background-color:var(--sapphire-semantic-color-background-field);width:var(--sapphire-semantic-size-height-box-lg);height:var(--sapphire-semantic-size-height-box-lg);flex-shrink:0;border-radius:50%;border:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-field-default);position:relative;margin-top:var(--sapphire-semantic-size-spacing-4xs);transition-property:background-color,border-color,border-width;transition-duration:var(--sapphire-semantic-time-fade-quick);transition-timing-function:var(--sapphire-semantic-transitions-fade)}.sapphire-radio--md .sapphire-radio__box{width:var(--sapphire-semantic-size-height-box-md);height:var(--sapphire-semantic-size-height-box-md)}.sapphire-radio--checked .sapphire-radio__box{border-color:var(--sapphire-semantic-color-background-action-primary-default);border-width:calc((var(--sapphire-semantic-size-height-box-lg) - var(--sapphire-global-size-generic-20)) / 2);background-color:var(--sapphire-semantic-color-foreground-action-on-select-default)}.sapphire-radio--md.sapphire-radio--checked .sapphire-radio__box{border-width:calc((var(--sapphire-semantic-size-height-box-md) - var(--sapphire-global-size-generic-15)) / 2)}.sapphire-radio--checked .sapphire-radio__box:after{display:block}.sapphire-radio:not(:active):not(.is-active):not(.sapphire-radio--checked).is-hover .sapphire-radio__box,.sapphire-radio:not(:active):not(.is-active):not(.sapphire-radio--checked):not(.js-hover):hover .sapphire-radio__input:not(:disabled)~.sapphire-radio__box{border-color:var(--sapphire-semantic-color-border-field-hover)}.sapphire-radio--checked:not(:active):not(.is-active).is-hover .sapphire-radio__box,.sapphire-radio--checked:not(:active):not(.is-active):not(.js-hover):hover .sapphire-radio__input:not(:disabled)~.sapphire-radio__box{border-color:var(--sapphire-semantic-color-background-action-primary-hover)}.sapphire-radio:not(.sapphire-radio--checked).is-active .sapphire-radio__box,.sapphire-radio:not(.sapphire-radio--checked):active .sapphire-radio__input:not(:disabled)~.sapphire-radio__box{border-color:var(--sapphire-semantic-color-border-field-active)}.sapphire-radio--checked.is-active .sapphire-radio__box,.sapphire-radio--checked:active .sapphire-radio__input:not(:disabled)~.sapphire-radio__box{border-color:var(--sapphire-semantic-color-background-action-primary-active)}.sapphire-radio.is-focus .sapphire-radio__input~.sapphire-radio__box,.sapphire-radio:not(.js-focus) .sapphire-radio__input:focus-visible~.sapphire-radio__box{outline:var(--sapphire-semantic-size-focus-ring) solid var(--sapphire-semantic-color-focus-ring);outline-offset:var(--sapphire-semantic-size-focus-ring)}.sapphire-radio__input:disabled{cursor:not-allowed}.sapphire-radio:not(.sapphire-radio--no-disabled) .sapphire-radio__input:disabled~.sapphire-radio__box,.sapphire-radio:not(.sapphire-radio--no-disabled) .sapphire-radio__input:disabled~.sapphire-radio__label{opacity:var(--sapphire-semantic-opacity-disabled)}\n"], changeDetection: i0.ChangeDetectionStrategy.Default });
|
|
10
10
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: RadioComponent, decorators: [{
|
|
11
11
|
type: Component,
|
|
12
12
|
args: [{ selector: 'sp-radio', changeDetection: ChangeDetectionStrategy.Default, hostDirectives: [ThemeCheckDirective], inputs: ['tabIndex'], host: {
|
|
@@ -15,6 +15,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
|
|
|
15
15
|
'[attr.aria-label]': 'null',
|
|
16
16
|
'[attr.aria-labelledby]': 'null',
|
|
17
17
|
'[attr.aria-describedby]': 'null',
|
|
18
|
-
}, standalone: false, template: "<label\n [for]=\"inputId\"\n class=\"sapphire-radio\"\n [class.sapphire-radio--no-disabled]=\"radioGroup?.disabled\"\n [class.sapphire-radio--checked]=\"checked\"\n [class.sapphire-radio--md]=\"radioGroup?._field?.size === 'md'\"\n>\n <input\n #input\n class=\"sapphire-radio__input\"\n type=\"radio\"\n [id]=\"inputId\"\n [attr.aria-checked]=\"_getAriaChecked()\"\n [attr.aria-label]=\"ariaLabel || null\"\n [attr.aria-labelledby]=\"ariaLabelledby\"\n [attr.aria-describedby]=\"ariaDescribedby\"\n [attr.name]=\"name\"\n [attr.value]=\"value\"\n [checked]=\"checked\"\n [disabled]=\"disabled\"\n [readonly]=\"readonly\"\n [required]=\"required\"\n (change)=\"_onInputInteraction($event)\"\n [attr.autofocus]=\"autofocus ? true : null\"\n />\n <span class=\"sapphire-radio__box\"></span>\n <span class=\"sapphire-radio__label\">\n <ng-content></ng-content>\n </span>\n</label>\n", styles: [".sapphire-radio{display:inline-flex;font-family:var(--sapphire-semantic-font-name-default);max-width:100%;position:relative}.sapphire-radio__input{margin:0;overflow:visible;position:absolute;top:0;left:0;height:100%;width:100%;opacity:.0001;z-index:1;cursor:pointer}.sapphire-radio__label{margin-left:var(--sapphire-semantic-size-spacing-
|
|
18
|
+
}, standalone: false, template: "<label\n [for]=\"inputId\"\n class=\"sapphire-radio\"\n [class.sapphire-radio--no-disabled]=\"radioGroup?.disabled\"\n [class.sapphire-radio--checked]=\"checked\"\n [class.sapphire-radio--md]=\"radioGroup?._field?.size === 'md'\"\n>\n <input\n #input\n class=\"sapphire-radio__input\"\n type=\"radio\"\n [id]=\"inputId\"\n [attr.aria-checked]=\"_getAriaChecked()\"\n [attr.aria-label]=\"ariaLabel || null\"\n [attr.aria-labelledby]=\"ariaLabelledby\"\n [attr.aria-describedby]=\"ariaDescribedby\"\n [attr.name]=\"name\"\n [attr.value]=\"value\"\n [checked]=\"checked\"\n [disabled]=\"disabled\"\n [readonly]=\"readonly\"\n [required]=\"required\"\n (change)=\"_onInputInteraction($event)\"\n [attr.autofocus]=\"autofocus ? true : null\"\n />\n <span class=\"sapphire-radio__box\"></span>\n <span class=\"sapphire-radio__label\">\n <ng-content></ng-content>\n </span>\n</label>\n", styles: [".sapphire-radio{display:inline-flex;font-family:var(--sapphire-semantic-font-name-default);max-width:100%;position:relative}.sapphire-radio__input{margin:0;overflow:visible;position:absolute;top:0;left:0;height:100%;width:100%;opacity:.0001;z-index:1;cursor:pointer}.sapphire-radio__label{margin-left:var(--sapphire-semantic-size-spacing-sm);font-size:var(--sapphire-semantic-size-font-control-lg);line-height:var(--sapphire-semantic-size-height-control-xs);color:var(--sapphire-semantic-color-foreground-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sapphire-radio--md .sapphire-radio__label{font-size:var(--sapphire-semantic-size-font-control-md);line-height:var(--sapphire-semantic-size-height-control-2xs)}.sapphire-radio__box{box-sizing:border-box;background-color:var(--sapphire-semantic-color-background-field);width:var(--sapphire-semantic-size-height-box-lg);height:var(--sapphire-semantic-size-height-box-lg);flex-shrink:0;border-radius:50%;border:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-field-default);position:relative;margin-top:var(--sapphire-semantic-size-spacing-4xs);transition-property:background-color,border-color,border-width;transition-duration:var(--sapphire-semantic-time-fade-quick);transition-timing-function:var(--sapphire-semantic-transitions-fade)}.sapphire-radio--md .sapphire-radio__box{width:var(--sapphire-semantic-size-height-box-md);height:var(--sapphire-semantic-size-height-box-md)}.sapphire-radio--checked .sapphire-radio__box{border-color:var(--sapphire-semantic-color-background-action-primary-default);border-width:calc((var(--sapphire-semantic-size-height-box-lg) - var(--sapphire-global-size-generic-20)) / 2);background-color:var(--sapphire-semantic-color-foreground-action-on-select-default)}.sapphire-radio--md.sapphire-radio--checked .sapphire-radio__box{border-width:calc((var(--sapphire-semantic-size-height-box-md) - var(--sapphire-global-size-generic-15)) / 2)}.sapphire-radio--checked .sapphire-radio__box:after{display:block}.sapphire-radio:not(:active):not(.is-active):not(.sapphire-radio--checked).is-hover .sapphire-radio__box,.sapphire-radio:not(:active):not(.is-active):not(.sapphire-radio--checked):not(.js-hover):hover .sapphire-radio__input:not(:disabled)~.sapphire-radio__box{border-color:var(--sapphire-semantic-color-border-field-hover)}.sapphire-radio--checked:not(:active):not(.is-active).is-hover .sapphire-radio__box,.sapphire-radio--checked:not(:active):not(.is-active):not(.js-hover):hover .sapphire-radio__input:not(:disabled)~.sapphire-radio__box{border-color:var(--sapphire-semantic-color-background-action-primary-hover)}.sapphire-radio:not(.sapphire-radio--checked).is-active .sapphire-radio__box,.sapphire-radio:not(.sapphire-radio--checked):active .sapphire-radio__input:not(:disabled)~.sapphire-radio__box{border-color:var(--sapphire-semantic-color-border-field-active)}.sapphire-radio--checked.is-active .sapphire-radio__box,.sapphire-radio--checked:active .sapphire-radio__input:not(:disabled)~.sapphire-radio__box{border-color:var(--sapphire-semantic-color-background-action-primary-active)}.sapphire-radio.is-focus .sapphire-radio__input~.sapphire-radio__box,.sapphire-radio:not(.js-focus) .sapphire-radio__input:focus-visible~.sapphire-radio__box{outline:var(--sapphire-semantic-size-focus-ring) solid var(--sapphire-semantic-color-focus-ring);outline-offset:var(--sapphire-semantic-size-focus-ring)}.sapphire-radio__input:disabled{cursor:not-allowed}.sapphire-radio:not(.sapphire-radio--no-disabled) .sapphire-radio__input:disabled~.sapphire-radio__box,.sapphire-radio:not(.sapphire-radio--no-disabled) .sapphire-radio__input:disabled~.sapphire-radio__label{opacity:var(--sapphire-semantic-opacity-disabled)}\n"] }]
|
|
19
19
|
}] });
|
|
20
20
|
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmFkaW8uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9yYWRpby9zcmMvcmFkaW8uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9yYWRpby9zcmMvcmFkaW8uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNuRSxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSx1Q0FBdUMsQ0FBQztBQUM1RSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0scUJBQXFCLENBQUM7OztBQWtCaEQsTUFBTSxPQUFPLGNBQWUsU0FBUSxTQUFTOzsyR0FBaEMsY0FBYzsrRkFBZCxjQUFjLGtVQ3BCM0IsNjZCQThCQTsyRkRWYSxjQUFjO2tCQWhCMUIsU0FBUzsrQkFDRSxVQUFVLG1CQUdILHVCQUF1QixDQUFDLE9BQU8sa0JBQ2hDLENBQUMsbUJBQW1CLENBQUMsVUFDN0IsQ0FBQyxVQUFVLENBQUMsUUFDZDt3QkFDSixXQUFXLEVBQUUsSUFBSTt3QkFDakIsaUJBQWlCLEVBQUUsTUFBTTt3QkFDekIsbUJBQW1CLEVBQUUsTUFBTTt3QkFDM0Isd0JBQXdCLEVBQUUsTUFBTTt3QkFDaEMseUJBQXlCLEVBQUUsTUFBTTtxQkFDbEMsY0FDVyxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgVGhlbWVDaGVja0RpcmVjdGl2ZSB9IGZyb20gJy4uLy4uL3RoZW1lL3NyYy90aGVtZS1jaGVjay5kaXJlY3RpdmUnO1xuaW1wb3J0IHsgUmFkaW9CYXNlIH0gZnJvbSAnLi9zaGFyZWQvcmFkaW8tYmFzZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NwLXJhZGlvJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3JhZGlvLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vcmFkaW8uY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5EZWZhdWx0LFxuICBob3N0RGlyZWN0aXZlczogW1RoZW1lQ2hlY2tEaXJlY3RpdmVdLFxuICBpbnB1dHM6IFsndGFiSW5kZXgnXSxcbiAgaG9zdDoge1xuICAgICdbYXR0ci5pZF0nOiAnaWQnLFxuICAgICdbYXR0ci50YWJpbmRleF0nOiAnbnVsbCcsXG4gICAgJ1thdHRyLmFyaWEtbGFiZWxdJzogJ251bGwnLFxuICAgICdbYXR0ci5hcmlhLWxhYmVsbGVkYnldJzogJ251bGwnLFxuICAgICdbYXR0ci5hcmlhLWRlc2NyaWJlZGJ5XSc6ICdudWxsJyxcbiAgfSxcbiAgc3RhbmRhbG9uZTogZmFsc2UsXG59KVxuZXhwb3J0IGNsYXNzIFJhZGlvQ29tcG9uZW50IGV4dGVuZHMgUmFkaW9CYXNlIHt9XG4iLCI8bGFiZWxcbiAgW2Zvcl09XCJpbnB1dElkXCJcbiAgY2xhc3M9XCJzYXBwaGlyZS1yYWRpb1wiXG4gIFtjbGFzcy5zYXBwaGlyZS1yYWRpby0tbm8tZGlzYWJsZWRdPVwicmFkaW9Hcm91cD8uZGlzYWJsZWRcIlxuICBbY2xhc3Muc2FwcGhpcmUtcmFkaW8tLWNoZWNrZWRdPVwiY2hlY2tlZFwiXG4gIFtjbGFzcy5zYXBwaGlyZS1yYWRpby0tbWRdPVwicmFkaW9Hcm91cD8uX2ZpZWxkPy5zaXplID09PSAnbWQnXCJcbj5cbiAgPGlucHV0XG4gICAgI2lucHV0XG4gICAgY2xhc3M9XCJzYXBwaGlyZS1yYWRpb19faW5wdXRcIlxuICAgIHR5cGU9XCJyYWRpb1wiXG4gICAgW2lkXT1cImlucHV0SWRcIlxuICAgIFthdHRyLmFyaWEtY2hlY2tlZF09XCJfZ2V0QXJpYUNoZWNrZWQoKVwiXG4gICAgW2F0dHIuYXJpYS1sYWJlbF09XCJhcmlhTGFiZWwgfHwgbnVsbFwiXG4gICAgW2F0dHIuYXJpYS1sYWJlbGxlZGJ5XT1cImFyaWFMYWJlbGxlZGJ5XCJcbiAgICBbYXR0ci5hcmlhLWRlc2NyaWJlZGJ5XT1cImFyaWFEZXNjcmliZWRieVwiXG4gICAgW2F0dHIubmFtZV09XCJuYW1lXCJcbiAgICBbYXR0ci52YWx1ZV09XCJ2YWx1ZVwiXG4gICAgW2NoZWNrZWRdPVwiY2hlY2tlZFwiXG4gICAgW2Rpc2FibGVkXT1cImRpc2FibGVkXCJcbiAgICBbcmVhZG9ubHldPVwicmVhZG9ubHlcIlxuICAgIFtyZXF1aXJlZF09XCJyZXF1aXJlZFwiXG4gICAgKGNoYW5nZSk9XCJfb25JbnB1dEludGVyYWN0aW9uKCRldmVudClcIlxuICAgIFthdHRyLmF1dG9mb2N1c109XCJhdXRvZm9jdXMgPyB0cnVlIDogbnVsbFwiXG4gIC8+XG4gIDxzcGFuIGNsYXNzPVwic2FwcGhpcmUtcmFkaW9fX2JveFwiPjwvc3Bhbj5cbiAgPHNwYW4gY2xhc3M9XCJzYXBwaGlyZS1yYWRpb19fbGFiZWxcIj5cbiAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gIDwvc3Bhbj5cbjwvbGFiZWw+XG4iXX0=
|
|
@@ -97,7 +97,7 @@ SegmentedRadioGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14
|
|
|
97
97
|
provide: RadioGroupBase,
|
|
98
98
|
useExisting: forwardRef(() => SegmentedRadioGroupComponent),
|
|
99
99
|
},
|
|
100
|
-
], viewQueries: [{ propertyName: "segmentedControl", first: true, predicate: ["segmentedControl"], descendants: true }], usesInheritance: true, hostDirectives: [{ directive: i1.ThemeCheckDirective }], ngImport: i0, template: "<div\n #segmentedControl\n class=\"sapphire-segmented-control\"\n [class.sapphire-segmented-control--lg]=\"size === 'lg'\"\n [class.sapphire-segmented-control--sm]=\"size === 'sm'\"\n [class.focus-visible]=\"_focusVisible\"\n [ngClass]=\"\n align === 'stretch'\n ? 'sapphire-segmented-control--stretch'\n : 'sapphire-segmented-control--align-' + align\n \"\n>\n <div\n class=\"sapphire-segmented-control__button-container\"\n role=\"radiogroup\"\n [attr.aria-label]=\"ariaLabel\"\n aria-orientation=\"horizontal\"\n cdkMonitorSubtreeFocus\n (cdkFocusChange)=\"_onFocusChange($event)\"\n >\n <ng-content></ng-content>\n <span\n [style.left]=\"_gliderStyles.left\"\n [style.width]=\"_gliderStyles.width\"\n [class.sapphire-segmented-control__glider--with-transition]=\"\n _animationEnabled\n \"\n class=\"sapphire-segmented-control__glider\"\n role=\"none\"\n ></span>\n </div>\n</div>\n", styles: [".sapphire-segmented-control{display:flex;height:var(--sapphire-semantic-size-height-control-md)}.sapphire-segmented-control--stretch .sapphire-segmented-control__button-container{width:100%}.sapphire-segmented-control--align-center{justify-content:center}.sapphire-segmented-control--align-right{justify-content:flex-end}.sapphire-segmented-control--align-left{justify-content:flex-start}.sapphire-segmented-control__button-container{display:inline-flex;position:relative;height:100%;background
|
|
100
|
+
], viewQueries: [{ propertyName: "segmentedControl", first: true, predicate: ["segmentedControl"], descendants: true }], usesInheritance: true, hostDirectives: [{ directive: i1.ThemeCheckDirective }], ngImport: i0, template: "<div\n #segmentedControl\n class=\"sapphire-segmented-control\"\n [class.sapphire-segmented-control--lg]=\"size === 'lg'\"\n [class.sapphire-segmented-control--sm]=\"size === 'sm'\"\n [class.focus-visible]=\"_focusVisible\"\n [ngClass]=\"\n align === 'stretch'\n ? 'sapphire-segmented-control--stretch'\n : 'sapphire-segmented-control--align-' + align\n \"\n>\n <div\n class=\"sapphire-segmented-control__button-container\"\n role=\"radiogroup\"\n [attr.aria-label]=\"ariaLabel\"\n aria-orientation=\"horizontal\"\n cdkMonitorSubtreeFocus\n (cdkFocusChange)=\"_onFocusChange($event)\"\n >\n <ng-content></ng-content>\n <span\n [style.left]=\"_gliderStyles.left\"\n [style.width]=\"_gliderStyles.width\"\n [class.sapphire-segmented-control__glider--with-transition]=\"\n _animationEnabled\n \"\n class=\"sapphire-segmented-control__glider\"\n role=\"none\"\n ></span>\n </div>\n</div>\n", styles: [".sapphire-segmented-control{display:flex;height:var(--sapphire-semantic-size-height-control-md)}.sapphire-segmented-control--stretch .sapphire-segmented-control__button-container{width:100%}.sapphire-segmented-control--align-center{justify-content:center}.sapphire-segmented-control--align-right{justify-content:flex-end}.sapphire-segmented-control--align-left{justify-content:flex-start}.sapphire-segmented-control__button-container{display:inline-flex;position:relative;height:100%;background:var(--sapphire-semantic-color-background-segmented-control-track);border-radius:var(--sapphire-semantic-size-height-control-lg);padding:var(--sapphire-global-size-static-5);box-sizing:border-box}.sapphire-segmented-control__glider{position:absolute;top:var(--sapphire-global-size-static-5);left:var(--sapphire-global-size-static-5);height:calc(100% - var(--sapphire-global-size-static-5) * 2);display:block;background:var(--sapphire-semantic-color-background-segmented-control-knob);box-sizing:border-box;z-index:1;border-radius:var(--sapphire-semantic-size-height-control-lg)}.sapphire-segmented-control__glider--with-transition{transition:width var(--sapphire-semantic-time-motion-quick) var(--sapphire-semantic-transitions-dynamic),left var(--sapphire-semantic-time-motion-quick) var(--sapphire-semantic-transitions-dynamic)}.sapphire-segmented-control__button{font-family:var(--sapphire-semantic-font-name-default);font-weight:var(--sapphire-semantic-font-weight-default-regular);font-size:var(--sapphire-semantic-size-font-control-md);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex:1 1 auto;box-sizing:content-box;margin:0;border:0;height:100%;min-width:var(--sapphire-global-size-generic-120);padding:0 var(--sapphire-semantic-size-spacing-lg);background:transparent;color:var(--sapphire-semantic-color-foreground-primary);cursor:pointer;outline:none;z-index:2;display:flex;align-items:center;justify-content:center;position:relative;transition:color var(--sapphire-semantic-time-motion-quick) var(--sapphire-semantic-transitions-dynamic)}.sapphire-segmented-control__button--active{color:var(--sapphire-semantic-color-foreground-primary)}.sapphire-segmented-control__button--disabled{opacity:var(--sapphire-semantic-opacity-disabled);cursor:not-allowed}.sapphire-segmented-control.focus-visible:focus-within .sapphire-segmented-control__glider{outline:var(--sapphire-semantic-size-focus-ring) solid var(--sapphire-semantic-color-focus-ring)}.sapphire-segmented-control--manual-keyboard-activation.focus-visible .sapphire-segmented-control__glider{transition:none}.sapphire-segmented-control--manual-keyboard-activation.focus-visible .sapphire-segmented-control__button:focus{outline:var(--sapphire-semantic-size-focus-ring) solid var(--sapphire-semantic-color-focus-ring);border-radius:var(--sapphire-semantic-size-height-control-lg)}.sapphire-segmented-control.focus-visible:focus-within.sapphire-segmented-control--manual-keyboard-activation .sapphire-segmented-control__glider{outline:none}.sapphire-segmented-control--lg{height:var(--sapphire-semantic-size-height-control-lg)}.sapphire-segmented-control--lg .sapphire-segmented-control__button{font-size:var(--sapphire-semantic-size-font-control-lg)}.sapphire-segmented-control--sm{height:var(--sapphire-semantic-size-height-control-sm)}.sapphire-segmented-control--sm .sapphire-segmented-control__button{font-size:var(--sapphire-semantic-size-font-control-sm)}.sapphire-segmented-control__radio-input{margin:0;overflow:visible;position:absolute;top:0;left:0;height:100%;width:100%;opacity:.0001;z-index:1;cursor:pointer}.sapphire-segmented-control__button--disabled .sapphire-segmented-control__radio-input{cursor:not-allowed}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.CdkMonitorFocus, selector: "[cdkMonitorElementFocus], [cdkMonitorSubtreeFocus]", outputs: ["cdkFocusChange"], exportAs: ["cdkMonitorFocus"] }], changeDetection: i0.ChangeDetectionStrategy.Default });
|
|
101
101
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: SegmentedRadioGroupComponent, decorators: [{
|
|
102
102
|
type: Component,
|
|
103
103
|
args: [{ selector: 'sp-segmented-radio-group', changeDetection: ChangeDetectionStrategy.Default, providers: [
|
|
@@ -115,7 +115,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
|
|
|
115
115
|
provide: RadioGroupBase,
|
|
116
116
|
useExisting: forwardRef(() => SegmentedRadioGroupComponent),
|
|
117
117
|
},
|
|
118
|
-
], hostDirectives: [ThemeCheckDirective], standalone: false, template: "<div\n #segmentedControl\n class=\"sapphire-segmented-control\"\n [class.sapphire-segmented-control--lg]=\"size === 'lg'\"\n [class.sapphire-segmented-control--sm]=\"size === 'sm'\"\n [class.focus-visible]=\"_focusVisible\"\n [ngClass]=\"\n align === 'stretch'\n ? 'sapphire-segmented-control--stretch'\n : 'sapphire-segmented-control--align-' + align\n \"\n>\n <div\n class=\"sapphire-segmented-control__button-container\"\n role=\"radiogroup\"\n [attr.aria-label]=\"ariaLabel\"\n aria-orientation=\"horizontal\"\n cdkMonitorSubtreeFocus\n (cdkFocusChange)=\"_onFocusChange($event)\"\n >\n <ng-content></ng-content>\n <span\n [style.left]=\"_gliderStyles.left\"\n [style.width]=\"_gliderStyles.width\"\n [class.sapphire-segmented-control__glider--with-transition]=\"\n _animationEnabled\n \"\n class=\"sapphire-segmented-control__glider\"\n role=\"none\"\n ></span>\n </div>\n</div>\n", styles: [".sapphire-segmented-control{display:flex;height:var(--sapphire-semantic-size-height-control-md)}.sapphire-segmented-control--stretch .sapphire-segmented-control__button-container{width:100%}.sapphire-segmented-control--align-center{justify-content:center}.sapphire-segmented-control--align-right{justify-content:flex-end}.sapphire-segmented-control--align-left{justify-content:flex-start}.sapphire-segmented-control__button-container{display:inline-flex;position:relative;height:100%;background
|
|
118
|
+
], hostDirectives: [ThemeCheckDirective], standalone: false, template: "<div\n #segmentedControl\n class=\"sapphire-segmented-control\"\n [class.sapphire-segmented-control--lg]=\"size === 'lg'\"\n [class.sapphire-segmented-control--sm]=\"size === 'sm'\"\n [class.focus-visible]=\"_focusVisible\"\n [ngClass]=\"\n align === 'stretch'\n ? 'sapphire-segmented-control--stretch'\n : 'sapphire-segmented-control--align-' + align\n \"\n>\n <div\n class=\"sapphire-segmented-control__button-container\"\n role=\"radiogroup\"\n [attr.aria-label]=\"ariaLabel\"\n aria-orientation=\"horizontal\"\n cdkMonitorSubtreeFocus\n (cdkFocusChange)=\"_onFocusChange($event)\"\n >\n <ng-content></ng-content>\n <span\n [style.left]=\"_gliderStyles.left\"\n [style.width]=\"_gliderStyles.width\"\n [class.sapphire-segmented-control__glider--with-transition]=\"\n _animationEnabled\n \"\n class=\"sapphire-segmented-control__glider\"\n role=\"none\"\n ></span>\n </div>\n</div>\n", styles: [".sapphire-segmented-control{display:flex;height:var(--sapphire-semantic-size-height-control-md)}.sapphire-segmented-control--stretch .sapphire-segmented-control__button-container{width:100%}.sapphire-segmented-control--align-center{justify-content:center}.sapphire-segmented-control--align-right{justify-content:flex-end}.sapphire-segmented-control--align-left{justify-content:flex-start}.sapphire-segmented-control__button-container{display:inline-flex;position:relative;height:100%;background:var(--sapphire-semantic-color-background-segmented-control-track);border-radius:var(--sapphire-semantic-size-height-control-lg);padding:var(--sapphire-global-size-static-5);box-sizing:border-box}.sapphire-segmented-control__glider{position:absolute;top:var(--sapphire-global-size-static-5);left:var(--sapphire-global-size-static-5);height:calc(100% - var(--sapphire-global-size-static-5) * 2);display:block;background:var(--sapphire-semantic-color-background-segmented-control-knob);box-sizing:border-box;z-index:1;border-radius:var(--sapphire-semantic-size-height-control-lg)}.sapphire-segmented-control__glider--with-transition{transition:width var(--sapphire-semantic-time-motion-quick) var(--sapphire-semantic-transitions-dynamic),left var(--sapphire-semantic-time-motion-quick) var(--sapphire-semantic-transitions-dynamic)}.sapphire-segmented-control__button{font-family:var(--sapphire-semantic-font-name-default);font-weight:var(--sapphire-semantic-font-weight-default-regular);font-size:var(--sapphire-semantic-size-font-control-md);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex:1 1 auto;box-sizing:content-box;margin:0;border:0;height:100%;min-width:var(--sapphire-global-size-generic-120);padding:0 var(--sapphire-semantic-size-spacing-lg);background:transparent;color:var(--sapphire-semantic-color-foreground-primary);cursor:pointer;outline:none;z-index:2;display:flex;align-items:center;justify-content:center;position:relative;transition:color var(--sapphire-semantic-time-motion-quick) var(--sapphire-semantic-transitions-dynamic)}.sapphire-segmented-control__button--active{color:var(--sapphire-semantic-color-foreground-primary)}.sapphire-segmented-control__button--disabled{opacity:var(--sapphire-semantic-opacity-disabled);cursor:not-allowed}.sapphire-segmented-control.focus-visible:focus-within .sapphire-segmented-control__glider{outline:var(--sapphire-semantic-size-focus-ring) solid var(--sapphire-semantic-color-focus-ring)}.sapphire-segmented-control--manual-keyboard-activation.focus-visible .sapphire-segmented-control__glider{transition:none}.sapphire-segmented-control--manual-keyboard-activation.focus-visible .sapphire-segmented-control__button:focus{outline:var(--sapphire-semantic-size-focus-ring) solid var(--sapphire-semantic-color-focus-ring);border-radius:var(--sapphire-semantic-size-height-control-lg)}.sapphire-segmented-control.focus-visible:focus-within.sapphire-segmented-control--manual-keyboard-activation .sapphire-segmented-control__glider{outline:none}.sapphire-segmented-control--lg{height:var(--sapphire-semantic-size-height-control-lg)}.sapphire-segmented-control--lg .sapphire-segmented-control__button{font-size:var(--sapphire-semantic-size-font-control-lg)}.sapphire-segmented-control--sm{height:var(--sapphire-semantic-size-height-control-sm)}.sapphire-segmented-control--sm .sapphire-segmented-control__button{font-size:var(--sapphire-semantic-size-font-control-sm)}.sapphire-segmented-control__radio-input{margin:0;overflow:visible;position:absolute;top:0;left:0;height:100%;width:100%;opacity:.0001;z-index:1;cursor:pointer}.sapphire-segmented-control__button--disabled .sapphire-segmented-control__radio-input{cursor:not-allowed}\n"] }]
|
|
119
119
|
}], ctorParameters: function () { return [{ type: i0.NgZone }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { segmentedControl: [{
|
|
120
120
|
type: ViewChild,
|
|
121
121
|
args: ['segmentedControl']
|
|
@@ -41,7 +41,7 @@ export class SegmentedTabComponent {
|
|
|
41
41
|
}
|
|
42
42
|
}
|
|
43
43
|
SegmentedTabComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: SegmentedTabComponent, deps: [{ token: forwardRef(() => SegmentedTabsComponent) }], target: i0.ɵɵFactoryTarget.Component });
|
|
44
|
-
SegmentedTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: SegmentedTabComponent, selector: "sp-segmented-tab", inputs: { disabled: "disabled", label: "label" }, host: { properties: { "style.flex": "'1 1 auto'", "style.display": "'inline-flex'" } }, viewQueries: [{ propertyName: "_contentTemplate", first: true, predicate: TemplateRef, descendants: true }, { propertyName: "_button", first: true, predicate: ["button"], descendants: true }], ngImport: i0, template: "<button\n #button\n class=\"sapphire-segmented-control__button\"\n _spUseComponentStyles\n [class.sapphire-segmented-control__button--disabled]=\"disabled\"\n [class.sapphire-segmented-control__button--active]=\"isSelected()\"\n role=\"tab\"\n (click)=\"select()\"\n [id]=\"id\"\n [tabIndex]=\"getTabIndex()\"\n [attr.aria-disabled]=\"disabled\"\n>\n {{ label }}\n <ng-content select=\"sp-segmented-tab-label\"></ng-content>\n</button>\n<ng-template>\n <div\n class=\"sapphire-tab-panel\"\n role=\"tabpanel\"\n tabindex=\"0\"\n [id]=\"id + '-panel'\"\n [attr.aria-labelledby]=\"id\"\n >\n <ng-content select=\"sp-segmented-tab-content\"></ng-content>\n </div>\n</ng-template>\n", styles: [".sapphire-tabs-scroll-container{-ms-overflow-style:none;scrollbar-width:none;overflow-x:scroll;overflow-y:hidden;white-space:nowrap;position:relative;scroll-padding:0 calc(2 * var(--sapphire-
|
|
44
|
+
SegmentedTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: SegmentedTabComponent, selector: "sp-segmented-tab", inputs: { disabled: "disabled", label: "label" }, host: { properties: { "style.flex": "'1 1 auto'", "style.display": "'inline-flex'" } }, viewQueries: [{ propertyName: "_contentTemplate", first: true, predicate: TemplateRef, descendants: true }, { propertyName: "_button", first: true, predicate: ["button"], descendants: true }], ngImport: i0, template: "<button\n #button\n class=\"sapphire-segmented-control__button\"\n _spUseComponentStyles\n [class.sapphire-segmented-control__button--disabled]=\"disabled\"\n [class.sapphire-segmented-control__button--active]=\"isSelected()\"\n role=\"tab\"\n (click)=\"select()\"\n [id]=\"id\"\n [tabIndex]=\"getTabIndex()\"\n [attr.aria-disabled]=\"disabled\"\n>\n {{ label }}\n <ng-content select=\"sp-segmented-tab-label\"></ng-content>\n</button>\n<ng-template>\n <div\n class=\"sapphire-tab-panel\"\n role=\"tabpanel\"\n tabindex=\"0\"\n [id]=\"id + '-panel'\"\n [attr.aria-labelledby]=\"id\"\n >\n <ng-content select=\"sp-segmented-tab-content\"></ng-content>\n </div>\n</ng-template>\n", styles: [".sapphire-tabs-scroll-container{-ms-overflow-style:none;scrollbar-width:none;overflow-x:scroll;overflow-y:hidden;white-space:nowrap;position:relative;scroll-padding:0 calc(2 * var(--sapphire-semantic-size-spacing-3xl) + 1px);min-width:0;flex:1;overscroll-behavior-x:contain}.sapphire-tabs-scroll-container::-webkit-scrollbar{display:none}.sapphire-tabs-overflow-arrows{display:flex;align-items:center;min-width:0;flex:1;position:relative}.sapphire-tabs-overflow-arrows--inline{display:inline-flex}.sapphire-tabs-overflow-arrows__arrow{position:absolute;z-index:10;pointer-events:none}.sapphire-tabs-overflow-arrows__arrow--left{left:0;padding-right:var(--sapphire-semantic-size-spacing-3xl);background:linear-gradient(90deg,var(--sapphire-global-color-white) 0%,var(--sapphire-global-color-white) 40%,var(--sapphire-global-color-transparent) 100%)}.sapphire-tabs-overflow-arrows__arrow--right{right:0;padding-left:var(--sapphire-semantic-size-spacing-3xl);background:linear-gradient(90deg,var(--sapphire-global-color-transparent) 0%,var(--sapphire-global-color-white) 60%,var(--sapphire-global-color-white) 100%)}.sapphire-tabs{display:inline-flex;box-sizing:border-box;height:var(--sapphire-semantic-size-height-control-lg);gap:var(--sapphire-semantic-size-spacing-md);overflow:hidden;position:relative;min-width:100%;flex:1;padding:0 var(--sapphire-semantic-size-focus-ring)}.sapphire-tabs--align-left{justify-content:start}.sapphire-tabs--align-center{justify-content:center}.sapphire-tabs--align-right{justify-content:end}.sapphire-tabs:after{content:\"\";display:block;position:absolute;bottom:0;width:100%;height:var(--sapphire-semantic-size-border-md);background:var(--sapphire-semantic-color-border-secondary);border-radius:var(--sapphire-semantic-size-border-md)}.sapphire-tabs--no-border:after{display:none}.sapphire-tabs__tab{display:flex;align-items:center;position:relative;font-family:var(--sapphire-semantic-font-name-default);font-weight:var(--sapphire-semantic-font-weight-default-regular);font-size:var(--sapphire-semantic-size-font-control-md);text-decoration:none;background:none;color:var(--sapphire-semantic-color-foreground-primary);box-sizing:border-box;white-space:nowrap;border-width:0;padding:0;margin:var(--sapphire-semantic-size-focus-ring) 0 var(--sapphire-semantic-size-focus-ring) 0;cursor:pointer;outline:none;border-radius:var(--sapphire-semantic-size-radius-sm);z-index:1}.sapphire-tabs__tab:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-tabs__tab:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{color:var(--sapphire-semantic-color-foreground-action-select-hover)}.sapphire-tabs__tab:not(:disabled):not(.is-disabled):active,.sapphire-tabs__tab:not(:disabled):not(.is-disabled):focus-visible:active,.sapphire-tabs__tab:not(:disabled):not(.is-disabled).is-active{color:var(--sapphire-semantic-color-foreground-action-select-active)}.sapphire-tabs__tab.js-focus.is-focus,.sapphire-tabs__tab:not(.js-focus):focus-visible{outline:var(--sapphire-semantic-size-focus-ring) solid var(--sapphire-semantic-color-focus-ring)}.sapphire-tabs__tab:disabled,.sapphire-tabs__tab.is-disabled{cursor:not-allowed}.sapphire-tabs__tab:disabled .sapphire-tabs__label,.sapphire-tabs__tab.is-disabled .sapphire-tabs__label{opacity:var(--sapphire-semantic-opacity-disabled)}.sapphire-tabs__label{padding:0 1px}.sapphire-tabs__tab--active{color:var(--sapphire-semantic-color-foreground-action-select-default)}.sapphire-tabs__tab--active.js-focus:not(.is-focus):after,.sapphire-tabs__tab--active:not(.js-focus):not(:focus-visible):after{content:\"\";display:block;position:absolute;bottom:calc(-1 * var(--sapphire-semantic-size-focus-ring));width:100%;height:var(--sapphire-semantic-size-border-md);background:var(--sapphire-semantic-color-foreground-action-select-default);border-radius:var(--sapphire-semantic-size-border-md)}.sapphire-tabs--sm{height:var(--sapphire-semantic-size-height-control-md);gap:var(--sapphire-semantic-size-spacing-md)}.sapphire-tabs--sm .sapphire-tabs__tab{font-size:var(--sapphire-semantic-size-font-control-sm)}.sapphire-tabs--lg{height:var(--sapphire-semantic-size-height-control-xl);gap:var(--sapphire-semantic-size-spacing-lg)}.sapphire-tabs--lg .sapphire-tabs__tab{font-size:var(--sapphire-semantic-size-font-control-lg)}.sapphire-tab-panel{min-height:0;flex-grow:1}.sapphire-tab-panel.js-focus.is-focus,.sapphire-tab-panel:not(.js-focus):focus-visible{outline:var(--sapphire-semantic-size-focus-ring) solid var(--sapphire-semantic-color-focus-ring);outline-offset:var(--sapphire-semantic-size-focus-ring)}\n"], dependencies: [{ kind: "directive", type: i1.UseComponentStyles, selector: "[_spUseComponentStyles]" }] });
|
|
45
45
|
__decorate([
|
|
46
46
|
AutoId()
|
|
47
47
|
], SegmentedTabComponent.prototype, "id", void 0);
|
|
@@ -51,7 +51,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
|
|
|
51
51
|
// Angular specific styles that are needed due to extra dom elements added by angular
|
|
52
52
|
'[style.flex]': "'1 1 auto'",
|
|
53
53
|
'[style.display]': "'inline-flex'",
|
|
54
|
-
}, standalone: false, template: "<button\n #button\n class=\"sapphire-segmented-control__button\"\n _spUseComponentStyles\n [class.sapphire-segmented-control__button--disabled]=\"disabled\"\n [class.sapphire-segmented-control__button--active]=\"isSelected()\"\n role=\"tab\"\n (click)=\"select()\"\n [id]=\"id\"\n [tabIndex]=\"getTabIndex()\"\n [attr.aria-disabled]=\"disabled\"\n>\n {{ label }}\n <ng-content select=\"sp-segmented-tab-label\"></ng-content>\n</button>\n<ng-template>\n <div\n class=\"sapphire-tab-panel\"\n role=\"tabpanel\"\n tabindex=\"0\"\n [id]=\"id + '-panel'\"\n [attr.aria-labelledby]=\"id\"\n >\n <ng-content select=\"sp-segmented-tab-content\"></ng-content>\n </div>\n</ng-template>\n", styles: [".sapphire-tabs-scroll-container{-ms-overflow-style:none;scrollbar-width:none;overflow-x:scroll;overflow-y:hidden;white-space:nowrap;position:relative;scroll-padding:0 calc(2 * var(--sapphire-
|
|
54
|
+
}, standalone: false, template: "<button\n #button\n class=\"sapphire-segmented-control__button\"\n _spUseComponentStyles\n [class.sapphire-segmented-control__button--disabled]=\"disabled\"\n [class.sapphire-segmented-control__button--active]=\"isSelected()\"\n role=\"tab\"\n (click)=\"select()\"\n [id]=\"id\"\n [tabIndex]=\"getTabIndex()\"\n [attr.aria-disabled]=\"disabled\"\n>\n {{ label }}\n <ng-content select=\"sp-segmented-tab-label\"></ng-content>\n</button>\n<ng-template>\n <div\n class=\"sapphire-tab-panel\"\n role=\"tabpanel\"\n tabindex=\"0\"\n [id]=\"id + '-panel'\"\n [attr.aria-labelledby]=\"id\"\n >\n <ng-content select=\"sp-segmented-tab-content\"></ng-content>\n </div>\n</ng-template>\n", styles: [".sapphire-tabs-scroll-container{-ms-overflow-style:none;scrollbar-width:none;overflow-x:scroll;overflow-y:hidden;white-space:nowrap;position:relative;scroll-padding:0 calc(2 * var(--sapphire-semantic-size-spacing-3xl) + 1px);min-width:0;flex:1;overscroll-behavior-x:contain}.sapphire-tabs-scroll-container::-webkit-scrollbar{display:none}.sapphire-tabs-overflow-arrows{display:flex;align-items:center;min-width:0;flex:1;position:relative}.sapphire-tabs-overflow-arrows--inline{display:inline-flex}.sapphire-tabs-overflow-arrows__arrow{position:absolute;z-index:10;pointer-events:none}.sapphire-tabs-overflow-arrows__arrow--left{left:0;padding-right:var(--sapphire-semantic-size-spacing-3xl);background:linear-gradient(90deg,var(--sapphire-global-color-white) 0%,var(--sapphire-global-color-white) 40%,var(--sapphire-global-color-transparent) 100%)}.sapphire-tabs-overflow-arrows__arrow--right{right:0;padding-left:var(--sapphire-semantic-size-spacing-3xl);background:linear-gradient(90deg,var(--sapphire-global-color-transparent) 0%,var(--sapphire-global-color-white) 60%,var(--sapphire-global-color-white) 100%)}.sapphire-tabs{display:inline-flex;box-sizing:border-box;height:var(--sapphire-semantic-size-height-control-lg);gap:var(--sapphire-semantic-size-spacing-md);overflow:hidden;position:relative;min-width:100%;flex:1;padding:0 var(--sapphire-semantic-size-focus-ring)}.sapphire-tabs--align-left{justify-content:start}.sapphire-tabs--align-center{justify-content:center}.sapphire-tabs--align-right{justify-content:end}.sapphire-tabs:after{content:\"\";display:block;position:absolute;bottom:0;width:100%;height:var(--sapphire-semantic-size-border-md);background:var(--sapphire-semantic-color-border-secondary);border-radius:var(--sapphire-semantic-size-border-md)}.sapphire-tabs--no-border:after{display:none}.sapphire-tabs__tab{display:flex;align-items:center;position:relative;font-family:var(--sapphire-semantic-font-name-default);font-weight:var(--sapphire-semantic-font-weight-default-regular);font-size:var(--sapphire-semantic-size-font-control-md);text-decoration:none;background:none;color:var(--sapphire-semantic-color-foreground-primary);box-sizing:border-box;white-space:nowrap;border-width:0;padding:0;margin:var(--sapphire-semantic-size-focus-ring) 0 var(--sapphire-semantic-size-focus-ring) 0;cursor:pointer;outline:none;border-radius:var(--sapphire-semantic-size-radius-sm);z-index:1}.sapphire-tabs__tab:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-tabs__tab:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{color:var(--sapphire-semantic-color-foreground-action-select-hover)}.sapphire-tabs__tab:not(:disabled):not(.is-disabled):active,.sapphire-tabs__tab:not(:disabled):not(.is-disabled):focus-visible:active,.sapphire-tabs__tab:not(:disabled):not(.is-disabled).is-active{color:var(--sapphire-semantic-color-foreground-action-select-active)}.sapphire-tabs__tab.js-focus.is-focus,.sapphire-tabs__tab:not(.js-focus):focus-visible{outline:var(--sapphire-semantic-size-focus-ring) solid var(--sapphire-semantic-color-focus-ring)}.sapphire-tabs__tab:disabled,.sapphire-tabs__tab.is-disabled{cursor:not-allowed}.sapphire-tabs__tab:disabled .sapphire-tabs__label,.sapphire-tabs__tab.is-disabled .sapphire-tabs__label{opacity:var(--sapphire-semantic-opacity-disabled)}.sapphire-tabs__label{padding:0 1px}.sapphire-tabs__tab--active{color:var(--sapphire-semantic-color-foreground-action-select-default)}.sapphire-tabs__tab--active.js-focus:not(.is-focus):after,.sapphire-tabs__tab--active:not(.js-focus):not(:focus-visible):after{content:\"\";display:block;position:absolute;bottom:calc(-1 * var(--sapphire-semantic-size-focus-ring));width:100%;height:var(--sapphire-semantic-size-border-md);background:var(--sapphire-semantic-color-foreground-action-select-default);border-radius:var(--sapphire-semantic-size-border-md)}.sapphire-tabs--sm{height:var(--sapphire-semantic-size-height-control-md);gap:var(--sapphire-semantic-size-spacing-md)}.sapphire-tabs--sm .sapphire-tabs__tab{font-size:var(--sapphire-semantic-size-font-control-sm)}.sapphire-tabs--lg{height:var(--sapphire-semantic-size-height-control-xl);gap:var(--sapphire-semantic-size-spacing-lg)}.sapphire-tabs--lg .sapphire-tabs__tab{font-size:var(--sapphire-semantic-size-font-control-lg)}.sapphire-tab-panel{min-height:0;flex-grow:1}.sapphire-tab-panel.js-focus.is-focus,.sapphire-tab-panel:not(.js-focus):focus-visible{outline:var(--sapphire-semantic-size-focus-ring) solid var(--sapphire-semantic-color-focus-ring);outline-offset:var(--sapphire-semantic-size-focus-ring)}\n"] }]
|
|
55
55
|
}], ctorParameters: function () { return [{ type: i2.SegmentedTabsComponent, decorators: [{
|
|
56
56
|
type: Inject,
|
|
57
57
|
args: [forwardRef(() => SegmentedTabsComponent)]
|