@fundamental-ngx/core 0.34.3-rc.25 → 0.34.3-rc.28
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/action-bar/package.json +1 -1
- package/action-sheet/package.json +1 -1
- package/alert/package.json +1 -1
- package/avatar/package.json +1 -1
- package/avatar-group/package.json +1 -1
- package/bar/button-bar/button-bar.component.d.ts +5 -1
- package/bar/esm2020/button-bar/button-bar.component.mjs +10 -3
- package/bar/fesm2015/fundamental-ngx-core-bar.mjs +9 -2
- package/bar/fesm2015/fundamental-ngx-core-bar.mjs.map +1 -1
- package/bar/fesm2020/fundamental-ngx-core-bar.mjs +9 -2
- package/bar/fesm2020/fundamental-ngx-core-bar.mjs.map +1 -1
- package/bar/package.json +1 -1
- package/breadcrumb/package.json +1 -1
- package/busy-indicator/package.json +1 -1
- package/button/package.json +1 -1
- package/calendar/package.json +1 -1
- package/card/package.json +1 -1
- package/carousel/package.json +1 -1
- package/checkbox/package.json +1 -1
- package/combobox/package.json +1 -1
- package/date-picker/package.json +1 -1
- package/datetime/package.json +1 -1
- package/datetime-picker/package.json +1 -1
- package/dialog/base/dialog-content-base.class.d.ts +8 -4
- package/dialog/esm2020/base/dialog-content-base.class.mjs +1 -1
- package/dialog/esm2020/dialog-default/dialog-default.component.mjs +3 -3
- package/dialog/fesm2015/fundamental-ngx-core-dialog.mjs +2 -2
- package/dialog/fesm2015/fundamental-ngx-core-dialog.mjs.map +1 -1
- package/dialog/fesm2020/fundamental-ngx-core-dialog.mjs +2 -2
- package/dialog/fesm2020/fundamental-ngx-core-dialog.mjs.map +1 -1
- package/dialog/package.json +1 -1
- package/dynamic-page/package.json +1 -1
- package/dynamic-side-content/package.json +1 -1
- package/esm2020/bar/button-bar/button-bar.component.mjs +10 -3
- package/esm2020/dialog/base/dialog-content-base.class.mjs +1 -1
- package/esm2020/dialog/dialog-default/dialog-default.component.mjs +3 -3
- package/esm2020/message-box/message-box-default/message-box-default.component.mjs +3 -3
- package/facets/package.json +1 -1
- package/feed-input/package.json +1 -1
- package/feed-list-item/package.json +1 -1
- package/fesm2015/fundamental-ngx-core-bar.mjs +9 -2
- package/fesm2015/fundamental-ngx-core-bar.mjs.map +1 -1
- package/fesm2015/fundamental-ngx-core-dialog.mjs +2 -2
- package/fesm2015/fundamental-ngx-core-dialog.mjs.map +1 -1
- package/fesm2015/fundamental-ngx-core-message-box.mjs +2 -2
- package/fesm2015/fundamental-ngx-core-message-box.mjs.map +1 -1
- package/fesm2020/fundamental-ngx-core-bar.mjs +9 -2
- package/fesm2020/fundamental-ngx-core-bar.mjs.map +1 -1
- package/fesm2020/fundamental-ngx-core-dialog.mjs +2 -2
- package/fesm2020/fundamental-ngx-core-dialog.mjs.map +1 -1
- package/fesm2020/fundamental-ngx-core-message-box.mjs +2 -2
- package/fesm2020/fundamental-ngx-core-message-box.mjs.map +1 -1
- package/file-uploader/package.json +1 -1
- package/fixed-card-layout/package.json +1 -1
- package/flexible-column-layout/package.json +1 -1
- package/form/package.json +1 -1
- package/formatted-text/package.json +1 -1
- package/grid-list/package.json +1 -1
- package/icon/package.json +1 -1
- package/illustrated-message/package.json +1 -1
- package/infinite-scroll/package.json +1 -1
- package/info-label/package.json +1 -1
- package/inline-help/package.json +1 -1
- package/input-group/package.json +1 -1
- package/layout-grid/package.json +1 -1
- package/layout-panel/package.json +1 -1
- package/link/package.json +1 -1
- package/list/package.json +1 -1
- package/menu/package.json +1 -1
- package/message-box/esm2020/message-box-default/message-box-default.component.mjs +3 -3
- package/message-box/fesm2015/fundamental-ngx-core-message-box.mjs +2 -2
- package/message-box/fesm2015/fundamental-ngx-core-message-box.mjs.map +1 -1
- package/message-box/fesm2020/fundamental-ngx-core-message-box.mjs +2 -2
- package/message-box/fesm2020/fundamental-ngx-core-message-box.mjs.map +1 -1
- package/message-box/package.json +1 -1
- package/message-strip/package.json +1 -1
- package/message-toast/package.json +1 -1
- package/micro-process-flow/package.json +1 -1
- package/mobile-mode/package.json +1 -1
- package/multi-input/package.json +1 -1
- package/nested-list/package.json +1 -1
- package/notification/package.json +1 -1
- package/object-identifier/package.json +1 -1
- package/object-marker/package.json +1 -1
- package/object-number/package.json +1 -1
- package/object-status/package.json +1 -1
- package/package.json +1 -1
- package/pagination/package.json +1 -1
- package/panel/package.json +1 -1
- package/popover/package.json +1 -1
- package/product-switch/package.json +1 -1
- package/progress-indicator/package.json +1 -1
- package/quick-view/package.json +1 -1
- package/radio/package.json +1 -1
- package/rating-indicator/package.json +1 -1
- package/resizable-card-layout/package.json +1 -1
- package/scroll-spy/package.json +1 -1
- package/scrollbar/package.json +1 -1
- package/segmented-button/package.json +1 -1
- package/select/package.json +1 -1
- package/shared/package.json +1 -1
- package/shellbar/package.json +1 -1
- package/side-navigation/package.json +1 -1
- package/slider/package.json +1 -1
- package/split-button/package.json +1 -1
- package/splitter/package.json +1 -1
- package/status-indicator/package.json +1 -1
- package/step-input/package.json +1 -1
- package/switch/package.json +1 -1
- package/table/package.json +1 -1
- package/tabs/package.json +1 -1
- package/text/package.json +1 -1
- package/tile/package.json +1 -1
- package/time/package.json +1 -1
- package/time-picker/package.json +1 -1
- package/timeline/package.json +1 -1
- package/title/package.json +1 -1
- package/token/package.json +1 -1
- package/toolbar/package.json +1 -1
- package/tree/package.json +1 -1
- package/upload-collection/package.json +1 -1
- package/utils/package.json +1 -1
- package/vertical-navigation/package.json +1 -1
- package/wizard/package.json +1 -1
package/action-bar/package.json
CHANGED
package/alert/package.json
CHANGED
package/avatar/package.json
CHANGED
|
@@ -21,8 +21,12 @@ export declare class ButtonBarComponent extends BaseButton implements OnInit, On
|
|
|
21
21
|
ariaLabel: string;
|
|
22
22
|
/** the aria-labelledby ids to be associated with this element */
|
|
23
23
|
ariaLabelledby: string;
|
|
24
|
+
/** @hidden */
|
|
25
|
+
private readonly _defaultId;
|
|
24
26
|
/** id for this element */
|
|
25
|
-
id: string;
|
|
27
|
+
get id(): string;
|
|
28
|
+
set id(value: string | null | undefined);
|
|
29
|
+
_id: string | null | undefined;
|
|
26
30
|
/** @hidden */
|
|
27
31
|
_barElement: boolean;
|
|
28
32
|
get pointerEvents(): string;
|
|
@@ -19,13 +19,20 @@ export class ButtonBarComponent extends BaseButton {
|
|
|
19
19
|
* Default value is set to 'transparent'
|
|
20
20
|
*/
|
|
21
21
|
this.fdType = 'transparent';
|
|
22
|
-
/**
|
|
23
|
-
this.
|
|
22
|
+
/** @hidden */
|
|
23
|
+
this._defaultId = `fd-button-bar-id-${randomButtonBarId++}`;
|
|
24
24
|
/** @hidden */
|
|
25
25
|
this._barElement = true;
|
|
26
26
|
/** @hidden */
|
|
27
27
|
this._subscriptions = new Subscription();
|
|
28
28
|
}
|
|
29
|
+
/** id for this element */
|
|
30
|
+
get id() {
|
|
31
|
+
return this._id || this._defaultId;
|
|
32
|
+
}
|
|
33
|
+
set id(value) {
|
|
34
|
+
this._id = value;
|
|
35
|
+
}
|
|
29
36
|
get pointerEvents() {
|
|
30
37
|
return this._disabled ? 'none' : 'auto';
|
|
31
38
|
}
|
|
@@ -114,4 +121,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImpor
|
|
|
114
121
|
type: ViewChild,
|
|
115
122
|
args: [ButtonComponent]
|
|
116
123
|
}] } });
|
|
117
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
124
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLWJhci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvcmUvc3JjL2xpYi9iYXIvYnV0dG9uLWJhci9idXR0b24tYmFyLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0gsaUJBQWlCLEVBQ2pCLFNBQVMsRUFDVCxXQUFXLEVBQ1gsS0FBSyxFQUdMLFFBQVEsRUFDUixTQUFTLEVBQ1osTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLFVBQVUsRUFBYyxNQUFNLDhCQUE4QixDQUFDO0FBQ3RFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUMvRCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBQ3BDLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLDZCQUE2QixDQUFDOzs7O0FBRXBFLElBQUksaUJBQWlCLEdBQUcsQ0FBQyxDQUFDO0FBc0IxQixNQUFNLE9BQU8sa0JBQW1CLFNBQVEsVUFBVTtJQTJEOUMsWUFBZ0Msc0JBQTZDLEVBQVUsTUFBeUI7UUFDNUcsS0FBSyxFQUFFLENBQUM7UUFEb0IsMkJBQXNCLEdBQXRCLHNCQUFzQixDQUF1QjtRQUFVLFdBQU0sR0FBTixNQUFNLENBQW1CO1FBMURoSCx3RUFBd0U7UUFHeEUsY0FBUyxHQUFHLEtBQUssQ0FBQztRQUVsQjs7O1dBR0c7UUFFSCxXQUFNLEdBQWUsYUFBYSxDQUFDO1FBa0JuQyxjQUFjO1FBQ0csZUFBVSxHQUFHLG9CQUFvQixpQkFBaUIsRUFBRSxFQUFFLENBQUM7UUFheEUsY0FBYztRQUVkLGdCQUFXLEdBQUcsSUFBSSxDQUFDO1FBV25CLGNBQWM7UUFDTixtQkFBYyxHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7SUFJNUMsQ0FBQztJQTdCRCwwQkFBMEI7SUFDMUIsSUFDSSxFQUFFO1FBQ0YsT0FBTyxJQUFJLENBQUMsR0FBRyxJQUFJLElBQUksQ0FBQyxVQUFVLENBQUM7SUFDdkMsQ0FBQztJQUNELElBQUksRUFBRSxDQUFDLEtBQWdDO1FBQ25DLElBQUksQ0FBQyxHQUFHLEdBQUcsS0FBSyxDQUFDO0lBQ3JCLENBQUM7SUFRRCxJQUNJLGFBQWE7UUFDYixPQUFPLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDO0lBQzVDLENBQUM7SUFhRCxjQUFjO0lBQ2QsUUFBUTtRQUNKLElBQUksSUFBSSxDQUFDLE9BQU8sS0FBSyxTQUFTLElBQUksSUFBSSxDQUFDLHNCQUFzQixFQUFFO1lBQzNELElBQUksQ0FBQyxjQUFjLENBQUMsR0FBRyxDQUNuQixJQUFJLENBQUMsc0JBQXNCLENBQUMsaUJBQWlCLENBQUMsU0FBUyxDQUFDLENBQUMsU0FBUyxFQUFFLEVBQUU7Z0JBQ2xFLElBQUksQ0FBQyxPQUFPLEdBQUcsU0FBUyxDQUFDO2dCQUN6QixJQUFJLENBQUMsTUFBTSxDQUFDLFlBQVksRUFBRSxDQUFDO1lBQy9CLENBQUMsQ0FBQyxDQUNMLENBQUM7U0FDTDtJQUNMLENBQUM7SUFFRCxjQUFjO0lBQ2QsV0FBVztRQUNQLElBQUksQ0FBQyxjQUFjLENBQUMsV0FBVyxFQUFFLENBQUM7SUFDdEMsQ0FBQzs7K0dBOUVRLGtCQUFrQjttR0FBbEIsa0JBQWtCLGliQXFEaEIsZUFBZSx1RUF4RWhCOzs7Ozs7Ozs7Ozs7Ozs7OztLQWlCVDsyRkFFUSxrQkFBa0I7a0JBckI5QixTQUFTO21CQUFDO29CQUNQLFFBQVEsRUFBRSxlQUFlO29CQUN6QixRQUFRLEVBQUU7Ozs7Ozs7Ozs7Ozs7Ozs7O0tBaUJUO2lCQUNKOzswQkE0RGdCLFFBQVE7NEVBdkRyQixTQUFTO3NCQUZSLEtBQUs7O3NCQUNMLFdBQVc7dUJBQUMsbUNBQW1DO2dCQVFoRCxNQUFNO3NCQURMLEtBQUs7Z0JBS04sS0FBSztzQkFESixLQUFLO2dCQUtOLE9BQU87c0JBRE4sS0FBSztnQkFLTixTQUFTO3NCQURSLEtBQUs7Z0JBS04sY0FBYztzQkFEYixLQUFLO2dCQVFGLEVBQUU7c0JBREwsS0FBSztnQkFZTixXQUFXO3NCQURWLFdBQVc7dUJBQUMsdUJBQXVCO2dCQUloQyxhQUFhO3NCQURoQixXQUFXO3VCQUFDLHNCQUFzQjtnQkFPbkMsZ0JBQWdCO3NCQURmLFNBQVM7dUJBQUMsZUFBZSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gICAgQ2hhbmdlRGV0ZWN0b3JSZWYsXG4gICAgQ29tcG9uZW50LFxuICAgIEhvc3RCaW5kaW5nLFxuICAgIElucHV0LFxuICAgIE9uRGVzdHJveSxcbiAgICBPbkluaXQsXG4gICAgT3B0aW9uYWwsXG4gICAgVmlld0NoaWxkXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQmFzZUJ1dHRvbiwgQnV0dG9uVHlwZSB9IGZyb20gJ0BmdW5kYW1lbnRhbC1uZ3gvY29yZS9idXR0b24nO1xuaW1wb3J0IHsgQnV0dG9uQ29tcG9uZW50IH0gZnJvbSAnQGZ1bmRhbWVudGFsLW5neC9jb3JlL2J1dHRvbic7XG5pbXBvcnQgeyBTdWJzY3JpcHRpb24gfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IENvbnRlbnREZW5zaXR5U2VydmljZSB9IGZyb20gJ0BmdW5kYW1lbnRhbC1uZ3gvY29yZS91dGlscyc7XG5cbmxldCByYW5kb21CdXR0b25CYXJJZCA9IDA7XG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2ZkLWJ1dHRvbi1iYXInLFxuICAgIHRlbXBsYXRlOiBgXG4gICAgICAgIDxidXR0b25cbiAgICAgICAgICAgIGZkLWJ1dHRvblxuICAgICAgICAgICAgW2lkXT1cImlkXCJcbiAgICAgICAgICAgIFt0eXBlXT1cInR5cGVcIlxuICAgICAgICAgICAgW2dseXBoUG9zaXRpb25dPVwiZ2x5cGhQb3NpdGlvblwiXG4gICAgICAgICAgICBbZ2x5cGhdPVwiZ2x5cGhcIlxuICAgICAgICAgICAgW2NvbXBhY3RdPVwiY29tcGFjdFwiXG4gICAgICAgICAgICBbZmRUeXBlXT1cImZkVHlwZVwiXG4gICAgICAgICAgICBbbGFiZWxdPVwibGFiZWxcIlxuICAgICAgICAgICAgW2F0dHIudGl0bGVdPVwidGl0bGVcIlxuICAgICAgICAgICAgW2FyaWFMYWJlbF09XCJhcmlhTGFiZWxcIlxuICAgICAgICAgICAgW2ZkTWVudV09XCJmZE1lbnVcIlxuICAgICAgICAgICAgW2Rpc2FibGVkXT1cImRpc2FibGVkXCJcbiAgICAgICAgPlxuICAgICAgICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICAgICAgICA8L2J1dHRvbj5cbiAgICBgXG59KVxuZXhwb3J0IGNsYXNzIEJ1dHRvbkJhckNvbXBvbmVudCBleHRlbmRzIEJhc2VCdXR0b24gaW1wbGVtZW50cyBPbkluaXQsIE9uRGVzdHJveSB7XG4gICAgLyoqIFdoZXRoZXIgdGhlIGVsZW1lbnQgc2hvdWxkIHRha2UgdGhlIHdob2xlIHdpZHRoIG9mIHRoZSBjb250YWluZXIuICovXG4gICAgQElucHV0KClcbiAgICBASG9zdEJpbmRpbmcoJ2NsYXNzLmZkLWJhcl9fZWxlbWVudC0tZnVsbC13aWR0aCcpXG4gICAgZnVsbFdpZHRoID0gZmFsc2U7XG5cbiAgICAvKiogVGhlIHR5cGUgb2YgdGhlIGJ1dHRvbi4gVHlwZXMgaW5jbHVkZTpcbiAgICAgKiAnc3RhbmRhcmQnIHwgJ3Bvc2l0aXZlJyB8ICduZWdhdGl2ZScgfCAnYXR0ZW50aW9uJyB8ICdoYWxmJyB8ICdnaG9zdCcgfCAndHJhbnNwYXJlbnQnIHwgJ2VtcGhhc2l6ZWQnIHwgJ21lbnUnLlxuICAgICAqIERlZmF1bHQgdmFsdWUgaXMgc2V0IHRvICd0cmFuc3BhcmVudCdcbiAgICAgKi9cbiAgICBASW5wdXQoKVxuICAgIGZkVHlwZTogQnV0dG9uVHlwZSA9ICd0cmFuc3BhcmVudCc7XG5cbiAgICAvKiogYWRkaW5nIHRpdGxlIHRvIHRoZSBidXR0b24gKi9cbiAgICBASW5wdXQoKVxuICAgIHRpdGxlOiBzdHJpbmc7XG5cbiAgICAvKiogV2hldGhlciBvciBub3QgdGhlIGJ1dHRvbiBpcyBjb21wYWN0LiAqL1xuICAgIEBJbnB1dCgpXG4gICAgY29tcGFjdD86IGJvb2xlYW47XG5cbiAgICAvKiogQXJpYSBsYWJlbCBhdHRyaWJ1dGUgdmFsdWUuICovXG4gICAgQElucHV0KClcbiAgICBhcmlhTGFiZWw6IHN0cmluZztcblxuICAgIC8qKiB0aGUgYXJpYS1sYWJlbGxlZGJ5IGlkcyB0byBiZSBhc3NvY2lhdGVkIHdpdGggdGhpcyBlbGVtZW50ICovXG4gICAgQElucHV0KClcbiAgICBhcmlhTGFiZWxsZWRieTogc3RyaW5nO1xuXG4gICAgLyoqIEBoaWRkZW4gKi9cbiAgICBwcml2YXRlIHJlYWRvbmx5IF9kZWZhdWx0SWQgPSBgZmQtYnV0dG9uLWJhci1pZC0ke3JhbmRvbUJ1dHRvbkJhcklkKyt9YDtcblxuICAgIC8qKiBpZCBmb3IgdGhpcyBlbGVtZW50ICovXG4gICAgQElucHV0KClcbiAgICBnZXQgaWQoKTogc3RyaW5nIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuX2lkIHx8IHRoaXMuX2RlZmF1bHRJZDtcbiAgICB9XG4gICAgc2V0IGlkKHZhbHVlOiBzdHJpbmcgfCBudWxsIHwgdW5kZWZpbmVkKSB7XG4gICAgICAgIHRoaXMuX2lkID0gdmFsdWU7XG4gICAgfVxuXG4gICAgX2lkOiBzdHJpbmcgfCBudWxsIHwgdW5kZWZpbmVkO1xuXG4gICAgLyoqIEBoaWRkZW4gKi9cbiAgICBASG9zdEJpbmRpbmcoJ2NsYXNzLmZkLWJhcl9fZWxlbWVudCcpXG4gICAgX2JhckVsZW1lbnQgPSB0cnVlO1xuXG4gICAgQEhvc3RCaW5kaW5nKCdzdHlsZS5wb2ludGVyLWV2ZW50cycpXG4gICAgZ2V0IHBvaW50ZXJFdmVudHMoKTogc3RyaW5nIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuX2Rpc2FibGVkID8gJ25vbmUnIDogJ2F1dG8nO1xuICAgIH1cblxuICAgIC8qKiBAaGlkZGVuICovXG4gICAgQFZpZXdDaGlsZChCdXR0b25Db21wb25lbnQpXG4gICAgX2J1dHRvbkNvbXBvbmVudDogQnV0dG9uQ29tcG9uZW50O1xuXG4gICAgLyoqIEBoaWRkZW4gKi9cbiAgICBwcml2YXRlIF9zdWJzY3JpcHRpb25zID0gbmV3IFN1YnNjcmlwdGlvbigpO1xuXG4gICAgY29uc3RydWN0b3IoQE9wdGlvbmFsKCkgcHJpdmF0ZSBfY29udGVudERlbnNpdHlTZXJ2aWNlOiBDb250ZW50RGVuc2l0eVNlcnZpY2UsIHByaXZhdGUgX2NkUmVmOiBDaGFuZ2VEZXRlY3RvclJlZikge1xuICAgICAgICBzdXBlcigpO1xuICAgIH1cblxuICAgIC8qKiBAaGlkZGVuICovXG4gICAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgICAgIGlmICh0aGlzLmNvbXBhY3QgPT09IHVuZGVmaW5lZCAmJiB0aGlzLl9jb250ZW50RGVuc2l0eVNlcnZpY2UpIHtcbiAgICAgICAgICAgIHRoaXMuX3N1YnNjcmlwdGlvbnMuYWRkKFxuICAgICAgICAgICAgICAgIHRoaXMuX2NvbnRlbnREZW5zaXR5U2VydmljZS5faXNDb21wYWN0RGVuc2l0eS5zdWJzY3JpYmUoKGlzQ29tcGFjdCkgPT4ge1xuICAgICAgICAgICAgICAgICAgICB0aGlzLmNvbXBhY3QgPSBpc0NvbXBhY3Q7XG4gICAgICAgICAgICAgICAgICAgIHRoaXMuX2NkUmVmLm1hcmtGb3JDaGVjaygpO1xuICAgICAgICAgICAgICAgIH0pXG4gICAgICAgICAgICApO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgLyoqIEBoaWRkZW4gKi9cbiAgICBuZ09uRGVzdHJveSgpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5fc3Vic2NyaXB0aW9ucy51bnN1YnNjcmliZSgpO1xuICAgIH1cbn1cbiJdfQ==
|
|
@@ -200,13 +200,20 @@ class ButtonBarComponent extends BaseButton {
|
|
|
200
200
|
* Default value is set to 'transparent'
|
|
201
201
|
*/
|
|
202
202
|
this.fdType = 'transparent';
|
|
203
|
-
/**
|
|
204
|
-
this.
|
|
203
|
+
/** @hidden */
|
|
204
|
+
this._defaultId = `fd-button-bar-id-${randomButtonBarId++}`;
|
|
205
205
|
/** @hidden */
|
|
206
206
|
this._barElement = true;
|
|
207
207
|
/** @hidden */
|
|
208
208
|
this._subscriptions = new Subscription();
|
|
209
209
|
}
|
|
210
|
+
/** id for this element */
|
|
211
|
+
get id() {
|
|
212
|
+
return this._id || this._defaultId;
|
|
213
|
+
}
|
|
214
|
+
set id(value) {
|
|
215
|
+
this._id = value;
|
|
216
|
+
}
|
|
210
217
|
get pointerEvents() {
|
|
211
218
|
return this._disabled ? 'none' : 'auto';
|
|
212
219
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"fundamental-ngx-core-bar.mjs","sources":["../../../../../libs/core/src/lib/bar/bar.component.ts","../../../../../libs/core/src/lib/bar/bar.component.html","../../../../../libs/core/src/lib/bar/directives/bar-left.directive.ts","../../../../../libs/core/src/lib/bar/directives/bar-middle.directive.ts","../../../../../libs/core/src/lib/bar/directives/bar-right.directive.ts","../../../../../libs/core/src/lib/bar/directives/bar-element.directive.ts","../../../../../libs/core/src/lib/bar/button-bar/button-bar.component.ts","../../../../../libs/core/src/lib/bar/bar.module.ts","../../../../../libs/core/src/lib/bar/fundamental-ngx-core-bar.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n ElementRef,\n Input,\n OnChanges,\n OnDestroy,\n OnInit,\n Optional,\n ViewEncapsulation\n} from '@angular/core';\nimport { Subscription } from 'rxjs';\nimport { applyCssClass } from '@fundamental-ngx/core/utils';\nimport { CssClassBuilder } from '@fundamental-ngx/core/utils';\nimport { ContentDensityService } from '@fundamental-ngx/core/utils';\n\nexport type SizeType = '' | 's' | 'm_l' | 'xl';\nexport type BarDesignType = 'header' | 'subheader' | 'header-with-subheader' | 'footer' | 'floating-footer';\n\n/**\n * The Bar component is a container that holds titles, buttons and input controls.\n * Its content is distributed in three areas - left, middle and right.\n * The Bar has 2 modes - Desktop (default) and Tablet/Mobile (cozy).\n */\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: '[fd-bar]',\n templateUrl: './bar.component.html',\n styleUrls: ['./bar.component.scss'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class BarComponent implements OnChanges, OnInit, CssClassBuilder, OnDestroy {\n /** user's custom classes */\n @Input()\n class: string;\n\n /** Whether the Bar component is used as a header, subheader, header-with-subheader,\n * footer or floating-footer.\n * Types available: 'header' | 'subheader' | 'header-with-subheader' | 'footer' | 'floating-footer' */\n @Input()\n barDesign: BarDesignType;\n\n /** Whether the Bar component is used in Page Layout. */\n @Input()\n inPage: boolean;\n\n /** Whether the Bar component is used in Home Page Layout. */\n @Input()\n inHomePage: boolean;\n\n /** The size of the Page in Page responsive design.\n * Available sizes: 's' | 'm_l' | 'xl'\n */\n @Input()\n size: SizeType = '';\n\n /** Whether to apply cozy mode to the Bar. */\n @Input()\n cozy?: boolean;\n\n /** @hidden */\n private _subscriptions = new Subscription();\n\n /** @hidden */\n constructor(private _elementRef: ElementRef, @Optional() private _contentDensityService: ContentDensityService) {}\n\n /** @hidden */\n ngOnInit(): void {\n if (this.cozy === undefined && this._contentDensityService) {\n this._subscriptions.add(\n this._contentDensityService._contentDensityListener.subscribe((density) => {\n this.cozy = density === 'cozy';\n this.buildComponentCssClass();\n })\n );\n }\n this.buildComponentCssClass();\n }\n\n /** @hidden */\n ngOnDestroy(): void {\n this._subscriptions.unsubscribe();\n }\n\n /** @hidden */\n ngOnChanges(): void {\n this.buildComponentCssClass();\n }\n\n @applyCssClass\n /** CssClassBuilder interface implementation\n * function must return single string\n * function is responsible for order which css classes are applied\n */\n buildComponentCssClass(): string[] {\n return [\n 'fd-bar',\n this.cozy ? 'fd-bar--cozy' : '',\n this.barDesign ? `fd-bar--${this.barDesign}` : '',\n this.inPage && !this.size ? 'fd-bar--page' : '',\n this.inPage && this.size ? `fd-bar--page-${this.size}` : '',\n this.inHomePage && !this.size ? 'fd-bar--home-page' : '',\n this.inHomePage && this.size ? `fd-bar--home-page-${this.size}` : '',\n this.class\n ];\n }\n\n elementRef(): ElementRef<any> {\n return this._elementRef;\n }\n}\n","<ng-content select=\"[fd-bar-left]\"></ng-content>\n<ng-content select=\"[fd-bar-middle]\"></ng-content>\n<ng-content select=\"[fd-bar-right]\"></ng-content>\n<ng-content></ng-content>\n","import { Directive } from '@angular/core';\n\n/**\n * The left side area of the Bar component.\n */\n@Directive({\n // eslint-disable-next-line @angular-eslint/directive-selector\n selector: '[fd-bar-left]',\n host: {\n class: 'fd-bar__left'\n }\n})\nexport class BarLeftDirective {}\n","import { Directive } from '@angular/core';\n\n/**\n * The middle section of the Bar component.\n */\n@Directive({\n // eslint-disable-next-line @angular-eslint/directive-selector\n selector: '[fd-bar-middle]',\n host: {\n class: 'fd-bar__middle'\n }\n})\nexport class BarMiddleDirective {}\n","import { Directive } from '@angular/core';\n\n/**\n * The right side area of the Bar component.\n */\n@Directive({\n // eslint-disable-next-line @angular-eslint/directive-selector\n selector: '[fd-bar-right]',\n host: {\n class: 'fd-bar__right'\n }\n})\nexport class BarRightDirective {}\n","import { Directive, HostBinding, Input } from '@angular/core';\n\n/**\n * An element of the Bar.\n */\n@Directive({\n // eslint-disable-next-line @angular-eslint/directive-selector\n selector: 'fd-bar-element'\n})\nexport class BarElementDirective {\n /** Whether the element should take the whole width of the container. */\n @Input()\n @HostBinding('class.fd-bar__element--full-width')\n fullWidth = false;\n\n /** Whether the element is title. */\n @Input()\n @HostBinding('class.fd-bar__element--title')\n isTitle = false;\n\n /** @hidden */\n @HostBinding('class.fd-bar__element')\n barElement = true;\n}\n","import {\n ChangeDetectorRef,\n Component,\n HostBinding,\n Input,\n OnDestroy,\n OnInit,\n Optional,\n ViewChild\n} from '@angular/core';\nimport { BaseButton, ButtonType } from '@fundamental-ngx/core/button';\nimport { ButtonComponent } from '@fundamental-ngx/core/button';\nimport { Subscription } from 'rxjs';\nimport { ContentDensityService } from '@fundamental-ngx/core/utils';\n\nlet randomButtonBarId = 0;\n@Component({\n selector: 'fd-button-bar',\n template: `\n <button\n fd-button\n [id]=\"id\"\n [type]=\"type\"\n [glyphPosition]=\"glyphPosition\"\n [glyph]=\"glyph\"\n [compact]=\"compact\"\n [fdType]=\"fdType\"\n [label]=\"label\"\n [attr.title]=\"title\"\n [ariaLabel]=\"ariaLabel\"\n [fdMenu]=\"fdMenu\"\n [disabled]=\"disabled\"\n >\n <ng-content></ng-content>\n </button>\n `\n})\nexport class ButtonBarComponent extends BaseButton implements OnInit, OnDestroy {\n /** Whether the element should take the whole width of the container. */\n @Input()\n @HostBinding('class.fd-bar__element--full-width')\n fullWidth = false;\n\n /** The type of the button. Types include:\n * 'standard' | 'positive' | 'negative' | 'attention' | 'half' | 'ghost' | 'transparent' | 'emphasized' | 'menu'.\n * Default value is set to 'transparent'\n */\n @Input()\n fdType: ButtonType = 'transparent';\n\n /** adding title to the button */\n @Input()\n title: string;\n\n /** Whether or not the button is compact. */\n @Input()\n compact?: boolean;\n\n /** Aria label attribute value. */\n @Input()\n ariaLabel: string;\n\n /** the aria-labelledby ids to be associated with this element */\n @Input()\n ariaLabelledby: string;\n\n /** id for this element */\n @Input()\n id = `fd-button-bar-id-${randomButtonBarId++}`;\n\n /** @hidden */\n @HostBinding('class.fd-bar__element')\n _barElement = true;\n\n @HostBinding('style.pointer-events')\n get pointerEvents(): string {\n return this._disabled ? 'none' : 'auto';\n }\n\n /** @hidden */\n @ViewChild(ButtonComponent)\n _buttonComponent: ButtonComponent;\n\n /** @hidden */\n private _subscriptions = new Subscription();\n\n constructor(@Optional() private _contentDensityService: ContentDensityService, private _cdRef: ChangeDetectorRef) {\n super();\n }\n\n /** @hidden */\n ngOnInit(): void {\n if (this.compact === undefined && this._contentDensityService) {\n this._subscriptions.add(\n this._contentDensityService._isCompactDensity.subscribe((isCompact) => {\n this.compact = isCompact;\n this._cdRef.markForCheck();\n })\n );\n }\n }\n\n /** @hidden */\n ngOnDestroy(): void {\n this._subscriptions.unsubscribe();\n }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { BarComponent } from './bar.component';\nimport { BarLeftDirective } from './directives/bar-left.directive';\nimport { BarMiddleDirective } from './directives/bar-middle.directive';\nimport { BarRightDirective } from './directives/bar-right.directive';\nimport { BarElementDirective } from './directives/bar-element.directive';\nimport { ButtonBarComponent } from './button-bar/button-bar.component';\nimport { ButtonModule } from '@fundamental-ngx/core/button';\n\n@NgModule({\n declarations: [\n BarComponent,\n BarLeftDirective,\n BarMiddleDirective,\n BarRightDirective,\n BarElementDirective,\n ButtonBarComponent\n ],\n imports: [CommonModule, ButtonModule],\n exports: [\n BarComponent,\n BarLeftDirective,\n BarMiddleDirective,\n BarRightDirective,\n BarElementDirective,\n ButtonBarComponent\n ]\n})\nexport class BarModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"fundamental-ngx-core-bar.mjs","sources":["../../../../../libs/core/src/lib/bar/bar.component.ts","../../../../../libs/core/src/lib/bar/bar.component.html","../../../../../libs/core/src/lib/bar/directives/bar-left.directive.ts","../../../../../libs/core/src/lib/bar/directives/bar-middle.directive.ts","../../../../../libs/core/src/lib/bar/directives/bar-right.directive.ts","../../../../../libs/core/src/lib/bar/directives/bar-element.directive.ts","../../../../../libs/core/src/lib/bar/button-bar/button-bar.component.ts","../../../../../libs/core/src/lib/bar/bar.module.ts","../../../../../libs/core/src/lib/bar/fundamental-ngx-core-bar.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n ElementRef,\n Input,\n OnChanges,\n OnDestroy,\n OnInit,\n Optional,\n ViewEncapsulation\n} from '@angular/core';\nimport { Subscription } from 'rxjs';\nimport { applyCssClass } from '@fundamental-ngx/core/utils';\nimport { CssClassBuilder } from '@fundamental-ngx/core/utils';\nimport { ContentDensityService } from '@fundamental-ngx/core/utils';\n\nexport type SizeType = '' | 's' | 'm_l' | 'xl';\nexport type BarDesignType = 'header' | 'subheader' | 'header-with-subheader' | 'footer' | 'floating-footer';\n\n/**\n * The Bar component is a container that holds titles, buttons and input controls.\n * Its content is distributed in three areas - left, middle and right.\n * The Bar has 2 modes - Desktop (default) and Tablet/Mobile (cozy).\n */\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: '[fd-bar]',\n templateUrl: './bar.component.html',\n styleUrls: ['./bar.component.scss'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class BarComponent implements OnChanges, OnInit, CssClassBuilder, OnDestroy {\n /** user's custom classes */\n @Input()\n class: string;\n\n /** Whether the Bar component is used as a header, subheader, header-with-subheader,\n * footer or floating-footer.\n * Types available: 'header' | 'subheader' | 'header-with-subheader' | 'footer' | 'floating-footer' */\n @Input()\n barDesign: BarDesignType;\n\n /** Whether the Bar component is used in Page Layout. */\n @Input()\n inPage: boolean;\n\n /** Whether the Bar component is used in Home Page Layout. */\n @Input()\n inHomePage: boolean;\n\n /** The size of the Page in Page responsive design.\n * Available sizes: 's' | 'm_l' | 'xl'\n */\n @Input()\n size: SizeType = '';\n\n /** Whether to apply cozy mode to the Bar. */\n @Input()\n cozy?: boolean;\n\n /** @hidden */\n private _subscriptions = new Subscription();\n\n /** @hidden */\n constructor(private _elementRef: ElementRef, @Optional() private _contentDensityService: ContentDensityService) {}\n\n /** @hidden */\n ngOnInit(): void {\n if (this.cozy === undefined && this._contentDensityService) {\n this._subscriptions.add(\n this._contentDensityService._contentDensityListener.subscribe((density) => {\n this.cozy = density === 'cozy';\n this.buildComponentCssClass();\n })\n );\n }\n this.buildComponentCssClass();\n }\n\n /** @hidden */\n ngOnDestroy(): void {\n this._subscriptions.unsubscribe();\n }\n\n /** @hidden */\n ngOnChanges(): void {\n this.buildComponentCssClass();\n }\n\n @applyCssClass\n /** CssClassBuilder interface implementation\n * function must return single string\n * function is responsible for order which css classes are applied\n */\n buildComponentCssClass(): string[] {\n return [\n 'fd-bar',\n this.cozy ? 'fd-bar--cozy' : '',\n this.barDesign ? `fd-bar--${this.barDesign}` : '',\n this.inPage && !this.size ? 'fd-bar--page' : '',\n this.inPage && this.size ? `fd-bar--page-${this.size}` : '',\n this.inHomePage && !this.size ? 'fd-bar--home-page' : '',\n this.inHomePage && this.size ? `fd-bar--home-page-${this.size}` : '',\n this.class\n ];\n }\n\n elementRef(): ElementRef<any> {\n return this._elementRef;\n }\n}\n","<ng-content select=\"[fd-bar-left]\"></ng-content>\n<ng-content select=\"[fd-bar-middle]\"></ng-content>\n<ng-content select=\"[fd-bar-right]\"></ng-content>\n<ng-content></ng-content>\n","import { Directive } from '@angular/core';\n\n/**\n * The left side area of the Bar component.\n */\n@Directive({\n // eslint-disable-next-line @angular-eslint/directive-selector\n selector: '[fd-bar-left]',\n host: {\n class: 'fd-bar__left'\n }\n})\nexport class BarLeftDirective {}\n","import { Directive } from '@angular/core';\n\n/**\n * The middle section of the Bar component.\n */\n@Directive({\n // eslint-disable-next-line @angular-eslint/directive-selector\n selector: '[fd-bar-middle]',\n host: {\n class: 'fd-bar__middle'\n }\n})\nexport class BarMiddleDirective {}\n","import { Directive } from '@angular/core';\n\n/**\n * The right side area of the Bar component.\n */\n@Directive({\n // eslint-disable-next-line @angular-eslint/directive-selector\n selector: '[fd-bar-right]',\n host: {\n class: 'fd-bar__right'\n }\n})\nexport class BarRightDirective {}\n","import { Directive, HostBinding, Input } from '@angular/core';\n\n/**\n * An element of the Bar.\n */\n@Directive({\n // eslint-disable-next-line @angular-eslint/directive-selector\n selector: 'fd-bar-element'\n})\nexport class BarElementDirective {\n /** Whether the element should take the whole width of the container. */\n @Input()\n @HostBinding('class.fd-bar__element--full-width')\n fullWidth = false;\n\n /** Whether the element is title. */\n @Input()\n @HostBinding('class.fd-bar__element--title')\n isTitle = false;\n\n /** @hidden */\n @HostBinding('class.fd-bar__element')\n barElement = true;\n}\n","import {\n ChangeDetectorRef,\n Component,\n HostBinding,\n Input,\n OnDestroy,\n OnInit,\n Optional,\n ViewChild\n} from '@angular/core';\nimport { BaseButton, ButtonType } from '@fundamental-ngx/core/button';\nimport { ButtonComponent } from '@fundamental-ngx/core/button';\nimport { Subscription } from 'rxjs';\nimport { ContentDensityService } from '@fundamental-ngx/core/utils';\n\nlet randomButtonBarId = 0;\n@Component({\n selector: 'fd-button-bar',\n template: `\n <button\n fd-button\n [id]=\"id\"\n [type]=\"type\"\n [glyphPosition]=\"glyphPosition\"\n [glyph]=\"glyph\"\n [compact]=\"compact\"\n [fdType]=\"fdType\"\n [label]=\"label\"\n [attr.title]=\"title\"\n [ariaLabel]=\"ariaLabel\"\n [fdMenu]=\"fdMenu\"\n [disabled]=\"disabled\"\n >\n <ng-content></ng-content>\n </button>\n `\n})\nexport class ButtonBarComponent extends BaseButton implements OnInit, OnDestroy {\n /** Whether the element should take the whole width of the container. */\n @Input()\n @HostBinding('class.fd-bar__element--full-width')\n fullWidth = false;\n\n /** The type of the button. Types include:\n * 'standard' | 'positive' | 'negative' | 'attention' | 'half' | 'ghost' | 'transparent' | 'emphasized' | 'menu'.\n * Default value is set to 'transparent'\n */\n @Input()\n fdType: ButtonType = 'transparent';\n\n /** adding title to the button */\n @Input()\n title: string;\n\n /** Whether or not the button is compact. */\n @Input()\n compact?: boolean;\n\n /** Aria label attribute value. */\n @Input()\n ariaLabel: string;\n\n /** the aria-labelledby ids to be associated with this element */\n @Input()\n ariaLabelledby: string;\n\n /** @hidden */\n private readonly _defaultId = `fd-button-bar-id-${randomButtonBarId++}`;\n\n /** id for this element */\n @Input()\n get id(): string {\n return this._id || this._defaultId;\n }\n set id(value: string | null | undefined) {\n this._id = value;\n }\n\n _id: string | null | undefined;\n\n /** @hidden */\n @HostBinding('class.fd-bar__element')\n _barElement = true;\n\n @HostBinding('style.pointer-events')\n get pointerEvents(): string {\n return this._disabled ? 'none' : 'auto';\n }\n\n /** @hidden */\n @ViewChild(ButtonComponent)\n _buttonComponent: ButtonComponent;\n\n /** @hidden */\n private _subscriptions = new Subscription();\n\n constructor(@Optional() private _contentDensityService: ContentDensityService, private _cdRef: ChangeDetectorRef) {\n super();\n }\n\n /** @hidden */\n ngOnInit(): void {\n if (this.compact === undefined && this._contentDensityService) {\n this._subscriptions.add(\n this._contentDensityService._isCompactDensity.subscribe((isCompact) => {\n this.compact = isCompact;\n this._cdRef.markForCheck();\n })\n );\n }\n }\n\n /** @hidden */\n ngOnDestroy(): void {\n this._subscriptions.unsubscribe();\n }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { BarComponent } from './bar.component';\nimport { BarLeftDirective } from './directives/bar-left.directive';\nimport { BarMiddleDirective } from './directives/bar-middle.directive';\nimport { BarRightDirective } from './directives/bar-right.directive';\nimport { BarElementDirective } from './directives/bar-element.directive';\nimport { ButtonBarComponent } from './button-bar/button-bar.component';\nimport { ButtonModule } from '@fundamental-ngx/core/button';\n\n@NgModule({\n declarations: [\n BarComponent,\n BarLeftDirective,\n BarMiddleDirective,\n BarRightDirective,\n BarElementDirective,\n ButtonBarComponent\n ],\n imports: [CommonModule, ButtonModule],\n exports: [\n BarComponent,\n BarLeftDirective,\n BarMiddleDirective,\n BarRightDirective,\n BarElementDirective,\n ButtonBarComponent\n ]\n})\nexport class BarModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}
|
|
@@ -198,13 +198,20 @@ class ButtonBarComponent extends BaseButton {
|
|
|
198
198
|
* Default value is set to 'transparent'
|
|
199
199
|
*/
|
|
200
200
|
this.fdType = 'transparent';
|
|
201
|
-
/**
|
|
202
|
-
this.
|
|
201
|
+
/** @hidden */
|
|
202
|
+
this._defaultId = `fd-button-bar-id-${randomButtonBarId++}`;
|
|
203
203
|
/** @hidden */
|
|
204
204
|
this._barElement = true;
|
|
205
205
|
/** @hidden */
|
|
206
206
|
this._subscriptions = new Subscription();
|
|
207
207
|
}
|
|
208
|
+
/** id for this element */
|
|
209
|
+
get id() {
|
|
210
|
+
return this._id || this._defaultId;
|
|
211
|
+
}
|
|
212
|
+
set id(value) {
|
|
213
|
+
this._id = value;
|
|
214
|
+
}
|
|
208
215
|
get pointerEvents() {
|
|
209
216
|
return this._disabled ? 'none' : 'auto';
|
|
210
217
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"fundamental-ngx-core-bar.mjs","sources":["../../../../../libs/core/src/lib/bar/bar.component.ts","../../../../../libs/core/src/lib/bar/bar.component.html","../../../../../libs/core/src/lib/bar/directives/bar-left.directive.ts","../../../../../libs/core/src/lib/bar/directives/bar-middle.directive.ts","../../../../../libs/core/src/lib/bar/directives/bar-right.directive.ts","../../../../../libs/core/src/lib/bar/directives/bar-element.directive.ts","../../../../../libs/core/src/lib/bar/button-bar/button-bar.component.ts","../../../../../libs/core/src/lib/bar/bar.module.ts","../../../../../libs/core/src/lib/bar/fundamental-ngx-core-bar.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n ElementRef,\n Input,\n OnChanges,\n OnDestroy,\n OnInit,\n Optional,\n ViewEncapsulation\n} from '@angular/core';\nimport { Subscription } from 'rxjs';\nimport { applyCssClass } from '@fundamental-ngx/core/utils';\nimport { CssClassBuilder } from '@fundamental-ngx/core/utils';\nimport { ContentDensityService } from '@fundamental-ngx/core/utils';\n\nexport type SizeType = '' | 's' | 'm_l' | 'xl';\nexport type BarDesignType = 'header' | 'subheader' | 'header-with-subheader' | 'footer' | 'floating-footer';\n\n/**\n * The Bar component is a container that holds titles, buttons and input controls.\n * Its content is distributed in three areas - left, middle and right.\n * The Bar has 2 modes - Desktop (default) and Tablet/Mobile (cozy).\n */\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: '[fd-bar]',\n templateUrl: './bar.component.html',\n styleUrls: ['./bar.component.scss'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class BarComponent implements OnChanges, OnInit, CssClassBuilder, OnDestroy {\n /** user's custom classes */\n @Input()\n class: string;\n\n /** Whether the Bar component is used as a header, subheader, header-with-subheader,\n * footer or floating-footer.\n * Types available: 'header' | 'subheader' | 'header-with-subheader' | 'footer' | 'floating-footer' */\n @Input()\n barDesign: BarDesignType;\n\n /** Whether the Bar component is used in Page Layout. */\n @Input()\n inPage: boolean;\n\n /** Whether the Bar component is used in Home Page Layout. */\n @Input()\n inHomePage: boolean;\n\n /** The size of the Page in Page responsive design.\n * Available sizes: 's' | 'm_l' | 'xl'\n */\n @Input()\n size: SizeType = '';\n\n /** Whether to apply cozy mode to the Bar. */\n @Input()\n cozy?: boolean;\n\n /** @hidden */\n private _subscriptions = new Subscription();\n\n /** @hidden */\n constructor(private _elementRef: ElementRef, @Optional() private _contentDensityService: ContentDensityService) {}\n\n /** @hidden */\n ngOnInit(): void {\n if (this.cozy === undefined && this._contentDensityService) {\n this._subscriptions.add(\n this._contentDensityService._contentDensityListener.subscribe((density) => {\n this.cozy = density === 'cozy';\n this.buildComponentCssClass();\n })\n );\n }\n this.buildComponentCssClass();\n }\n\n /** @hidden */\n ngOnDestroy(): void {\n this._subscriptions.unsubscribe();\n }\n\n /** @hidden */\n ngOnChanges(): void {\n this.buildComponentCssClass();\n }\n\n @applyCssClass\n /** CssClassBuilder interface implementation\n * function must return single string\n * function is responsible for order which css classes are applied\n */\n buildComponentCssClass(): string[] {\n return [\n 'fd-bar',\n this.cozy ? 'fd-bar--cozy' : '',\n this.barDesign ? `fd-bar--${this.barDesign}` : '',\n this.inPage && !this.size ? 'fd-bar--page' : '',\n this.inPage && this.size ? `fd-bar--page-${this.size}` : '',\n this.inHomePage && !this.size ? 'fd-bar--home-page' : '',\n this.inHomePage && this.size ? `fd-bar--home-page-${this.size}` : '',\n this.class\n ];\n }\n\n elementRef(): ElementRef<any> {\n return this._elementRef;\n }\n}\n","<ng-content select=\"[fd-bar-left]\"></ng-content>\n<ng-content select=\"[fd-bar-middle]\"></ng-content>\n<ng-content select=\"[fd-bar-right]\"></ng-content>\n<ng-content></ng-content>\n","import { Directive } from '@angular/core';\n\n/**\n * The left side area of the Bar component.\n */\n@Directive({\n // eslint-disable-next-line @angular-eslint/directive-selector\n selector: '[fd-bar-left]',\n host: {\n class: 'fd-bar__left'\n }\n})\nexport class BarLeftDirective {}\n","import { Directive } from '@angular/core';\n\n/**\n * The middle section of the Bar component.\n */\n@Directive({\n // eslint-disable-next-line @angular-eslint/directive-selector\n selector: '[fd-bar-middle]',\n host: {\n class: 'fd-bar__middle'\n }\n})\nexport class BarMiddleDirective {}\n","import { Directive } from '@angular/core';\n\n/**\n * The right side area of the Bar component.\n */\n@Directive({\n // eslint-disable-next-line @angular-eslint/directive-selector\n selector: '[fd-bar-right]',\n host: {\n class: 'fd-bar__right'\n }\n})\nexport class BarRightDirective {}\n","import { Directive, HostBinding, Input } from '@angular/core';\n\n/**\n * An element of the Bar.\n */\n@Directive({\n // eslint-disable-next-line @angular-eslint/directive-selector\n selector: 'fd-bar-element'\n})\nexport class BarElementDirective {\n /** Whether the element should take the whole width of the container. */\n @Input()\n @HostBinding('class.fd-bar__element--full-width')\n fullWidth = false;\n\n /** Whether the element is title. */\n @Input()\n @HostBinding('class.fd-bar__element--title')\n isTitle = false;\n\n /** @hidden */\n @HostBinding('class.fd-bar__element')\n barElement = true;\n}\n","import {\n ChangeDetectorRef,\n Component,\n HostBinding,\n Input,\n OnDestroy,\n OnInit,\n Optional,\n ViewChild\n} from '@angular/core';\nimport { BaseButton, ButtonType } from '@fundamental-ngx/core/button';\nimport { ButtonComponent } from '@fundamental-ngx/core/button';\nimport { Subscription } from 'rxjs';\nimport { ContentDensityService } from '@fundamental-ngx/core/utils';\n\nlet randomButtonBarId = 0;\n@Component({\n selector: 'fd-button-bar',\n template: `\n <button\n fd-button\n [id]=\"id\"\n [type]=\"type\"\n [glyphPosition]=\"glyphPosition\"\n [glyph]=\"glyph\"\n [compact]=\"compact\"\n [fdType]=\"fdType\"\n [label]=\"label\"\n [attr.title]=\"title\"\n [ariaLabel]=\"ariaLabel\"\n [fdMenu]=\"fdMenu\"\n [disabled]=\"disabled\"\n >\n <ng-content></ng-content>\n </button>\n `\n})\nexport class ButtonBarComponent extends BaseButton implements OnInit, OnDestroy {\n /** Whether the element should take the whole width of the container. */\n @Input()\n @HostBinding('class.fd-bar__element--full-width')\n fullWidth = false;\n\n /** The type of the button. Types include:\n * 'standard' | 'positive' | 'negative' | 'attention' | 'half' | 'ghost' | 'transparent' | 'emphasized' | 'menu'.\n * Default value is set to 'transparent'\n */\n @Input()\n fdType: ButtonType = 'transparent';\n\n /** adding title to the button */\n @Input()\n title: string;\n\n /** Whether or not the button is compact. */\n @Input()\n compact?: boolean;\n\n /** Aria label attribute value. */\n @Input()\n ariaLabel: string;\n\n /** the aria-labelledby ids to be associated with this element */\n @Input()\n ariaLabelledby: string;\n\n /** id for this element */\n @Input()\n id = `fd-button-bar-id-${randomButtonBarId++}`;\n\n /** @hidden */\n @HostBinding('class.fd-bar__element')\n _barElement = true;\n\n @HostBinding('style.pointer-events')\n get pointerEvents(): string {\n return this._disabled ? 'none' : 'auto';\n }\n\n /** @hidden */\n @ViewChild(ButtonComponent)\n _buttonComponent: ButtonComponent;\n\n /** @hidden */\n private _subscriptions = new Subscription();\n\n constructor(@Optional() private _contentDensityService: ContentDensityService, private _cdRef: ChangeDetectorRef) {\n super();\n }\n\n /** @hidden */\n ngOnInit(): void {\n if (this.compact === undefined && this._contentDensityService) {\n this._subscriptions.add(\n this._contentDensityService._isCompactDensity.subscribe((isCompact) => {\n this.compact = isCompact;\n this._cdRef.markForCheck();\n })\n );\n }\n }\n\n /** @hidden */\n ngOnDestroy(): void {\n this._subscriptions.unsubscribe();\n }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { BarComponent } from './bar.component';\nimport { BarLeftDirective } from './directives/bar-left.directive';\nimport { BarMiddleDirective } from './directives/bar-middle.directive';\nimport { BarRightDirective } from './directives/bar-right.directive';\nimport { BarElementDirective } from './directives/bar-element.directive';\nimport { ButtonBarComponent } from './button-bar/button-bar.component';\nimport { ButtonModule } from '@fundamental-ngx/core/button';\n\n@NgModule({\n declarations: [\n BarComponent,\n BarLeftDirective,\n BarMiddleDirective,\n BarRightDirective,\n BarElementDirective,\n ButtonBarComponent\n ],\n imports: [CommonModule, ButtonModule],\n exports: [\n BarComponent,\n BarLeftDirective,\n BarMiddleDirective,\n BarRightDirective,\n BarElementDirective,\n ButtonBarComponent\n ]\n})\nexport class BarModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"fundamental-ngx-core-bar.mjs","sources":["../../../../../libs/core/src/lib/bar/bar.component.ts","../../../../../libs/core/src/lib/bar/bar.component.html","../../../../../libs/core/src/lib/bar/directives/bar-left.directive.ts","../../../../../libs/core/src/lib/bar/directives/bar-middle.directive.ts","../../../../../libs/core/src/lib/bar/directives/bar-right.directive.ts","../../../../../libs/core/src/lib/bar/directives/bar-element.directive.ts","../../../../../libs/core/src/lib/bar/button-bar/button-bar.component.ts","../../../../../libs/core/src/lib/bar/bar.module.ts","../../../../../libs/core/src/lib/bar/fundamental-ngx-core-bar.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n ElementRef,\n Input,\n OnChanges,\n OnDestroy,\n OnInit,\n Optional,\n ViewEncapsulation\n} from '@angular/core';\nimport { Subscription } from 'rxjs';\nimport { applyCssClass } from '@fundamental-ngx/core/utils';\nimport { CssClassBuilder } from '@fundamental-ngx/core/utils';\nimport { ContentDensityService } from '@fundamental-ngx/core/utils';\n\nexport type SizeType = '' | 's' | 'm_l' | 'xl';\nexport type BarDesignType = 'header' | 'subheader' | 'header-with-subheader' | 'footer' | 'floating-footer';\n\n/**\n * The Bar component is a container that holds titles, buttons and input controls.\n * Its content is distributed in three areas - left, middle and right.\n * The Bar has 2 modes - Desktop (default) and Tablet/Mobile (cozy).\n */\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: '[fd-bar]',\n templateUrl: './bar.component.html',\n styleUrls: ['./bar.component.scss'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class BarComponent implements OnChanges, OnInit, CssClassBuilder, OnDestroy {\n /** user's custom classes */\n @Input()\n class: string;\n\n /** Whether the Bar component is used as a header, subheader, header-with-subheader,\n * footer or floating-footer.\n * Types available: 'header' | 'subheader' | 'header-with-subheader' | 'footer' | 'floating-footer' */\n @Input()\n barDesign: BarDesignType;\n\n /** Whether the Bar component is used in Page Layout. */\n @Input()\n inPage: boolean;\n\n /** Whether the Bar component is used in Home Page Layout. */\n @Input()\n inHomePage: boolean;\n\n /** The size of the Page in Page responsive design.\n * Available sizes: 's' | 'm_l' | 'xl'\n */\n @Input()\n size: SizeType = '';\n\n /** Whether to apply cozy mode to the Bar. */\n @Input()\n cozy?: boolean;\n\n /** @hidden */\n private _subscriptions = new Subscription();\n\n /** @hidden */\n constructor(private _elementRef: ElementRef, @Optional() private _contentDensityService: ContentDensityService) {}\n\n /** @hidden */\n ngOnInit(): void {\n if (this.cozy === undefined && this._contentDensityService) {\n this._subscriptions.add(\n this._contentDensityService._contentDensityListener.subscribe((density) => {\n this.cozy = density === 'cozy';\n this.buildComponentCssClass();\n })\n );\n }\n this.buildComponentCssClass();\n }\n\n /** @hidden */\n ngOnDestroy(): void {\n this._subscriptions.unsubscribe();\n }\n\n /** @hidden */\n ngOnChanges(): void {\n this.buildComponentCssClass();\n }\n\n @applyCssClass\n /** CssClassBuilder interface implementation\n * function must return single string\n * function is responsible for order which css classes are applied\n */\n buildComponentCssClass(): string[] {\n return [\n 'fd-bar',\n this.cozy ? 'fd-bar--cozy' : '',\n this.barDesign ? `fd-bar--${this.barDesign}` : '',\n this.inPage && !this.size ? 'fd-bar--page' : '',\n this.inPage && this.size ? `fd-bar--page-${this.size}` : '',\n this.inHomePage && !this.size ? 'fd-bar--home-page' : '',\n this.inHomePage && this.size ? `fd-bar--home-page-${this.size}` : '',\n this.class\n ];\n }\n\n elementRef(): ElementRef<any> {\n return this._elementRef;\n }\n}\n","<ng-content select=\"[fd-bar-left]\"></ng-content>\n<ng-content select=\"[fd-bar-middle]\"></ng-content>\n<ng-content select=\"[fd-bar-right]\"></ng-content>\n<ng-content></ng-content>\n","import { Directive } from '@angular/core';\n\n/**\n * The left side area of the Bar component.\n */\n@Directive({\n // eslint-disable-next-line @angular-eslint/directive-selector\n selector: '[fd-bar-left]',\n host: {\n class: 'fd-bar__left'\n }\n})\nexport class BarLeftDirective {}\n","import { Directive } from '@angular/core';\n\n/**\n * The middle section of the Bar component.\n */\n@Directive({\n // eslint-disable-next-line @angular-eslint/directive-selector\n selector: '[fd-bar-middle]',\n host: {\n class: 'fd-bar__middle'\n }\n})\nexport class BarMiddleDirective {}\n","import { Directive } from '@angular/core';\n\n/**\n * The right side area of the Bar component.\n */\n@Directive({\n // eslint-disable-next-line @angular-eslint/directive-selector\n selector: '[fd-bar-right]',\n host: {\n class: 'fd-bar__right'\n }\n})\nexport class BarRightDirective {}\n","import { Directive, HostBinding, Input } from '@angular/core';\n\n/**\n * An element of the Bar.\n */\n@Directive({\n // eslint-disable-next-line @angular-eslint/directive-selector\n selector: 'fd-bar-element'\n})\nexport class BarElementDirective {\n /** Whether the element should take the whole width of the container. */\n @Input()\n @HostBinding('class.fd-bar__element--full-width')\n fullWidth = false;\n\n /** Whether the element is title. */\n @Input()\n @HostBinding('class.fd-bar__element--title')\n isTitle = false;\n\n /** @hidden */\n @HostBinding('class.fd-bar__element')\n barElement = true;\n}\n","import {\n ChangeDetectorRef,\n Component,\n HostBinding,\n Input,\n OnDestroy,\n OnInit,\n Optional,\n ViewChild\n} from '@angular/core';\nimport { BaseButton, ButtonType } from '@fundamental-ngx/core/button';\nimport { ButtonComponent } from '@fundamental-ngx/core/button';\nimport { Subscription } from 'rxjs';\nimport { ContentDensityService } from '@fundamental-ngx/core/utils';\n\nlet randomButtonBarId = 0;\n@Component({\n selector: 'fd-button-bar',\n template: `\n <button\n fd-button\n [id]=\"id\"\n [type]=\"type\"\n [glyphPosition]=\"glyphPosition\"\n [glyph]=\"glyph\"\n [compact]=\"compact\"\n [fdType]=\"fdType\"\n [label]=\"label\"\n [attr.title]=\"title\"\n [ariaLabel]=\"ariaLabel\"\n [fdMenu]=\"fdMenu\"\n [disabled]=\"disabled\"\n >\n <ng-content></ng-content>\n </button>\n `\n})\nexport class ButtonBarComponent extends BaseButton implements OnInit, OnDestroy {\n /** Whether the element should take the whole width of the container. */\n @Input()\n @HostBinding('class.fd-bar__element--full-width')\n fullWidth = false;\n\n /** The type of the button. Types include:\n * 'standard' | 'positive' | 'negative' | 'attention' | 'half' | 'ghost' | 'transparent' | 'emphasized' | 'menu'.\n * Default value is set to 'transparent'\n */\n @Input()\n fdType: ButtonType = 'transparent';\n\n /** adding title to the button */\n @Input()\n title: string;\n\n /** Whether or not the button is compact. */\n @Input()\n compact?: boolean;\n\n /** Aria label attribute value. */\n @Input()\n ariaLabel: string;\n\n /** the aria-labelledby ids to be associated with this element */\n @Input()\n ariaLabelledby: string;\n\n /** @hidden */\n private readonly _defaultId = `fd-button-bar-id-${randomButtonBarId++}`;\n\n /** id for this element */\n @Input()\n get id(): string {\n return this._id || this._defaultId;\n }\n set id(value: string | null | undefined) {\n this._id = value;\n }\n\n _id: string | null | undefined;\n\n /** @hidden */\n @HostBinding('class.fd-bar__element')\n _barElement = true;\n\n @HostBinding('style.pointer-events')\n get pointerEvents(): string {\n return this._disabled ? 'none' : 'auto';\n }\n\n /** @hidden */\n @ViewChild(ButtonComponent)\n _buttonComponent: ButtonComponent;\n\n /** @hidden */\n private _subscriptions = new Subscription();\n\n constructor(@Optional() private _contentDensityService: ContentDensityService, private _cdRef: ChangeDetectorRef) {\n super();\n }\n\n /** @hidden */\n ngOnInit(): void {\n if (this.compact === undefined && this._contentDensityService) {\n this._subscriptions.add(\n this._contentDensityService._isCompactDensity.subscribe((isCompact) => {\n this.compact = isCompact;\n this._cdRef.markForCheck();\n })\n );\n }\n }\n\n /** @hidden */\n ngOnDestroy(): void {\n this._subscriptions.unsubscribe();\n }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { BarComponent } from './bar.component';\nimport { BarLeftDirective } from './directives/bar-left.directive';\nimport { BarMiddleDirective } from './directives/bar-middle.directive';\nimport { BarRightDirective } from './directives/bar-right.directive';\nimport { BarElementDirective } from './directives/bar-element.directive';\nimport { ButtonBarComponent } from './button-bar/button-bar.component';\nimport { ButtonModule } from '@fundamental-ngx/core/button';\n\n@NgModule({\n declarations: [\n BarComponent,\n BarLeftDirective,\n BarMiddleDirective,\n BarRightDirective,\n BarElementDirective,\n ButtonBarComponent\n ],\n imports: [CommonModule, ButtonModule],\n exports: [\n BarComponent,\n BarLeftDirective,\n BarMiddleDirective,\n BarRightDirective,\n BarElementDirective,\n ButtonBarComponent\n ]\n})\nexport class BarModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}
|
package/bar/package.json
CHANGED
package/breadcrumb/package.json
CHANGED
package/button/package.json
CHANGED
package/calendar/package.json
CHANGED
package/card/package.json
CHANGED
package/carousel/package.json
CHANGED
package/checkbox/package.json
CHANGED
package/combobox/package.json
CHANGED
package/date-picker/package.json
CHANGED
package/datetime/package.json
CHANGED
|
@@ -5,8 +5,6 @@ export declare class DialogContentBase {
|
|
|
5
5
|
title?: string;
|
|
6
6
|
/** Dialog Body */
|
|
7
7
|
content?: unknown;
|
|
8
|
-
/** Approve Button Label */
|
|
9
|
-
approveButton?: string;
|
|
10
8
|
/** Aria Modal for the dialog component element */
|
|
11
9
|
ariaModal?: boolean;
|
|
12
10
|
/** Aria label for the dialog component element. */
|
|
@@ -15,18 +13,24 @@ export declare class DialogContentBase {
|
|
|
15
13
|
ariaLabelledBy?: string;
|
|
16
14
|
/** Aria DescribedBy for the dialog component element.. */
|
|
17
15
|
ariaDescribedBy?: string;
|
|
16
|
+
/** Approve Button Label */
|
|
17
|
+
approveButton?: string;
|
|
18
|
+
/** Approve Button Id */
|
|
19
|
+
approveButtonId?: string;
|
|
18
20
|
/** Approve Button Click Callback */
|
|
19
21
|
approveButtonCallback?: () => void;
|
|
22
|
+
/** Aria label for the dialog approve button element. */
|
|
23
|
+
approveButtonAriaLabel?: string;
|
|
20
24
|
/** Cancel Button Label */
|
|
21
25
|
cancelButton?: string;
|
|
26
|
+
/** Cancel Button Id */
|
|
27
|
+
cancelButtonId?: string;
|
|
22
28
|
/** Cancel Button Click Callback */
|
|
23
29
|
cancelButtonCallback?: () => void;
|
|
24
30
|
/** Close Button Callback */
|
|
25
31
|
closeButtonCallback?: () => void;
|
|
26
32
|
/** close button title */
|
|
27
33
|
closeButtonTitle?: string;
|
|
28
|
-
/** Aria label for the dialog approve button element. */
|
|
29
|
-
approveButtonAriaLabel?: string;
|
|
30
34
|
/** Aria labelby for the dialog close button element. */
|
|
31
35
|
closeButtonAriaLabel?: string;
|
|
32
36
|
}
|
|
@@ -8,4 +8,4 @@ export class DialogContentBase {
|
|
|
8
8
|
this.ariaDescribedBy = null;
|
|
9
9
|
}
|
|
10
10
|
}
|
|
11
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
11
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGlhbG9nLWNvbnRlbnQtYmFzZS5jbGFzcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29yZS9zcmMvbGliL2RpYWxvZy9iYXNlL2RpYWxvZy1jb250ZW50LWJhc2UuY2xhc3MudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsTUFBTSxPQUFPLGlCQUFpQjtJQUE5QjtRQWFJLG1EQUFtRDtRQUNuRCxjQUFTLEdBQVksSUFBSSxDQUFDO1FBRTFCLHFEQUFxRDtRQUNyRCxtQkFBYyxHQUFZLElBQUksQ0FBQztRQUUvQiwwREFBMEQ7UUFDMUQsb0JBQWUsR0FBWSxJQUFJLENBQUM7SUErQnBDLENBQUM7Q0FBQSIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCBjbGFzcyBEaWFsb2dDb250ZW50QmFzZSB7XG4gICAgLyoqIERpYWxvZyBUaXRsZSBpZCAqL1xuICAgIHRpdGxlSWQ/OiBzdHJpbmc7XG5cbiAgICAvKiogRGlhbG9nIFRpdGxlICovXG4gICAgdGl0bGU/OiBzdHJpbmc7XG5cbiAgICAvKiogRGlhbG9nIEJvZHkgKi9cbiAgICBjb250ZW50PzogdW5rbm93bjtcblxuICAgIC8qKiBBcmlhIE1vZGFsIGZvciB0aGUgZGlhbG9nIGNvbXBvbmVudCBlbGVtZW50ICovXG4gICAgYXJpYU1vZGFsPzogYm9vbGVhbjtcblxuICAgIC8qKiBBcmlhIGxhYmVsIGZvciB0aGUgZGlhbG9nIGNvbXBvbmVudCBlbGVtZW50LiAqL1xuICAgIGFyaWFMYWJlbD86IHN0cmluZyA9IG51bGw7XG5cbiAgICAvKiogQXJpYSBsYWJlbGJ5IGZvciB0aGUgZGlhbG9nIGNvbXBvbmVudCBlbGVtZW50LiAqL1xuICAgIGFyaWFMYWJlbGxlZEJ5Pzogc3RyaW5nID0gbnVsbDtcblxuICAgIC8qKiBBcmlhIERlc2NyaWJlZEJ5IGZvciB0aGUgZGlhbG9nIGNvbXBvbmVudCBlbGVtZW50Li4gKi9cbiAgICBhcmlhRGVzY3JpYmVkQnk/OiBzdHJpbmcgPSBudWxsO1xuXG4gICAgLyoqIEFwcHJvdmUgQnV0dG9uIExhYmVsICovXG4gICAgYXBwcm92ZUJ1dHRvbj86IHN0cmluZztcblxuICAgIC8qKiBBcHByb3ZlIEJ1dHRvbiBJZCAqL1xuICAgIGFwcHJvdmVCdXR0b25JZD86IHN0cmluZztcblxuICAgIC8qKiBBcHByb3ZlIEJ1dHRvbiBDbGljayBDYWxsYmFjayAqL1xuICAgIGFwcHJvdmVCdXR0b25DYWxsYmFjaz86ICgpID0+IHZvaWQ7XG5cbiAgICAvKiogQXJpYSBsYWJlbCBmb3IgdGhlIGRpYWxvZyBhcHByb3ZlIGJ1dHRvbiBlbGVtZW50LiAqL1xuICAgIGFwcHJvdmVCdXR0b25BcmlhTGFiZWw/OiBzdHJpbmc7XG5cbiAgICAvKiogQ2FuY2VsIEJ1dHRvbiBMYWJlbCAqL1xuICAgIGNhbmNlbEJ1dHRvbj86IHN0cmluZztcblxuICAgIC8qKiBDYW5jZWwgQnV0dG9uIElkICovXG4gICAgY2FuY2VsQnV0dG9uSWQ/OiBzdHJpbmc7XG5cbiAgICAvKiogQ2FuY2VsIEJ1dHRvbiBDbGljayBDYWxsYmFjayAqL1xuICAgIGNhbmNlbEJ1dHRvbkNhbGxiYWNrPzogKCkgPT4gdm9pZDtcblxuICAgIC8qKiBDbG9zZSBCdXR0b24gQ2FsbGJhY2sgKi9cbiAgICBjbG9zZUJ1dHRvbkNhbGxiYWNrPzogKCkgPT4gdm9pZDtcblxuICAgIC8qKiBjbG9zZSBidXR0b24gdGl0bGUgKi9cbiAgICBjbG9zZUJ1dHRvblRpdGxlPzogc3RyaW5nO1xuXG4gICAgLyoqIEFyaWEgbGFiZWxieSBmb3IgdGhlIGRpYWxvZyBjbG9zZSBidXR0b24gZWxlbWVudC4gKi9cbiAgICBjbG9zZUJ1dHRvbkFyaWFMYWJlbD86IHN0cmluZztcbn1cbiJdfQ==
|
|
@@ -40,9 +40,9 @@ export class DialogDefaultComponent {
|
|
|
40
40
|
}
|
|
41
41
|
}
|
|
42
42
|
DialogDefaultComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DialogDefaultComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
43
|
-
DialogDefaultComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: DialogDefaultComponent, selector: "fd-dialog-default", ngImport: i0, template: "<fd-dialog>\n <fd-dialog-header>\n <h1 fd-title [id]=\"_defaultDialogContent?.titleId\">{{ _defaultDialogContent?.title }}</h1>\n <button\n fd-dialog-close-button\n *ngIf=\"_defaultDialogContent?.closeButtonCallback\"\n [title]=\"_defaultDialogContent?.closeButtonTitle\"\n (click)=\"_closeButtonClicked()\"\n ></button>\n <ng-container *ngIf=\"_defaultDialogContent?.subHeader\">\n <ng-template fdTemplate=\"subheader\">\n <ng-container *ngTemplateOutlet=\"_defaultDialogContent.subHeader\"></ng-container>\n </ng-template>\n </ng-container>\n </fd-dialog-header>\n\n <fd-dialog-body *ngIf=\"_defaultDialogContent?.content\">\n <ng-container *ngTemplateOutlet=\"_defaultDialogContent?.content\"></ng-container>\n </fd-dialog-body>\n\n <fd-dialog-footer *ngIf=\"_showFooter()\">\n <fd-button-bar\n *ngIf=\"_defaultDialogContent?.approveButton\"\n fdType=\"emphasized\"\n fd-initial-focus\n [label]=\"_defaultDialogContent?.approveButton\"\n [compact]=\"!_defaultDialogConfiguration.mobile\"\n (click)=\"_approveButtonClicked()\"\n [ariaLabel]=\"_defaultDialogContent?.approveButtonAriaLabel\"\n >\n </fd-button-bar>\n <fd-button-bar\n *ngIf=\"_defaultDialogContent?.cancelButton\"\n [label]=\"_defaultDialogContent?.cancelButton\"\n [compact]=\"!_defaultDialogConfiguration.mobile\"\n (click)=\"_cancelButtonClicked()\"\n [ariaLabel]=\"_defaultDialogContent?.closeButtonAriaLabel\"\n >\n </fd-button-bar>\n </fd-dialog-footer>\n</fd-dialog>\n", components: [{ type: i1.DialogComponent, selector: "fd-dialog", inputs: ["class", "dialogRef", "dialogConfig"] }, { type: i2.DialogHeaderComponent, selector: "fd-dialog-header" }, { type: i3.TitleComponent, selector: "h1[fd-title], h2[fd-title], h3[fd-title], h4[fd-title], h5[fd-title], h6[fd-title]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { type: i4.DialogCloseButtonComponent, selector: "[fd-dialog-close-button]", inputs: ["mobile", "title"] }, { type: i5.DialogBodyComponent, selector: "fd-dialog-body" }, { type: i6.DialogFooterComponent, selector: "fd-dialog-footer" }, { type: i7.ButtonBarComponent, selector: "fd-button-bar", inputs: ["fullWidth", "fdType", "title", "compact", "ariaLabel", "ariaLabelledby", "id"] }], directives: [{ type: i8.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i9.TemplateDirective, selector: "[fdTemplate]", inputs: ["fdTemplate"] }, { type: i8.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i9.InitialFocusDirective, selector: "[fdInitialFocus], [fd-initial-focus]", inputs: ["fd-initial-focus", "enabled", "focusLastElement"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
43
|
+
DialogDefaultComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: DialogDefaultComponent, selector: "fd-dialog-default", ngImport: i0, template: "<fd-dialog>\n <fd-dialog-header>\n <h1 fd-title [id]=\"_defaultDialogContent?.titleId\">{{ _defaultDialogContent?.title }}</h1>\n <button\n fd-dialog-close-button\n *ngIf=\"_defaultDialogContent?.closeButtonCallback\"\n [title]=\"_defaultDialogContent?.closeButtonTitle\"\n (click)=\"_closeButtonClicked()\"\n ></button>\n <ng-container *ngIf=\"_defaultDialogContent?.subHeader\">\n <ng-template fdTemplate=\"subheader\">\n <ng-container *ngTemplateOutlet=\"_defaultDialogContent.subHeader\"></ng-container>\n </ng-template>\n </ng-container>\n </fd-dialog-header>\n\n <fd-dialog-body *ngIf=\"_defaultDialogContent?.content\">\n <ng-container *ngTemplateOutlet=\"_defaultDialogContent?.content\"></ng-container>\n </fd-dialog-body>\n\n <fd-dialog-footer *ngIf=\"_showFooter()\">\n <fd-button-bar\n *ngIf=\"_defaultDialogContent?.approveButton\"\n fdType=\"emphasized\"\n fd-initial-focus\n [label]=\"_defaultDialogContent?.approveButton\"\n [compact]=\"!_defaultDialogConfiguration.mobile\"\n (click)=\"_approveButtonClicked()\"\n [ariaLabel]=\"_defaultDialogContent?.approveButtonAriaLabel\"\n [id]=\"_defaultDialogContent?.approveButtonId\"\n >\n </fd-button-bar>\n <fd-button-bar\n *ngIf=\"_defaultDialogContent?.cancelButton\"\n [label]=\"_defaultDialogContent?.cancelButton\"\n [compact]=\"!_defaultDialogConfiguration.mobile\"\n (click)=\"_cancelButtonClicked()\"\n [ariaLabel]=\"_defaultDialogContent?.closeButtonAriaLabel\"\n [id]=\"_defaultDialogContent?.cancelButtonId\"\n >\n </fd-button-bar>\n </fd-dialog-footer>\n</fd-dialog>\n", components: [{ type: i1.DialogComponent, selector: "fd-dialog", inputs: ["class", "dialogRef", "dialogConfig"] }, { type: i2.DialogHeaderComponent, selector: "fd-dialog-header" }, { type: i3.TitleComponent, selector: "h1[fd-title], h2[fd-title], h3[fd-title], h4[fd-title], h5[fd-title], h6[fd-title]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { type: i4.DialogCloseButtonComponent, selector: "[fd-dialog-close-button]", inputs: ["mobile", "title"] }, { type: i5.DialogBodyComponent, selector: "fd-dialog-body" }, { type: i6.DialogFooterComponent, selector: "fd-dialog-footer" }, { type: i7.ButtonBarComponent, selector: "fd-button-bar", inputs: ["fullWidth", "fdType", "title", "compact", "ariaLabel", "ariaLabelledby", "id"] }], directives: [{ type: i8.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i9.TemplateDirective, selector: "[fdTemplate]", inputs: ["fdTemplate"] }, { type: i8.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i9.InitialFocusDirective, selector: "[fdInitialFocus], [fd-initial-focus]", inputs: ["fd-initial-focus", "enabled", "focusLastElement"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
44
44
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DialogDefaultComponent, decorators: [{
|
|
45
45
|
type: Component,
|
|
46
|
-
args: [{ selector: 'fd-dialog-default', changeDetection: ChangeDetectionStrategy.OnPush, template: "<fd-dialog>\n <fd-dialog-header>\n <h1 fd-title [id]=\"_defaultDialogContent?.titleId\">{{ _defaultDialogContent?.title }}</h1>\n <button\n fd-dialog-close-button\n *ngIf=\"_defaultDialogContent?.closeButtonCallback\"\n [title]=\"_defaultDialogContent?.closeButtonTitle\"\n (click)=\"_closeButtonClicked()\"\n ></button>\n <ng-container *ngIf=\"_defaultDialogContent?.subHeader\">\n <ng-template fdTemplate=\"subheader\">\n <ng-container *ngTemplateOutlet=\"_defaultDialogContent.subHeader\"></ng-container>\n </ng-template>\n </ng-container>\n </fd-dialog-header>\n\n <fd-dialog-body *ngIf=\"_defaultDialogContent?.content\">\n <ng-container *ngTemplateOutlet=\"_defaultDialogContent?.content\"></ng-container>\n </fd-dialog-body>\n\n <fd-dialog-footer *ngIf=\"_showFooter()\">\n <fd-button-bar\n *ngIf=\"_defaultDialogContent?.approveButton\"\n fdType=\"emphasized\"\n fd-initial-focus\n [label]=\"_defaultDialogContent?.approveButton\"\n [compact]=\"!_defaultDialogConfiguration.mobile\"\n (click)=\"_approveButtonClicked()\"\n [ariaLabel]=\"_defaultDialogContent?.approveButtonAriaLabel\"\n >\n </fd-button-bar>\n <fd-button-bar\n *ngIf=\"_defaultDialogContent?.cancelButton\"\n [label]=\"_defaultDialogContent?.cancelButton\"\n [compact]=\"!_defaultDialogConfiguration.mobile\"\n (click)=\"_cancelButtonClicked()\"\n [ariaLabel]=\"_defaultDialogContent?.closeButtonAriaLabel\"\n >\n </fd-button-bar>\n </fd-dialog-footer>\n</fd-dialog>\n" }]
|
|
46
|
+
args: [{ selector: 'fd-dialog-default', changeDetection: ChangeDetectionStrategy.OnPush, template: "<fd-dialog>\n <fd-dialog-header>\n <h1 fd-title [id]=\"_defaultDialogContent?.titleId\">{{ _defaultDialogContent?.title }}</h1>\n <button\n fd-dialog-close-button\n *ngIf=\"_defaultDialogContent?.closeButtonCallback\"\n [title]=\"_defaultDialogContent?.closeButtonTitle\"\n (click)=\"_closeButtonClicked()\"\n ></button>\n <ng-container *ngIf=\"_defaultDialogContent?.subHeader\">\n <ng-template fdTemplate=\"subheader\">\n <ng-container *ngTemplateOutlet=\"_defaultDialogContent.subHeader\"></ng-container>\n </ng-template>\n </ng-container>\n </fd-dialog-header>\n\n <fd-dialog-body *ngIf=\"_defaultDialogContent?.content\">\n <ng-container *ngTemplateOutlet=\"_defaultDialogContent?.content\"></ng-container>\n </fd-dialog-body>\n\n <fd-dialog-footer *ngIf=\"_showFooter()\">\n <fd-button-bar\n *ngIf=\"_defaultDialogContent?.approveButton\"\n fdType=\"emphasized\"\n fd-initial-focus\n [label]=\"_defaultDialogContent?.approveButton\"\n [compact]=\"!_defaultDialogConfiguration.mobile\"\n (click)=\"_approveButtonClicked()\"\n [ariaLabel]=\"_defaultDialogContent?.approveButtonAriaLabel\"\n [id]=\"_defaultDialogContent?.approveButtonId\"\n >\n </fd-button-bar>\n <fd-button-bar\n *ngIf=\"_defaultDialogContent?.cancelButton\"\n [label]=\"_defaultDialogContent?.cancelButton\"\n [compact]=\"!_defaultDialogConfiguration.mobile\"\n (click)=\"_cancelButtonClicked()\"\n [ariaLabel]=\"_defaultDialogContent?.closeButtonAriaLabel\"\n [id]=\"_defaultDialogContent?.cancelButtonId\"\n >\n </fd-button-bar>\n </fd-dialog-footer>\n</fd-dialog>\n" }]
|
|
47
47
|
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; } });
|
|
48
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
48
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGlhbG9nLWRlZmF1bHQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb3JlL3NyYy9saWIvZGlhbG9nL2RpYWxvZy1kZWZhdWx0L2RpYWxvZy1kZWZhdWx0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29yZS9zcmMvbGliL2RpYWxvZy9kaWFsb2ctZGVmYXVsdC9kaWFsb2ctZGVmYXVsdC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQWlCLHVCQUF1QixFQUFFLGlCQUFpQixFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7Ozs7Ozs7QUFLckcsMEVBQTBFO0FBTTFFLE1BQU0sT0FBTyxzQkFBc0I7SUFPL0IsY0FBYztJQUNkLFlBQW9CLGtCQUFxQztRQUFyQyx1QkFBa0IsR0FBbEIsa0JBQWtCLENBQW1CO0lBQUcsQ0FBQztJQUU3RDs7U0FFSztJQUNMLGVBQWU7UUFDWCxJQUFJLENBQUMsa0JBQWtCLENBQUMsYUFBYSxFQUFFLENBQUM7SUFDNUMsQ0FBQztJQUVELCtEQUErRDtJQUMvRCxXQUFXO1FBQ1AsT0FBTyxDQUNILElBQUksQ0FBQyxxQkFBcUI7WUFDMUIsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLHFCQUFxQixDQUFDLFlBQVksSUFBSSxJQUFJLENBQUMscUJBQXFCLENBQUMsYUFBYSxDQUFDLENBQzFGLENBQUM7SUFDTixDQUFDO0lBRUQsY0FBYztJQUNkLG1CQUFtQjtRQUNmLElBQUksQ0FBQyxxQkFBcUIsQ0FBQyxtQkFBbUIsRUFBRSxDQUFDO0lBQ3JELENBQUM7SUFFRCxjQUFjO0lBQ2QscUJBQXFCO1FBQ2pCLElBQUksQ0FBQyxxQkFBcUIsQ0FBQyxxQkFBcUIsRUFBRSxDQUFDO0lBQ3ZELENBQUM7SUFFRCxjQUFjO0lBQ2Qsb0JBQW9CO1FBQ2hCLElBQUksQ0FBQyxxQkFBcUIsQ0FBQyxvQkFBb0IsRUFBRSxDQUFDO0lBQ3RELENBQUM7O21IQXRDUSxzQkFBc0I7dUdBQXRCLHNCQUFzQix5RENYbkMsdzFEQTJDQTsyRkRoQ2Esc0JBQXNCO2tCQUxsQyxTQUFTOytCQUNJLG1CQUFtQixtQkFFWix1QkFBdUIsQ0FBQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQWZ0ZXJWaWV3SW5pdCwgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENoYW5nZURldGVjdG9yUmVmLCBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgRGlhbG9nQ29uZmlnIH0gZnJvbSAnLi4vdXRpbHMvZGlhbG9nLWNvbmZpZy5jbGFzcyc7XG5pbXBvcnQgeyBEaWFsb2dEZWZhdWx0Q29udGVudCB9IGZyb20gJy4uL3V0aWxzL2RpYWxvZy1kZWZhdWx0LWNvbnRlbnQuY2xhc3MnO1xuXG4vKiogRGlhbG9nIGNvbXBvbmVudCB1c2VkIHRvIGNyZWF0ZSB0aGUgZGlhbG9nIGluIG9iamVjdCBiYXNlZCBhcHByb2FjaCAqL1xuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdmZC1kaWFsb2ctZGVmYXVsdCcsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2RpYWxvZy1kZWZhdWx0LmNvbXBvbmVudC5odG1sJyxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxufSlcbmV4cG9ydCBjbGFzcyBEaWFsb2dEZWZhdWx0Q29tcG9uZW50IGltcGxlbWVudHMgQWZ0ZXJWaWV3SW5pdCB7XG4gICAgLyoqIEBoaWRkZW4gKi9cbiAgICBfZGVmYXVsdERpYWxvZ0NvbnRlbnQ6IERpYWxvZ0RlZmF1bHRDb250ZW50O1xuXG4gICAgLyoqIEBoaWRkZW4gKi9cbiAgICBfZGVmYXVsdERpYWxvZ0NvbmZpZ3VyYXRpb246IERpYWxvZ0NvbmZpZztcblxuICAgIC8qKiBAaGlkZGVuICovXG4gICAgY29uc3RydWN0b3IocHJpdmF0ZSBfY2hhbmdlRGV0ZWN0b3JSZWY6IENoYW5nZURldGVjdG9yUmVmKSB7fVxuXG4gICAgLyoqIEBoaWRkZW5cbiAgICAgKiBUT0RPOiBJbnNwZWN0IHdoeSBEaWFsb2dEZWZhdWx0Q29tcG9uZW50cyBuZWVkcyBjaGFuZ2UgZGV0ZWN0aW9uIHJlLXJ1biB0byByZW5kZXIgYWRqdXN0ZWQgY29udGVudCAoZGlhbG9nIGhlYWRlciB0aXRsZSlcbiAgICAgKiAqL1xuICAgIG5nQWZ0ZXJWaWV3SW5pdCgpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5fY2hhbmdlRGV0ZWN0b3JSZWYuZGV0ZWN0Q2hhbmdlcygpO1xuICAgIH1cblxuICAgIC8qKiBXaGV0aGVyIHRoZXJlIGlzIGEgYXBwcm92ZSBidXR0b24sIG9yIGNhbmNlbCBidXR0b24gdGV4dCAqL1xuICAgIF9zaG93Rm9vdGVyKCk6IGJvb2xlYW4ge1xuICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgdGhpcy5fZGVmYXVsdERpYWxvZ0NvbnRlbnQgJiZcbiAgICAgICAgICAgICEhKHRoaXMuX2RlZmF1bHREaWFsb2dDb250ZW50LmNhbmNlbEJ1dHRvbiB8fCB0aGlzLl9kZWZhdWx0RGlhbG9nQ29udGVudC5hcHByb3ZlQnV0dG9uKVxuICAgICAgICApO1xuICAgIH1cblxuICAgIC8qKiBAaGlkZGVuICovXG4gICAgX2Nsb3NlQnV0dG9uQ2xpY2tlZCgpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5fZGVmYXVsdERpYWxvZ0NvbnRlbnQuY2xvc2VCdXR0b25DYWxsYmFjaygpO1xuICAgIH1cblxuICAgIC8qKiBAaGlkZGVuICovXG4gICAgX2FwcHJvdmVCdXR0b25DbGlja2VkKCk6IHZvaWQge1xuICAgICAgICB0aGlzLl9kZWZhdWx0RGlhbG9nQ29udGVudC5hcHByb3ZlQnV0dG9uQ2FsbGJhY2soKTtcbiAgICB9XG5cbiAgICAvKiogQGhpZGRlbiAqL1xuICAgIF9jYW5jZWxCdXR0b25DbGlja2VkKCk6IHZvaWQge1xuICAgICAgICB0aGlzLl9kZWZhdWx0RGlhbG9nQ29udGVudC5jYW5jZWxCdXR0b25DYWxsYmFjaygpO1xuICAgIH1cbn1cbiIsIjxmZC1kaWFsb2c+XG4gICAgPGZkLWRpYWxvZy1oZWFkZXI+XG4gICAgICAgIDxoMSBmZC10aXRsZSBbaWRdPVwiX2RlZmF1bHREaWFsb2dDb250ZW50Py50aXRsZUlkXCI+e3sgX2RlZmF1bHREaWFsb2dDb250ZW50Py50aXRsZSB9fTwvaDE+XG4gICAgICAgIDxidXR0b25cbiAgICAgICAgICAgIGZkLWRpYWxvZy1jbG9zZS1idXR0b25cbiAgICAgICAgICAgICpuZ0lmPVwiX2RlZmF1bHREaWFsb2dDb250ZW50Py5jbG9zZUJ1dHRvbkNhbGxiYWNrXCJcbiAgICAgICAgICAgIFt0aXRsZV09XCJfZGVmYXVsdERpYWxvZ0NvbnRlbnQ/LmNsb3NlQnV0dG9uVGl0bGVcIlxuICAgICAgICAgICAgKGNsaWNrKT1cIl9jbG9zZUJ1dHRvbkNsaWNrZWQoKVwiXG4gICAgICAgID48L2J1dHRvbj5cbiAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cIl9kZWZhdWx0RGlhbG9nQ29udGVudD8uc3ViSGVhZGVyXCI+XG4gICAgICAgICAgICA8bmctdGVtcGxhdGUgZmRUZW1wbGF0ZT1cInN1YmhlYWRlclwiPlxuICAgICAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJfZGVmYXVsdERpYWxvZ0NvbnRlbnQuc3ViSGVhZGVyXCI+PC9uZy1jb250YWluZXI+XG4gICAgICAgICAgICA8L25nLXRlbXBsYXRlPlxuICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICA8L2ZkLWRpYWxvZy1oZWFkZXI+XG5cbiAgICA8ZmQtZGlhbG9nLWJvZHkgKm5nSWY9XCJfZGVmYXVsdERpYWxvZ0NvbnRlbnQ/LmNvbnRlbnRcIj5cbiAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cIl9kZWZhdWx0RGlhbG9nQ29udGVudD8uY29udGVudFwiPjwvbmctY29udGFpbmVyPlxuICAgIDwvZmQtZGlhbG9nLWJvZHk+XG5cbiAgICA8ZmQtZGlhbG9nLWZvb3RlciAqbmdJZj1cIl9zaG93Rm9vdGVyKClcIj5cbiAgICAgICAgPGZkLWJ1dHRvbi1iYXJcbiAgICAgICAgICAgICpuZ0lmPVwiX2RlZmF1bHREaWFsb2dDb250ZW50Py5hcHByb3ZlQnV0dG9uXCJcbiAgICAgICAgICAgIGZkVHlwZT1cImVtcGhhc2l6ZWRcIlxuICAgICAgICAgICAgZmQtaW5pdGlhbC1mb2N1c1xuICAgICAgICAgICAgW2xhYmVsXT1cIl9kZWZhdWx0RGlhbG9nQ29udGVudD8uYXBwcm92ZUJ1dHRvblwiXG4gICAgICAgICAgICBbY29tcGFjdF09XCIhX2RlZmF1bHREaWFsb2dDb25maWd1cmF0aW9uLm1vYmlsZVwiXG4gICAgICAgICAgICAoY2xpY2spPVwiX2FwcHJvdmVCdXR0b25DbGlja2VkKClcIlxuICAgICAgICAgICAgW2FyaWFMYWJlbF09XCJfZGVmYXVsdERpYWxvZ0NvbnRlbnQ/LmFwcHJvdmVCdXR0b25BcmlhTGFiZWxcIlxuICAgICAgICAgICAgW2lkXT1cIl9kZWZhdWx0RGlhbG9nQ29udGVudD8uYXBwcm92ZUJ1dHRvbklkXCJcbiAgICAgICAgPlxuICAgICAgICA8L2ZkLWJ1dHRvbi1iYXI+XG4gICAgICAgIDxmZC1idXR0b24tYmFyXG4gICAgICAgICAgICAqbmdJZj1cIl9kZWZhdWx0RGlhbG9nQ29udGVudD8uY2FuY2VsQnV0dG9uXCJcbiAgICAgICAgICAgIFtsYWJlbF09XCJfZGVmYXVsdERpYWxvZ0NvbnRlbnQ/LmNhbmNlbEJ1dHRvblwiXG4gICAgICAgICAgICBbY29tcGFjdF09XCIhX2RlZmF1bHREaWFsb2dDb25maWd1cmF0aW9uLm1vYmlsZVwiXG4gICAgICAgICAgICAoY2xpY2spPVwiX2NhbmNlbEJ1dHRvbkNsaWNrZWQoKVwiXG4gICAgICAgICAgICBbYXJpYUxhYmVsXT1cIl9kZWZhdWx0RGlhbG9nQ29udGVudD8uY2xvc2VCdXR0b25BcmlhTGFiZWxcIlxuICAgICAgICAgICAgW2lkXT1cIl9kZWZhdWx0RGlhbG9nQ29udGVudD8uY2FuY2VsQnV0dG9uSWRcIlxuICAgICAgICA+XG4gICAgICAgIDwvZmQtYnV0dG9uLWJhcj5cbiAgICA8L2ZkLWRpYWxvZy1mb290ZXI+XG48L2ZkLWRpYWxvZz5cbiJdfQ==
|
|
@@ -735,10 +735,10 @@ class DialogDefaultComponent {
|
|
|
735
735
|
}
|
|
736
736
|
}
|
|
737
737
|
DialogDefaultComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DialogDefaultComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
738
|
-
DialogDefaultComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: DialogDefaultComponent, selector: "fd-dialog-default", ngImport: i0, template: "<fd-dialog>\n <fd-dialog-header>\n <h1 fd-title [id]=\"_defaultDialogContent?.titleId\">{{ _defaultDialogContent?.title }}</h1>\n <button\n fd-dialog-close-button\n *ngIf=\"_defaultDialogContent?.closeButtonCallback\"\n [title]=\"_defaultDialogContent?.closeButtonTitle\"\n (click)=\"_closeButtonClicked()\"\n ></button>\n <ng-container *ngIf=\"_defaultDialogContent?.subHeader\">\n <ng-template fdTemplate=\"subheader\">\n <ng-container *ngTemplateOutlet=\"_defaultDialogContent.subHeader\"></ng-container>\n </ng-template>\n </ng-container>\n </fd-dialog-header>\n\n <fd-dialog-body *ngIf=\"_defaultDialogContent?.content\">\n <ng-container *ngTemplateOutlet=\"_defaultDialogContent?.content\"></ng-container>\n </fd-dialog-body>\n\n <fd-dialog-footer *ngIf=\"_showFooter()\">\n <fd-button-bar\n *ngIf=\"_defaultDialogContent?.approveButton\"\n fdType=\"emphasized\"\n fd-initial-focus\n [label]=\"_defaultDialogContent?.approveButton\"\n [compact]=\"!_defaultDialogConfiguration.mobile\"\n (click)=\"_approveButtonClicked()\"\n [ariaLabel]=\"_defaultDialogContent?.approveButtonAriaLabel\"\n >\n </fd-button-bar>\n <fd-button-bar\n *ngIf=\"_defaultDialogContent?.cancelButton\"\n [label]=\"_defaultDialogContent?.cancelButton\"\n [compact]=\"!_defaultDialogConfiguration.mobile\"\n (click)=\"_cancelButtonClicked()\"\n [ariaLabel]=\"_defaultDialogContent?.closeButtonAriaLabel\"\n >\n </fd-button-bar>\n </fd-dialog-footer>\n</fd-dialog>\n", components: [{ type: DialogComponent, selector: "fd-dialog", inputs: ["class", "dialogRef", "dialogConfig"] }, { type: DialogHeaderComponent, selector: "fd-dialog-header" }, { type: i3$2.TitleComponent, selector: "h1[fd-title], h2[fd-title], h3[fd-title], h4[fd-title], h5[fd-title], h6[fd-title]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { type: DialogCloseButtonComponent, selector: "[fd-dialog-close-button]", inputs: ["mobile", "title"] }, { type: DialogBodyComponent, selector: "fd-dialog-body" }, { type: DialogFooterComponent, selector: "fd-dialog-footer" }, { type: i2.ButtonBarComponent, selector: "fd-button-bar", inputs: ["fullWidth", "fdType", "title", "compact", "ariaLabel", "ariaLabelledby", "id"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.TemplateDirective, selector: "[fdTemplate]", inputs: ["fdTemplate"] }, { type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i4.InitialFocusDirective, selector: "[fdInitialFocus], [fd-initial-focus]", inputs: ["fd-initial-focus", "enabled", "focusLastElement"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
738
|
+
DialogDefaultComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: DialogDefaultComponent, selector: "fd-dialog-default", ngImport: i0, template: "<fd-dialog>\n <fd-dialog-header>\n <h1 fd-title [id]=\"_defaultDialogContent?.titleId\">{{ _defaultDialogContent?.title }}</h1>\n <button\n fd-dialog-close-button\n *ngIf=\"_defaultDialogContent?.closeButtonCallback\"\n [title]=\"_defaultDialogContent?.closeButtonTitle\"\n (click)=\"_closeButtonClicked()\"\n ></button>\n <ng-container *ngIf=\"_defaultDialogContent?.subHeader\">\n <ng-template fdTemplate=\"subheader\">\n <ng-container *ngTemplateOutlet=\"_defaultDialogContent.subHeader\"></ng-container>\n </ng-template>\n </ng-container>\n </fd-dialog-header>\n\n <fd-dialog-body *ngIf=\"_defaultDialogContent?.content\">\n <ng-container *ngTemplateOutlet=\"_defaultDialogContent?.content\"></ng-container>\n </fd-dialog-body>\n\n <fd-dialog-footer *ngIf=\"_showFooter()\">\n <fd-button-bar\n *ngIf=\"_defaultDialogContent?.approveButton\"\n fdType=\"emphasized\"\n fd-initial-focus\n [label]=\"_defaultDialogContent?.approveButton\"\n [compact]=\"!_defaultDialogConfiguration.mobile\"\n (click)=\"_approveButtonClicked()\"\n [ariaLabel]=\"_defaultDialogContent?.approveButtonAriaLabel\"\n [id]=\"_defaultDialogContent?.approveButtonId\"\n >\n </fd-button-bar>\n <fd-button-bar\n *ngIf=\"_defaultDialogContent?.cancelButton\"\n [label]=\"_defaultDialogContent?.cancelButton\"\n [compact]=\"!_defaultDialogConfiguration.mobile\"\n (click)=\"_cancelButtonClicked()\"\n [ariaLabel]=\"_defaultDialogContent?.closeButtonAriaLabel\"\n [id]=\"_defaultDialogContent?.cancelButtonId\"\n >\n </fd-button-bar>\n </fd-dialog-footer>\n</fd-dialog>\n", components: [{ type: DialogComponent, selector: "fd-dialog", inputs: ["class", "dialogRef", "dialogConfig"] }, { type: DialogHeaderComponent, selector: "fd-dialog-header" }, { type: i3$2.TitleComponent, selector: "h1[fd-title], h2[fd-title], h3[fd-title], h4[fd-title], h5[fd-title], h6[fd-title]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { type: DialogCloseButtonComponent, selector: "[fd-dialog-close-button]", inputs: ["mobile", "title"] }, { type: DialogBodyComponent, selector: "fd-dialog-body" }, { type: DialogFooterComponent, selector: "fd-dialog-footer" }, { type: i2.ButtonBarComponent, selector: "fd-button-bar", inputs: ["fullWidth", "fdType", "title", "compact", "ariaLabel", "ariaLabelledby", "id"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.TemplateDirective, selector: "[fdTemplate]", inputs: ["fdTemplate"] }, { type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i4.InitialFocusDirective, selector: "[fdInitialFocus], [fd-initial-focus]", inputs: ["fd-initial-focus", "enabled", "focusLastElement"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
739
739
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DialogDefaultComponent, decorators: [{
|
|
740
740
|
type: Component,
|
|
741
|
-
args: [{ selector: 'fd-dialog-default', changeDetection: ChangeDetectionStrategy.OnPush, template: "<fd-dialog>\n <fd-dialog-header>\n <h1 fd-title [id]=\"_defaultDialogContent?.titleId\">{{ _defaultDialogContent?.title }}</h1>\n <button\n fd-dialog-close-button\n *ngIf=\"_defaultDialogContent?.closeButtonCallback\"\n [title]=\"_defaultDialogContent?.closeButtonTitle\"\n (click)=\"_closeButtonClicked()\"\n ></button>\n <ng-container *ngIf=\"_defaultDialogContent?.subHeader\">\n <ng-template fdTemplate=\"subheader\">\n <ng-container *ngTemplateOutlet=\"_defaultDialogContent.subHeader\"></ng-container>\n </ng-template>\n </ng-container>\n </fd-dialog-header>\n\n <fd-dialog-body *ngIf=\"_defaultDialogContent?.content\">\n <ng-container *ngTemplateOutlet=\"_defaultDialogContent?.content\"></ng-container>\n </fd-dialog-body>\n\n <fd-dialog-footer *ngIf=\"_showFooter()\">\n <fd-button-bar\n *ngIf=\"_defaultDialogContent?.approveButton\"\n fdType=\"emphasized\"\n fd-initial-focus\n [label]=\"_defaultDialogContent?.approveButton\"\n [compact]=\"!_defaultDialogConfiguration.mobile\"\n (click)=\"_approveButtonClicked()\"\n [ariaLabel]=\"_defaultDialogContent?.approveButtonAriaLabel\"\n >\n </fd-button-bar>\n <fd-button-bar\n *ngIf=\"_defaultDialogContent?.cancelButton\"\n [label]=\"_defaultDialogContent?.cancelButton\"\n [compact]=\"!_defaultDialogConfiguration.mobile\"\n (click)=\"_cancelButtonClicked()\"\n [ariaLabel]=\"_defaultDialogContent?.closeButtonAriaLabel\"\n >\n </fd-button-bar>\n </fd-dialog-footer>\n</fd-dialog>\n" }]
|
|
741
|
+
args: [{ selector: 'fd-dialog-default', changeDetection: ChangeDetectionStrategy.OnPush, template: "<fd-dialog>\n <fd-dialog-header>\n <h1 fd-title [id]=\"_defaultDialogContent?.titleId\">{{ _defaultDialogContent?.title }}</h1>\n <button\n fd-dialog-close-button\n *ngIf=\"_defaultDialogContent?.closeButtonCallback\"\n [title]=\"_defaultDialogContent?.closeButtonTitle\"\n (click)=\"_closeButtonClicked()\"\n ></button>\n <ng-container *ngIf=\"_defaultDialogContent?.subHeader\">\n <ng-template fdTemplate=\"subheader\">\n <ng-container *ngTemplateOutlet=\"_defaultDialogContent.subHeader\"></ng-container>\n </ng-template>\n </ng-container>\n </fd-dialog-header>\n\n <fd-dialog-body *ngIf=\"_defaultDialogContent?.content\">\n <ng-container *ngTemplateOutlet=\"_defaultDialogContent?.content\"></ng-container>\n </fd-dialog-body>\n\n <fd-dialog-footer *ngIf=\"_showFooter()\">\n <fd-button-bar\n *ngIf=\"_defaultDialogContent?.approveButton\"\n fdType=\"emphasized\"\n fd-initial-focus\n [label]=\"_defaultDialogContent?.approveButton\"\n [compact]=\"!_defaultDialogConfiguration.mobile\"\n (click)=\"_approveButtonClicked()\"\n [ariaLabel]=\"_defaultDialogContent?.approveButtonAriaLabel\"\n [id]=\"_defaultDialogContent?.approveButtonId\"\n >\n </fd-button-bar>\n <fd-button-bar\n *ngIf=\"_defaultDialogContent?.cancelButton\"\n [label]=\"_defaultDialogContent?.cancelButton\"\n [compact]=\"!_defaultDialogConfiguration.mobile\"\n (click)=\"_cancelButtonClicked()\"\n [ariaLabel]=\"_defaultDialogContent?.closeButtonAriaLabel\"\n [id]=\"_defaultDialogContent?.cancelButtonId\"\n >\n </fd-button-bar>\n </fd-dialog-footer>\n</fd-dialog>\n" }]
|
|
742
742
|
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; } });
|
|
743
743
|
|
|
744
744
|
/** Dialog container where the dialog content is embedded. */
|