@bravura/ui 3.8.1 → 5.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +585 -565
- package/LICENSE +6 -6
- package/README.md +3 -1
- package/alert/alert-container.component.d.ts +1 -1
- package/alert/alert-message.component.d.ts +1 -1
- package/behavior/await.directive.d.ts +1 -1
- package/behavior/observe-content-class.directive.d.ts +1 -1
- package/behavior/sizing.directive.d.ts +1 -1
- package/clip-note/clip-note.directive.d.ts +1 -1
- package/currency-input/currency-input.directive.d.ts +1 -1
- package/decimal-input/decimal-input.directive.d.ts +1 -1
- package/discrete-input/discrete-input.component.d.ts +1 -1
- package/esm2022/alert/alert-container.component.mjs +207 -0
- package/esm2022/alert/alert-message.component.mjs +101 -0
- package/esm2022/alert/alert.module.mjs +22 -0
- package/{esm2020 → esm2022}/alert/public-api.mjs +1 -1
- package/esm2022/alert/testing/test-api.mjs +44 -0
- package/esm2022/behavior/await.directive.mjs +133 -0
- package/esm2022/behavior/behavior.module.mjs +37 -0
- package/esm2022/behavior/observe-content-class.directive.mjs +63 -0
- package/{esm2020 → esm2022}/behavior/public-api.mjs +1 -1
- package/esm2022/behavior/sizing-monitor.directive.mjs +31 -0
- package/esm2022/behavior/sizing.directive.mjs +256 -0
- package/esm2022/clip-note/clip-note.component.mjs +216 -0
- package/esm2022/clip-note/clip-note.directive.mjs +141 -0
- package/esm2022/clip-note/clip-note.module.mjs +32 -0
- package/{esm2020 → esm2022}/clip-note/public-api.mjs +1 -1
- package/{esm2020 → esm2022}/common/common-utils.mjs +1 -1
- package/esm2022/common/common.module.mjs +53 -0
- package/{esm2020 → esm2022}/common/public-api.mjs +1 -1
- package/esm2022/currency-input/currency-input.directive.mjs +276 -0
- package/esm2022/currency-input/currency-input.module.mjs +19 -0
- package/{esm2020 → esm2022}/currency-input/public-api.mjs +1 -1
- package/esm2022/decimal-input/decimal-input.directive.mjs +122 -0
- package/{esm2020 → esm2022}/decimal-input/decimal-input.module.mjs +5 -5
- package/esm2022/discrete-input/discrete-input.component.mjs +337 -0
- package/esm2022/discrete-input/discrete-input.module.mjs +21 -0
- package/{esm2020 → esm2022}/discrete-input/public-api.mjs +1 -1
- package/esm2022/file-upload/file-upload.component.mjs +400 -0
- package/esm2022/file-upload/file-upload.module.mjs +44 -0
- package/esm2022/file-upload/file-upload.service.mjs +29 -0
- package/{esm2020 → esm2022}/file-upload/public-api.mjs +1 -1
- package/esm2022/form-field/form-field.component.mjs +82 -0
- package/esm2022/form-field/form-field.module.mjs +33 -0
- package/{esm2020 → esm2022}/form-field/public-api.mjs +1 -1
- package/esm2022/icon-font/icon-font.module.mjs +22 -0
- package/esm2022/icon-font/icon.directive.mjs +102 -0
- package/{esm2020 → esm2022}/icon-font/public-api.mjs +1 -1
- package/esm2022/icon-font/utilities.mjs +51 -0
- package/esm2022/panel/panel-section.component.mjs +41 -0
- package/esm2022/panel/panel.component.mjs +87 -0
- package/esm2022/panel/panel.module.mjs +23 -0
- package/{esm2020 → esm2022}/panel/public-api.mjs +1 -1
- package/esm2022/panel/tinted.directive.mjs +60 -0
- package/esm2022/phone-number/phone-number.directive.mjs +188 -0
- package/{esm2020 → esm2022}/phone-number/phone-number.module.mjs +5 -5
- package/esm2022/phone-number/phone-number.pipe.mjs +47 -0
- package/esm2022/phone-number/phone-number.validator.mjs +64 -0
- package/{esm2020 → esm2022}/phone-number/public-api.mjs +1 -1
- package/{esm2020 → esm2022}/public-api.mjs +1 -1
- package/esm2022/radio-panel/radio-panel-item.component.mjs +93 -0
- package/esm2022/radio-panel/radio-panel.component.mjs +81 -0
- package/{esm2020 → esm2022}/radio-panel/radio-panel.module.mjs +5 -5
- package/esm2022/radio-panel/testing/test-api.mjs +46 -0
- package/{esm2020 → esm2022}/selection-panel/public-api.mjs +1 -1
- package/esm2022/selection-panel/selection-panel-item.component.mjs +166 -0
- package/esm2022/selection-panel/selection-panel.directive.mjs +119 -0
- package/esm2022/selection-panel/selection-panel.module.mjs +23 -0
- package/{esm2020 → esm2022}/skeletons/public-api.mjs +1 -1
- package/esm2022/skeletons/skeleton-loader-presets.directive.mjs +83 -0
- package/esm2022/skeletons/skeleton-loader.component.mjs +76 -0
- package/esm2022/skeletons/skeletons.module.mjs +35 -0
- package/{esm2020 → esm2022}/stepper/public-api.mjs +1 -1
- package/{esm2020 → esm2022}/stepper/stepper-animation.mjs +1 -1
- package/esm2022/stepper/stepper.component.mjs +176 -0
- package/esm2022/stepper/stepper.module.mjs +52 -0
- package/{esm2020 → esm2022}/tooltip/public-api.mjs +1 -1
- package/esm2022/tooltip/tooltip.component.mjs +63 -0
- package/esm2022/tooltip/tooltip.directive.mjs +148 -0
- package/esm2022/tooltip/tooltip.module.mjs +25 -0
- package/{fesm2020 → fesm2022}/bravura-ui-alert-testing.mjs +2 -2
- package/fesm2022/bravura-ui-alert-testing.mjs.map +1 -0
- package/fesm2022/bravura-ui-alert.mjs +327 -0
- package/fesm2022/bravura-ui-alert.mjs.map +1 -0
- package/{fesm2020 → fesm2022}/bravura-ui-behavior.mjs +45 -45
- package/fesm2022/bravura-ui-behavior.mjs.map +1 -0
- package/{fesm2020 → fesm2022}/bravura-ui-clip-note.mjs +70 -70
- package/fesm2022/bravura-ui-clip-note.mjs.map +1 -0
- package/{fesm2020 → fesm2022}/bravura-ui-common.mjs +6 -6
- package/fesm2022/bravura-ui-common.mjs.map +1 -0
- package/{fesm2020 → fesm2022}/bravura-ui-currency-input.mjs +11 -11
- package/fesm2022/bravura-ui-currency-input.mjs.map +1 -0
- package/{fesm2020 → fesm2022}/bravura-ui-decimal-input.mjs +12 -12
- package/fesm2022/bravura-ui-decimal-input.mjs.map +1 -0
- package/{fesm2020 → fesm2022}/bravura-ui-discrete-input.mjs +48 -48
- package/fesm2022/bravura-ui-discrete-input.mjs.map +1 -0
- package/fesm2022/bravura-ui-file-upload.mjs +474 -0
- package/fesm2022/bravura-ui-file-upload.mjs.map +1 -0
- package/{fesm2020 → fesm2022}/bravura-ui-form-field.mjs +19 -19
- package/fesm2022/bravura-ui-form-field.mjs.map +1 -0
- package/{fesm2020 → fesm2022}/bravura-ui-icon-font.mjs +8 -8
- package/fesm2022/bravura-ui-icon-font.mjs.map +1 -0
- package/fesm2022/bravura-ui-panel.mjs +206 -0
- package/fesm2022/bravura-ui-panel.mjs.map +1 -0
- package/{fesm2020 → fesm2022}/bravura-ui-phone-number.mjs +30 -30
- package/fesm2022/bravura-ui-phone-number.mjs.map +1 -0
- package/{fesm2020 → fesm2022}/bravura-ui-radio-panel-testing.mjs +5 -6
- package/fesm2022/bravura-ui-radio-panel-testing.mjs.map +1 -0
- package/{fesm2020 → fesm2022}/bravura-ui-radio-panel.mjs +32 -32
- package/fesm2022/bravura-ui-radio-panel.mjs.map +1 -0
- package/fesm2022/bravura-ui-selection-panel.mjs +306 -0
- package/fesm2022/bravura-ui-selection-panel.mjs.map +1 -0
- package/{fesm2020 → fesm2022}/bravura-ui-skeletons.mjs +43 -43
- package/fesm2022/bravura-ui-skeletons.mjs.map +1 -0
- package/fesm2022/bravura-ui-stepper.mjs +251 -0
- package/fesm2022/bravura-ui-stepper.mjs.map +1 -0
- package/{fesm2020 → fesm2022}/bravura-ui-tooltip.mjs +32 -24
- package/fesm2022/bravura-ui-tooltip.mjs.map +1 -0
- package/fesm2022/bravura-ui.mjs.map +1 -0
- package/file-upload/file-upload.component.d.ts +1 -1
- package/form-field/form-field.component.d.ts +1 -1
- package/icon-font/icon.directive.d.ts +1 -1
- package/package.json +88 -132
- package/panel/panel.component.d.ts +1 -1
- package/panel/tinted.directive.d.ts +1 -1
- package/phone-number/phone-number.directive.d.ts +1 -1
- package/phone-number/phone-number.validator.d.ts +2 -2
- package/radio-panel/radio-panel-item.component.d.ts +1 -1
- package/radio-panel/radio-panel.component.d.ts +1 -1
- package/radio-panel/testing/test-api.d.ts +2 -3
- package/selection-panel/selection-panel-item.component.d.ts +1 -1
- package/selection-panel/selection-panel.directive.d.ts +1 -1
- package/skeletons/skeleton-loader-presets.directive.d.ts +3 -3
- package/stepper/stepper.component.d.ts +1 -1
- package/theme/_bui-card.scss +56 -56
- package/theme/_ui-theme.scss +3 -3
- package/theme/global-style-by-bootstrap.scss +3 -3
- package/theme/global-style-by-tailwind.scss +3 -3
- package/theme/scrollbar.scss +40 -40
- package/tooltip/tooltip.component.d.ts +2 -0
- package/tooltip/tooltip.directive.d.ts +3 -5
- package/esm2020/alert/alert-container.component.mjs +0 -207
- package/esm2020/alert/alert-message.component.mjs +0 -102
- package/esm2020/alert/alert.module.mjs +0 -22
- package/esm2020/alert/testing/test-api.mjs +0 -44
- package/esm2020/behavior/await.directive.mjs +0 -133
- package/esm2020/behavior/behavior.module.mjs +0 -37
- package/esm2020/behavior/observe-content-class.directive.mjs +0 -63
- package/esm2020/behavior/sizing-monitor.directive.mjs +0 -31
- package/esm2020/behavior/sizing.directive.mjs +0 -256
- package/esm2020/clip-note/clip-note.component.mjs +0 -216
- package/esm2020/clip-note/clip-note.directive.mjs +0 -141
- package/esm2020/clip-note/clip-note.module.mjs +0 -32
- package/esm2020/common/common.module.mjs +0 -53
- package/esm2020/currency-input/currency-input.directive.mjs +0 -276
- package/esm2020/currency-input/currency-input.module.mjs +0 -19
- package/esm2020/decimal-input/decimal-input.directive.mjs +0 -122
- package/esm2020/discrete-input/discrete-input.component.mjs +0 -337
- package/esm2020/discrete-input/discrete-input.module.mjs +0 -21
- package/esm2020/file-upload/file-upload.component.mjs +0 -400
- package/esm2020/file-upload/file-upload.module.mjs +0 -44
- package/esm2020/file-upload/file-upload.service.mjs +0 -29
- package/esm2020/form-field/form-field.component.mjs +0 -82
- package/esm2020/form-field/form-field.module.mjs +0 -33
- package/esm2020/icon-font/icon-font.module.mjs +0 -22
- package/esm2020/icon-font/icon.directive.mjs +0 -102
- package/esm2020/icon-font/utilities.mjs +0 -51
- package/esm2020/panel/panel-section.component.mjs +0 -41
- package/esm2020/panel/panel.component.mjs +0 -87
- package/esm2020/panel/panel.module.mjs +0 -23
- package/esm2020/panel/tinted.directive.mjs +0 -60
- package/esm2020/phone-number/phone-number.directive.mjs +0 -188
- package/esm2020/phone-number/phone-number.pipe.mjs +0 -47
- package/esm2020/phone-number/phone-number.validator.mjs +0 -64
- package/esm2020/radio-panel/radio-panel-item.component.mjs +0 -93
- package/esm2020/radio-panel/radio-panel.component.mjs +0 -81
- package/esm2020/radio-panel/testing/test-api.mjs +0 -47
- package/esm2020/selection-panel/selection-panel-item.component.mjs +0 -166
- package/esm2020/selection-panel/selection-panel.directive.mjs +0 -119
- package/esm2020/selection-panel/selection-panel.module.mjs +0 -23
- package/esm2020/skeletons/skeleton-loader-presets.directive.mjs +0 -83
- package/esm2020/skeletons/skeleton-loader.component.mjs +0 -76
- package/esm2020/skeletons/skeletons.module.mjs +0 -35
- package/esm2020/stepper/stepper.component.mjs +0 -176
- package/esm2020/stepper/stepper.module.mjs +0 -52
- package/esm2020/tooltip/tooltip.component.mjs +0 -54
- package/esm2020/tooltip/tooltip.directive.mjs +0 -149
- package/esm2020/tooltip/tooltip.module.mjs +0 -25
- package/fesm2015/bravura-ui-alert-testing.mjs +0 -64
- package/fesm2015/bravura-ui-alert-testing.mjs.map +0 -1
- package/fesm2015/bravura-ui-alert.mjs +0 -340
- package/fesm2015/bravura-ui-alert.mjs.map +0 -1
- package/fesm2015/bravura-ui-behavior.mjs +0 -515
- package/fesm2015/bravura-ui-behavior.mjs.map +0 -1
- package/fesm2015/bravura-ui-clip-note.mjs +0 -393
- package/fesm2015/bravura-ui-clip-note.mjs.map +0 -1
- package/fesm2015/bravura-ui-common.mjs +0 -96
- package/fesm2015/bravura-ui-common.mjs.map +0 -1
- package/fesm2015/bravura-ui-currency-input.mjs +0 -300
- package/fesm2015/bravura-ui-currency-input.mjs.map +0 -1
- package/fesm2015/bravura-ui-decimal-input.mjs +0 -145
- package/fesm2015/bravura-ui-decimal-input.mjs.map +0 -1
- package/fesm2015/bravura-ui-discrete-input.mjs +0 -365
- package/fesm2015/bravura-ui-discrete-input.mjs.map +0 -1
- package/fesm2015/bravura-ui-file-upload.mjs +0 -478
- package/fesm2015/bravura-ui-file-upload.mjs.map +0 -1
- package/fesm2015/bravura-ui-form-field.mjs +0 -120
- package/fesm2015/bravura-ui-form-field.mjs.map +0 -1
- package/fesm2015/bravura-ui-icon-font.mjs +0 -178
- package/fesm2015/bravura-ui-icon-font.mjs.map +0 -1
- package/fesm2015/bravura-ui-panel.mjs +0 -210
- package/fesm2015/bravura-ui-panel.mjs.map +0 -1
- package/fesm2015/bravura-ui-phone-number.mjs +0 -327
- package/fesm2015/bravura-ui-phone-number.mjs.map +0 -1
- package/fesm2015/bravura-ui-radio-panel-testing.mjs +0 -63
- package/fesm2015/bravura-ui-radio-panel-testing.mjs.map +0 -1
- package/fesm2015/bravura-ui-radio-panel.mjs +0 -200
- package/fesm2015/bravura-ui-radio-panel.mjs.map +0 -1
- package/fesm2015/bravura-ui-selection-panel.mjs +0 -311
- package/fesm2015/bravura-ui-selection-panel.mjs.map +0 -1
- package/fesm2015/bravura-ui-skeletons.mjs +0 -195
- package/fesm2015/bravura-ui-skeletons.mjs.map +0 -1
- package/fesm2015/bravura-ui-stepper.mjs +0 -253
- package/fesm2015/bravura-ui-stepper.mjs.map +0 -1
- package/fesm2015/bravura-ui-tooltip.mjs +0 -229
- package/fesm2015/bravura-ui-tooltip.mjs.map +0 -1
- package/fesm2015/bravura-ui.mjs.map +0 -1
- package/fesm2020/bravura-ui-alert-testing.mjs.map +0 -1
- package/fesm2020/bravura-ui-alert.mjs +0 -328
- package/fesm2020/bravura-ui-alert.mjs.map +0 -1
- package/fesm2020/bravura-ui-behavior.mjs.map +0 -1
- package/fesm2020/bravura-ui-clip-note.mjs.map +0 -1
- package/fesm2020/bravura-ui-common.mjs.map +0 -1
- package/fesm2020/bravura-ui-currency-input.mjs.map +0 -1
- package/fesm2020/bravura-ui-decimal-input.mjs.map +0 -1
- package/fesm2020/bravura-ui-discrete-input.mjs.map +0 -1
- package/fesm2020/bravura-ui-file-upload.mjs +0 -474
- package/fesm2020/bravura-ui-file-upload.mjs.map +0 -1
- package/fesm2020/bravura-ui-form-field.mjs.map +0 -1
- package/fesm2020/bravura-ui-icon-font.mjs.map +0 -1
- package/fesm2020/bravura-ui-panel.mjs +0 -206
- package/fesm2020/bravura-ui-panel.mjs.map +0 -1
- package/fesm2020/bravura-ui-phone-number.mjs.map +0 -1
- package/fesm2020/bravura-ui-radio-panel-testing.mjs.map +0 -1
- package/fesm2020/bravura-ui-radio-panel.mjs.map +0 -1
- package/fesm2020/bravura-ui-selection-panel.mjs +0 -306
- package/fesm2020/bravura-ui-selection-panel.mjs.map +0 -1
- package/fesm2020/bravura-ui-skeletons.mjs.map +0 -1
- package/fesm2020/bravura-ui-stepper.mjs +0 -251
- package/fesm2020/bravura-ui-stepper.mjs.map +0 -1
- package/fesm2020/bravura-ui-tooltip.mjs.map +0 -1
- package/fesm2020/bravura-ui.mjs +0 -8
- package/fesm2020/bravura-ui.mjs.map +0 -1
- /package/{esm2020 → esm2022}/alert/bravura-ui-alert.mjs +0 -0
- /package/{esm2020 → esm2022}/alert/testing/bravura-ui-alert-testing.mjs +0 -0
- /package/{esm2020 → esm2022}/behavior/bravura-ui-behavior.mjs +0 -0
- /package/{esm2020 → esm2022}/bravura-ui.mjs +0 -0
- /package/{esm2020 → esm2022}/clip-note/bravura-ui-clip-note.mjs +0 -0
- /package/{esm2020 → esm2022}/common/bravura-ui-common.mjs +0 -0
- /package/{esm2020 → esm2022}/currency-input/bravura-ui-currency-input.mjs +0 -0
- /package/{esm2020 → esm2022}/decimal-input/bravura-ui-decimal-input.mjs +0 -0
- /package/{esm2020 → esm2022}/decimal-input/public-api.mjs +0 -0
- /package/{esm2020 → esm2022}/discrete-input/bravura-ui-discrete-input.mjs +0 -0
- /package/{esm2020 → esm2022}/file-upload/bravura-ui-file-upload.mjs +0 -0
- /package/{esm2020 → esm2022}/form-field/bravura-ui-form-field.mjs +0 -0
- /package/{esm2020 → esm2022}/icon-font/bravura-ui-icon-font.mjs +0 -0
- /package/{esm2020 → esm2022}/panel/bravura-ui-panel.mjs +0 -0
- /package/{esm2020 → esm2022}/phone-number/bravura-ui-phone-number.mjs +0 -0
- /package/{esm2020 → esm2022}/radio-panel/bravura-ui-radio-panel.mjs +0 -0
- /package/{esm2020 → esm2022}/radio-panel/public-api.mjs +0 -0
- /package/{esm2020 → esm2022}/radio-panel/testing/bravura-ui-radio-panel-testing.mjs +0 -0
- /package/{esm2020 → esm2022}/selection-panel/bravura-ui-selection-panel.mjs +0 -0
- /package/{esm2020 → esm2022}/skeletons/bravura-ui-skeletons.mjs +0 -0
- /package/{esm2020 → esm2022}/stepper/bravura-ui-stepper.mjs +0 -0
- /package/{esm2020 → esm2022}/tooltip/bravura-ui-tooltip.mjs +0 -0
- /package/{fesm2015 → fesm2022}/bravura-ui.mjs +0 -0
|
@@ -1,47 +0,0 @@
|
|
|
1
|
-
import { HarnessPredicate } from '@angular/cdk/testing';
|
|
2
|
-
import { MatRadioButtonHarness, _MatRadioGroupHarnessBase } from '@angular/material/radio/testing';
|
|
3
|
-
export class RadioPanelItemHarness extends MatRadioButtonHarness {
|
|
4
|
-
constructor() {
|
|
5
|
-
super(...arguments);
|
|
6
|
-
this.getLabelElement = this.locatorFor('label');
|
|
7
|
-
this._textLabel = this.locatorFor('label .bui-label-title');
|
|
8
|
-
this._clickLabel = this.getLabelElement;
|
|
9
|
-
}
|
|
10
|
-
/**
|
|
11
|
-
* Gets a `HarnessPredicate` that can be used to search for a radio button with specific
|
|
12
|
-
* attributes.
|
|
13
|
-
* @param options Options for filtering which radio button instances are considered a match.
|
|
14
|
-
* @return a `HarnessPredicate` configured with the given options.
|
|
15
|
-
*/
|
|
16
|
-
static with(options = {}) {
|
|
17
|
-
return MatRadioButtonHarness.with
|
|
18
|
-
.bind(this)(options)
|
|
19
|
-
.addOption('value', options.value, (harness, value) => HarnessPredicate.stringMatches(harness.getValue(), value));
|
|
20
|
-
}
|
|
21
|
-
async click() {
|
|
22
|
-
const element = await this.getLabelElement();
|
|
23
|
-
element.click();
|
|
24
|
-
}
|
|
25
|
-
async getLabelCssValue(prop) {
|
|
26
|
-
const element = await this.getLabelElement();
|
|
27
|
-
return element.getCssValue(prop);
|
|
28
|
-
}
|
|
29
|
-
async getBorderColor() {
|
|
30
|
-
const label = await this.getLabelElement();
|
|
31
|
-
return label.getCssValue('border-color');
|
|
32
|
-
}
|
|
33
|
-
}
|
|
34
|
-
RadioPanelItemHarness.hostSelector = 'bui-radio-panel-item';
|
|
35
|
-
export class RadioPanelHarness extends _MatRadioGroupHarnessBase {
|
|
36
|
-
constructor() {
|
|
37
|
-
super(...arguments);
|
|
38
|
-
this._buttonClass = RadioPanelItemHarness;
|
|
39
|
-
this.getItem = (filters) => this.locatorFor(RadioPanelItemHarness.with(filters))();
|
|
40
|
-
}
|
|
41
|
-
async getFlexDir() {
|
|
42
|
-
return (await this.host()).getCssValue('flex-direction');
|
|
43
|
-
}
|
|
44
|
-
}
|
|
45
|
-
/** The selector for the host element of a `MatRadioGroup` instance. */
|
|
46
|
-
RadioPanelHarness.hostSelector = 'bui-radio-panel';
|
|
47
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGVzdC1hcGkuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS9yYWRpby1wYW5lbC90ZXN0aW5nL3Rlc3QtYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBK0IsZ0JBQWdCLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUNyRixPQUFPLEVBQ04scUJBQXFCLEVBRXJCLHlCQUF5QixFQUN6QixNQUFNLGlDQUFpQyxDQUFDO0FBTXpDLE1BQU0sT0FBTyxxQkFBc0IsU0FBUSxxQkFBcUI7SUFBaEU7O1FBRUMsb0JBQWUsR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDLE9BQU8sQ0FBQyxDQUFDO1FBRWpDLGVBQVUsR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDLHdCQUF3QixDQUFDLENBQUM7UUFDdkQsZ0JBQVcsR0FBRyxJQUFJLENBQUMsZUFBZSxDQUFDO0lBaUM5QyxDQUFDO0lBL0JBOzs7OztPQUtHO0lBQ0gsTUFBTSxDQUFDLElBQUksQ0FFVixVQUF3QyxFQUFFO1FBRTFDLE9BQU8scUJBQXFCLENBQUMsSUFBSTthQUMvQixJQUFJLENBQUMsSUFBSSxDQUFDLENBQUMsT0FBTyxDQUFDO2FBQ25CLFNBQVMsQ0FBQyxPQUFPLEVBQUUsT0FBTyxDQUFDLEtBQUssRUFBRSxDQUFDLE9BQU8sRUFBRSxLQUFLLEVBQUUsRUFBRSxDQUNyRCxnQkFBZ0IsQ0FBQyxhQUFhLENBQUMsT0FBTyxDQUFDLFFBQVEsRUFBRSxFQUFFLEtBQUssQ0FBQyxDQUNsQyxDQUFDO0lBQzNCLENBQUM7SUFFRCxLQUFLLENBQUMsS0FBSztRQUNWLE1BQU0sT0FBTyxHQUFHLE1BQU0sSUFBSSxDQUFDLGVBQWUsRUFBRSxDQUFDO1FBQzdDLE9BQU8sQ0FBQyxLQUFLLEVBQUUsQ0FBQztJQUNqQixDQUFDO0lBRUQsS0FBSyxDQUFDLGdCQUFnQixDQUFDLElBQVk7UUFDbEMsTUFBTSxPQUFPLEdBQUcsTUFBTSxJQUFJLENBQUMsZUFBZSxFQUFFLENBQUM7UUFDN0MsT0FBTyxPQUFPLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQ2xDLENBQUM7SUFFRCxLQUFLLENBQUMsY0FBYztRQUNuQixNQUFNLEtBQUssR0FBRyxNQUFNLElBQUksQ0FBQyxlQUFlLEVBQUUsQ0FBQztRQUMzQyxPQUFPLEtBQUssQ0FBQyxXQUFXLENBQUMsY0FBYyxDQUFDLENBQUM7SUFDMUMsQ0FBQzs7QUFwQ00sa0NBQVksR0FBRyxzQkFBc0IsQ0FBQztBQXVDOUMsTUFBTSxPQUFPLGlCQUFrQixTQUFRLHlCQUl0QztJQUpEOztRQVFXLGlCQUFZLEdBQUcscUJBQXFCLENBQUM7UUFFL0MsWUFBTyxHQUFHLENBQUMsT0FBcUMsRUFBRSxFQUFFLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxxQkFBcUIsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUMsRUFBRSxDQUFDO0lBSzdHLENBQUM7SUFIQSxLQUFLLENBQUMsVUFBVTtRQUNmLE9BQU8sQ0FBQyxNQUFNLElBQUksQ0FBQyxJQUFJLEVBQUUsQ0FBQyxDQUFDLFdBQVcsQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDO0lBQzFELENBQUM7O0FBVEQsdUVBQXVFO0FBQ2hFLDhCQUFZLEdBQUcsaUJBQWlCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnRIYXJuZXNzQ29uc3RydWN0b3IsIEhhcm5lc3NQcmVkaWNhdGUgfSBmcm9tICdAYW5ndWxhci9jZGsvdGVzdGluZyc7XG5pbXBvcnQge1xuXHRNYXRSYWRpb0J1dHRvbkhhcm5lc3MsXG5cdFJhZGlvQnV0dG9uSGFybmVzc0ZpbHRlcnMsXG5cdF9NYXRSYWRpb0dyb3VwSGFybmVzc0Jhc2Vcbn0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvcmFkaW8vdGVzdGluZyc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgUmFkaW9QYW5lbEl0ZW1IYXJuZXNzRmlsdGVycyBleHRlbmRzIFJhZGlvQnV0dG9uSGFybmVzc0ZpbHRlcnMge1xuXHR2YWx1ZT86IHN0cmluZyB8IFJlZ0V4cDtcbn1cblxuZXhwb3J0IGNsYXNzIFJhZGlvUGFuZWxJdGVtSGFybmVzcyBleHRlbmRzIE1hdFJhZGlvQnV0dG9uSGFybmVzcyB7XG5cdHN0YXRpYyBob3N0U2VsZWN0b3IgPSAnYnVpLXJhZGlvLXBhbmVsLWl0ZW0nO1xuXHRnZXRMYWJlbEVsZW1lbnQgPSB0aGlzLmxvY2F0b3JGb3IoJ2xhYmVsJyk7XG5cblx0cHJvdGVjdGVkIF90ZXh0TGFiZWwgPSB0aGlzLmxvY2F0b3JGb3IoJ2xhYmVsIC5idWktbGFiZWwtdGl0bGUnKTtcblx0cHJvdGVjdGVkIF9jbGlja0xhYmVsID0gdGhpcy5nZXRMYWJlbEVsZW1lbnQ7XG5cblx0LyoqXG5cdCAqIEdldHMgYSBgSGFybmVzc1ByZWRpY2F0ZWAgdGhhdCBjYW4gYmUgdXNlZCB0byBzZWFyY2ggZm9yIGEgcmFkaW8gYnV0dG9uIHdpdGggc3BlY2lmaWNcblx0ICogYXR0cmlidXRlcy5cblx0ICogQHBhcmFtIG9wdGlvbnMgT3B0aW9ucyBmb3IgZmlsdGVyaW5nIHdoaWNoIHJhZGlvIGJ1dHRvbiBpbnN0YW5jZXMgYXJlIGNvbnNpZGVyZWQgYSBtYXRjaC5cblx0ICogQHJldHVybiBhIGBIYXJuZXNzUHJlZGljYXRlYCBjb25maWd1cmVkIHdpdGggdGhlIGdpdmVuIG9wdGlvbnMuXG5cdCAqL1xuXHRzdGF0aWMgd2l0aDxUIGV4dGVuZHMgTWF0UmFkaW9CdXR0b25IYXJuZXNzPihcblx0XHR0aGlzOiBDb21wb25lbnRIYXJuZXNzQ29uc3RydWN0b3I8VD4sXG5cdFx0b3B0aW9uczogUmFkaW9QYW5lbEl0ZW1IYXJuZXNzRmlsdGVycyA9IHt9XG5cdCk6IEhhcm5lc3NQcmVkaWNhdGU8VD4ge1xuXHRcdHJldHVybiBNYXRSYWRpb0J1dHRvbkhhcm5lc3Mud2l0aFxuXHRcdFx0LmJpbmQodGhpcykob3B0aW9ucylcblx0XHRcdC5hZGRPcHRpb24oJ3ZhbHVlJywgb3B0aW9ucy52YWx1ZSwgKGhhcm5lc3MsIHZhbHVlKSA9PlxuXHRcdFx0XHRIYXJuZXNzUHJlZGljYXRlLnN0cmluZ01hdGNoZXMoaGFybmVzcy5nZXRWYWx1ZSgpLCB2YWx1ZSlcblx0XHRcdCkgYXMgSGFybmVzc1ByZWRpY2F0ZTxUPjtcblx0fVxuXG5cdGFzeW5jIGNsaWNrKCkge1xuXHRcdGNvbnN0IGVsZW1lbnQgPSBhd2FpdCB0aGlzLmdldExhYmVsRWxlbWVudCgpO1xuXHRcdGVsZW1lbnQuY2xpY2soKTtcblx0fVxuXG5cdGFzeW5jIGdldExhYmVsQ3NzVmFsdWUocHJvcDogc3RyaW5nKTogUHJvbWlzZTxzdHJpbmc+IHtcblx0XHRjb25zdCBlbGVtZW50ID0gYXdhaXQgdGhpcy5nZXRMYWJlbEVsZW1lbnQoKTtcblx0XHRyZXR1cm4gZWxlbWVudC5nZXRDc3NWYWx1ZShwcm9wKTtcblx0fVxuXG5cdGFzeW5jIGdldEJvcmRlckNvbG9yKCk6IFByb21pc2U8c3RyaW5nPiB7XG5cdFx0Y29uc3QgbGFiZWwgPSBhd2FpdCB0aGlzLmdldExhYmVsRWxlbWVudCgpO1xuXHRcdHJldHVybiBsYWJlbC5nZXRDc3NWYWx1ZSgnYm9yZGVyLWNvbG9yJyk7XG5cdH1cbn1cblxuZXhwb3J0IGNsYXNzIFJhZGlvUGFuZWxIYXJuZXNzIGV4dGVuZHMgX01hdFJhZGlvR3JvdXBIYXJuZXNzQmFzZTxcblx0dHlwZW9mIFJhZGlvUGFuZWxJdGVtSGFybmVzcyxcblx0UmFkaW9QYW5lbEl0ZW1IYXJuZXNzLFxuXHRSYWRpb0J1dHRvbkhhcm5lc3NGaWx0ZXJzXG4+IHtcblx0LyoqIFRoZSBzZWxlY3RvciBmb3IgdGhlIGhvc3QgZWxlbWVudCBvZiBhIGBNYXRSYWRpb0dyb3VwYCBpbnN0YW5jZS4gKi9cblx0c3RhdGljIGhvc3RTZWxlY3RvciA9ICdidWktcmFkaW8tcGFuZWwnO1xuXG5cdHByb3RlY3RlZCBfYnV0dG9uQ2xhc3MgPSBSYWRpb1BhbmVsSXRlbUhhcm5lc3M7XG5cblx0Z2V0SXRlbSA9IChmaWx0ZXJzOiBSYWRpb1BhbmVsSXRlbUhhcm5lc3NGaWx0ZXJzKSA9PiB0aGlzLmxvY2F0b3JGb3IoUmFkaW9QYW5lbEl0ZW1IYXJuZXNzLndpdGgoZmlsdGVycykpKCk7XG5cblx0YXN5bmMgZ2V0RmxleERpcigpOiBQcm9taXNlPHN0cmluZz4ge1xuXHRcdHJldHVybiAoYXdhaXQgdGhpcy5ob3N0KCkpLmdldENzc1ZhbHVlKCdmbGV4LWRpcmVjdGlvbicpO1xuXHR9XG59XG4iXX0=
|
|
@@ -1,166 +0,0 @@
|
|
|
1
|
-
import { coerceBooleanProperty } from '@angular/cdk/coercion';
|
|
2
|
-
import { ChangeDetectionStrategy, Component, Inject, InjectionToken, Input, ViewChild } from '@angular/core';
|
|
3
|
-
import { MatRipple } from '@angular/material/core';
|
|
4
|
-
import * as i0 from "@angular/core";
|
|
5
|
-
import * as i1 from "@angular/common";
|
|
6
|
-
import * as i2 from "@angular/material/checkbox";
|
|
7
|
-
import * as i3 from "@angular/forms";
|
|
8
|
-
import * as i4 from "@angular/material/core";
|
|
9
|
-
import * as i5 from "@angular/cdk/observers";
|
|
10
|
-
/**
|
|
11
|
-
* @ignore
|
|
12
|
-
*/
|
|
13
|
-
export const SELECTION_PANEL_GROUP = new InjectionToken('SelectionPanelItemGroup');
|
|
14
|
-
/**
|
|
15
|
-
* Use `bui-selection-panel-item` within a `bui-selection-panel` to display an option.
|
|
16
|
-
*/
|
|
17
|
-
export class SelectionPanelItemComponent {
|
|
18
|
-
constructor(_group, _cd) {
|
|
19
|
-
this._group = _group;
|
|
20
|
-
this._cd = _cd;
|
|
21
|
-
/**
|
|
22
|
-
* This will be displayed as the panel header
|
|
23
|
-
*/
|
|
24
|
-
this.title = '';
|
|
25
|
-
/**
|
|
26
|
-
* Show the header in with a shaded background
|
|
27
|
-
*/
|
|
28
|
-
this.shadedHeader = false;
|
|
29
|
-
/**
|
|
30
|
-
* when false will hide the checkbox
|
|
31
|
-
*/
|
|
32
|
-
this.selectable = true;
|
|
33
|
-
this.empty = true;
|
|
34
|
-
this._disabled = false;
|
|
35
|
-
}
|
|
36
|
-
/** Whether the option is disabled. */
|
|
37
|
-
get disabled() {
|
|
38
|
-
return this._disabled || this._group._isDisabled;
|
|
39
|
-
}
|
|
40
|
-
set disabled(value) {
|
|
41
|
-
this._setDisabled(coerceBooleanProperty(value));
|
|
42
|
-
}
|
|
43
|
-
/** The value of this option. */
|
|
44
|
-
get value() {
|
|
45
|
-
return this._value;
|
|
46
|
-
}
|
|
47
|
-
set value(value) {
|
|
48
|
-
if (this._value !== value) {
|
|
49
|
-
this._value = value;
|
|
50
|
-
this._cd.markForCheck();
|
|
51
|
-
}
|
|
52
|
-
}
|
|
53
|
-
/** Whether this option is checked. */
|
|
54
|
-
get checked() {
|
|
55
|
-
return this._group._selection.includes(this.value);
|
|
56
|
-
}
|
|
57
|
-
set checked(value) {
|
|
58
|
-
if (!this._group._onTouched) {
|
|
59
|
-
setTimeout(() => this._setChecked(value), 0);
|
|
60
|
-
}
|
|
61
|
-
else {
|
|
62
|
-
this._setChecked(value);
|
|
63
|
-
}
|
|
64
|
-
}
|
|
65
|
-
/** Theme color of the radio button. */
|
|
66
|
-
get color() {
|
|
67
|
-
return this._color || this._group.color;
|
|
68
|
-
}
|
|
69
|
-
set color(newValue) {
|
|
70
|
-
this._color = newValue;
|
|
71
|
-
}
|
|
72
|
-
get _selectByHeader() {
|
|
73
|
-
return this._group.selectByHeader;
|
|
74
|
-
}
|
|
75
|
-
/** @ignore */
|
|
76
|
-
_markInteracted() {
|
|
77
|
-
if (this._group._onTouched) {
|
|
78
|
-
this._group._onTouched();
|
|
79
|
-
}
|
|
80
|
-
}
|
|
81
|
-
/** @ignore */
|
|
82
|
-
_notify() {
|
|
83
|
-
this._cd.markForCheck();
|
|
84
|
-
}
|
|
85
|
-
/** Toggle selection programmatically */
|
|
86
|
-
toggle() {
|
|
87
|
-
this.checked = !this.checked;
|
|
88
|
-
}
|
|
89
|
-
/** @ignore */
|
|
90
|
-
_contentClicked(event) {
|
|
91
|
-
if (!this._selectByHeader && this.selectable) {
|
|
92
|
-
this._ripple?.launch(event.clientX, event.clientY);
|
|
93
|
-
this.toggle();
|
|
94
|
-
}
|
|
95
|
-
}
|
|
96
|
-
/** @ignore */
|
|
97
|
-
contentChanged() {
|
|
98
|
-
const el = this._bodyContent?.nativeElement;
|
|
99
|
-
this.empty = (el?.childElementCount || 0) === 0 && (el?.textContent || '') === '';
|
|
100
|
-
}
|
|
101
|
-
/** @ignore */
|
|
102
|
-
ngAfterContentInit() {
|
|
103
|
-
this.contentChanged();
|
|
104
|
-
}
|
|
105
|
-
/** Sets the disabled state and marks for check if a change occurred. */
|
|
106
|
-
_setDisabled(value) {
|
|
107
|
-
if (this._disabled !== value) {
|
|
108
|
-
this._disabled = value;
|
|
109
|
-
this._cd.markForCheck();
|
|
110
|
-
}
|
|
111
|
-
}
|
|
112
|
-
_setChecked(value) {
|
|
113
|
-
const newCheckedState = coerceBooleanProperty(value);
|
|
114
|
-
const old = this._group._selection.includes(this.value);
|
|
115
|
-
if (old !== newCheckedState) {
|
|
116
|
-
const contained = this._group._selection.some(v => v === this._value);
|
|
117
|
-
if (newCheckedState && this._group && !contained) {
|
|
118
|
-
this._group._selection = [...this._group._selection, this._value];
|
|
119
|
-
}
|
|
120
|
-
else if (!newCheckedState && this._group && contained) {
|
|
121
|
-
// When unchecking the selected item, update the selection
|
|
122
|
-
// property on the group.
|
|
123
|
-
this._group._selection = this._group._selection.filter(v => v !== this._value);
|
|
124
|
-
}
|
|
125
|
-
this._cd.markForCheck();
|
|
126
|
-
}
|
|
127
|
-
}
|
|
128
|
-
}
|
|
129
|
-
SelectionPanelItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.6", ngImport: i0, type: SelectionPanelItemComponent, deps: [{ token: SELECTION_PANEL_GROUP }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
130
|
-
SelectionPanelItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.6", type: SelectionPanelItemComponent, selector: "bui-selection-panel-item", inputs: { title: "title", shadedHeader: "shadedHeader", selectable: "selectable", disabled: "disabled", value: "value", checked: "checked", color: "color" }, host: { properties: { "class.bui-selection-checked": "checked", "class.bui-border-accent": "checked && color ==='accent'", "class.bui-border-primary": "checked && color ==='primary'", "class.bui-border-warn": "checked && color ==='warn'", "class.bui-disabled": "disabled", "class.bui-unselectable": "!selectable" }, classAttribute: "bui-selection-panel-item" }, viewQueries: [{ propertyName: "_bodyContent", first: true, predicate: ["contentBody"], descendants: true, static: true }, { propertyName: "_ripple", first: true, predicate: MatRipple, descendants: true }], ngImport: i0, template: "<div class=\"bui-selection-panel-item-wrapper\">\n\t<div\n\t\tmatRipple\n\t\tmatRippleColor=\"rgba(128,128,128,.1)\"\n\t\tclass=\"bui-ripple\"\n\t\t*ngIf=\"!disabled\"\n\t\t[matRippleTrigger]=\"toggleTrigger\"\n\t\t#ripple=\"matRipple\"\n\t\t[matRippleDisabled]=\"!selectable\"\n\t></div>\n\t<div\n\t\tclass=\"bui-selection-panel-item-header\"\n\t\t[ngClass]=\"{ 'bui-shaded': shadedHeader, 'bui-empty': empty }\"\n\t\t#toggleTrigger\n\t>\n\t\t<div\n\t\t\t*ngIf=\"shadedHeader\"\n\t\t\tclass=\"bui-selection-panel-item-header-underlay\"\n\t\t\t[ngClass]=\"{ 'bui-not-empty': !empty }\"\n\t\t></div>\n\t\t<div class=\"bui-selection-panel-item-header-container\">\n\t\t\t<mat-checkbox\n\t\t\t\t*ngIf=\"selectable; else noselectable\"\n\t\t\t\t[(ngModel)]=\"checked\"\n\t\t\t\t[color]=\"color\"\n\t\t\t\t[disabled]=\"disabled\"\n\t\t\t\t(change)=\"_markInteracted()\"\n\t\t\t\tstyle=\"flex-grow: 1\"\n\t\t\t>\n\t\t\t\t<div class=\"bui-selection-panel-item-title\" [innerHTML]=\"title\"></div>\n\t\t\t</mat-checkbox>\n\t\t\t<ng-template #noselectable>\n\t\t\t\t<div style=\"flex-grow: 1\" class=\"bui-selection-panel-item-title\" [innerHTML]=\"title\"></div>\n\t\t\t</ng-template>\n\t\t\t<ng-content select=\"[buiSelectionItemHeadingEnd]\"></ng-content>\n\t\t</div>\n\t\t<ng-content select=\"[buiSelectionItemSubtitle]\"></ng-content>\n\t</div>\n\t<div\n\t\t#contentBody\n\t\tclass=\"bui-selection-panel-item-content\"\n\t\t[class.bui-empty]=\"empty\"\n\t\t[class.bui-selectable]=\"!_selectByHeader\"\n\t\t(click)=\"_contentClicked($event)\"\n\t\t(cdkObserveContent)=\"contentChanged()\"\n\t>\n\t\t<ng-content></ng-content>\n\t</div>\n\t<div class=\"bui-selection-panel-item-bottom\"></div>\n</div>\n", styles: [":host{position:relative;border-radius:5px;border:1px solid rgba(128,128,128,.2);padding:1px}:host .bui-selection-panel-item-wrapper{padding-left:1rem;padding-right:1rem}:host .bui-ripple{position:absolute;inset:0;z-index:-1}:host .bui-selection-panel-item-header{margin-top:calc(1rem - 4px);margin-bottom:calc(1rem - 4px);align-items:center;position:relative}:host .bui-selection-panel-item-header.bui-shaded:not(.bui-empty){margin-bottom:calc(2rem + 4px)}:host .bui-selection-panel-item-header-container{display:flex}:host .bui-selection-panel-item-header-container .mat-mdc-checkbox{z-index:1}:host .bui-selection-panel-item-title{font-size:larger;font-weight:700;white-space:normal;margin-top:2px}:host .bui-selection-panel-item-content:not(.bui-empty){margin-top:calc(2px + 1rem);margin-bottom:1rem}:host .bui-selection-panel-item-header-underlay{position:absolute;top:calc(3px - 1rem);left:calc(-1px - 1rem);right:calc(-1px - 1rem);bottom:calc(-3px - 1rem);border-radius:5px;background-color:#80808026}:host .bui-selection-panel-item-header-underlay.bui-not-empty{border-bottom-left-radius:0;border-bottom-right-radius:0}:host(:not(:first-child)){margin-top:1rem}:host(:not([hidden])){display:block}:host(:not(.bui-disabled,.bui-unselectable)):hover{border-width:2px;padding:0;border-color:#8080804d}:host(:not(.bui-disabled,.bui-unselectable)) .bui-selection-panel-item-content.bui-selectable{cursor:pointer}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex"], exportAs: ["matCheckbox"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i4.MatRipple, selector: "[mat-ripple], [matRipple]", inputs: ["matRippleColor", "matRippleUnbounded", "matRippleCentered", "matRippleRadius", "matRippleAnimation", "matRippleDisabled", "matRippleTrigger"], exportAs: ["matRipple"] }, { kind: "directive", type: i5.CdkObserveContent, selector: "[cdkObserveContent]", inputs: ["cdkObserveContentDisabled", "debounce"], outputs: ["cdkObserveContent"], exportAs: ["cdkObserveContent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
131
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.6", ngImport: i0, type: SelectionPanelItemComponent, decorators: [{
|
|
132
|
-
type: Component,
|
|
133
|
-
args: [{ selector: 'bui-selection-panel-item', changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
134
|
-
class: 'bui-selection-panel-item',
|
|
135
|
-
'[class.bui-selection-checked]': 'checked',
|
|
136
|
-
'[class.bui-border-accent]': `checked && color ==='accent'`,
|
|
137
|
-
'[class.bui-border-primary]': `checked && color ==='primary'`,
|
|
138
|
-
'[class.bui-border-warn]': `checked && color ==='warn'`,
|
|
139
|
-
'[class.bui-disabled]': 'disabled',
|
|
140
|
-
'[class.bui-unselectable]': '!selectable'
|
|
141
|
-
}, template: "<div class=\"bui-selection-panel-item-wrapper\">\n\t<div\n\t\tmatRipple\n\t\tmatRippleColor=\"rgba(128,128,128,.1)\"\n\t\tclass=\"bui-ripple\"\n\t\t*ngIf=\"!disabled\"\n\t\t[matRippleTrigger]=\"toggleTrigger\"\n\t\t#ripple=\"matRipple\"\n\t\t[matRippleDisabled]=\"!selectable\"\n\t></div>\n\t<div\n\t\tclass=\"bui-selection-panel-item-header\"\n\t\t[ngClass]=\"{ 'bui-shaded': shadedHeader, 'bui-empty': empty }\"\n\t\t#toggleTrigger\n\t>\n\t\t<div\n\t\t\t*ngIf=\"shadedHeader\"\n\t\t\tclass=\"bui-selection-panel-item-header-underlay\"\n\t\t\t[ngClass]=\"{ 'bui-not-empty': !empty }\"\n\t\t></div>\n\t\t<div class=\"bui-selection-panel-item-header-container\">\n\t\t\t<mat-checkbox\n\t\t\t\t*ngIf=\"selectable; else noselectable\"\n\t\t\t\t[(ngModel)]=\"checked\"\n\t\t\t\t[color]=\"color\"\n\t\t\t\t[disabled]=\"disabled\"\n\t\t\t\t(change)=\"_markInteracted()\"\n\t\t\t\tstyle=\"flex-grow: 1\"\n\t\t\t>\n\t\t\t\t<div class=\"bui-selection-panel-item-title\" [innerHTML]=\"title\"></div>\n\t\t\t</mat-checkbox>\n\t\t\t<ng-template #noselectable>\n\t\t\t\t<div style=\"flex-grow: 1\" class=\"bui-selection-panel-item-title\" [innerHTML]=\"title\"></div>\n\t\t\t</ng-template>\n\t\t\t<ng-content select=\"[buiSelectionItemHeadingEnd]\"></ng-content>\n\t\t</div>\n\t\t<ng-content select=\"[buiSelectionItemSubtitle]\"></ng-content>\n\t</div>\n\t<div\n\t\t#contentBody\n\t\tclass=\"bui-selection-panel-item-content\"\n\t\t[class.bui-empty]=\"empty\"\n\t\t[class.bui-selectable]=\"!_selectByHeader\"\n\t\t(click)=\"_contentClicked($event)\"\n\t\t(cdkObserveContent)=\"contentChanged()\"\n\t>\n\t\t<ng-content></ng-content>\n\t</div>\n\t<div class=\"bui-selection-panel-item-bottom\"></div>\n</div>\n", styles: [":host{position:relative;border-radius:5px;border:1px solid rgba(128,128,128,.2);padding:1px}:host .bui-selection-panel-item-wrapper{padding-left:1rem;padding-right:1rem}:host .bui-ripple{position:absolute;inset:0;z-index:-1}:host .bui-selection-panel-item-header{margin-top:calc(1rem - 4px);margin-bottom:calc(1rem - 4px);align-items:center;position:relative}:host .bui-selection-panel-item-header.bui-shaded:not(.bui-empty){margin-bottom:calc(2rem + 4px)}:host .bui-selection-panel-item-header-container{display:flex}:host .bui-selection-panel-item-header-container .mat-mdc-checkbox{z-index:1}:host .bui-selection-panel-item-title{font-size:larger;font-weight:700;white-space:normal;margin-top:2px}:host .bui-selection-panel-item-content:not(.bui-empty){margin-top:calc(2px + 1rem);margin-bottom:1rem}:host .bui-selection-panel-item-header-underlay{position:absolute;top:calc(3px - 1rem);left:calc(-1px - 1rem);right:calc(-1px - 1rem);bottom:calc(-3px - 1rem);border-radius:5px;background-color:#80808026}:host .bui-selection-panel-item-header-underlay.bui-not-empty{border-bottom-left-radius:0;border-bottom-right-radius:0}:host(:not(:first-child)){margin-top:1rem}:host(:not([hidden])){display:block}:host(:not(.bui-disabled,.bui-unselectable)):hover{border-width:2px;padding:0;border-color:#8080804d}:host(:not(.bui-disabled,.bui-unselectable)) .bui-selection-panel-item-content.bui-selectable{cursor:pointer}\n"] }]
|
|
142
|
-
}], ctorParameters: function () { return [{ type: undefined, decorators: [{
|
|
143
|
-
type: Inject,
|
|
144
|
-
args: [SELECTION_PANEL_GROUP]
|
|
145
|
-
}] }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { title: [{
|
|
146
|
-
type: Input
|
|
147
|
-
}], shadedHeader: [{
|
|
148
|
-
type: Input
|
|
149
|
-
}], selectable: [{
|
|
150
|
-
type: Input
|
|
151
|
-
}], disabled: [{
|
|
152
|
-
type: Input
|
|
153
|
-
}], value: [{
|
|
154
|
-
type: Input
|
|
155
|
-
}], checked: [{
|
|
156
|
-
type: Input
|
|
157
|
-
}], color: [{
|
|
158
|
-
type: Input
|
|
159
|
-
}], _bodyContent: [{
|
|
160
|
-
type: ViewChild,
|
|
161
|
-
args: ['contentBody', { static: true }]
|
|
162
|
-
}], _ripple: [{
|
|
163
|
-
type: ViewChild,
|
|
164
|
-
args: [MatRipple]
|
|
165
|
-
}] } });
|
|
166
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0aW9uLXBhbmVsLWl0ZW0uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvdWkvc2VsZWN0aW9uLXBhbmVsL3NlbGVjdGlvbi1wYW5lbC1pdGVtLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uL3Byb2plY3RzL3VpL3NlbGVjdGlvbi1wYW5lbC9zZWxlY3Rpb24tcGFuZWwtaXRlbS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUM5RCxPQUFPLEVBRU4sdUJBQXVCLEVBRXZCLFNBQVMsRUFFVCxNQUFNLEVBQ04sY0FBYyxFQUNkLEtBQUssRUFDTCxTQUFTLEVBQ1QsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLFNBQVMsRUFBZ0IsTUFBTSx3QkFBd0IsQ0FBQzs7Ozs7OztBQWFqRTs7R0FFRztBQUNILE1BQU0sQ0FBQyxNQUFNLHFCQUFxQixHQUFHLElBQUksY0FBYyxDQUEwQix5QkFBeUIsQ0FBQyxDQUFDO0FBRTVHOztHQUVHO0FBZ0JILE1BQU0sT0FBTywyQkFBMkI7SUFvRnZDLFlBQW1ELE1BQStCLEVBQVUsR0FBc0I7UUFBL0QsV0FBTSxHQUFOLE1BQU0sQ0FBeUI7UUFBVSxRQUFHLEdBQUgsR0FBRyxDQUFtQjtRQTdFbEg7O1dBRUc7UUFFSCxVQUFLLEdBQUcsRUFBRSxDQUFDO1FBRVg7O1dBRUc7UUFFSCxpQkFBWSxHQUFHLEtBQUssQ0FBQztRQUVyQjs7V0FFRztRQUVILGVBQVUsR0FBRyxJQUFJLENBQUM7UUFpRGxCLFVBQUssR0FBWSxJQUFJLENBQUM7UUFHZCxjQUFTLEdBQUcsS0FBSyxDQUFDO0lBUzJGLENBQUM7SUEzRHRILHNDQUFzQztJQUN0QyxJQUNJLFFBQVE7UUFDWCxPQUFPLElBQUksQ0FBQyxTQUFTLElBQUksSUFBSSxDQUFDLE1BQU0sQ0FBQyxXQUFXLENBQUM7SUFDbEQsQ0FBQztJQUNELElBQUksUUFBUSxDQUFDLEtBQWM7UUFDMUIsSUFBSSxDQUFDLFlBQVksQ0FBQyxxQkFBcUIsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDO0lBQ2pELENBQUM7SUFFRCxnQ0FBZ0M7SUFDaEMsSUFDSSxLQUFLO1FBQ1IsT0FBTyxJQUFJLENBQUMsTUFBTSxDQUFDO0lBQ3BCLENBQUM7SUFDRCxJQUFJLEtBQUssQ0FBQyxLQUFVO1FBQ25CLElBQUksSUFBSSxDQUFDLE1BQU0sS0FBSyxLQUFLLEVBQUU7WUFDMUIsSUFBSSxDQUFDLE1BQU0sR0FBRyxLQUFLLENBQUM7WUFDcEIsSUFBSSxDQUFDLEdBQUcsQ0FBQyxZQUFZLEVBQUUsQ0FBQztTQUN4QjtJQUNGLENBQUM7SUFFRCxzQ0FBc0M7SUFDdEMsSUFDSSxPQUFPO1FBQ1YsT0FBTyxJQUFJLENBQUMsTUFBTSxDQUFDLFVBQVUsQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ3BELENBQUM7SUFDRCxJQUFJLE9BQU8sQ0FBQyxLQUFjO1FBQ3pCLElBQUksQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLFVBQVUsRUFBRTtZQUM1QixVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxLQUFLLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQztTQUM3QzthQUFNO1lBQ04sSUFBSSxDQUFDLFdBQVcsQ0FBQyxLQUFLLENBQUMsQ0FBQztTQUN4QjtJQUNGLENBQUM7SUFFRCx1Q0FBdUM7SUFDdkMsSUFDSSxLQUFLO1FBQ1IsT0FBTyxJQUFJLENBQUMsTUFBTSxJQUFJLElBQUksQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDO0lBQ3pDLENBQUM7SUFDRCxJQUFJLEtBQUssQ0FBQyxRQUFzQjtRQUMvQixJQUFJLENBQUMsTUFBTSxHQUFHLFFBQVEsQ0FBQztJQUN4QixDQUFDO0lBRUQsSUFBSSxlQUFlO1FBQ2xCLE9BQU8sSUFBSSxDQUFDLE1BQU0sQ0FBQyxjQUFjLENBQUM7SUFDbkMsQ0FBQztJQWdCRCxjQUFjO0lBQ2QsZUFBZTtRQUNkLElBQUksSUFBSSxDQUFDLE1BQU0sQ0FBQyxVQUFVLEVBQUU7WUFDM0IsSUFBSSxDQUFDLE1BQU0sQ0FBQyxVQUFVLEVBQUUsQ0FBQztTQUN6QjtJQUNGLENBQUM7SUFFRCxjQUFjO0lBQ2QsT0FBTztRQUNOLElBQUksQ0FBQyxHQUFHLENBQUMsWUFBWSxFQUFFLENBQUM7SUFDekIsQ0FBQztJQUVELHdDQUF3QztJQUN4QyxNQUFNO1FBQ0wsSUFBSSxDQUFDLE9BQU8sR0FBRyxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUM7SUFDOUIsQ0FBQztJQUVELGNBQWM7SUFDZCxlQUFlLENBQUMsS0FBaUI7UUFDaEMsSUFBSSxDQUFDLElBQUksQ0FBQyxlQUFlLElBQUksSUFBSSxDQUFDLFVBQVUsRUFBRTtZQUM3QyxJQUFJLENBQUMsT0FBTyxFQUFFLE1BQU0sQ0FBQyxLQUFLLENBQUMsT0FBTyxFQUFFLEtBQUssQ0FBQyxPQUFPLENBQUMsQ0FBQztZQUNuRCxJQUFJLENBQUMsTUFBTSxFQUFFLENBQUM7U0FDZDtJQUNGLENBQUM7SUFFRCxjQUFjO0lBQ2QsY0FBYztRQUNiLE1BQU0sRUFBRSxHQUFnQixJQUFJLENBQUMsWUFBWSxFQUFFLGFBQWEsQ0FBQztRQUN6RCxJQUFJLENBQUMsS0FBSyxHQUFHLENBQUMsRUFBRSxFQUFFLGlCQUFpQixJQUFJLENBQUMsQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLEVBQUUsRUFBRSxXQUFXLElBQUksRUFBRSxDQUFDLEtBQUssRUFBRSxDQUFDO0lBQ25GLENBQUM7SUFFRCxjQUFjO0lBQ2Qsa0JBQWtCO1FBQ2pCLElBQUksQ0FBQyxjQUFjLEVBQUUsQ0FBQztJQUN2QixDQUFDO0lBRUQsd0VBQXdFO0lBQ2hFLFlBQVksQ0FBQyxLQUFjO1FBQ2xDLElBQUksSUFBSSxDQUFDLFNBQVMsS0FBSyxLQUFLLEVBQUU7WUFDN0IsSUFBSSxDQUFDLFNBQVMsR0FBRyxLQUFLLENBQUM7WUFDdkIsSUFBSSxDQUFDLEdBQUcsQ0FBQyxZQUFZLEVBQUUsQ0FBQztTQUN4QjtJQUNGLENBQUM7SUFFTyxXQUFXLENBQUMsS0FBYztRQUNqQyxNQUFNLGVBQWUsR0FBRyxxQkFBcUIsQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUNyRCxNQUFNLEdBQUcsR0FBRyxJQUFJLENBQUMsTUFBTSxDQUFDLFVBQVUsQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQ3hELElBQUksR0FBRyxLQUFLLGVBQWUsRUFBRTtZQUM1QixNQUFNLFNBQVMsR0FBRyxJQUFJLENBQUMsTUFBTSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLEtBQUssSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDO1lBQ3RFLElBQUksZUFBZSxJQUFJLElBQUksQ0FBQyxNQUFNLElBQUksQ0FBQyxTQUFTLEVBQUU7Z0JBQ2pELElBQUksQ0FBQyxNQUFNLENBQUMsVUFBVSxHQUFHLENBQUMsR0FBRyxJQUFJLENBQUMsTUFBTSxDQUFDLFVBQVUsRUFBRSxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7YUFDbEU7aUJBQU0sSUFBSSxDQUFDLGVBQWUsSUFBSSxJQUFJLENBQUMsTUFBTSxJQUFJLFNBQVMsRUFBRTtnQkFDeEQsMERBQTBEO2dCQUMxRCx5QkFBeUI7Z0JBQ3pCLElBQUksQ0FBQyxNQUFNLENBQUMsVUFBVSxHQUFHLElBQUksQ0FBQyxNQUFNLENBQUMsVUFBVSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsS0FBSyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7YUFDL0U7WUFDRCxJQUFJLENBQUMsR0FBRyxDQUFDLFlBQVksRUFBRSxDQUFDO1NBQ3hCO0lBQ0YsQ0FBQzs7d0hBaEpXLDJCQUEyQixrQkFvRm5CLHFCQUFxQjs0R0FwRjdCLDJCQUEyQiw2dEJBaUY1QixTQUFTLGdEQ2pJckIsa3FEQWtEQTsyRkRGYSwyQkFBMkI7a0JBZnZDLFNBQVM7K0JBQ0MsMEJBQTBCLG1CQUduQix1QkFBdUIsQ0FBQyxNQUFNLFFBQ3pDO3dCQUNMLEtBQUssRUFBRSwwQkFBMEI7d0JBQ2pDLCtCQUErQixFQUFFLFNBQVM7d0JBQzFDLDJCQUEyQixFQUFFLDhCQUE4Qjt3QkFDM0QsNEJBQTRCLEVBQUUsK0JBQStCO3dCQUM3RCx5QkFBeUIsRUFBRSw0QkFBNEI7d0JBQ3ZELHNCQUFzQixFQUFFLFVBQVU7d0JBQ2xDLDBCQUEwQixFQUFFLGFBQWE7cUJBQ3pDOzswQkFzRlksTUFBTTsyQkFBQyxxQkFBcUI7NEVBekV6QyxLQUFLO3NCQURKLEtBQUs7Z0JBT04sWUFBWTtzQkFEWCxLQUFLO2dCQU9OLFVBQVU7c0JBRFQsS0FBSztnQkFLRixRQUFRO3NCQURYLEtBQUs7Z0JBVUYsS0FBSztzQkFEUixLQUFLO2dCQWFGLE9BQU87c0JBRFYsS0FBSztnQkFjRixLQUFLO3NCQURSLEtBQUs7Z0JBbUJFLFlBQVk7c0JBRG5CLFNBQVM7dUJBQUMsYUFBYSxFQUFFLEVBQUUsTUFBTSxFQUFFLElBQUksRUFBRTtnQkFJbEMsT0FBTztzQkFEZCxTQUFTO3VCQUFDLFNBQVMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjb2VyY2VCb29sZWFuUHJvcGVydHkgfSBmcm9tICdAYW5ndWxhci9jZGsvY29lcmNpb24nO1xuaW1wb3J0IHtcblx0QWZ0ZXJDb250ZW50SW5pdCxcblx0Q2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG5cdENoYW5nZURldGVjdG9yUmVmLFxuXHRDb21wb25lbnQsXG5cdEVsZW1lbnRSZWYsXG5cdEluamVjdCxcblx0SW5qZWN0aW9uVG9rZW4sXG5cdElucHV0LFxuXHRWaWV3Q2hpbGRcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBNYXRSaXBwbGUsIFRoZW1lUGFsZXR0ZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2NvcmUnO1xuXG4vKipcbiAqIEBpZ25vcmVcbiAqL1xuZXhwb3J0IGludGVyZmFjZSBTZWxlY3Rpb25QYW5lbEl0ZW1Hcm91cCB7XG5cdF9zZWxlY3Rpb246IGFueVtdO1xuXHRjb2xvcjogVGhlbWVQYWxldHRlO1xuXHRfaXNEaXNhYmxlZDogYm9vbGVhbjtcblx0X29uVG91Y2hlZD86ICgpID0+IHZvaWQ7XG5cdHNlbGVjdEJ5SGVhZGVyOiBib29sZWFuO1xufVxuXG4vKipcbiAqIEBpZ25vcmVcbiAqL1xuZXhwb3J0IGNvbnN0IFNFTEVDVElPTl9QQU5FTF9HUk9VUCA9IG5ldyBJbmplY3Rpb25Ub2tlbjxTZWxlY3Rpb25QYW5lbEl0ZW1Hcm91cD4oJ1NlbGVjdGlvblBhbmVsSXRlbUdyb3VwJyk7XG5cbi8qKlxuICogVXNlIGBidWktc2VsZWN0aW9uLXBhbmVsLWl0ZW1gIHdpdGhpbiBhIGBidWktc2VsZWN0aW9uLXBhbmVsYCB0byBkaXNwbGF5IGFuIG9wdGlvbi5cbiAqL1xuQENvbXBvbmVudCh7XG5cdHNlbGVjdG9yOiAnYnVpLXNlbGVjdGlvbi1wYW5lbC1pdGVtJyxcblx0dGVtcGxhdGVVcmw6ICcuL3NlbGVjdGlvbi1wYW5lbC1pdGVtLmNvbXBvbmVudC5odG1sJyxcblx0c3R5bGVVcmxzOiBbJy4vc2VsZWN0aW9uLXBhbmVsLWl0ZW0uY29tcG9uZW50LnNjc3MnXSxcblx0Y2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG5cdGhvc3Q6IHtcblx0XHRjbGFzczogJ2J1aS1zZWxlY3Rpb24tcGFuZWwtaXRlbScsXG5cdFx0J1tjbGFzcy5idWktc2VsZWN0aW9uLWNoZWNrZWRdJzogJ2NoZWNrZWQnLFxuXHRcdCdbY2xhc3MuYnVpLWJvcmRlci1hY2NlbnRdJzogYGNoZWNrZWQgJiYgY29sb3IgPT09J2FjY2VudCdgLFxuXHRcdCdbY2xhc3MuYnVpLWJvcmRlci1wcmltYXJ5XSc6IGBjaGVja2VkICYmIGNvbG9yID09PSdwcmltYXJ5J2AsXG5cdFx0J1tjbGFzcy5idWktYm9yZGVyLXdhcm5dJzogYGNoZWNrZWQgJiYgY29sb3IgPT09J3dhcm4nYCxcblx0XHQnW2NsYXNzLmJ1aS1kaXNhYmxlZF0nOiAnZGlzYWJsZWQnLFxuXHRcdCdbY2xhc3MuYnVpLXVuc2VsZWN0YWJsZV0nOiAnIXNlbGVjdGFibGUnXG5cdH1cbn0pXG5leHBvcnQgY2xhc3MgU2VsZWN0aW9uUGFuZWxJdGVtQ29tcG9uZW50IGltcGxlbWVudHMgQWZ0ZXJDb250ZW50SW5pdCB7XG5cdC8qKiBAaWdub3JlICovXG5cdHN0YXRpYyBuZ0FjY2VwdElucHV0VHlwZV9kaXNhYmxlZDogYm9vbGVhbiB8IHN0cmluZztcblxuXHQvKiogQGlnbm9yZSAqL1xuXHRzdGF0aWMgbmdBY2NlcHRJbnB1dFR5cGVfY2hlY2tlZDogYm9vbGVhbiB8IHN0cmluZztcblxuXHQvKipcblx0ICogVGhpcyB3aWxsIGJlIGRpc3BsYXllZCBhcyB0aGUgcGFuZWwgaGVhZGVyXG5cdCAqL1xuXHRASW5wdXQoKVxuXHR0aXRsZSA9ICcnO1xuXG5cdC8qKlxuXHQgKiBTaG93IHRoZSBoZWFkZXIgaW4gd2l0aCBhIHNoYWRlZCBiYWNrZ3JvdW5kXG5cdCAqL1xuXHRASW5wdXQoKVxuXHRzaGFkZWRIZWFkZXIgPSBmYWxzZTtcblxuXHQvKipcblx0ICogd2hlbiBmYWxzZSB3aWxsIGhpZGUgdGhlIGNoZWNrYm94XG5cdCAqL1xuXHRASW5wdXQoKVxuXHRzZWxlY3RhYmxlID0gdHJ1ZTtcblxuXHQvKiogV2hldGhlciB0aGUgb3B0aW9uIGlzIGRpc2FibGVkLiAqL1xuXHRASW5wdXQoKVxuXHRnZXQgZGlzYWJsZWQoKTogYm9vbGVhbiB7XG5cdFx0cmV0dXJuIHRoaXMuX2Rpc2FibGVkIHx8IHRoaXMuX2dyb3VwLl9pc0Rpc2FibGVkO1xuXHR9XG5cdHNldCBkaXNhYmxlZCh2YWx1ZTogYm9vbGVhbikge1xuXHRcdHRoaXMuX3NldERpc2FibGVkKGNvZXJjZUJvb2xlYW5Qcm9wZXJ0eSh2YWx1ZSkpO1xuXHR9XG5cblx0LyoqIFRoZSB2YWx1ZSBvZiB0aGlzIG9wdGlvbi4gKi9cblx0QElucHV0KClcblx0Z2V0IHZhbHVlKCk6IGFueSB7XG5cdFx0cmV0dXJuIHRoaXMuX3ZhbHVlO1xuXHR9XG5cdHNldCB2YWx1ZSh2YWx1ZTogYW55KSB7XG5cdFx0aWYgKHRoaXMuX3ZhbHVlICE9PSB2YWx1ZSkge1xuXHRcdFx0dGhpcy5fdmFsdWUgPSB2YWx1ZTtcblx0XHRcdHRoaXMuX2NkLm1hcmtGb3JDaGVjaygpO1xuXHRcdH1cblx0fVxuXG5cdC8qKiBXaGV0aGVyIHRoaXMgb3B0aW9uIGlzIGNoZWNrZWQuICovXG5cdEBJbnB1dCgpXG5cdGdldCBjaGVja2VkKCk6IGJvb2xlYW4ge1xuXHRcdHJldHVybiB0aGlzLl9ncm91cC5fc2VsZWN0aW9uLmluY2x1ZGVzKHRoaXMudmFsdWUpO1xuXHR9XG5cdHNldCBjaGVja2VkKHZhbHVlOiBib29sZWFuKSB7XG5cdFx0aWYgKCF0aGlzLl9ncm91cC5fb25Ub3VjaGVkKSB7XG5cdFx0XHRzZXRUaW1lb3V0KCgpID0+IHRoaXMuX3NldENoZWNrZWQodmFsdWUpLCAwKTtcblx0XHR9IGVsc2Uge1xuXHRcdFx0dGhpcy5fc2V0Q2hlY2tlZCh2YWx1ZSk7XG5cdFx0fVxuXHR9XG5cblx0LyoqIFRoZW1lIGNvbG9yIG9mIHRoZSByYWRpbyBidXR0b24uICovXG5cdEBJbnB1dCgpXG5cdGdldCBjb2xvcigpOiBUaGVtZVBhbGV0dGUge1xuXHRcdHJldHVybiB0aGlzLl9jb2xvciB8fCB0aGlzLl9ncm91cC5jb2xvcjtcblx0fVxuXHRzZXQgY29sb3IobmV3VmFsdWU6IFRoZW1lUGFsZXR0ZSkge1xuXHRcdHRoaXMuX2NvbG9yID0gbmV3VmFsdWU7XG5cdH1cblxuXHRnZXQgX3NlbGVjdEJ5SGVhZGVyKCk6IGJvb2xlYW4ge1xuXHRcdHJldHVybiB0aGlzLl9ncm91cC5zZWxlY3RCeUhlYWRlcjtcblx0fVxuXG5cdGVtcHR5OiBib29sZWFuID0gdHJ1ZTtcblxuXHRwcml2YXRlIF9jb2xvcjogVGhlbWVQYWxldHRlO1xuXHRwcml2YXRlIF9kaXNhYmxlZCA9IGZhbHNlO1xuXHRwcml2YXRlIF92YWx1ZTogYW55O1xuXG5cdEBWaWV3Q2hpbGQoJ2NvbnRlbnRCb2R5JywgeyBzdGF0aWM6IHRydWUgfSlcblx0cHJpdmF0ZSBfYm9keUNvbnRlbnQ/OiBFbGVtZW50UmVmPGFueT47XG5cblx0QFZpZXdDaGlsZChNYXRSaXBwbGUpXG5cdHByaXZhdGUgX3JpcHBsZT86IE1hdFJpcHBsZTtcblxuXHRjb25zdHJ1Y3RvcihASW5qZWN0KFNFTEVDVElPTl9QQU5FTF9HUk9VUCkgcHJpdmF0ZSBfZ3JvdXA6IFNlbGVjdGlvblBhbmVsSXRlbUdyb3VwLCBwcml2YXRlIF9jZDogQ2hhbmdlRGV0ZWN0b3JSZWYpIHt9XG5cblx0LyoqIEBpZ25vcmUgKi9cblx0X21hcmtJbnRlcmFjdGVkKCkge1xuXHRcdGlmICh0aGlzLl9ncm91cC5fb25Ub3VjaGVkKSB7XG5cdFx0XHR0aGlzLl9ncm91cC5fb25Ub3VjaGVkKCk7XG5cdFx0fVxuXHR9XG5cblx0LyoqIEBpZ25vcmUgKi9cblx0X25vdGlmeSgpIHtcblx0XHR0aGlzLl9jZC5tYXJrRm9yQ2hlY2soKTtcblx0fVxuXG5cdC8qKiBUb2dnbGUgc2VsZWN0aW9uIHByb2dyYW1tYXRpY2FsbHkgKi9cblx0dG9nZ2xlKCkge1xuXHRcdHRoaXMuY2hlY2tlZCA9ICF0aGlzLmNoZWNrZWQ7XG5cdH1cblxuXHQvKiogQGlnbm9yZSAqL1xuXHRfY29udGVudENsaWNrZWQoZXZlbnQ6IE1vdXNlRXZlbnQpIHtcblx0XHRpZiAoIXRoaXMuX3NlbGVjdEJ5SGVhZGVyICYmIHRoaXMuc2VsZWN0YWJsZSkge1xuXHRcdFx0dGhpcy5fcmlwcGxlPy5sYXVuY2goZXZlbnQuY2xpZW50WCwgZXZlbnQuY2xpZW50WSk7XG5cdFx0XHR0aGlzLnRvZ2dsZSgpO1xuXHRcdH1cblx0fVxuXG5cdC8qKiBAaWdub3JlICovXG5cdGNvbnRlbnRDaGFuZ2VkKCkge1xuXHRcdGNvbnN0IGVsOiBIVE1MRWxlbWVudCA9IHRoaXMuX2JvZHlDb250ZW50Py5uYXRpdmVFbGVtZW50O1xuXHRcdHRoaXMuZW1wdHkgPSAoZWw/LmNoaWxkRWxlbWVudENvdW50IHx8IDApID09PSAwICYmIChlbD8udGV4dENvbnRlbnQgfHwgJycpID09PSAnJztcblx0fVxuXG5cdC8qKiBAaWdub3JlICovXG5cdG5nQWZ0ZXJDb250ZW50SW5pdCgpIHtcblx0XHR0aGlzLmNvbnRlbnRDaGFuZ2VkKCk7XG5cdH1cblxuXHQvKiogU2V0cyB0aGUgZGlzYWJsZWQgc3RhdGUgYW5kIG1hcmtzIGZvciBjaGVjayBpZiBhIGNoYW5nZSBvY2N1cnJlZC4gKi9cblx0cHJpdmF0ZSBfc2V0RGlzYWJsZWQodmFsdWU6IGJvb2xlYW4pIHtcblx0XHRpZiAodGhpcy5fZGlzYWJsZWQgIT09IHZhbHVlKSB7XG5cdFx0XHR0aGlzLl9kaXNhYmxlZCA9IHZhbHVlO1xuXHRcdFx0dGhpcy5fY2QubWFya0ZvckNoZWNrKCk7XG5cdFx0fVxuXHR9XG5cblx0cHJpdmF0ZSBfc2V0Q2hlY2tlZCh2YWx1ZTogYm9vbGVhbikge1xuXHRcdGNvbnN0IG5ld0NoZWNrZWRTdGF0ZSA9IGNvZXJjZUJvb2xlYW5Qcm9wZXJ0eSh2YWx1ZSk7XG5cdFx0Y29uc3Qgb2xkID0gdGhpcy5fZ3JvdXAuX3NlbGVjdGlvbi5pbmNsdWRlcyh0aGlzLnZhbHVlKTtcblx0XHRpZiAob2xkICE9PSBuZXdDaGVja2VkU3RhdGUpIHtcblx0XHRcdGNvbnN0IGNvbnRhaW5lZCA9IHRoaXMuX2dyb3VwLl9zZWxlY3Rpb24uc29tZSh2ID0+IHYgPT09IHRoaXMuX3ZhbHVlKTtcblx0XHRcdGlmIChuZXdDaGVja2VkU3RhdGUgJiYgdGhpcy5fZ3JvdXAgJiYgIWNvbnRhaW5lZCkge1xuXHRcdFx0XHR0aGlzLl9ncm91cC5fc2VsZWN0aW9uID0gWy4uLnRoaXMuX2dyb3VwLl9zZWxlY3Rpb24sIHRoaXMuX3ZhbHVlXTtcblx0XHRcdH0gZWxzZSBpZiAoIW5ld0NoZWNrZWRTdGF0ZSAmJiB0aGlzLl9ncm91cCAmJiBjb250YWluZWQpIHtcblx0XHRcdFx0Ly8gV2hlbiB1bmNoZWNraW5nIHRoZSBzZWxlY3RlZCBpdGVtLCB1cGRhdGUgdGhlIHNlbGVjdGlvblxuXHRcdFx0XHQvLyBwcm9wZXJ0eSBvbiB0aGUgZ3JvdXAuXG5cdFx0XHRcdHRoaXMuX2dyb3VwLl9zZWxlY3Rpb24gPSB0aGlzLl9ncm91cC5fc2VsZWN0aW9uLmZpbHRlcih2ID0+IHYgIT09IHRoaXMuX3ZhbHVlKTtcblx0XHRcdH1cblx0XHRcdHRoaXMuX2NkLm1hcmtGb3JDaGVjaygpO1xuXHRcdH1cblx0fVxufVxuIiwiPGRpdiBjbGFzcz1cImJ1aS1zZWxlY3Rpb24tcGFuZWwtaXRlbS13cmFwcGVyXCI+XG5cdDxkaXZcblx0XHRtYXRSaXBwbGVcblx0XHRtYXRSaXBwbGVDb2xvcj1cInJnYmEoMTI4LDEyOCwxMjgsLjEpXCJcblx0XHRjbGFzcz1cImJ1aS1yaXBwbGVcIlxuXHRcdCpuZ0lmPVwiIWRpc2FibGVkXCJcblx0XHRbbWF0UmlwcGxlVHJpZ2dlcl09XCJ0b2dnbGVUcmlnZ2VyXCJcblx0XHQjcmlwcGxlPVwibWF0UmlwcGxlXCJcblx0XHRbbWF0UmlwcGxlRGlzYWJsZWRdPVwiIXNlbGVjdGFibGVcIlxuXHQ+PC9kaXY+XG5cdDxkaXZcblx0XHRjbGFzcz1cImJ1aS1zZWxlY3Rpb24tcGFuZWwtaXRlbS1oZWFkZXJcIlxuXHRcdFtuZ0NsYXNzXT1cInsgJ2J1aS1zaGFkZWQnOiBzaGFkZWRIZWFkZXIsICdidWktZW1wdHknOiBlbXB0eSB9XCJcblx0XHQjdG9nZ2xlVHJpZ2dlclxuXHQ+XG5cdFx0PGRpdlxuXHRcdFx0Km5nSWY9XCJzaGFkZWRIZWFkZXJcIlxuXHRcdFx0Y2xhc3M9XCJidWktc2VsZWN0aW9uLXBhbmVsLWl0ZW0taGVhZGVyLXVuZGVybGF5XCJcblx0XHRcdFtuZ0NsYXNzXT1cInsgJ2J1aS1ub3QtZW1wdHknOiAhZW1wdHkgfVwiXG5cdFx0PjwvZGl2PlxuXHRcdDxkaXYgY2xhc3M9XCJidWktc2VsZWN0aW9uLXBhbmVsLWl0ZW0taGVhZGVyLWNvbnRhaW5lclwiPlxuXHRcdFx0PG1hdC1jaGVja2JveFxuXHRcdFx0XHQqbmdJZj1cInNlbGVjdGFibGU7IGVsc2Ugbm9zZWxlY3RhYmxlXCJcblx0XHRcdFx0WyhuZ01vZGVsKV09XCJjaGVja2VkXCJcblx0XHRcdFx0W2NvbG9yXT1cImNvbG9yXCJcblx0XHRcdFx0W2Rpc2FibGVkXT1cImRpc2FibGVkXCJcblx0XHRcdFx0KGNoYW5nZSk9XCJfbWFya0ludGVyYWN0ZWQoKVwiXG5cdFx0XHRcdHN0eWxlPVwiZmxleC1ncm93OiAxXCJcblx0XHRcdD5cblx0XHRcdFx0PGRpdiBjbGFzcz1cImJ1aS1zZWxlY3Rpb24tcGFuZWwtaXRlbS10aXRsZVwiIFtpbm5lckhUTUxdPVwidGl0bGVcIj48L2Rpdj5cblx0XHRcdDwvbWF0LWNoZWNrYm94PlxuXHRcdFx0PG5nLXRlbXBsYXRlICNub3NlbGVjdGFibGU+XG5cdFx0XHRcdDxkaXYgc3R5bGU9XCJmbGV4LWdyb3c6IDFcIiBjbGFzcz1cImJ1aS1zZWxlY3Rpb24tcGFuZWwtaXRlbS10aXRsZVwiIFtpbm5lckhUTUxdPVwidGl0bGVcIj48L2Rpdj5cblx0XHRcdDwvbmctdGVtcGxhdGU+XG5cdFx0XHQ8bmctY29udGVudCBzZWxlY3Q9XCJbYnVpU2VsZWN0aW9uSXRlbUhlYWRpbmdFbmRdXCI+PC9uZy1jb250ZW50PlxuXHRcdDwvZGl2PlxuXHRcdDxuZy1jb250ZW50IHNlbGVjdD1cIltidWlTZWxlY3Rpb25JdGVtU3VidGl0bGVdXCI+PC9uZy1jb250ZW50PlxuXHQ8L2Rpdj5cblx0PGRpdlxuXHRcdCNjb250ZW50Qm9keVxuXHRcdGNsYXNzPVwiYnVpLXNlbGVjdGlvbi1wYW5lbC1pdGVtLWNvbnRlbnRcIlxuXHRcdFtjbGFzcy5idWktZW1wdHldPVwiZW1wdHlcIlxuXHRcdFtjbGFzcy5idWktc2VsZWN0YWJsZV09XCIhX3NlbGVjdEJ5SGVhZGVyXCJcblx0XHQoY2xpY2spPVwiX2NvbnRlbnRDbGlja2VkKCRldmVudClcIlxuXHRcdChjZGtPYnNlcnZlQ29udGVudCk9XCJjb250ZW50Q2hhbmdlZCgpXCJcblx0PlxuXHRcdDxuZy1jb250ZW50PjwvbmctY29udGVudD5cblx0PC9kaXY+XG5cdDxkaXYgY2xhc3M9XCJidWktc2VsZWN0aW9uLXBhbmVsLWl0ZW0tYm90dG9tXCI+PC9kaXY+XG48L2Rpdj5cbiJdfQ==
|
|
@@ -1,119 +0,0 @@
|
|
|
1
|
-
import { ContentChildren, Directive, forwardRef, Input } from '@angular/core';
|
|
2
|
-
import { NG_VALUE_ACCESSOR } from '@angular/forms';
|
|
3
|
-
import { SelectionPanelItemComponent, SELECTION_PANEL_GROUP } from './selection-panel-item.component';
|
|
4
|
-
import * as i0 from "@angular/core";
|
|
5
|
-
/**
|
|
6
|
-
* Selection panel is a [control value accessor](https://angular.io/api/forms/ControlValueAccessor)
|
|
7
|
-
* that display a set of multi-selection items as bordered panels, in a similar fashion as Radio Panel `bui-radio-panel`.
|
|
8
|
-
*
|
|
9
|
-
* Accessibility features are not yet fully implemented.
|
|
10
|
-
*
|
|
11
|
-
* Example:
|
|
12
|
-
*
|
|
13
|
-
* ```html
|
|
14
|
-
* <bui-selection-panel>
|
|
15
|
-
* <bui-selection-panel-item *ngFor="let obj of objects" [value]="obj">{{obj.description}}</bui-selection-panel-item>
|
|
16
|
-
* </bui-selection-panel>
|
|
17
|
-
* ```
|
|
18
|
-
*
|
|
19
|
-
*/
|
|
20
|
-
export class SelectionPanelDirective {
|
|
21
|
-
constructor(_cd) {
|
|
22
|
-
this._cd = _cd;
|
|
23
|
-
/**
|
|
24
|
-
* When set to `false`, the selection is triggered by click everywhere within the panels that is
|
|
25
|
-
* not focus-trapping; otherwise, only clicking on the header will activate the selection.
|
|
26
|
-
*
|
|
27
|
-
* @default true
|
|
28
|
-
*/
|
|
29
|
-
this.selectByHeader = true;
|
|
30
|
-
/** @ignore */
|
|
31
|
-
this._isDisabled = false;
|
|
32
|
-
this._selected = [];
|
|
33
|
-
}
|
|
34
|
-
/**
|
|
35
|
-
* @ignore
|
|
36
|
-
* The selected values. Used by the child elements to modify the group's value
|
|
37
|
-
*/
|
|
38
|
-
get _selection() {
|
|
39
|
-
return this._selected;
|
|
40
|
-
}
|
|
41
|
-
set _selection(value) {
|
|
42
|
-
if (value !== this._selected) {
|
|
43
|
-
this._selected = value;
|
|
44
|
-
if (this._onChange) {
|
|
45
|
-
this._onChange(this._selected);
|
|
46
|
-
}
|
|
47
|
-
this._cd.markForCheck();
|
|
48
|
-
}
|
|
49
|
-
}
|
|
50
|
-
/**
|
|
51
|
-
* @ignore
|
|
52
|
-
*/
|
|
53
|
-
writeValue(obj) {
|
|
54
|
-
this._selected = [];
|
|
55
|
-
if (Array.isArray(obj)) {
|
|
56
|
-
this._selected.push(...obj);
|
|
57
|
-
}
|
|
58
|
-
else if (obj !== null && obj !== undefined) {
|
|
59
|
-
this._selected.push(obj);
|
|
60
|
-
}
|
|
61
|
-
this._items?.forEach(it => it._notify());
|
|
62
|
-
}
|
|
63
|
-
/**
|
|
64
|
-
* @ignore
|
|
65
|
-
*/
|
|
66
|
-
registerOnChange(fn) {
|
|
67
|
-
this._onChange = fn;
|
|
68
|
-
}
|
|
69
|
-
/**
|
|
70
|
-
* @ignore
|
|
71
|
-
*/
|
|
72
|
-
registerOnTouched(fn) {
|
|
73
|
-
this._onTouched = fn;
|
|
74
|
-
}
|
|
75
|
-
/**
|
|
76
|
-
* Sets the disabled state and marks for check if a change occurred.
|
|
77
|
-
* @ignore
|
|
78
|
-
*/
|
|
79
|
-
setDisabledState(isDisabled) {
|
|
80
|
-
if (this._isDisabled !== isDisabled) {
|
|
81
|
-
this._isDisabled = isDisabled;
|
|
82
|
-
this._cd.markForCheck();
|
|
83
|
-
this._items.forEach(it => it._notify());
|
|
84
|
-
}
|
|
85
|
-
}
|
|
86
|
-
/** @ignore */
|
|
87
|
-
ngOnChanges(changes) {
|
|
88
|
-
if (this._items) {
|
|
89
|
-
if (changes.color || changes.selectByHeader) {
|
|
90
|
-
this._items.forEach(item => item._notify());
|
|
91
|
-
}
|
|
92
|
-
}
|
|
93
|
-
}
|
|
94
|
-
}
|
|
95
|
-
SelectionPanelDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.6", ngImport: i0, type: SelectionPanelDirective, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
96
|
-
SelectionPanelDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.6", type: SelectionPanelDirective, selector: "bui-selection-panel", inputs: { color: "color", selectByHeader: "selectByHeader" }, host: { classAttribute: "bui-selection-panel bui-host" }, providers: [
|
|
97
|
-
{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => SelectionPanelDirective), multi: true },
|
|
98
|
-
{ provide: SELECTION_PANEL_GROUP, useExisting: forwardRef(() => SelectionPanelDirective) }
|
|
99
|
-
], queries: [{ propertyName: "_items", predicate: SelectionPanelItemComponent, descendants: true }], exportAs: ["buiSelectionPanel"], usesOnChanges: true, ngImport: i0 });
|
|
100
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.6", ngImport: i0, type: SelectionPanelDirective, decorators: [{
|
|
101
|
-
type: Directive,
|
|
102
|
-
args: [{
|
|
103
|
-
selector: 'bui-selection-panel',
|
|
104
|
-
providers: [
|
|
105
|
-
{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => SelectionPanelDirective), multi: true },
|
|
106
|
-
{ provide: SELECTION_PANEL_GROUP, useExisting: forwardRef(() => SelectionPanelDirective) }
|
|
107
|
-
],
|
|
108
|
-
exportAs: 'buiSelectionPanel',
|
|
109
|
-
host: { class: 'bui-selection-panel bui-host' }
|
|
110
|
-
}]
|
|
111
|
-
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { color: [{
|
|
112
|
-
type: Input
|
|
113
|
-
}], selectByHeader: [{
|
|
114
|
-
type: Input
|
|
115
|
-
}], _items: [{
|
|
116
|
-
type: ContentChildren,
|
|
117
|
-
args: [SelectionPanelItemComponent, { descendants: true }]
|
|
118
|
-
}] } });
|
|
119
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0aW9uLXBhbmVsLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL3VpL3NlbGVjdGlvbi1wYW5lbC9zZWxlY3Rpb24tcGFuZWwuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFFTixlQUFlLEVBQ2YsU0FBUyxFQUNULFVBQVUsRUFDVixLQUFLLEVBSUwsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUF3QixpQkFBaUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBRXpFLE9BQU8sRUFDTiwyQkFBMkIsRUFFM0IscUJBQXFCLEVBQ3JCLE1BQU0sa0NBQWtDLENBQUM7O0FBRTFDOzs7Ozs7Ozs7Ozs7OztHQWNHO0FBVUgsTUFBTSxPQUFPLHVCQUF1QjtJQTBDbkMsWUFBb0IsR0FBc0I7UUFBdEIsUUFBRyxHQUFILEdBQUcsQ0FBbUI7UUF0QzFDOzs7OztXQUtHO1FBQ00sbUJBQWMsR0FBRyxJQUFJLENBQUM7UUFzQi9CLGNBQWM7UUFDZCxnQkFBVyxHQUFHLEtBQUssQ0FBQztRQUlaLGNBQVMsR0FBVSxFQUFFLENBQUM7SUFLZSxDQUFDO0lBOUI5Qzs7O09BR0c7SUFDSCxJQUFJLFVBQVU7UUFDYixPQUFPLElBQUksQ0FBQyxTQUFTLENBQUM7SUFDdkIsQ0FBQztJQUNELElBQUksVUFBVSxDQUFDLEtBQVk7UUFDMUIsSUFBSSxLQUFLLEtBQUssSUFBSSxDQUFDLFNBQVMsRUFBRTtZQUM3QixJQUFJLENBQUMsU0FBUyxHQUFHLEtBQUssQ0FBQztZQUN2QixJQUFJLElBQUksQ0FBQyxTQUFTLEVBQUU7Z0JBQ25CLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDO2FBQy9CO1lBQ0QsSUFBSSxDQUFDLEdBQUcsQ0FBQyxZQUFZLEVBQUUsQ0FBQztTQUN4QjtJQUNGLENBQUM7SUFpQkQ7O09BRUc7SUFDSCxVQUFVLENBQUMsR0FBUTtRQUNsQixJQUFJLENBQUMsU0FBUyxHQUFHLEVBQUUsQ0FBQztRQUNwQixJQUFJLEtBQUssQ0FBQyxPQUFPLENBQUMsR0FBRyxDQUFDLEVBQUU7WUFDdkIsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsR0FBRyxHQUFHLENBQUMsQ0FBQztTQUM1QjthQUFNLElBQUksR0FBRyxLQUFLLElBQUksSUFBSSxHQUFHLEtBQUssU0FBUyxFQUFFO1lBQzdDLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDO1NBQ3pCO1FBQ0QsSUFBSSxDQUFDLE1BQU0sRUFBRSxPQUFPLENBQUMsRUFBRSxDQUFDLEVBQUUsQ0FBQyxFQUFFLENBQUMsT0FBTyxFQUFFLENBQUMsQ0FBQztJQUMxQyxDQUFDO0lBRUQ7O09BRUc7SUFDSCxnQkFBZ0IsQ0FBQyxFQUFvQjtRQUNwQyxJQUFJLENBQUMsU0FBUyxHQUFHLEVBQUUsQ0FBQztJQUNyQixDQUFDO0lBRUQ7O09BRUc7SUFDSCxpQkFBaUIsQ0FBQyxFQUFjO1FBQy9CLElBQUksQ0FBQyxVQUFVLEdBQUcsRUFBRSxDQUFDO0lBQ3RCLENBQUM7SUFFRDs7O09BR0c7SUFDSCxnQkFBZ0IsQ0FBQyxVQUFtQjtRQUNuQyxJQUFJLElBQUksQ0FBQyxXQUFXLEtBQUssVUFBVSxFQUFFO1lBQ3BDLElBQUksQ0FBQyxXQUFXLEdBQUcsVUFBVSxDQUFDO1lBQzlCLElBQUksQ0FBQyxHQUFHLENBQUMsWUFBWSxFQUFFLENBQUM7WUFDeEIsSUFBSSxDQUFDLE1BQU0sQ0FBQyxPQUFPLENBQUMsRUFBRSxDQUFDLEVBQUUsQ0FBQyxFQUFFLENBQUMsT0FBTyxFQUFFLENBQUMsQ0FBQztTQUN4QztJQUNGLENBQUM7SUFFRCxjQUFjO0lBQ2QsV0FBVyxDQUFDLE9BQXNCO1FBQ2pDLElBQUksSUFBSSxDQUFDLE1BQU0sRUFBRTtZQUNoQixJQUFJLE9BQU8sQ0FBQyxLQUFLLElBQUksT0FBTyxDQUFDLGNBQWMsRUFBRTtnQkFDNUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQyxJQUFJLENBQUMsT0FBTyxFQUFFLENBQUMsQ0FBQzthQUM1QztTQUNEO0lBQ0YsQ0FBQzs7b0hBMUZXLHVCQUF1Qjt3R0FBdkIsdUJBQXVCLHNLQVB4QjtRQUNWLEVBQUUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsdUJBQXVCLENBQUMsRUFBRSxLQUFLLEVBQUUsSUFBSSxFQUFFO1FBQ25HLEVBQUUsT0FBTyxFQUFFLHFCQUFxQixFQUFFLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsdUJBQXVCLENBQUMsRUFBRTtLQUMxRixpREEyQ2dCLDJCQUEyQjsyRkF2Q2hDLHVCQUF1QjtrQkFUbkMsU0FBUzttQkFBQztvQkFDVixRQUFRLEVBQUUscUJBQXFCO29CQUMvQixTQUFTLEVBQUU7d0JBQ1YsRUFBRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsd0JBQXdCLENBQUMsRUFBRSxLQUFLLEVBQUUsSUFBSSxFQUFFO3dCQUNuRyxFQUFFLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSx3QkFBd0IsQ0FBQyxFQUFFO3FCQUMxRjtvQkFDRCxRQUFRLEVBQUUsbUJBQW1CO29CQUM3QixJQUFJLEVBQUUsRUFBRSxLQUFLLEVBQUUsOEJBQThCLEVBQUU7aUJBQy9DO3dHQUdTLEtBQUs7c0JBQWIsS0FBSztnQkFRRyxjQUFjO3NCQUF0QixLQUFLO2dCQThCRSxNQUFNO3NCQURiLGVBQWU7dUJBQUMsMkJBQTJCLEVBQUUsRUFBRSxXQUFXLEVBQUUsSUFBSSxFQUFFIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcblx0Q2hhbmdlRGV0ZWN0b3JSZWYsXG5cdENvbnRlbnRDaGlsZHJlbixcblx0RGlyZWN0aXZlLFxuXHRmb3J3YXJkUmVmLFxuXHRJbnB1dCxcblx0T25DaGFuZ2VzLFxuXHRRdWVyeUxpc3QsXG5cdFNpbXBsZUNoYW5nZXNcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb250cm9sVmFsdWVBY2Nlc3NvciwgTkdfVkFMVUVfQUNDRVNTT1IgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBUaGVtZVBhbGV0dGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9jb3JlJztcbmltcG9ydCB7XG5cdFNlbGVjdGlvblBhbmVsSXRlbUNvbXBvbmVudCxcblx0U2VsZWN0aW9uUGFuZWxJdGVtR3JvdXAsXG5cdFNFTEVDVElPTl9QQU5FTF9HUk9VUFxufSBmcm9tICcuL3NlbGVjdGlvbi1wYW5lbC1pdGVtLmNvbXBvbmVudCc7XG5cbi8qKlxuICogU2VsZWN0aW9uIHBhbmVsIGlzIGEgW2NvbnRyb2wgdmFsdWUgYWNjZXNzb3JdKGh0dHBzOi8vYW5ndWxhci5pby9hcGkvZm9ybXMvQ29udHJvbFZhbHVlQWNjZXNzb3IpXG4gKiB0aGF0IGRpc3BsYXkgYSBzZXQgb2YgbXVsdGktc2VsZWN0aW9uIGl0ZW1zIGFzIGJvcmRlcmVkIHBhbmVscywgaW4gYSBzaW1pbGFyIGZhc2hpb24gYXMgUmFkaW8gUGFuZWwgYGJ1aS1yYWRpby1wYW5lbGAuXG4gKlxuICogQWNjZXNzaWJpbGl0eSBmZWF0dXJlcyBhcmUgbm90IHlldCBmdWxseSBpbXBsZW1lbnRlZC5cbiAqXG4gKiBFeGFtcGxlOlxuICpcbiAqIGBgYGh0bWxcbiAqIDxidWktc2VsZWN0aW9uLXBhbmVsPlxuICogICA8YnVpLXNlbGVjdGlvbi1wYW5lbC1pdGVtICpuZ0Zvcj1cImxldCBvYmogb2Ygb2JqZWN0c1wiIFt2YWx1ZV09XCJvYmpcIj57e29iai5kZXNjcmlwdGlvbn19PC9idWktc2VsZWN0aW9uLXBhbmVsLWl0ZW0+XG4gKiA8L2J1aS1zZWxlY3Rpb24tcGFuZWw+XG4gKiBgYGBcbiAqXG4gKi9cbkBEaXJlY3RpdmUoe1xuXHRzZWxlY3RvcjogJ2J1aS1zZWxlY3Rpb24tcGFuZWwnLFxuXHRwcm92aWRlcnM6IFtcblx0XHR7IHByb3ZpZGU6IE5HX1ZBTFVFX0FDQ0VTU09SLCB1c2VFeGlzdGluZzogZm9yd2FyZFJlZigoKSA9PiBTZWxlY3Rpb25QYW5lbERpcmVjdGl2ZSksIG11bHRpOiB0cnVlIH0sXG5cdFx0eyBwcm92aWRlOiBTRUxFQ1RJT05fUEFORUxfR1JPVVAsIHVzZUV4aXN0aW5nOiBmb3J3YXJkUmVmKCgpID0+IFNlbGVjdGlvblBhbmVsRGlyZWN0aXZlKSB9XG5cdF0sXG5cdGV4cG9ydEFzOiAnYnVpU2VsZWN0aW9uUGFuZWwnLFxuXHRob3N0OiB7IGNsYXNzOiAnYnVpLXNlbGVjdGlvbi1wYW5lbCBidWktaG9zdCcgfVxufSlcbmV4cG9ydCBjbGFzcyBTZWxlY3Rpb25QYW5lbERpcmVjdGl2ZSBpbXBsZW1lbnRzIENvbnRyb2xWYWx1ZUFjY2Vzc29yLCBTZWxlY3Rpb25QYW5lbEl0ZW1Hcm91cCwgT25DaGFuZ2VzIHtcblx0LyoqIFRoZW1lIGNvbG9yIGZvciBhbGwgb2YgdGhlIHNlbGVjdGlvbiBjaGVja2JveGVzIGluIHRoZSBncm91cC4gKi9cblx0QElucHV0KCkgY29sb3I6IFRoZW1lUGFsZXR0ZTtcblxuXHQvKipcblx0ICogV2hlbiBzZXQgdG8gYGZhbHNlYCwgdGhlIHNlbGVjdGlvbiBpcyB0cmlnZ2VyZWQgYnkgY2xpY2sgZXZlcnl3aGVyZSB3aXRoaW4gdGhlIHBhbmVscyB0aGF0IGlzXG5cdCAqIG5vdCBmb2N1cy10cmFwcGluZzsgb3RoZXJ3aXNlLCBvbmx5IGNsaWNraW5nIG9uIHRoZSBoZWFkZXIgd2lsbCBhY3RpdmF0ZSB0aGUgc2VsZWN0aW9uLlxuXHQgKlxuXHQgKiBAZGVmYXVsdCB0cnVlXG5cdCAqL1xuXHRASW5wdXQoKSBzZWxlY3RCeUhlYWRlciA9IHRydWU7XG5cblx0LyoqXG5cdCAqIEBpZ25vcmVcblx0ICogVGhlIHNlbGVjdGVkIHZhbHVlcy4gVXNlZCBieSB0aGUgY2hpbGQgZWxlbWVudHMgdG8gbW9kaWZ5IHRoZSBncm91cCdzIHZhbHVlXG5cdCAqL1xuXHRnZXQgX3NlbGVjdGlvbigpOiBhbnlbXSB7XG5cdFx0cmV0dXJuIHRoaXMuX3NlbGVjdGVkO1xuXHR9XG5cdHNldCBfc2VsZWN0aW9uKHZhbHVlOiBhbnlbXSkge1xuXHRcdGlmICh2YWx1ZSAhPT0gdGhpcy5fc2VsZWN0ZWQpIHtcblx0XHRcdHRoaXMuX3NlbGVjdGVkID0gdmFsdWU7XG5cdFx0XHRpZiAodGhpcy5fb25DaGFuZ2UpIHtcblx0XHRcdFx0dGhpcy5fb25DaGFuZ2UodGhpcy5fc2VsZWN0ZWQpO1xuXHRcdFx0fVxuXHRcdFx0dGhpcy5fY2QubWFya0ZvckNoZWNrKCk7XG5cdFx0fVxuXHR9XG5cblx0LyoqIEBpZ25vcmUgKi9cblx0X29uVG91Y2hlZD86ICgpID0+IHZvaWQ7XG5cblx0LyoqIEBpZ25vcmUgKi9cblx0X2lzRGlzYWJsZWQgPSBmYWxzZTtcblxuXHRwcml2YXRlIF9vbkNoYW5nZT86IChfOiBhbnkpID0+IHZvaWQ7XG5cblx0cHJpdmF0ZSBfc2VsZWN0ZWQ6IGFueVtdID0gW107XG5cblx0QENvbnRlbnRDaGlsZHJlbihTZWxlY3Rpb25QYW5lbEl0ZW1Db21wb25lbnQsIHsgZGVzY2VuZGFudHM6IHRydWUgfSlcblx0cHJpdmF0ZSBfaXRlbXMhOiBRdWVyeUxpc3Q8U2VsZWN0aW9uUGFuZWxJdGVtQ29tcG9uZW50PjtcblxuXHRjb25zdHJ1Y3Rvcihwcml2YXRlIF9jZDogQ2hhbmdlRGV0ZWN0b3JSZWYpIHt9XG5cblx0LyoqXG5cdCAqIEBpZ25vcmVcblx0ICovXG5cdHdyaXRlVmFsdWUob2JqOiBhbnkpOiB2b2lkIHtcblx0XHR0aGlzLl9zZWxlY3RlZCA9IFtdO1xuXHRcdGlmIChBcnJheS5pc0FycmF5KG9iaikpIHtcblx0XHRcdHRoaXMuX3NlbGVjdGVkLnB1c2goLi4ub2JqKTtcblx0XHR9IGVsc2UgaWYgKG9iaiAhPT0gbnVsbCAmJiBvYmogIT09IHVuZGVmaW5lZCkge1xuXHRcdFx0dGhpcy5fc2VsZWN0ZWQucHVzaChvYmopO1xuXHRcdH1cblx0XHR0aGlzLl9pdGVtcz8uZm9yRWFjaChpdCA9PiBpdC5fbm90aWZ5KCkpO1xuXHR9XG5cblx0LyoqXG5cdCAqIEBpZ25vcmVcblx0ICovXG5cdHJlZ2lzdGVyT25DaGFuZ2UoZm46IChfOiBhbnkpID0+IHZvaWQpOiB2b2lkIHtcblx0XHR0aGlzLl9vbkNoYW5nZSA9IGZuO1xuXHR9XG5cblx0LyoqXG5cdCAqIEBpZ25vcmVcblx0ICovXG5cdHJlZ2lzdGVyT25Ub3VjaGVkKGZuOiAoKSA9PiB2b2lkKTogdm9pZCB7XG5cdFx0dGhpcy5fb25Ub3VjaGVkID0gZm47XG5cdH1cblxuXHQvKipcblx0ICogU2V0cyB0aGUgZGlzYWJsZWQgc3RhdGUgYW5kIG1hcmtzIGZvciBjaGVjayBpZiBhIGNoYW5nZSBvY2N1cnJlZC5cblx0ICogQGlnbm9yZVxuXHQgKi9cblx0c2V0RGlzYWJsZWRTdGF0ZShpc0Rpc2FibGVkOiBib29sZWFuKTogdm9pZCB7XG5cdFx0aWYgKHRoaXMuX2lzRGlzYWJsZWQgIT09IGlzRGlzYWJsZWQpIHtcblx0XHRcdHRoaXMuX2lzRGlzYWJsZWQgPSBpc0Rpc2FibGVkO1xuXHRcdFx0dGhpcy5fY2QubWFya0ZvckNoZWNrKCk7XG5cdFx0XHR0aGlzLl9pdGVtcy5mb3JFYWNoKGl0ID0+IGl0Ll9ub3RpZnkoKSk7XG5cdFx0fVxuXHR9XG5cblx0LyoqIEBpZ25vcmUgKi9cblx0bmdPbkNoYW5nZXMoY2hhbmdlczogU2ltcGxlQ2hhbmdlcyk6IHZvaWQge1xuXHRcdGlmICh0aGlzLl9pdGVtcykge1xuXHRcdFx0aWYgKGNoYW5nZXMuY29sb3IgfHwgY2hhbmdlcy5zZWxlY3RCeUhlYWRlcikge1xuXHRcdFx0XHR0aGlzLl9pdGVtcy5mb3JFYWNoKGl0ZW0gPT4gaXRlbS5fbm90aWZ5KCkpO1xuXHRcdFx0fVxuXHRcdH1cblx0fVxufVxuIl19
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import { ObserversModule } from '@angular/cdk/observers';
|
|
2
|
-
import { CommonModule } from '@angular/common';
|
|
3
|
-
import { NgModule } from '@angular/core';
|
|
4
|
-
import { FormsModule } from '@angular/forms';
|
|
5
|
-
import { MatCheckboxModule } from '@angular/material/checkbox';
|
|
6
|
-
import { MatRippleModule } from '@angular/material/core';
|
|
7
|
-
import { SelectionPanelItemComponent } from './selection-panel-item.component';
|
|
8
|
-
import { SelectionPanelDirective } from './selection-panel.directive';
|
|
9
|
-
import * as i0 from "@angular/core";
|
|
10
|
-
export class SelectionPanelModule {
|
|
11
|
-
}
|
|
12
|
-
SelectionPanelModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.6", ngImport: i0, type: SelectionPanelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
13
|
-
SelectionPanelModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.6", ngImport: i0, type: SelectionPanelModule, declarations: [SelectionPanelDirective, SelectionPanelItemComponent], imports: [CommonModule, MatCheckboxModule, FormsModule, MatRippleModule, ObserversModule], exports: [SelectionPanelDirective, SelectionPanelItemComponent] });
|
|
14
|
-
SelectionPanelModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.6", ngImport: i0, type: SelectionPanelModule, imports: [CommonModule, MatCheckboxModule, FormsModule, MatRippleModule, ObserversModule] });
|
|
15
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.6", ngImport: i0, type: SelectionPanelModule, decorators: [{
|
|
16
|
-
type: NgModule,
|
|
17
|
-
args: [{
|
|
18
|
-
declarations: [SelectionPanelDirective, SelectionPanelItemComponent],
|
|
19
|
-
imports: [CommonModule, MatCheckboxModule, FormsModule, MatRippleModule, ObserversModule],
|
|
20
|
-
exports: [SelectionPanelDirective, SelectionPanelItemComponent]
|
|
21
|
-
}]
|
|
22
|
-
}] });
|
|
23
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0aW9uLXBhbmVsLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL3VpL3NlbGVjdGlvbi1wYW5lbC9zZWxlY3Rpb24tcGFuZWwubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUN6RCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDN0MsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDL0QsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQ3pELE9BQU8sRUFBRSwyQkFBMkIsRUFBRSxNQUFNLGtDQUFrQyxDQUFDO0FBQy9FLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLDZCQUE2QixDQUFDOztBQU90RSxNQUFNLE9BQU8sb0JBQW9COztpSEFBcEIsb0JBQW9CO2tIQUFwQixvQkFBb0IsaUJBSmpCLHVCQUF1QixFQUFFLDJCQUEyQixhQUN6RCxZQUFZLEVBQUUsaUJBQWlCLEVBQUUsV0FBVyxFQUFFLGVBQWUsRUFBRSxlQUFlLGFBQzlFLHVCQUF1QixFQUFFLDJCQUEyQjtrSEFFbEQsb0JBQW9CLFlBSHRCLFlBQVksRUFBRSxpQkFBaUIsRUFBRSxXQUFXLEVBQUUsZUFBZSxFQUFFLGVBQWU7MkZBRzVFLG9CQUFvQjtrQkFMaEMsUUFBUTttQkFBQztvQkFDVCxZQUFZLEVBQUUsQ0FBQyx1QkFBdUIsRUFBRSwyQkFBMkIsQ0FBQztvQkFDcEUsT0FBTyxFQUFFLENBQUMsWUFBWSxFQUFFLGlCQUFpQixFQUFFLFdBQVcsRUFBRSxlQUFlLEVBQUUsZUFBZSxDQUFDO29CQUN6RixPQUFPLEVBQUUsQ0FBQyx1QkFBdUIsRUFBRSwyQkFBMkIsQ0FBQztpQkFDL0QiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBPYnNlcnZlcnNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jZGsvb2JzZXJ2ZXJzJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRm9ybXNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBNYXRDaGVja2JveE1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2NoZWNrYm94JztcbmltcG9ydCB7IE1hdFJpcHBsZU1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2NvcmUnO1xuaW1wb3J0IHsgU2VsZWN0aW9uUGFuZWxJdGVtQ29tcG9uZW50IH0gZnJvbSAnLi9zZWxlY3Rpb24tcGFuZWwtaXRlbS5jb21wb25lbnQnO1xuaW1wb3J0IHsgU2VsZWN0aW9uUGFuZWxEaXJlY3RpdmUgfSBmcm9tICcuL3NlbGVjdGlvbi1wYW5lbC5kaXJlY3RpdmUnO1xuXG5ATmdNb2R1bGUoe1xuXHRkZWNsYXJhdGlvbnM6IFtTZWxlY3Rpb25QYW5lbERpcmVjdGl2ZSwgU2VsZWN0aW9uUGFuZWxJdGVtQ29tcG9uZW50XSxcblx0aW1wb3J0czogW0NvbW1vbk1vZHVsZSwgTWF0Q2hlY2tib3hNb2R1bGUsIEZvcm1zTW9kdWxlLCBNYXRSaXBwbGVNb2R1bGUsIE9ic2VydmVyc01vZHVsZV0sXG5cdGV4cG9ydHM6IFtTZWxlY3Rpb25QYW5lbERpcmVjdGl2ZSwgU2VsZWN0aW9uUGFuZWxJdGVtQ29tcG9uZW50XVxufSlcbmV4cG9ydCBjbGFzcyBTZWxlY3Rpb25QYW5lbE1vZHVsZSB7fVxuIl19
|
|
@@ -1,83 +0,0 @@
|
|
|
1
|
-
import { Directive, Host, Inject, InjectionToken, Input } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
import * as i1 from "./skeleton-loader.component";
|
|
4
|
-
export const SKELETON_PRESETS = new InjectionToken('bui-skeleton-presets');
|
|
5
|
-
export const DEFAULT_PRESETS = {
|
|
6
|
-
facebook: {
|
|
7
|
-
viewBox: '0 0 425 124',
|
|
8
|
-
content: `
|
|
9
|
-
<rect x="48" y="8" rx="3" ry="3" width="88" height="6" />
|
|
10
|
-
<rect x="48" y="26" rx="3" ry="3" width="52" height="6" />
|
|
11
|
-
<rect x="0" y="56" rx="3" ry="3" width="410" height="6" />
|
|
12
|
-
<rect x="0" y="72" rx="3" ry="3" width="380" height="6" />
|
|
13
|
-
<rect x="0" y="88" rx="3" ry="3" width="178" height="6" />
|
|
14
|
-
<circle cx="20" cy="20" r="20" />
|
|
15
|
-
`
|
|
16
|
-
},
|
|
17
|
-
code: {
|
|
18
|
-
viewBox: '0 0 340 84',
|
|
19
|
-
content: `
|
|
20
|
-
<rect x="0" y="0" rx="3" ry="3" width="67" height="11" />
|
|
21
|
-
<rect x="76" y="0" rx="3" ry="3" width="140" height="11" />
|
|
22
|
-
<rect x="127" y="48" rx="3" ry="3" width="53" height="11" />
|
|
23
|
-
<rect x="187" y="48" rx="3" ry="3" width="72" height="11" />
|
|
24
|
-
<rect x="18" y="48" rx="3" ry="3" width="100" height="11" />
|
|
25
|
-
<rect x="0" y="71" rx="3" ry="3" width="37" height="11" />
|
|
26
|
-
<rect x="18" y="23" rx="3" ry="3" width="140" height="11" />
|
|
27
|
-
<rect x="166" y="23" rx="3" ry="3" width="173" height="11" />
|
|
28
|
-
`
|
|
29
|
-
},
|
|
30
|
-
instagram: {
|
|
31
|
-
viewBox: '0 0 400 460',
|
|
32
|
-
content: `
|
|
33
|
-
<circle cx="31" cy="31" r="15" />
|
|
34
|
-
<rect x="58" y="18" rx="2" ry="2" width="140" height="10" />
|
|
35
|
-
<rect x="58" y="34" rx="2" ry="2" width="140" height="10" />
|
|
36
|
-
<rect x="0" y="60" rx="2" ry="2" width="400" height="400" />
|
|
37
|
-
`
|
|
38
|
-
},
|
|
39
|
-
bulletList: {
|
|
40
|
-
viewBox: '0 0 250 150',
|
|
41
|
-
content: `
|
|
42
|
-
<circle cx="10" cy="20" r="8" />
|
|
43
|
-
<rect x="25" y="15" rx="5" ry="5" width="220" height="10" />
|
|
44
|
-
<circle cx="10" cy="50" r="8" />
|
|
45
|
-
<rect x="25" y="45" rx="5" ry="5" width="220" height="10" />
|
|
46
|
-
<circle cx="10" cy="80" r="8" />
|
|
47
|
-
<rect x="25" y="75" rx="5" ry="5" width="220" height="10" />
|
|
48
|
-
<circle cx="10" cy="110" r="8" />
|
|
49
|
-
<rect x="25" y="105" rx="5" ry="5" width="220" height="10" />
|
|
50
|
-
`
|
|
51
|
-
}
|
|
52
|
-
};
|
|
53
|
-
export class SkeletonLoaderPresetsDirective {
|
|
54
|
-
constructor(_skeletonComponent, _elementRef, _presetList) {
|
|
55
|
-
this._skeletonComponent = _skeletonComponent;
|
|
56
|
-
this._elementRef = _elementRef;
|
|
57
|
-
this._allPresets = _presetList.reduce((p, c) => ({ ...p, ...c }), {});
|
|
58
|
-
}
|
|
59
|
-
ngAfterViewChecked() {
|
|
60
|
-
const preset = this._allPresets[(this.preset || '')];
|
|
61
|
-
if (preset) {
|
|
62
|
-
const clipPathElem = this._elementRef.nativeElement.querySelector(`[id='${this._skeletonComponent.idClip}']`);
|
|
63
|
-
this._skeletonComponent.viewBox = preset.viewBox;
|
|
64
|
-
clipPathElem.innerHTML = preset.content;
|
|
65
|
-
}
|
|
66
|
-
}
|
|
67
|
-
}
|
|
68
|
-
SkeletonLoaderPresetsDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.6", ngImport: i0, type: SkeletonLoaderPresetsDirective, deps: [{ token: i1.SkeletonLoaderComponent, host: true }, { token: i0.ElementRef }, { token: SKELETON_PRESETS }], target: i0.ɵɵFactoryTarget.Directive });
|
|
69
|
-
SkeletonLoaderPresetsDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.6", type: SkeletonLoaderPresetsDirective, selector: "bui-skeleton[preset]", inputs: { preset: "preset" }, ngImport: i0 });
|
|
70
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.6", ngImport: i0, type: SkeletonLoaderPresetsDirective, decorators: [{
|
|
71
|
-
type: Directive,
|
|
72
|
-
args: [{
|
|
73
|
-
selector: 'bui-skeleton[preset]'
|
|
74
|
-
}]
|
|
75
|
-
}], ctorParameters: function () { return [{ type: i1.SkeletonLoaderComponent, decorators: [{
|
|
76
|
-
type: Host
|
|
77
|
-
}] }, { type: i0.ElementRef }, { type: undefined, decorators: [{
|
|
78
|
-
type: Inject,
|
|
79
|
-
args: [SKELETON_PRESETS]
|
|
80
|
-
}] }]; }, propDecorators: { preset: [{
|
|
81
|
-
type: Input
|
|
82
|
-
}] } });
|
|
83
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2tlbGV0b24tbG9hZGVyLXByZXNldHMuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvdWkvc2tlbGV0b25zL3NrZWxldG9uLWxvYWRlci1wcmVzZXRzLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQW9CLFNBQVMsRUFBYyxJQUFJLEVBQUUsTUFBTSxFQUFFLGNBQWMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQVU3RyxNQUFNLENBQUMsTUFBTSxnQkFBZ0IsR0FBRyxJQUFJLGNBQWMsQ0FBa0Isc0JBQXNCLENBQUMsQ0FBQztBQUU1RixNQUFNLENBQUMsTUFBTSxlQUFlLEdBQW9CO0lBQy9DLFFBQVEsRUFBRTtRQUNULE9BQU8sRUFBRSxhQUFhO1FBQ3RCLE9BQU8sRUFBRTs7Ozs7OztHQU9SO0tBQ0Q7SUFDRCxJQUFJLEVBQUU7UUFDTCxPQUFPLEVBQUUsWUFBWTtRQUNyQixPQUFPLEVBQUU7Ozs7Ozs7OztHQVNSO0tBQ0Q7SUFDRCxTQUFTLEVBQUU7UUFDVixPQUFPLEVBQUUsYUFBYTtRQUN0QixPQUFPLEVBQUU7Ozs7O0dBS1I7S0FDRDtJQUNELFVBQVUsRUFBRTtRQUNYLE9BQU8sRUFBRSxhQUFhO1FBQ3RCLE9BQU8sRUFBRTs7Ozs7Ozs7O0dBU1I7S0FDRDtDQUNELENBQUM7QUFLRixNQUFNLE9BQU8sOEJBQThCO0lBTzFDLFlBQ2lCLGtCQUEyQyxFQUNuRCxXQUFvQyxFQUNsQixXQUE4QjtRQUZ4Qyx1QkFBa0IsR0FBbEIsa0JBQWtCLENBQXlCO1FBQ25ELGdCQUFXLEdBQVgsV0FBVyxDQUF5QjtRQUc1QyxJQUFJLENBQUMsV0FBVyxHQUFHLFdBQVcsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDLEVBQUUsR0FBRyxDQUFDLEVBQUUsR0FBRyxDQUFDLEVBQUUsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDO0lBQ3ZFLENBQUM7SUFFRCxrQkFBa0I7UUFDakIsTUFBTSxNQUFNLEdBQUcsSUFBSSxDQUFDLFdBQVcsQ0FBQyxDQUFDLElBQUksQ0FBQyxNQUFNLElBQUksRUFBRSxDQUFRLENBQUMsQ0FBQztRQUM1RCxJQUFJLE1BQU0sRUFBRTtZQUNYLE1BQU0sWUFBWSxHQUFHLElBQUksQ0FBQyxXQUFXLENBQUMsYUFBYSxDQUFDLGFBQWEsQ0FBQyxRQUFRLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxNQUFNLElBQUksQ0FBRSxDQUFDO1lBQy9HLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxPQUFPLEdBQUcsTUFBTSxDQUFDLE9BQU8sQ0FBQztZQUNqRCxZQUFZLENBQUMsU0FBUyxHQUFHLE1BQU0sQ0FBQyxPQUFPLENBQUM7U0FDeEM7SUFDRixDQUFDOzsySEF0QlcsOEJBQThCLCtGQVVqQyxnQkFBZ0I7K0dBVmIsOEJBQThCOzJGQUE5Qiw4QkFBOEI7a0JBSDFDLFNBQVM7bUJBQUM7b0JBQ1YsUUFBUSxFQUFFLHNCQUFzQjtpQkFDaEM7OzBCQVNFLElBQUk7OzBCQUVKLE1BQU07MkJBQUMsZ0JBQWdCOzRDQVB6QixNQUFNO3NCQURMLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBZnRlclZpZXdDaGVja2VkLCBEaXJlY3RpdmUsIEVsZW1lbnRSZWYsIEhvc3QsIEluamVjdCwgSW5qZWN0aW9uVG9rZW4sIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTa2VsZXRvbkxvYWRlckNvbXBvbmVudCB9IGZyb20gJy4vc2tlbGV0b24tbG9hZGVyLmNvbXBvbmVudCc7XG5cbmV4cG9ydCB0eXBlIFNrZWxldG9uUHJlc2V0ID0ge1xuXHR2aWV3Qm94OiBzdHJpbmc7XG5cdGNvbnRlbnQ6IHN0cmluZztcbn07XG5cbmV4cG9ydCB0eXBlIFNrZWxldG9uUHJlc2V0cyA9IHsgW2tleTogc3RyaW5nXTogU2tlbGV0b25QcmVzZXQgfTtcblxuZXhwb3J0IGNvbnN0IFNLRUxFVE9OX1BSRVNFVFMgPSBuZXcgSW5qZWN0aW9uVG9rZW48U2tlbGV0b25QcmVzZXRzPignYnVpLXNrZWxldG9uLXByZXNldHMnKTtcblxuZXhwb3J0IGNvbnN0IERFRkFVTFRfUFJFU0VUUzogU2tlbGV0b25QcmVzZXRzID0ge1xuXHRmYWNlYm9vazoge1xuXHRcdHZpZXdCb3g6ICcwIDAgNDI1IDEyNCcsXG5cdFx0Y29udGVudDogYFxuXHRcdDxyZWN0IHg9XCI0OFwiIHk9XCI4XCIgcng9XCIzXCIgcnk9XCIzXCIgd2lkdGg9XCI4OFwiIGhlaWdodD1cIjZcIiAvPiBcblx0XHQ8cmVjdCB4PVwiNDhcIiB5PVwiMjZcIiByeD1cIjNcIiByeT1cIjNcIiB3aWR0aD1cIjUyXCIgaGVpZ2h0PVwiNlwiIC8+IFxuXHRcdDxyZWN0IHg9XCIwXCIgeT1cIjU2XCIgcng9XCIzXCIgcnk9XCIzXCIgd2lkdGg9XCI0MTBcIiBoZWlnaHQ9XCI2XCIgLz4gXG5cdFx0PHJlY3QgeD1cIjBcIiB5PVwiNzJcIiByeD1cIjNcIiByeT1cIjNcIiB3aWR0aD1cIjM4MFwiIGhlaWdodD1cIjZcIiAvPiBcblx0XHQ8cmVjdCB4PVwiMFwiIHk9XCI4OFwiIHJ4PVwiM1wiIHJ5PVwiM1wiIHdpZHRoPVwiMTc4XCIgaGVpZ2h0PVwiNlwiIC8+IFxuXHRcdDxjaXJjbGUgY3g9XCIyMFwiIGN5PVwiMjBcIiByPVwiMjBcIiAvPlxuXHRcdGBcblx0fSxcblx0Y29kZToge1xuXHRcdHZpZXdCb3g6ICcwIDAgMzQwIDg0Jyxcblx0XHRjb250ZW50OiBgXG5cdFx0PHJlY3QgeD1cIjBcIiB5PVwiMFwiIHJ4PVwiM1wiIHJ5PVwiM1wiIHdpZHRoPVwiNjdcIiBoZWlnaHQ9XCIxMVwiIC8+IFxuXHRcdDxyZWN0IHg9XCI3NlwiIHk9XCIwXCIgcng9XCIzXCIgcnk9XCIzXCIgd2lkdGg9XCIxNDBcIiBoZWlnaHQ9XCIxMVwiIC8+IFxuXHRcdDxyZWN0IHg9XCIxMjdcIiB5PVwiNDhcIiByeD1cIjNcIiByeT1cIjNcIiB3aWR0aD1cIjUzXCIgaGVpZ2h0PVwiMTFcIiAvPiBcblx0XHQ8cmVjdCB4PVwiMTg3XCIgeT1cIjQ4XCIgcng9XCIzXCIgcnk9XCIzXCIgd2lkdGg9XCI3MlwiIGhlaWdodD1cIjExXCIgLz4gXG5cdFx0PHJlY3QgeD1cIjE4XCIgeT1cIjQ4XCIgcng9XCIzXCIgcnk9XCIzXCIgd2lkdGg9XCIxMDBcIiBoZWlnaHQ9XCIxMVwiIC8+IFxuXHRcdDxyZWN0IHg9XCIwXCIgeT1cIjcxXCIgcng9XCIzXCIgcnk9XCIzXCIgd2lkdGg9XCIzN1wiIGhlaWdodD1cIjExXCIgLz4gXG5cdFx0PHJlY3QgeD1cIjE4XCIgeT1cIjIzXCIgcng9XCIzXCIgcnk9XCIzXCIgd2lkdGg9XCIxNDBcIiBoZWlnaHQ9XCIxMVwiIC8+IFxuXHRcdDxyZWN0IHg9XCIxNjZcIiB5PVwiMjNcIiByeD1cIjNcIiByeT1cIjNcIiB3aWR0aD1cIjE3M1wiIGhlaWdodD1cIjExXCIgLz5cblx0XHRgXG5cdH0sXG5cdGluc3RhZ3JhbToge1xuXHRcdHZpZXdCb3g6ICcwIDAgNDAwIDQ2MCcsXG5cdFx0Y29udGVudDogYFxuXHRcdDxjaXJjbGUgY3g9XCIzMVwiIGN5PVwiMzFcIiByPVwiMTVcIiAvPiBcblx0XHQ8cmVjdCB4PVwiNThcIiB5PVwiMThcIiByeD1cIjJcIiByeT1cIjJcIiB3aWR0aD1cIjE0MFwiIGhlaWdodD1cIjEwXCIgLz4gXG5cdFx0PHJlY3QgeD1cIjU4XCIgeT1cIjM0XCIgcng9XCIyXCIgcnk9XCIyXCIgd2lkdGg9XCIxNDBcIiBoZWlnaHQ9XCIxMFwiIC8+IFxuXHRcdDxyZWN0IHg9XCIwXCIgeT1cIjYwXCIgcng9XCIyXCIgcnk9XCIyXCIgd2lkdGg9XCI0MDBcIiBoZWlnaHQ9XCI0MDBcIiAvPlxuXHRcdGBcblx0fSxcblx0YnVsbGV0TGlzdDoge1xuXHRcdHZpZXdCb3g6ICcwIDAgMjUwIDE1MCcsXG5cdFx0Y29udGVudDogYFxuXHRcdDxjaXJjbGUgY3g9XCIxMFwiIGN5PVwiMjBcIiByPVwiOFwiIC8+IFxuXHRcdDxyZWN0IHg9XCIyNVwiIHk9XCIxNVwiIHJ4PVwiNVwiIHJ5PVwiNVwiIHdpZHRoPVwiMjIwXCIgaGVpZ2h0PVwiMTBcIiAvPiBcblx0XHQ8Y2lyY2xlIGN4PVwiMTBcIiBjeT1cIjUwXCIgcj1cIjhcIiAvPiBcblx0XHQ8cmVjdCB4PVwiMjVcIiB5PVwiNDVcIiByeD1cIjVcIiByeT1cIjVcIiB3aWR0aD1cIjIyMFwiIGhlaWdodD1cIjEwXCIgLz4gXG5cdFx0PGNpcmNsZSBjeD1cIjEwXCIgY3k9XCI4MFwiIHI9XCI4XCIgLz4gXG5cdFx0PHJlY3QgeD1cIjI1XCIgeT1cIjc1XCIgcng9XCI1XCIgcnk9XCI1XCIgd2lkdGg9XCIyMjBcIiBoZWlnaHQ9XCIxMFwiIC8+IFxuXHRcdDxjaXJjbGUgY3g9XCIxMFwiIGN5PVwiMTEwXCIgcj1cIjhcIiAvPiBcblx0XHQ8cmVjdCB4PVwiMjVcIiB5PVwiMTA1XCIgcng9XCI1XCIgcnk9XCI1XCIgd2lkdGg9XCIyMjBcIiBoZWlnaHQ9XCIxMFwiIC8+XG5cdFx0YFxuXHR9XG59O1xuXG5ARGlyZWN0aXZlKHtcblx0c2VsZWN0b3I6ICdidWktc2tlbGV0b25bcHJlc2V0XSdcbn0pXG5leHBvcnQgY2xhc3MgU2tlbGV0b25Mb2FkZXJQcmVzZXRzRGlyZWN0aXZlIGltcGxlbWVudHMgQWZ0ZXJWaWV3Q2hlY2tlZCB7XG5cdC8qKiBTZWxlY3QgdGhlIFNWRyBlbGVtZW50cyBmcm9tIG9uZSBvZiB0aGUgcHJlc2V0cy4gKi9cblx0QElucHV0KClcblx0cHJlc2V0Pzogc3RyaW5nO1xuXG5cdHByaXZhdGUgX2FsbFByZXNldHM6IFNrZWxldG9uUHJlc2V0cztcblxuXHRjb25zdHJ1Y3Rvcihcblx0XHRASG9zdCgpIHByaXZhdGUgX3NrZWxldG9uQ29tcG9uZW50OiBTa2VsZXRvbkxvYWRlckNvbXBvbmVudCxcblx0XHRwcml2YXRlIF9lbGVtZW50UmVmOiBFbGVtZW50UmVmPEhUTUxFbGVtZW50Pixcblx0XHRASW5qZWN0KFNLRUxFVE9OX1BSRVNFVFMpIF9wcmVzZXRMaXN0OiBTa2VsZXRvblByZXNldHNbXVxuXHQpIHtcblx0XHR0aGlzLl9hbGxQcmVzZXRzID0gX3ByZXNldExpc3QucmVkdWNlKChwLCBjKSA9PiAoeyAuLi5wLCAuLi5jIH0pLCB7fSk7XG5cdH1cblxuXHRuZ0FmdGVyVmlld0NoZWNrZWQoKTogdm9pZCB7XG5cdFx0Y29uc3QgcHJlc2V0ID0gdGhpcy5fYWxsUHJlc2V0c1sodGhpcy5wcmVzZXQgfHwgJycpIGFzIGFueV07XG5cdFx0aWYgKHByZXNldCkge1xuXHRcdFx0Y29uc3QgY2xpcFBhdGhFbGVtID0gdGhpcy5fZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50LnF1ZXJ5U2VsZWN0b3IoYFtpZD0nJHt0aGlzLl9za2VsZXRvbkNvbXBvbmVudC5pZENsaXB9J11gKSE7XG5cdFx0XHR0aGlzLl9za2VsZXRvbkNvbXBvbmVudC52aWV3Qm94ID0gcHJlc2V0LnZpZXdCb3g7XG5cdFx0XHRjbGlwUGF0aEVsZW0uaW5uZXJIVE1MID0gcHJlc2V0LmNvbnRlbnQ7XG5cdFx0fVxuXHR9XG59XG4iXX0=
|
|
@@ -1,76 +0,0 @@
|
|
|
1
|
-
import { Component } from '@angular/core';
|
|
2
|
-
import { ContentLoaderComponent } from '@ngneat/content-loader';
|
|
3
|
-
import { Subject } from 'rxjs';
|
|
4
|
-
import { takeUntil } from 'rxjs/operators';
|
|
5
|
-
import * as i0 from "@angular/core";
|
|
6
|
-
import * as i1 from "@angular/cdk/bidi";
|
|
7
|
-
/**
|
|
8
|
-
* Use the [Create React Content Loader](https://skeletonreact.com/) to create your custom skeleton loaders;
|
|
9
|
-
*
|
|
10
|
-
* Add the resulting `svg` elements as the content children of a `<bui-skeleton>` component.
|
|
11
|
-
*
|
|
12
|
-
* The component `bui-skeleton` extends `content-loader` from [ngneat/content-loader](https://github.com/ngneat/content-loader).
|
|
13
|
-
*
|
|
14
|
-
* You can also choose from one of the presets registered by the `SKELETON_PRESETS` injection token.
|
|
15
|
-
*
|
|
16
|
-
* The following code snippets demonstrate how to register a preset:
|
|
17
|
-
*
|
|
18
|
-
* ```typescript
|
|
19
|
-
* @import {SkeletonsModule} from '@bravura/ui/skeletons';
|
|
20
|
-
* @import htmlWithSvgElements from './custom-loader1.html';
|
|
21
|
-
*
|
|
22
|
-
* @NgModule({
|
|
23
|
-
* imports: [SkeletonsModule.forConfig({ presets: {
|
|
24
|
-
* custom1: { viewBox: '0 0 400 100', content: htmlWithSvgElements }
|
|
25
|
-
* }})]
|
|
26
|
-
* })
|
|
27
|
-
* export class MyModule {}
|
|
28
|
-
* ```
|
|
29
|
-
*
|
|
30
|
-
* custom-loader1.html:
|
|
31
|
-
*
|
|
32
|
-
* ```html
|
|
33
|
-
* <rect x="50" y="6" rx="4" ry="4" width="343" height="38" />
|
|
34
|
-
* <rect x="8" y="6" rx="4" ry="4" width="35" height="38" />
|
|
35
|
-
* ```
|
|
36
|
-
*/
|
|
37
|
-
export class SkeletonLoaderComponent extends ContentLoaderComponent {
|
|
38
|
-
constructor(elemRef, _cdRef, _dir) {
|
|
39
|
-
super();
|
|
40
|
-
this._cdRef = _cdRef;
|
|
41
|
-
this._dir = _dir;
|
|
42
|
-
this._destroyed$ = new Subject();
|
|
43
|
-
elemRef.nativeElement.classList.add('bui-host');
|
|
44
|
-
this.backgroundColor = 'rgba(128,128,128,0.2)';
|
|
45
|
-
this.foregroundColor = 'rgba(128,128,128,0.1)';
|
|
46
|
-
this.rtl = this._dir.value === 'rtl';
|
|
47
|
-
this._dir.change.pipe(takeUntil(this._destroyed$)).subscribe(v => {
|
|
48
|
-
this.style = {};
|
|
49
|
-
this.rtl = v === 'rtl';
|
|
50
|
-
this.ngOnInit();
|
|
51
|
-
this._cdRef.markForCheck();
|
|
52
|
-
});
|
|
53
|
-
}
|
|
54
|
-
ngOnDestroy() {
|
|
55
|
-
this._destroyed$.next();
|
|
56
|
-
this._destroyed$.complete();
|
|
57
|
-
}
|
|
58
|
-
ngOnChanges(changes) {
|
|
59
|
-
if (Object.keys(changes).some(k => changes[k] && !changes[k].isFirstChange())) {
|
|
60
|
-
super.ngOnInit();
|
|
61
|
-
this._cdRef.markForCheck();
|
|
62
|
-
}
|
|
63
|
-
}
|
|
64
|
-
}
|
|
65
|
-
SkeletonLoaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.6", ngImport: i0, type: SkeletonLoaderComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1.Directionality }], target: i0.ɵɵFactoryTarget.Component });
|
|
66
|
-
SkeletonLoaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.6", type: SkeletonLoaderComponent, selector: "bui-skeleton", usesInheritance: true, usesOnChanges: true, ngImport: i0, template: '', isInline: true });
|
|
67
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.6", ngImport: i0, type: SkeletonLoaderComponent, decorators: [{
|
|
68
|
-
type: Component,
|
|
69
|
-
args: [{ selector: 'bui-skeleton', template: '' }]
|
|
70
|
-
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i1.Directionality }]; } });
|
|
71
|
-
const componentType = SkeletonLoaderComponent;
|
|
72
|
-
const superType = ContentLoaderComponent;
|
|
73
|
-
Object.keys(superType.ɵcmp)
|
|
74
|
-
.filter(k => !['selectors', 'type'].includes(k))
|
|
75
|
-
.forEach(k => (componentType.ɵcmp[k] = superType.ɵcmp[k]));
|
|
76
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2tlbGV0b24tbG9hZGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL3VpL3NrZWxldG9ucy9za2VsZXRvbi1sb2FkZXIuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBLE9BQU8sRUFBcUIsU0FBUyxFQUFtRCxNQUFNLGVBQWUsQ0FBQztBQUM5RyxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUNoRSxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBQy9CLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQzs7O0FBRTNDOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQTZCRztBQUVILE1BQU0sT0FBTyx1QkFBd0IsU0FBUSxzQkFBc0I7SUFHbEUsWUFBWSxPQUFnQyxFQUFVLE1BQXlCLEVBQVUsSUFBb0I7UUFDNUcsS0FBSyxFQUFFLENBQUM7UUFENkMsV0FBTSxHQUFOLE1BQU0sQ0FBbUI7UUFBVSxTQUFJLEdBQUosSUFBSSxDQUFnQjtRQUZyRyxnQkFBVyxHQUFHLElBQUksT0FBTyxFQUFRLENBQUM7UUFLekMsT0FBTyxDQUFDLGFBQWEsQ0FBQyxTQUFTLENBQUMsR0FBRyxDQUFDLFVBQVUsQ0FBQyxDQUFDO1FBQ2hELElBQUksQ0FBQyxlQUFlLEdBQUcsdUJBQXVCLENBQUM7UUFDL0MsSUFBSSxDQUFDLGVBQWUsR0FBRyx1QkFBdUIsQ0FBQztRQUMvQyxJQUFJLENBQUMsR0FBRyxHQUFHLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxLQUFLLEtBQUssQ0FBQztRQUNyQyxJQUFJLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsRUFBRTtZQUNoRSxJQUFJLENBQUMsS0FBSyxHQUFHLEVBQUUsQ0FBQztZQUNoQixJQUFJLENBQUMsR0FBRyxHQUFHLENBQUMsS0FBSyxLQUFLLENBQUM7WUFDdkIsSUFBSSxDQUFDLFFBQVEsRUFBRSxDQUFDO1lBQ2hCLElBQUksQ0FBQyxNQUFNLENBQUMsWUFBWSxFQUFFLENBQUM7UUFDNUIsQ0FBQyxDQUFDLENBQUM7SUFDSixDQUFDO0lBRUQsV0FBVztRQUNWLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxFQUFFLENBQUM7UUFDeEIsSUFBSSxDQUFDLFdBQVcsQ0FBQyxRQUFRLEVBQUUsQ0FBQztJQUM3QixDQUFDO0lBRUQsV0FBVyxDQUFDLE9BQXNCO1FBQ2pDLElBQUksTUFBTSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLENBQUMsYUFBYSxFQUFFLENBQUMsRUFBRTtZQUM5RSxLQUFLLENBQUMsUUFBUSxFQUFFLENBQUM7WUFDakIsSUFBSSxDQUFDLE1BQU0sQ0FBQyxZQUFZLEVBQUUsQ0FBQztTQUMzQjtJQUNGLENBQUM7O29IQTVCVyx1QkFBdUI7d0dBQXZCLHVCQUF1QixnR0FEYSxFQUFFOzJGQUN0Qyx1QkFBdUI7a0JBRG5DLFNBQVM7bUJBQUMsRUFBRSxRQUFRLEVBQUUsY0FBYyxFQUFFLFFBQVEsRUFBRSxFQUFFLEVBQUU7O0FBZ0NyRCxNQUFNLGFBQWEsR0FBUSx1QkFBdUIsQ0FBQztBQUNuRCxNQUFNLFNBQVMsR0FBUSxzQkFBc0IsQ0FBQztBQUU5QyxNQUFNLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUM7S0FDekIsTUFBTSxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLFdBQVcsRUFBRSxNQUFNLENBQUMsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQUM7S0FDL0MsT0FBTyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxHQUFHLFNBQVMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRGlyZWN0aW9uYWxpdHkgfSBmcm9tICdAYW5ndWxhci9jZGsvYmlkaSc7XG5pbXBvcnQgeyBDaGFuZ2VEZXRlY3RvclJlZiwgQ29tcG9uZW50LCBFbGVtZW50UmVmLCBPbkNoYW5nZXMsIE9uRGVzdHJveSwgU2ltcGxlQ2hhbmdlcyB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29udGVudExvYWRlckNvbXBvbmVudCB9IGZyb20gJ0BuZ25lYXQvY29udGVudC1sb2FkZXInO1xuaW1wb3J0IHsgU3ViamVjdCB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHsgdGFrZVVudGlsIH0gZnJvbSAncnhqcy9vcGVyYXRvcnMnO1xuXG4vKipcbiAqIFVzZSB0aGUgW0NyZWF0ZSBSZWFjdCBDb250ZW50IExvYWRlcl0oaHR0cHM6Ly9za2VsZXRvbnJlYWN0LmNvbS8pIHRvIGNyZWF0ZSB5b3VyIGN1c3RvbSBza2VsZXRvbiBsb2FkZXJzO1xuICpcbiAqIEFkZCB0aGUgcmVzdWx0aW5nIGBzdmdgIGVsZW1lbnRzIGFzIHRoZSBjb250ZW50IGNoaWxkcmVuIG9mIGEgYDxidWktc2tlbGV0b24+YCBjb21wb25lbnQuXG4gKlxuICogVGhlIGNvbXBvbmVudCBgYnVpLXNrZWxldG9uYCBleHRlbmRzIGBjb250ZW50LWxvYWRlcmAgZnJvbSBbbmduZWF0L2NvbnRlbnQtbG9hZGVyXShodHRwczovL2dpdGh1Yi5jb20vbmduZWF0L2NvbnRlbnQtbG9hZGVyKS5cbiAqXG4gKiBZb3UgY2FuIGFsc28gY2hvb3NlIGZyb20gb25lIG9mIHRoZSBwcmVzZXRzIHJlZ2lzdGVyZWQgYnkgdGhlIGBTS0VMRVRPTl9QUkVTRVRTYCBpbmplY3Rpb24gdG9rZW4uXG4gKlxuICogVGhlIGZvbGxvd2luZyBjb2RlIHNuaXBwZXRzIGRlbW9uc3RyYXRlIGhvdyB0byByZWdpc3RlciBhIHByZXNldDpcbiAqXG4gKiBgYGB0eXBlc2NyaXB0XG4gKiBAaW1wb3J0IHtTa2VsZXRvbnNNb2R1bGV9IGZyb20gJ0BicmF2dXJhL3VpL3NrZWxldG9ucyc7XG4gKiBAaW1wb3J0IGh0bWxXaXRoU3ZnRWxlbWVudHMgZnJvbSAnLi9jdXN0b20tbG9hZGVyMS5odG1sJztcbiAqXG4gKiBATmdNb2R1bGUoe1xuICogICBpbXBvcnRzOiBbU2tlbGV0b25zTW9kdWxlLmZvckNvbmZpZyh7IHByZXNldHM6IHtcbiAqICAgICBjdXN0b20xOiB7IHZpZXdCb3g6ICcwIDAgNDAwIDEwMCcsIGNvbnRlbnQ6IGh0bWxXaXRoU3ZnRWxlbWVudHMgfVxuICogICB9fSldXG4gKiB9KVxuICogZXhwb3J0IGNsYXNzIE15TW9kdWxlIHt9XG4gKiBgYGBcbiAqXG4gKiBjdXN0b20tbG9hZGVyMS5odG1sOlxuICpcbiAqIGBgYGh0bWxcbiAqIDxyZWN0IHg9XCI1MFwiIHk9XCI2XCIgcng9XCI0XCIgcnk9XCI0XCIgd2lkdGg9XCIzNDNcIiBoZWlnaHQ9XCIzOFwiIC8+XG4gKiA8cmVjdCB4PVwiOFwiIHk9XCI2XCIgcng9XCI0XCIgcnk9XCI0XCIgd2lkdGg9XCIzNVwiIGhlaWdodD1cIjM4XCIgLz5cbiAqIGBgYFxuICovXG5AQ29tcG9uZW50KHsgc2VsZWN0b3I6ICdidWktc2tlbGV0b24nLCB0ZW1wbGF0ZTogJycgfSlcbmV4cG9ydCBjbGFzcyBTa2VsZXRvbkxvYWRlckNvbXBvbmVudCBleHRlbmRzIENvbnRlbnRMb2FkZXJDb21wb25lbnQgaW1wbGVtZW50cyBPbkNoYW5nZXMsIE9uRGVzdHJveSB7XG5cdHByaXZhdGUgX2Rlc3Ryb3llZCQgPSBuZXcgU3ViamVjdDx2b2lkPigpO1xuXG5cdGNvbnN0cnVjdG9yKGVsZW1SZWY6IEVsZW1lbnRSZWY8SFRNTEVsZW1lbnQ+LCBwcml2YXRlIF9jZFJlZjogQ2hhbmdlRGV0ZWN0b3JSZWYsIHByaXZhdGUgX2RpcjogRGlyZWN0aW9uYWxpdHkpIHtcblx0XHRzdXBlcigpO1xuXG5cdFx0ZWxlbVJlZi5uYXRpdmVFbGVtZW50LmNsYXNzTGlzdC5hZGQoJ2J1aS1ob3N0Jyk7XG5cdFx0dGhpcy5iYWNrZ3JvdW5kQ29sb3IgPSAncmdiYSgxMjgsMTI4LDEyOCwwLjIpJztcblx0XHR0aGlzLmZvcmVncm91bmRDb2xvciA9ICdyZ2JhKDEyOCwxMjgsMTI4LDAuMSknO1xuXHRcdHRoaXMucnRsID0gdGhpcy5fZGlyLnZhbHVlID09PSAncnRsJztcblx0XHR0aGlzLl9kaXIuY2hhbmdlLnBpcGUodGFrZVVudGlsKHRoaXMuX2Rlc3Ryb3llZCQpKS5zdWJzY3JpYmUodiA9PiB7XG5cdFx0XHR0aGlzLnN0eWxlID0ge307XG5cdFx0XHR0aGlzLnJ0bCA9IHYgPT09ICdydGwnO1xuXHRcdFx0dGhpcy5uZ09uSW5pdCgpO1xuXHRcdFx0dGhpcy5fY2RSZWYubWFya0ZvckNoZWNrKCk7XG5cdFx0fSk7XG5cdH1cblxuXHRuZ09uRGVzdHJveSgpOiB2b2lkIHtcblx0XHR0aGlzLl9kZXN0cm95ZWQkLm5leHQoKTtcblx0XHR0aGlzLl9kZXN0cm95ZWQkLmNvbXBsZXRlKCk7XG5cdH1cblxuXHRuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKTogdm9pZCB7XG5cdFx0aWYgKE9iamVjdC5rZXlzKGNoYW5nZXMpLnNvbWUoayA9PiBjaGFuZ2VzW2tdICYmICFjaGFuZ2VzW2tdLmlzRmlyc3RDaGFuZ2UoKSkpIHtcblx0XHRcdHN1cGVyLm5nT25Jbml0KCk7XG5cdFx0XHR0aGlzLl9jZFJlZi5tYXJrRm9yQ2hlY2soKTtcblx0XHR9XG5cdH1cbn1cblxuY29uc3QgY29tcG9uZW50VHlwZTogYW55ID0gU2tlbGV0b25Mb2FkZXJDb21wb25lbnQ7XG5jb25zdCBzdXBlclR5cGU6IGFueSA9IENvbnRlbnRMb2FkZXJDb21wb25lbnQ7XG5cbk9iamVjdC5rZXlzKHN1cGVyVHlwZS7JtWNtcClcblx0LmZpbHRlcihrID0+ICFbJ3NlbGVjdG9ycycsICd0eXBlJ10uaW5jbHVkZXMoaykpXG5cdC5mb3JFYWNoKGsgPT4gKGNvbXBvbmVudFR5cGUuybVjbXBba10gPSBzdXBlclR5cGUuybVjbXBba10pKTtcbiJdfQ==
|