@bravura/ui 3.8.1 → 4.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 +579 -565
- package/LICENSE +6 -6
- package/README.md +56 -54
- 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/{esm2020 → esm2022}/behavior/await.directive.mjs +6 -6
- package/esm2022/behavior/behavior.module.mjs +37 -0
- package/{esm2020 → esm2022}/behavior/observe-content-class.directive.mjs +5 -5
- 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/{esm2020 → esm2022}/common/common.module.mjs +7 -7
- package/{esm2020 → esm2022}/common/public-api.mjs +1 -1
- package/{esm2020 → esm2022}/currency-input/currency-input.directive.mjs +6 -6
- package/esm2022/currency-input/currency-input.module.mjs +19 -0
- package/{esm2020 → esm2022}/currency-input/public-api.mjs +1 -1
- package/{esm2020 → esm2022}/decimal-input/decimal-input.directive.mjs +9 -9
- 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/{esm2020 → esm2022}/icon-font/icon.directive.mjs +5 -5
- package/{esm2020 → esm2022}/icon-font/public-api.mjs +1 -1
- package/{esm2020 → esm2022}/icon-font/utilities.mjs +1 -1
- 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/{esm2020 → esm2022}/phone-number/phone-number.pipe.mjs +6 -6
- 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/{esm2020 → esm2022}/skeletons/skeleton-loader.component.mjs +5 -5
- 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 +31 -31
- 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 +76 -120
- 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 +112 -112
- 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/behavior.module.mjs +0 -37
- 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/currency-input/currency-input.module.mjs +0 -19
- 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/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.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/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,188 +0,0 @@
|
|
|
1
|
-
import { Directive, EventEmitter, HostListener, Inject, Input, LOCALE_ID, Optional, Output } from '@angular/core';
|
|
2
|
-
import intlTelInput from 'intl-tel-input';
|
|
3
|
-
import { of } from 'rxjs';
|
|
4
|
-
import { debounceTime, take } from 'rxjs/operators';
|
|
5
|
-
import { getCountryCodeFromLocale } from './phone-number.pipe';
|
|
6
|
-
import { PhoneNumberValidator, SELECTOR } from './phone-number.validator';
|
|
7
|
-
import * as i0 from "@angular/core";
|
|
8
|
-
import * as i1 from "@angular/forms";
|
|
9
|
-
import * as i2 from "@angular/material/form-field";
|
|
10
|
-
/**
|
|
11
|
-
* Add phone number validation support by specifying the `type` attribute as `tel` in an `<input>` element.
|
|
12
|
-
*
|
|
13
|
-
* To use this feature, please install a peer dependency `intl-tel-input` in your project and add the following
|
|
14
|
-
* to your application polyfills:
|
|
15
|
-
*
|
|
16
|
-
* ```javascript
|
|
17
|
-
* import 'intl-tel-input/build/js/utils.js';
|
|
18
|
-
* ```
|
|
19
|
-
*
|
|
20
|
-
* You will also need to add the following statements to one of your global SCSS files:
|
|
21
|
-
*
|
|
22
|
-
* ```scss
|
|
23
|
-
* $flagsImagePath: '~intl-tel-input/build/img/' !default;
|
|
24
|
-
* @import '~intl-tel-input/src/css/intlTelInput';
|
|
25
|
-
* ```
|
|
26
|
-
*/
|
|
27
|
-
export class PhoneNumberDirective {
|
|
28
|
-
constructor(_el, _ngModel, _formControlName, _formControlDirective, _locale, _zone, _matField) {
|
|
29
|
-
this._el = _el;
|
|
30
|
-
this._ngModel = _ngModel;
|
|
31
|
-
this._formControlName = _formControlName;
|
|
32
|
-
this._formControlDirective = _formControlDirective;
|
|
33
|
-
this._locale = _locale;
|
|
34
|
-
this._zone = _zone;
|
|
35
|
-
this._matField = _matField;
|
|
36
|
-
/**
|
|
37
|
-
* The type of phone number to validate for
|
|
38
|
-
*/
|
|
39
|
-
this.telType = 'FIXED_LINE';
|
|
40
|
-
/**
|
|
41
|
-
* Disable country dropdown by setting this property to `false`.
|
|
42
|
-
*/
|
|
43
|
-
this.telDropdown = true;
|
|
44
|
-
/**
|
|
45
|
-
* This event is triggered when a new country is selected from the dropdown. The event detail is the ISO country code.
|
|
46
|
-
*/
|
|
47
|
-
this.telCountryChange = new EventEmitter();
|
|
48
|
-
this._reactive = false;
|
|
49
|
-
this._countryChangeListener = () => null;
|
|
50
|
-
}
|
|
51
|
-
/** @internal */
|
|
52
|
-
onInput() {
|
|
53
|
-
const err = PhoneNumberValidator.validateControl(this._input, this.telType, true);
|
|
54
|
-
this._control.patchValue(this._input.value, { emitEvent: false });
|
|
55
|
-
if (this._reactive && err) {
|
|
56
|
-
this._control.setErrors({ ...this._control.errors, ...err });
|
|
57
|
-
}
|
|
58
|
-
}
|
|
59
|
-
ngOnInit() {
|
|
60
|
-
const ctrDirective = this._ngModel || this._formControlName || this._formControlDirective;
|
|
61
|
-
this._control = ctrDirective.control;
|
|
62
|
-
this._reactive = this._ngModel ? false : true;
|
|
63
|
-
this._input = this._el.nativeElement;
|
|
64
|
-
this._countryChangeListener = (() => {
|
|
65
|
-
this._zone.run(() => {
|
|
66
|
-
this._control.markAsDirty();
|
|
67
|
-
this._control.updateValueAndValidity({ emitEvent: true });
|
|
68
|
-
this.telCountryChange.emit(this._iti.getSelectedCountryData().iso2);
|
|
69
|
-
});
|
|
70
|
-
}).bind(this);
|
|
71
|
-
(PhoneNumberDirective.BYPASS_SHADOW_DETECTION ? of(0) : this._zone.onStable)
|
|
72
|
-
.pipe(debounceTime(10), take(1))
|
|
73
|
-
.subscribe(() => this.initElement());
|
|
74
|
-
}
|
|
75
|
-
ngOnDestroy() {
|
|
76
|
-
this._input.removeEventListener('countrychange', this._countryChangeListener);
|
|
77
|
-
this._iti?.destroy();
|
|
78
|
-
}
|
|
79
|
-
ngOnChanges(changes) {
|
|
80
|
-
const td = changes.telDropdown;
|
|
81
|
-
if (td && !td.firstChange) {
|
|
82
|
-
this.ngOnDestroy();
|
|
83
|
-
this.ngOnInit();
|
|
84
|
-
}
|
|
85
|
-
const type = changes.telType;
|
|
86
|
-
if (type && !type.firstChange) {
|
|
87
|
-
this.onInput();
|
|
88
|
-
}
|
|
89
|
-
}
|
|
90
|
-
initElement() {
|
|
91
|
-
const countryCode = getCountryCodeFromLocale(this._locale).toLowerCase();
|
|
92
|
-
const root = this._input.getRootNode();
|
|
93
|
-
if (!root.querySelector('#bui-tel-input-style')) {
|
|
94
|
-
const styleTag = document.createElement('style');
|
|
95
|
-
styleTag.id = 'bui-tel-input-style';
|
|
96
|
-
styleTag.innerText =
|
|
97
|
-
'.mat-mdc-form-field .bui-tel-input-placeholder:not(.mdc-floating-label--float-above){margin-left:44px;}' +
|
|
98
|
-
'.iti--allow-dropdown{margin-left:-8px}' +
|
|
99
|
-
'.bui-tel-input-with-value:disabled{cursor:pointer;}';
|
|
100
|
-
(root instanceof Document ? root.querySelector('head') : root).appendChild(styleTag);
|
|
101
|
-
}
|
|
102
|
-
this._iti = intlTelInput(this._input, {
|
|
103
|
-
initialCountry: countryCode,
|
|
104
|
-
placeholderNumberType: this.telType,
|
|
105
|
-
preferredCountries: [countryCode, ...['au', 'ca', 'nz', 'us', 'gb'].filter(c => c !== countryCode)],
|
|
106
|
-
dropdownContainer: root instanceof ShadowRoot ? root.querySelector('overlay-root') || root : root.body,
|
|
107
|
-
autoPlaceholder: 'off',
|
|
108
|
-
allowDropdown: this.telDropdown
|
|
109
|
-
});
|
|
110
|
-
this._input.$$iti = this._iti;
|
|
111
|
-
this._input.addEventListener('countrychange', this._countryChangeListener);
|
|
112
|
-
const frameTime = Date.now();
|
|
113
|
-
const postRenderWork = () => {
|
|
114
|
-
if (frameTime + PhoneNumberDirective.POST_RENDER_INIT_DELAY > Date.now()) {
|
|
115
|
-
window.requestAnimationFrame(postRenderWork);
|
|
116
|
-
return;
|
|
117
|
-
}
|
|
118
|
-
let label;
|
|
119
|
-
if (this._matField?.getLabelId() && typeof root.getElementById === 'function') {
|
|
120
|
-
label = root.getElementById(this._matField.getLabelId());
|
|
121
|
-
label?.classList.remove('bui-tel-input-placeholder');
|
|
122
|
-
}
|
|
123
|
-
if (label && this.telDropdown) {
|
|
124
|
-
label.classList.add('bui-tel-input-placeholder');
|
|
125
|
-
}
|
|
126
|
-
if (this._input?.value) {
|
|
127
|
-
this._input.classList.add('bui-tel-input-with-value');
|
|
128
|
-
}
|
|
129
|
-
};
|
|
130
|
-
window.requestAnimationFrame(postRenderWork);
|
|
131
|
-
this._input.addEventListener('click', () => {
|
|
132
|
-
if (this._control?.disabled && this._control.value) {
|
|
133
|
-
window.location.href = 'tel://' + this._control.value;
|
|
134
|
-
}
|
|
135
|
-
});
|
|
136
|
-
this._control?.registerOnDisabledChange(isDisabled => this._patchValueByState(isDisabled));
|
|
137
|
-
this._patchValueByState(this._control.disabled);
|
|
138
|
-
}
|
|
139
|
-
_patchValueByState(isDisabled) {
|
|
140
|
-
setTimeout(() => {
|
|
141
|
-
if (!isDisabled) {
|
|
142
|
-
this.onInput();
|
|
143
|
-
}
|
|
144
|
-
else {
|
|
145
|
-
const v = this._iti.getNumber(intlTelInputUtils.numberFormat.NATIONAL);
|
|
146
|
-
this._input.value = v;
|
|
147
|
-
this._control?.patchValue(this._input?.value, { emitEvent: false });
|
|
148
|
-
}
|
|
149
|
-
}, 20);
|
|
150
|
-
}
|
|
151
|
-
}
|
|
152
|
-
/**
|
|
153
|
-
* @ignore
|
|
154
|
-
*/
|
|
155
|
-
PhoneNumberDirective.POST_RENDER_INIT_DELAY = 20;
|
|
156
|
-
/**
|
|
157
|
-
* @ignore
|
|
158
|
-
*/
|
|
159
|
-
PhoneNumberDirective.BYPASS_SHADOW_DETECTION = false;
|
|
160
|
-
PhoneNumberDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.6", ngImport: i0, type: PhoneNumberDirective, deps: [{ token: i0.ElementRef }, { token: i1.NgModel, optional: true }, { token: i1.FormControlName, optional: true }, { token: i1.FormControlDirective, optional: true }, { token: LOCALE_ID }, { token: i0.NgZone }, { token: i2.MatFormField, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
|
|
161
|
-
PhoneNumberDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.6", type: PhoneNumberDirective, selector: "[buiTelInput], input([type=tel])[ngModel], input([type=tel])[formControlName], input([type=tel])[formControl]", inputs: { telType: "telType", telDropdown: "telDropdown" }, outputs: { telCountryChange: "telCountryChange" }, host: { listeners: { "input": "onInput()" } }, usesOnChanges: true, ngImport: i0 });
|
|
162
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.6", ngImport: i0, type: PhoneNumberDirective, decorators: [{
|
|
163
|
-
type: Directive,
|
|
164
|
-
args: [{
|
|
165
|
-
selector: SELECTOR
|
|
166
|
-
}]
|
|
167
|
-
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1.NgModel, decorators: [{
|
|
168
|
-
type: Optional
|
|
169
|
-
}] }, { type: i1.FormControlName, decorators: [{
|
|
170
|
-
type: Optional
|
|
171
|
-
}] }, { type: i1.FormControlDirective, decorators: [{
|
|
172
|
-
type: Optional
|
|
173
|
-
}] }, { type: undefined, decorators: [{
|
|
174
|
-
type: Inject,
|
|
175
|
-
args: [LOCALE_ID]
|
|
176
|
-
}] }, { type: i0.NgZone }, { type: i2.MatFormField, decorators: [{
|
|
177
|
-
type: Optional
|
|
178
|
-
}] }]; }, propDecorators: { telType: [{
|
|
179
|
-
type: Input
|
|
180
|
-
}], telDropdown: [{
|
|
181
|
-
type: Input
|
|
182
|
-
}], telCountryChange: [{
|
|
183
|
-
type: Output
|
|
184
|
-
}], onInput: [{
|
|
185
|
-
type: HostListener,
|
|
186
|
-
args: ['input']
|
|
187
|
-
}] } });
|
|
188
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGhvbmUtbnVtYmVyLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL3VpL3Bob25lLW51bWJlci9waG9uZS1udW1iZXIuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTixTQUFTLEVBRVQsWUFBWSxFQUNaLFlBQVksRUFDWixNQUFNLEVBQ04sS0FBSyxFQUNMLFNBQVMsRUFLVCxRQUFRLEVBQ1IsTUFBTSxFQUVOLE1BQU0sZUFBZSxDQUFDO0FBR3ZCLE9BQU8sWUFBWSxNQUFNLGdCQUFnQixDQUFDO0FBQzFDLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxNQUFNLENBQUM7QUFDMUIsT0FBTyxFQUFFLFlBQVksRUFBRSxJQUFJLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUVwRCxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUMvRCxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsUUFBUSxFQUFZLE1BQU0sMEJBQTBCLENBQUM7Ozs7QUFPcEY7Ozs7Ozs7Ozs7Ozs7Ozs7R0FnQkc7QUFJSCxNQUFNLE9BQU8sb0JBQW9CO0lBbUNoQyxZQUNTLEdBQWlDLEVBQ3JCLFFBQWlCLEVBQ2pCLGdCQUFpQyxFQUNqQyxxQkFBMkMsRUFDcEMsT0FBZSxFQUNsQyxLQUFhLEVBQ0QsU0FBdUI7UUFObkMsUUFBRyxHQUFILEdBQUcsQ0FBOEI7UUFDckIsYUFBUSxHQUFSLFFBQVEsQ0FBUztRQUNqQixxQkFBZ0IsR0FBaEIsZ0JBQWdCLENBQWlCO1FBQ2pDLDBCQUFxQixHQUFyQixxQkFBcUIsQ0FBc0I7UUFDcEMsWUFBTyxHQUFQLE9BQU8sQ0FBUTtRQUNsQyxVQUFLLEdBQUwsS0FBSyxDQUFRO1FBQ0QsY0FBUyxHQUFULFNBQVMsQ0FBYztRQS9CNUM7O1dBRUc7UUFFSCxZQUFPLEdBQWEsWUFBWSxDQUFDO1FBRWpDOztXQUVHO1FBRUgsZ0JBQVcsR0FB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Q0FBdUIsR0FBRyxLQUFLLENBQUM7aUhBVDNCLG9CQUFvQixzTEF3Q3ZCLFNBQVM7cUdBeENOLG9CQUFvQjsyRkFBcEIsb0JBQW9CO2tCQUhoQyxTQUFTO21CQUFDO29CQUNWLFFBQVEsRUFBRSxRQUFRO2lCQUNsQjs7MEJBc0NFLFFBQVE7OzBCQUNSLFFBQVE7OzBCQUNSLFFBQVE7OzBCQUNSLE1BQU07MkJBQUMsU0FBUzs7MEJBRWhCLFFBQVE7NENBM0JWLE9BQU87c0JBRE4sS0FBSztnQkFPTixXQUFXO3NCQURWLEtBQUs7Z0JBT04sZ0JBQWdCO3NCQURmLE1BQU07Z0JBcUJQLE9BQU87c0JBRE4sWUFBWTt1QkFBQyxPQUFPIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcblx0RGlyZWN0aXZlLFxuXHRFbGVtZW50UmVmLFxuXHRFdmVudEVtaXR0ZXIsXG5cdEhvc3RMaXN0ZW5lcixcblx0SW5qZWN0LFxuXHRJbnB1dCxcblx0TE9DQUxFX0lELFxuXHROZ1pvbmUsXG5cdE9uQ2hhbmdlcyxcblx0T25EZXN0cm95LFxuXHRPbkluaXQsXG5cdE9wdGlvbmFsLFxuXHRPdXRwdXQsXG5cdFNpbXBsZUNoYW5nZXNcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBVbnR5cGVkRm9ybUNvbnRyb2wsIEZvcm1Db250cm9sRGlyZWN0aXZlLCBGb3JtQ29udHJvbE5hbWUsIE5nTW9kZWwgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBNYXRGb3JtRmllbGQgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9mb3JtLWZpZWxkJztcbmltcG9ydCBpbnRsVGVsSW5wdXQgZnJvbSAnaW50bC10ZWwtaW5wdXQnO1xuaW1wb3J0IHsgb2YgfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IGRlYm91bmNlVGltZSwgdGFrZSB9IGZyb20gJ3J4anMvb3BlcmF0b3JzJztcblxuaW1wb3J0IHsgZ2V0Q291bnRyeUNvZGVGcm9tTG9jYWxlIH0gZnJvbSAnLi9waG9uZS1udW1iZXIucGlwZSc7XG5pbXBvcnQgeyBQaG9uZU51bWJlclZhbGlkYXRvciwgU0VMRUNUT1IsIFRFTF9UWVBFIH0gZnJvbSAnLi9waG9uZS1udW1iZXIudmFsaWRhdG9yJztcblxuLyoqXG4gKiBAaWdub3JlXG4gKi9cbmRlY2xhcmUgY29uc3QgaW50bFRlbElucHV0VXRpbHM6IGFueTtcblxuLyoqXG4gKiBBZGQgcGhvbmUgbnVtYmVyIHZhbGlkYXRpb24gc3VwcG9ydCBieSBzcGVjaWZ5aW5nIHRoZSBgdHlwZWAgYXR0cmlidXRlIGFzIGB0ZWxgIGluIGFuIGA8aW5wdXQ+YCBlbGVtZW50LlxuICpcbiAqIFRvIHVzZSB0aGlzIGZlYXR1cmUsIHBsZWFzZSBpbnN0YWxsIGEgcGVlciBkZXBlbmRlbmN5IGBpbnRsLXRlbC1pbnB1dGAgaW4geW91ciBwcm9qZWN0IGFuZCBhZGQgdGhlIGZvbGxvd2luZ1xuICogdG8geW91ciBhcHBsaWNhdGlvbiBwb2x5ZmlsbHM6XG4gKlxuICogYGBgamF2YXNjcmlwdFxuICogaW1wb3J0ICdpbnRsLXRlbC1pbnB1dC9idWlsZC9qcy91dGlscy5qcyc7XG4gKiBgYGBcbiAqXG4gKiBZb3Ugd2lsbCBhbHNvIG5lZWQgdG8gYWRkIHRoZSBmb2xsb3dpbmcgc3RhdGVtZW50cyB0byBvbmUgb2YgeW91ciBnbG9iYWwgU0NTUyBmaWxlczpcbiAqXG4gKiBgYGBzY3NzXG4gKiAkZmxhZ3NJbWFnZVBhdGg6ICd+aW50bC10ZWwtaW5wdXQvYnVpbGQvaW1nLycgIWRlZmF1bHQ7XG4gKiBAaW1wb3J0ICd+aW50bC10ZWwtaW5wdXQvc3JjL2Nzcy9pbnRsVGVsSW5wdXQnO1xuICogYGBgXG4gKi9cbkBEaXJlY3RpdmUoe1xuXHRzZWxlY3RvcjogU0VMRUNUT1Jcbn0pXG5leHBvcnQgY2xhc3MgUGhvbmVOdW1iZXJEaXJlY3RpdmUgaW1wbGVtZW50cyBPbkluaXQsIE9uQ2hhbmdlcywgT25EZXN0cm95IHtcblx0LyoqXG5cdCAqIEBpZ25vcmVcblx0ICovXG5cdHN0YXRpYyBQT1NUX1JFTkRFUl9JTklUX0RFTEFZID0gMjA7XG5cblx0LyoqXG5cdCAqIEBpZ25vcmVcblx0ICovXG5cdHN0YXRpYyBCWVBBU1NfU0hBRE9XX0RFVEVDVElPTiA9IGZhbHNlO1xuXG5cdC8qKlxuXHQgKiBUaGUgdHlwZSBvZiBwaG9uZSBudW1iZXIgdG8gdmFsaWRhdGUgZm9yXG5cdCAqL1xuXHRASW5wdXQoKVxuXHR0ZWxUeXBlOiBURUxfVFlQRSA9ICdGSVhFRF9MSU5FJztcblxuXHQvKipcblx0ICogRGlzYWJsZSBjb3VudHJ5IGRyb3Bkb3duIGJ5IHNldHRpbmcgdGhpcyBwcm9wZXJ0eSB0byBgZmFsc2VgLlxuXHQgKi9cblx0QElucHV0KClcblx0dGVsRHJvcGRvd24gPSB0cnVlO1xuXG5cdC8qKlxuXHQgKiBUaGlzIGV2ZW50IGlzIHRyaWdnZXJlZCB3aGVuIGEgbmV3IGNvdW50cnkgaXMgc2VsZWN0ZWQgZnJvbSB0aGUgZHJvcGRvd24uIFRoZSBldmVudCBkZXRhaWwgaXMgdGhlIElTTyBjb3VudHJ5IGNvZGUuXG5cdCAqL1xuXHRAT3V0cHV0KClcblx0dGVsQ291bnRyeUNoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nPigpO1xuXG5cdHByaXZhdGUgX2NvbnRyb2w6IFVudHlwZWRGb3JtQ29udHJvbCB8IHVuZGVmaW5lZDtcblx0cHJpdmF0ZSBfcmVhY3RpdmUgPSBmYWxzZTtcblx0cHJpdmF0ZSBfY291bnRyeUNoYW5nZUxpc3RlbmVyOiAoKSA9PiB2b2lkID0gKCkgPT4gbnVsbDtcblx0cHJpdmF0ZSBfaW5wdXQ6IEhUTUxJbnB1dEVsZW1lbnQgfCB1bmRlZmluZWQ7XG5cdHByaXZhdGUgX2l0aTogYW55O1xuXG5cdGNvbnN0cnVjdG9yKFxuXHRcdHByaXZhdGUgX2VsOiBFbGVtZW50UmVmPEhUTUxJbnB1dEVsZW1lbnQ+LFxuXHRcdEBPcHRpb25hbCgpIHByaXZhdGUgX25nTW9kZWw6IE5nTW9kZWwsXG5cdFx0QE9wdGlvbmFsKCkgcHJpdmF0ZSBfZm9ybUNvbnRyb2xOYW1lOiBGb3JtQ29udHJvbE5hbWUsXG5cdFx0QE9wdGlvbmFsKCkgcHJpdmF0ZSBfZm9ybUNvbnRyb2xEaXJlY3RpdmU6IEZvcm1Db250cm9sRGlyZWN0aXZlLFxuXHRcdEBJbmplY3QoTE9DQUxFX0lEKSBwcml2YXRlIF9sb2NhbGU6IHN0cmluZyxcblx0XHRwcml2YXRlIF96b25lOiBOZ1pvbmUsXG5cdFx0QE9wdGlvbmFsKCkgcHJpdmF0ZSBfbWF0RmllbGQ6IE1hdEZvcm1GaWVsZFxuXHQpIHt9XG5cblx0LyoqIEBpbnRlcm5hbCAqL1xuXHRASG9zdExpc3RlbmVyKCdpbnB1dCcpXG5cdG9uSW5wdXQoKSB7XG5cdFx0Y29uc3QgZXJyID0gUGhvbmVOdW1iZXJWYWxpZGF0b3IudmFsaWRhdGVDb250cm9sKHRoaXMuX2lucHV0ISwgdGhpcy50ZWxUeXBlLCB0cnVlKTtcblx0XHR0aGlzLl9jb250cm9sIS5wYXRjaFZhbHVlKHRoaXMuX2lucHV0IS52YWx1ZSwgeyBlbWl0RXZlbnQ6IGZhbHNlIH0pO1xuXG5cdFx0aWYgKHRoaXMuX3JlYWN0aXZlICYmIGVycikge1xuXHRcdFx0dGhpcy5fY29udHJvbCEuc2V0RXJyb3JzKHsgLi4udGhpcy5fY29udHJvbCEuZXJyb3JzLCAuLi5lcnIgfSk7XG5cdFx0fVxuXHR9XG5cblx0bmdPbkluaXQoKSB7XG5cdFx0Y29uc3QgY3RyRGlyZWN0aXZlID0gdGhpcy5fbmdNb2RlbCB8fCB0aGlzLl9mb3JtQ29udHJvbE5hbWUgfHwgdGhpcy5fZm9ybUNvbnRyb2xEaXJlY3RpdmU7XG5cdFx0dGhpcy5fY29udHJvbCA9IGN0ckRpcmVjdGl2ZS5jb250cm9sIGFzIFVudHlwZWRGb3JtQ29udHJvbDtcblx0XHR0aGlzLl9yZWFjdGl2ZSA9IHRoaXMuX25nTW9kZWwgPyBmYWxzZSA6IHRydWU7XG5cdFx0dGhpcy5faW5wdXQgPSB0aGlzLl9lbC5uYXRpdmVFbGVtZW50O1xuXG5cdFx0dGhpcy5fY291bnRyeUNoYW5nZUxpc3RlbmVyID0gKCgpID0+IHtcblx0XHRcdHRoaXMuX3pvbmUucnVuKCgpID0+IHtcblx0XHRcdFx0dGhpcy5fY29udHJvbCEubWFya0FzRGlydHkoKTtcblx0XHRcdFx0dGhpcy5fY29udHJvbCEudXBkYXRlVmFsdWVBbmRWYWxpZGl0eSh7IGVtaXRFdmVudDogdHJ1ZSB9KTtcblx0XHRcdFx0dGhpcy50ZWxDb3VudHJ5Q2hhbmdlLmVtaXQodGhpcy5faXRpLmdldFNlbGVjdGVkQ291bnRyeURhdGEoKS5pc28yKTtcblx0XHRcdH0pO1xuXHRcdH0pLmJpbmQodGhpcyk7XG5cblx0XHQoUGhvbmVOdW1iZXJEaXJlY3RpdmUuQllQQVNTX1NIQURPV19ERVRFQ1RJT04gPyBvZigwIGFzIGFueSkgOiB0aGlzLl96b25lLm9uU3RhYmxlKVxuXHRcdFx0LnBpcGUoZGVib3VuY2VUaW1lKDEwKSwgdGFrZSgxKSlcblx0XHRcdC5zdWJzY3JpYmUoKCkgPT4gdGhpcy5pbml0RWxlbWVudCgpKTtcblx0fVxuXG5cdG5nT25EZXN0cm95KCkge1xuXHRcdHRoaXMuX2lucHV0IS5yZW1vdmVFdmVudExpc3RlbmVyKCdjb3VudHJ5Y2hhbmdlJywgdGhpcy5fY291bnRyeUNoYW5nZUxpc3RlbmVyKTtcblx0XHR0aGlzLl9pdGk/LmRlc3Ryb3koKTtcblx0fVxuXG5cdG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpOiB2b2lkIHtcblx0XHRjb25zdCB0ZCA9IGNoYW5nZXMudGVsRHJvcGRvd247XG5cdFx0aWYgKHRkICYmICF0ZC5maXJzdENoYW5nZSkge1xuXHRcdFx0dGhpcy5uZ09uRGVzdHJveSgpO1xuXHRcdFx0dGhpcy5uZ09uSW5pdCgpO1xuXHRcdH1cblx0XHRjb25zdCB0eXBlID0gY2hhbmdlcy50ZWxUeXBlO1xuXHRcdGlmICh0eXBlICYmICF0eXBlLmZpcnN0Q2hhbmdlKSB7XG5cdFx0XHR0aGlzLm9uSW5wdXQoKTtcblx0XHR9XG5cdH1cblxuXHRwcml2YXRlIGluaXRFbGVtZW50KCkge1xuXHRcdGNvbnN0IGNvdW50cnlDb2RlID0gZ2V0Q291bnRyeUNvZGVGcm9tTG9jYWxlKHRoaXMuX2xvY2FsZSkudG9Mb3dlckNhc2UoKTtcblxuXHRcdGNvbnN0IHJvb3Q6IFNoYWRvd1Jvb3QgfCBEb2N1bWVudCA9IHRoaXMuX2lucHV0IS5nZXRSb290Tm9kZSgpIGFzIFNoYWRvd1Jvb3QgfCBEb2N1bWVudDtcblx0XHRpZiAoIXJvb3QucXVlcnlTZWxlY3RvcignI2J1aS10ZWwtaW5wdXQtc3R5bGUnKSkge1xuXHRcdFx0Y29uc3Qgc3R5bGVUYWcgPSBkb2N1bWVudC5jcmVhdGVFbGVtZW50KCdzdHlsZScpO1xuXHRcdFx0c3R5bGVUYWcuaWQgPSAnYnVpLXRlbC1pbnB1dC1zdHlsZSc7XG5cdFx0XHRzdHlsZVRhZy5pbm5lclRleHQgPVxuXHRcdFx0XHQnLm1hdC1tZGMtZm9ybS1maWVsZCAuYnVpLXRlbC1pbnB1dC1wbGFjZWhvbGRlcjpub3QoLm1kYy1mbG9hdGluZy1sYWJlbC0tZmxvYXQtYWJvdmUpe21hcmdpbi1sZWZ0OjQ0cHg7fScgK1xuXHRcdFx0XHQnLml0aS0tYWxsb3ctZHJvcGRvd257bWFyZ2luLWxlZnQ6LThweH0nICtcblx0XHRcdFx0Jy5idWktdGVsLWlucHV0LXdpdGgtdmFsdWU6ZGlzYWJsZWR7Y3Vyc29yOnBvaW50ZXI7fSc7XG5cdFx0XHQocm9vdCBpbnN0YW5jZW9mIERvY3VtZW50ID8gKHJvb3QucXVlcnlTZWxlY3RvcignaGVhZCcpIGFzIGFueSkgOiByb290KS5hcHBlbmRDaGlsZChzdHlsZVRhZyk7XG5cdFx0fVxuXHRcdHRoaXMuX2l0aSA9IGludGxUZWxJbnB1dCh0aGlzLl9pbnB1dCEsIHtcblx0XHRcdGluaXRpYWxDb3VudHJ5OiBjb3VudHJ5Q29kZSxcblx0XHRcdHBsYWNlaG9sZGVyTnVtYmVyVHlwZTogdGhpcy50ZWxUeXBlLFxuXHRcdFx0cHJlZmVycmVkQ291bnRyaWVzOiBbY291bnRyeUNvZGUsIC4uLlsnYXUnLCAnY2EnLCAnbnonLCAndXMnLCAnZ2InXS5maWx0ZXIoYyA9PiBjICE9PSBjb3VudHJ5Q29kZSldLFxuXHRcdFx0ZHJvcGRvd25Db250YWluZXI6IHJvb3QgaW5zdGFuY2VvZiBTaGFkb3dSb290ID8gcm9vdC5xdWVyeVNlbGVjdG9yKCdvdmVybGF5LXJvb3QnKSB8fCByb290IDogKHJvb3QuYm9keSBhcyBhbnkpLFxuXHRcdFx0YXV0b1BsYWNlaG9sZGVyOiAnb2ZmJyxcblx0XHRcdGFsbG93RHJvcGRvd246IHRoaXMudGVsRHJvcGRvd25cblx0XHR9KTtcblxuXHRcdCh0aGlzLl9pbnB1dCBhcyBhbnkpLiQkaXRpID0gdGhpcy5faXRpO1xuXHRcdHRoaXMuX2lucHV0IS5hZGRFdmVudExpc3RlbmVyKCdjb3VudHJ5Y2hhbmdlJywgdGhpcy5fY291bnRyeUNoYW5nZUxpc3RlbmVyKTtcblx0XHRjb25zdCBmcmFtZVRpbWUgPSBEYXRlLm5vdygpO1xuXHRcdGNvbnN0IHBvc3RSZW5kZXJXb3JrID0gKCkgPT4ge1xuXHRcdFx0aWYgKGZyYW1lVGltZSArIFBob25lTnVtYmVyRGlyZWN0aXZlLlBPU1RfUkVOREVSX0lOSVRfREVMQVkgPiBEYXRlLm5vdygpKSB7XG5cdFx0XHRcdHdpbmRvdy5yZXF1ZXN0QW5pbWF0aW9uRnJhbWUocG9zdFJlbmRlcldvcmspO1xuXHRcdFx0XHRyZXR1cm47XG5cdFx0XHR9XG5cdFx0XHRsZXQgbGFiZWw6IEhUTUxMYWJlbEVsZW1lbnQgfCB1bmRlZmluZWQ7XG5cdFx0XHRpZiAodGhpcy5fbWF0RmllbGQ/LmdldExhYmVsSWQoKSAmJiB0eXBlb2Ygcm9vdC5nZXRFbGVtZW50QnlJZCA9PT0gJ2Z1bmN0aW9uJykge1xuXHRcdFx0XHRsYWJlbCA9IHJvb3QuZ2V0RWxlbWVudEJ5SWQodGhpcy5fbWF0RmllbGQuZ2V0TGFiZWxJZCgpISkgYXMgSFRNTExhYmVsRWxlbWVudDtcblx0XHRcdFx0bGFiZWw/LmNsYXNzTGlzdC5yZW1vdmUoJ2J1aS10ZWwtaW5wdXQtcGxhY2Vob2xkZXInKTtcblx0XHRcdH1cblx0XHRcdGlmIChsYWJlbCAmJiB0aGlzLnRlbERyb3Bkb3duKSB7XG5cdFx0XHRcdGxhYmVsLmNsYXNzTGlzdC5hZGQoJ2J1aS10ZWwtaW5wdXQtcGxhY2Vob2xkZXInKTtcblx0XHRcdH1cblxuXHRcdFx0aWYgKHRoaXMuX2lucHV0Py52YWx1ZSkge1xuXHRcdFx0XHR0aGlzLl9pbnB1dC5jbGFzc0xpc3QuYWRkKCdidWktdGVsLWlucHV0LXdpdGgtdmFsdWUnKTtcblx0XHRcdH1cblx0XHR9O1xuXHRcdHdpbmRvdy5yZXF1ZXN0QW5pbWF0aW9uRnJhbWUocG9zdFJlbmRlcldvcmspO1xuXG5cdFx0dGhpcy5faW5wdXQhLmFkZEV2ZW50TGlzdGVuZXIoJ2NsaWNrJywgKCkgPT4ge1xuXHRcdFx0aWYgKHRoaXMuX2NvbnRyb2w/LmRpc2FibGVkICYmIHRoaXMuX2NvbnRyb2wudmFsdWUpIHtcblx0XHRcdFx0d2luZG93LmxvY2F0aW9uLmhyZWYgPSAndGVsOi8vJyArIHRoaXMuX2NvbnRyb2wudmFsdWU7XG5cdFx0XHR9XG5cdFx0fSk7XG5cblx0XHR0aGlzLl9jb250cm9sPy5yZWdpc3Rlck9uRGlzYWJsZWRDaGFuZ2UoaXNEaXNhYmxlZCA9PiB0aGlzLl9wYXRjaFZhbHVlQnlTdGF0ZShpc0Rpc2FibGVkKSk7XG5cdFx0dGhpcy5fcGF0Y2hWYWx1ZUJ5U3RhdGUodGhpcy5fY29udHJvbCEuZGlzYWJsZWQpO1xuXHR9XG5cblx0cHJpdmF0ZSBfcGF0Y2hWYWx1ZUJ5U3RhdGUoaXNEaXNhYmxlZDogYm9vbGVhbikge1xuXHRcdHNldFRpbWVvdXQoKCkgPT4ge1xuXHRcdFx0aWYgKCFpc0Rpc2FibGVkKSB7XG5cdFx0XHRcdHRoaXMub25JbnB1dCgpO1xuXHRcdFx0fSBlbHNlIHtcblx0XHRcdFx0Y29uc3QgdiA9IHRoaXMuX2l0aS5nZXROdW1iZXIoaW50bFRlbElucHV0VXRpbHMubnVtYmVyRm9ybWF0Lk5BVElPTkFMKTtcblx0XHRcdFx0dGhpcy5faW5wdXQhLnZhbHVlID0gdjtcblx0XHRcdFx0dGhpcy5fY29udHJvbD8ucGF0Y2hWYWx1ZSh0aGlzLl9pbnB1dD8udmFsdWUsIHsgZW1pdEV2ZW50OiBmYWxzZSB9KTtcblx0XHRcdH1cblx0XHR9LCAyMCk7XG5cdH1cbn1cbiJdfQ==
|
|
@@ -1,64 +0,0 @@
|
|
|
1
|
-
import { Directive, Input, forwardRef } from '@angular/core';
|
|
2
|
-
import { NG_VALIDATORS } from '@angular/forms';
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
/**
|
|
5
|
-
* @internal
|
|
6
|
-
*/
|
|
7
|
-
export const SELECTOR = '[buiTelInput], input([type=tel])[ngModel], input([type=tel])[formControlName], input([type=tel])[formControl]';
|
|
8
|
-
/**
|
|
9
|
-
* @internal
|
|
10
|
-
*/
|
|
11
|
-
export const PHONE_VALIDATOR = {
|
|
12
|
-
provide: NG_VALIDATORS,
|
|
13
|
-
useExisting: forwardRef(() => PhoneNumberValidator),
|
|
14
|
-
multi: true
|
|
15
|
-
};
|
|
16
|
-
/**
|
|
17
|
-
* @internal
|
|
18
|
-
*/
|
|
19
|
-
export class PhoneNumberValidator {
|
|
20
|
-
constructor(_el) {
|
|
21
|
-
this._el = _el;
|
|
22
|
-
this.telType = 'FIXED_LINE';
|
|
23
|
-
}
|
|
24
|
-
static validateControl(inp, type, update) {
|
|
25
|
-
const err = { tel: true };
|
|
26
|
-
if (!inp.value) {
|
|
27
|
-
return null;
|
|
28
|
-
}
|
|
29
|
-
const iti = inp.$$iti;
|
|
30
|
-
if (!iti) {
|
|
31
|
-
return null;
|
|
32
|
-
}
|
|
33
|
-
if (iti.isValidNumber()) {
|
|
34
|
-
const n = iti.getNumber(intlTelInputUtils.numberFormat.INTERNATIONAL);
|
|
35
|
-
if (update) {
|
|
36
|
-
inp.value = n;
|
|
37
|
-
}
|
|
38
|
-
const t = iti.getNumberType();
|
|
39
|
-
if (t !== intlTelInputUtils.numberType.FIXED_LINE_OR_MOBILE) {
|
|
40
|
-
if ((type === 'MOBILE' && t !== intlTelInputUtils.numberType.MOBILE) ||
|
|
41
|
-
(type === 'FIXED_LINE' && t !== intlTelInputUtils.numberType.FIXED_LINE)) {
|
|
42
|
-
return err;
|
|
43
|
-
}
|
|
44
|
-
}
|
|
45
|
-
return null;
|
|
46
|
-
}
|
|
47
|
-
return err;
|
|
48
|
-
}
|
|
49
|
-
validate(_) {
|
|
50
|
-
return PhoneNumberValidator.validateControl(this._el.nativeElement, this.telType, false);
|
|
51
|
-
}
|
|
52
|
-
}
|
|
53
|
-
PhoneNumberValidator.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.6", ngImport: i0, type: PhoneNumberValidator, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
54
|
-
PhoneNumberValidator.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.6", type: PhoneNumberValidator, selector: "[buiTelInput], input([type=tel])[ngModel], input([type=tel])[formControlName], input([type=tel])[formControl]", inputs: { telType: "telType" }, providers: [PHONE_VALIDATOR], ngImport: i0 });
|
|
55
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.6", ngImport: i0, type: PhoneNumberValidator, decorators: [{
|
|
56
|
-
type: Directive,
|
|
57
|
-
args: [{
|
|
58
|
-
selector: SELECTOR,
|
|
59
|
-
providers: [PHONE_VALIDATOR]
|
|
60
|
-
}]
|
|
61
|
-
}], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { telType: [{
|
|
62
|
-
type: Input
|
|
63
|
-
}] } });
|
|
64
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGhvbmUtbnVtYmVyLnZhbGlkYXRvci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL3VpL3Bob25lLW51bWJlci9waG9uZS1udW1iZXIudmFsaWRhdG9yLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQWMsS0FBSyxFQUFrQixVQUFVLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekYsT0FBTyxFQUFtQixhQUFhLEVBQWEsTUFBTSxnQkFBZ0IsQ0FBQzs7QUFFM0U7O0dBRUc7QUFDSCxNQUFNLENBQUMsTUFBTSxRQUFRLEdBQ3BCLCtHQUErRyxDQUFDO0FBRWpIOztHQUVHO0FBQ0gsTUFBTSxDQUFDLE1BQU0sZUFBZSxHQUFtQjtJQUM5QyxPQUFPLEVBQUUsYUFBYTtJQUN0QixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLG9CQUFvQixDQUFDO0lBQ25ELEtBQUssRUFBRSxJQUFJO0NBQ1gsQ0FBQztBQVlGOztHQUVHO0FBS0gsTUFBTSxPQUFPLG9CQUFvQjtJQWlDaEMsWUFBb0IsR0FBaUM7UUFBakMsUUFBRyxHQUFILEdBQUcsQ0FBOEI7UUEvQnJELFlBQU8sR0FBYSxZQUFZLENBQUM7SUErQnVCLENBQUM7SUE3QnpELE1BQU0sQ0FBQyxlQUFlLENBQUMsR0FBcUIsRUFBRSxJQUFjLEVBQUUsTUFBZTtRQUM1RSxNQUFNLEdBQUcsR0FBRyxFQUFFLEdBQUcsRUFBRSxJQUFJLEVBQUUsQ0FBQztRQUMxQixJQUFJLENBQUMsR0FBRyxDQUFDLEtBQUssRUFBRTtZQUNmLE9BQU8sSUFBSSxDQUFDO1NBQ1o7UUFDRCxNQUFNLEdBQUcsR0FBSSxHQUFXLENBQUMsS0FBSyxDQUFDO1FBQy9CLElBQUksQ0FBQyxHQUFHLEVBQUU7WUFDVCxPQUFPLElBQUksQ0FBQztTQUNaO1FBQ0QsSUFBSSxHQUFHLENBQUMsYUFBYSxFQUFFLEVBQUU7WUFDeEIsTUFBTSxDQUFDLEdBQUcsR0FBRyxDQUFDLFNBQVMsQ0FBQyxpQkFBaUIsQ0FBQyxZQUFZLENBQUMsYUFBYSxDQUFDLENBQUM7WUFDdEUsSUFBSSxNQUFNLEVBQUU7Z0JBQ1gsR0FBRyxDQUFDLEtBQUssR0FBRyxDQUFDLENBQUM7YUFDZDtZQUVELE1BQU0sQ0FBQyxHQUFHLEdBQUcsQ0FBQyxhQUFhLEVBQUUsQ0FBQztZQUM5QixJQUFJLENBQUMsS0FBSyxpQkFBaUIsQ0FBQyxVQUFVLENBQUMsb0JBQW9CLEVBQUU7Z0JBQzVELElBQ0MsQ0FBQyxJQUFJLEtBQUssUUFBUSxJQUFJLENBQUMsS0FBSyxpQkFBaUIsQ0FBQyxVQUFVLENBQUMsTUFBTSxDQUFDO29CQUNoRSxDQUFDLElBQUksS0FBSyxZQUFZLElBQUksQ0FBQyxLQUFLLGlCQUFpQixDQUFDLFVBQVUsQ0FBQyxVQUFVLENBQUMsRUFDdkU7b0JBQ0QsT0FBTyxHQUFHLENBQUM7aUJBQ1g7YUFDRDtZQUNELE9BQU8sSUFBSSxDQUFDO1NBQ1o7UUFDRCxPQUFPLEdBQUcsQ0FBQztJQUNaLENBQUM7SUFJRCxRQUFRLENBQUMsQ0FBa0I7UUFDMUIsT0FBTyxvQkFBb0IsQ0FBQyxlQUFlLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxhQUFhLEVBQUUsSUFBSSxDQUFDLE9BQU8sRUFBRSxLQUFLLENBQUMsQ0FBQztJQUMxRixDQUFDOztpSEFyQ1csb0JBQW9CO3FHQUFwQixvQkFBb0Isd0tBRnJCLENBQUMsZUFBZSxDQUFDOzJGQUVoQixvQkFBb0I7a0JBSmhDLFNBQVM7bUJBQUM7b0JBQ1YsUUFBUSxFQUFFLFFBQVE7b0JBQ2xCLFNBQVMsRUFBRSxDQUFDLGVBQWUsQ0FBQztpQkFDNUI7aUdBR0EsT0FBTztzQkFETixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRGlyZWN0aXZlLCBFbGVtZW50UmVmLCBJbnB1dCwgU3RhdGljUHJvdmlkZXIsIGZvcndhcmRSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEFic3RyYWN0Q29udHJvbCwgTkdfVkFMSURBVE9SUywgVmFsaWRhdG9yIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuXG4vKipcbiAqIEBpbnRlcm5hbFxuICovXG5leHBvcnQgY29uc3QgU0VMRUNUT1IgPVxuXHQnW2J1aVRlbElucHV0XSwgaW5wdXQoW3R5cGU9dGVsXSlbbmdNb2RlbF0sIGlucHV0KFt0eXBlPXRlbF0pW2Zvcm1Db250cm9sTmFtZV0sIGlucHV0KFt0eXBlPXRlbF0pW2Zvcm1Db250cm9sXSc7XG5cbi8qKlxuICogQGludGVybmFsXG4gKi9cbmV4cG9ydCBjb25zdCBQSE9ORV9WQUxJREFUT1I6IFN0YXRpY1Byb3ZpZGVyID0ge1xuXHRwcm92aWRlOiBOR19WQUxJREFUT1JTLFxuXHR1c2VFeGlzdGluZzogZm9yd2FyZFJlZigoKSA9PiBQaG9uZU51bWJlclZhbGlkYXRvciksXG5cdG11bHRpOiB0cnVlXG59O1xuXG4vKipcbiAqIEBpbnRlcm5hbFxuICovXG5leHBvcnQgdHlwZSBURUxfVFlQRSA9ICdNT0JJTEUnIHwgJ0ZJWEVEX0xJTkVfT1JfTU9CSUxFJyB8ICdGSVhFRF9MSU5FJztcblxuLyoqXG4gKiBAaW50ZXJuYWxcbiAqL1xuZGVjbGFyZSBjb25zdCBpbnRsVGVsSW5wdXRVdGlsczogYW55O1xuXG4vKipcbiAqIEBpbnRlcm5hbFxuICovXG5ARGlyZWN0aXZlKHtcblx0c2VsZWN0b3I6IFNFTEVDVE9SLFxuXHRwcm92aWRlcnM6IFtQSE9ORV9WQUxJREFUT1JdXG59KVxuZXhwb3J0IGNsYXNzIFBob25lTnVtYmVyVmFsaWRhdG9yIGltcGxlbWVudHMgVmFsaWRhdG9yIHtcblx0QElucHV0KClcblx0dGVsVHlwZTogVEVMX1RZUEUgPSAnRklYRURfTElORSc7XG5cblx0c3RhdGljIHZhbGlkYXRlQ29udHJvbChpbnA6IEhUTUxJbnB1dEVsZW1lbnQsIHR5cGU6IFRFTF9UWVBFLCB1cGRhdGU6IGJvb2xlYW4pOiB7IFtrZXk6IHN0cmluZ106IGFueSB9IHwgbnVsbCB7XG5cdFx0Y29uc3QgZXJyID0geyB0ZWw6IHRydWUgfTtcblx0XHRpZiAoIWlucC52YWx1ZSkge1xuXHRcdFx0cmV0dXJuIG51bGw7XG5cdFx0fVxuXHRcdGNvbnN0IGl0aSA9IChpbnAgYXMgYW55KS4kJGl0aTtcblx0XHRpZiAoIWl0aSkge1xuXHRcdFx0cmV0dXJuIG51bGw7XG5cdFx0fVxuXHRcdGlmIChpdGkuaXNWYWxpZE51bWJlcigpKSB7XG5cdFx0XHRjb25zdCBuID0gaXRpLmdldE51bWJlcihpbnRsVGVsSW5wdXRVdGlscy5udW1iZXJGb3JtYXQuSU5URVJOQVRJT05BTCk7XG5cdFx0XHRpZiAodXBkYXRlKSB7XG5cdFx0XHRcdGlucC52YWx1ZSA9IG47XG5cdFx0XHR9XG5cblx0XHRcdGNvbnN0IHQgPSBpdGkuZ2V0TnVtYmVyVHlwZSgpO1xuXHRcdFx0aWYgKHQgIT09IGludGxUZWxJbnB1dFV0aWxzLm51bWJlclR5cGUuRklYRURfTElORV9PUl9NT0JJTEUpIHtcblx0XHRcdFx0aWYgKFxuXHRcdFx0XHRcdCh0eXBlID09PSAnTU9CSUxFJyAmJiB0ICE9PSBpbnRsVGVsSW5wdXRVdGlscy5udW1iZXJUeXBlLk1PQklMRSkgfHxcblx0XHRcdFx0XHQodHlwZSA9PT0gJ0ZJWEVEX0xJTkUnICYmIHQgIT09IGludGxUZWxJbnB1dFV0aWxzLm51bWJlclR5cGUuRklYRURfTElORSlcblx0XHRcdFx0KSB7XG5cdFx0XHRcdFx0cmV0dXJuIGVycjtcblx0XHRcdFx0fVxuXHRcdFx0fVxuXHRcdFx0cmV0dXJuIG51bGw7XG5cdFx0fVxuXHRcdHJldHVybiBlcnI7XG5cdH1cblxuXHRjb25zdHJ1Y3Rvcihwcml2YXRlIF9lbDogRWxlbWVudFJlZjxIVE1MSW5wdXRFbGVtZW50Pikge31cblxuXHR2YWxpZGF0ZShfOiBBYnN0cmFjdENvbnRyb2wpOiB7IFtrZXk6IHN0cmluZ106IGFueSB9IHwgbnVsbCB7XG5cdFx0cmV0dXJuIFBob25lTnVtYmVyVmFsaWRhdG9yLnZhbGlkYXRlQ29udHJvbCh0aGlzLl9lbC5uYXRpdmVFbGVtZW50LCB0aGlzLnRlbFR5cGUsIGZhbHNlKTtcblx0fVxufVxuIl19
|
|
@@ -1,93 +0,0 @@
|
|
|
1
|
-
import { animate, state, style, transition, trigger } from '@angular/animations';
|
|
2
|
-
import { Attribute, ChangeDetectionStrategy, Component, ContentChild, Inject, Input, Optional } from '@angular/core';
|
|
3
|
-
import { MatRadioButton, MAT_RADIO_DEFAULT_OPTIONS, MAT_RADIO_GROUP } from '@angular/material/radio';
|
|
4
|
-
import { ANIMATION_MODULE_TYPE } from '@angular/platform-browser/animations';
|
|
5
|
-
import * as i0 from "@angular/core";
|
|
6
|
-
import * as i1 from "@angular/cdk/a11y";
|
|
7
|
-
import * as i2 from "@angular/cdk/collections";
|
|
8
|
-
import * as i3 from "@angular/common";
|
|
9
|
-
import * as i4 from "@angular/material/core";
|
|
10
|
-
import * as i5 from "@angular/material/icon";
|
|
11
|
-
import * as i6 from "@angular/material/radio";
|
|
12
|
-
/**
|
|
13
|
-
* Use `bui-radio-panel-item` instead of `mat-radio-button` in a `bui-radio-panel` to display an option.
|
|
14
|
-
*/
|
|
15
|
-
export class RadioPanelItemComponent extends MatRadioButton {
|
|
16
|
-
constructor(radioGroup, elementRef, _changeDetector, _focusMonitor, _radioDispatcher, animationMode, _providerOverride, tabIndex) {
|
|
17
|
-
super(radioGroup, elementRef, _changeDetector, _focusMonitor, _radioDispatcher, animationMode, _providerOverride, tabIndex);
|
|
18
|
-
/**
|
|
19
|
-
* This will be displayed as the panel header
|
|
20
|
-
*/
|
|
21
|
-
this.title = '';
|
|
22
|
-
}
|
|
23
|
-
get tickPosition() {
|
|
24
|
-
return this._tickPosition || this.radioGroup?.tickPosition;
|
|
25
|
-
}
|
|
26
|
-
set tickPosition(pos) {
|
|
27
|
-
this._tickPosition = pos;
|
|
28
|
-
}
|
|
29
|
-
}
|
|
30
|
-
RadioPanelItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.6", ngImport: i0, type: RadioPanelItemComponent, deps: [{ token: MAT_RADIO_GROUP, optional: true }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1.FocusMonitor }, { token: i2.UniqueSelectionDispatcher }, { token: ANIMATION_MODULE_TYPE, optional: true }, { token: MAT_RADIO_DEFAULT_OPTIONS, optional: true }, { token: 'tabindex', attribute: true }], target: i0.ɵɵFactoryTarget.Component });
|
|
31
|
-
RadioPanelItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.6", type: RadioPanelItemComponent, selector: "bui-radio-panel-item", inputs: { disableRipple: "disableRipple", tabIndex: "tabIndex", title: "title", _tickPosition: "_tickPosition", tickPosition: "tickPosition" }, host: { listeners: { "focus": "_inputElement.nativeElement.focus()" }, properties: { "class.bui-radio-checked": "checked", "class.bui-disabled": "disabled", "class._mat-animation-noopable": "_noopAnimations", "class.mat-primary": "color === \"primary\"", "class.mat-accent": "color === \"accent\"", "class.mat-warn": "color === \"warn\"", "attr.tabindex": "null", "attr.id": "id", "attr.aria-label": "null", "attr.aria-labelledby": "null", "attr.aria-describedby": "null" }, classAttribute: "bui-radio-panel-item" }, queries: [{ propertyName: "contentOnSelect", first: true, predicate: ["contentOnSelect"], descendants: true }], exportAs: ["matRadioButton"], usesInheritance: true, ngImport: i0, template: "<label\n\tmatRipple\n\tmatRippleColor=\"rgba(128,128,128,.1)\"\n\t[matRippleDisabled]=\"disabled || checked\"\n\t[attr.for]=\"inputId\"\n\t#label\n\tclass=\"bui-radio-panel-item-label bui-border-{{ checked ? color : 'default' }}\"\n>\n\t<div class=\"bui-radio-panel-item-wrapper\" [class.bui-radio-tick-at-end]=\"tickPosition === 'end'\">\n\t\t<div class=\"bui-label-header\">\n\t\t\t<span class=\"bui-label-title\" [innerHTML]=\"title\"></span>\n\t\t\t<ng-content select=\"[buiRadioItemHeadingEnd]\"></ng-content>\n\t\t\t<span class=\"bui-radio-panel-item-circle\">\n\t\t\t\t<span\n\t\t\t\t\tclass=\"bui-persistent-ripple\"\n\t\t\t\t\tmatRipple\n\t\t\t\t\tmatRippleColor=\"rgba(128,128,128,.1)\"\n\t\t\t\t\t[matRippleCentered]=\"true\"\n\t\t\t\t\t[matRippleUnbounded]=\"true\"\n\t\t\t\t\t[matRippleTrigger]=\"label\"\n\t\t\t\t\t[matRippleRadius]=\"20\"\n\t\t\t\t\t*ngIf=\"!disabled\"\n\t\t\t\t></span>\n\t\t\t\t<mat-icon [color]=\"color\" *ngIf=\"checked\">check_circle</mat-icon>\n\t\t\t\t<mat-icon *ngIf=\"!checked\" class=\"bui-radio-panel-item-circle-unchecked\">radio_button_unchecked</mat-icon>\n\t\t\t</span>\n\t\t</div>\n\t\t<!-- The actual 'radio' part of the control. -->\n\t\t<span class=\"radio-container\">\n\t\t\t<input\n\t\t\t\t#input\n\t\t\t\tclass=\"mat-radio-input cdk-visually-hidden\"\n\t\t\t\ttype=\"radio\"\n\t\t\t\t[id]=\"inputId\"\n\t\t\t\t[checked]=\"checked\"\n\t\t\t\t[disabled]=\"disabled\"\n\t\t\t\t[tabIndex]=\"tabIndex\"\n\t\t\t\t[attr.name]=\"name\"\n\t\t\t\t[attr.value]=\"value\"\n\t\t\t\t[required]=\"required\"\n\t\t\t\t[attr.aria-label]=\"ariaLabel\"\n\t\t\t\t[attr.aria-labelledby]=\"ariaLabelledby\"\n\t\t\t\t[attr.aria-describedby]=\"ariaDescribedby\"\n\t\t\t\t(change)=\"_onInputInteraction($event)\"\n\t\t\t\t(click)=\"_onInputClick($event)\"\n\t\t\t/>\n\t\t</span>\n\n\t\t<div class=\"bui-label-content-gap\"></div>\n\t\t<!-- The label content for radio control. -->\n\t\t<div class=\"bui-label-content\">\n\t\t\t<ng-content></ng-content>\n\t\t</div>\n\t\t<div class=\"bui-label-content\" *ngIf=\"contentOnSelect && checked\" @slideInOut>\n\t\t\t<ng-container *ngTemplateOutlet=\"contentOnSelect\"></ng-container>\n\t\t</div>\n\t</div>\n</label>\n", styles: [":host .bui-ripple,:host .bui-persistent-ripple{position:absolute;inset:0}:host .bui-radio-panel-item-overlay{background-color:#fff;opacity:0}:host .bui-radio-panel-item-circle{width:40px;height:40px;flex-shrink:0}:host .bui-radio-panel-item-label{display:block;border-radius:5px;border:1px solid rgba(128,128,128,.2);padding:1px;position:relative;height:100%}:host .bui-radio-panel-item-label .bui-radio-panel-item-circle-unchecked{color:#80808066}:host .bui-radio-panel-item-wrapper.bui-radio-tick-at-end .bui-label-header{padding:calc(1rem - 10px) calc(1rem - 10px) 0 1rem;justify-content:space-between}:host .bui-radio-panel-item-wrapper:not(.bui-radio-tick-at-end) .bui-label-header{padding:calc(1rem - 10px) calc(1rem - 10px) 0 calc(1rem - 10px)}:host .bui-radio-panel-item-wrapper:not(.bui-radio-tick-at-end) .bui-radio-panel-item-circle{order:-1}:host .bui-label-header,:host .bui-radio-panel-item-circle{display:flex;align-items:center}:host .bui-label-header{margin-bottom:calc(1rem - 10px)}:host .bui-label-title{font-size:larger;font-weight:700}:host .bui-radio-panel-item-circle{justify-content:center;position:relative}:host .bui-label-content:not(:empty){margin:0 1rem 1rem}:host .bui-label-content-gap{margin-top:calc(1rem - 10px)}@polyfill-unscoped-rule{content: \".bui-radio-panel-item-wrapper .bui-label-header [buiRadioItemHeadingEnd]\"; margin-left: auto;}:host(:not([hidden])){display:block}:host(:not(.bui-disabled)):not(.bui-radio-checked) .bui-radio-panel-item-label{cursor:pointer}:host(:not(.bui-disabled)) .bui-radio-panel-item-label:hover{border-width:2px;padding:0;border-color:#8080804d}:host(:not(.bui-disabled)).cdk-keyboard-focused .bui-persistent-ripple,:host(:not(.bui-disabled)).cdk-program-focused .bui-persistent-ripple{background-color:#80808033;border-radius:50%}:host-context(.radio-dir-row){flex-basis:var(--bui-panel-width, 300px);flex-grow:0}:host(.bui-disabled) .bui-radio-panel-item-wrapper>.bui-label-header,:host(.bui-disabled) .bui-radio-panel-item-wrapper>.bui-label-content{opacity:.5}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i4.MatRipple, selector: "[mat-ripple], [matRipple]", inputs: ["matRippleColor", "matRippleUnbounded", "matRippleCentered", "matRippleRadius", "matRippleAnimation", "matRippleDisabled", "matRippleTrigger"], exportAs: ["matRipple"] }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], animations: [
|
|
32
|
-
trigger('slideInOut', [
|
|
33
|
-
state('void', style({ height: '0px', overflow: 'hidden' })),
|
|
34
|
-
transition(':enter, :leave', animate('.25s'))
|
|
35
|
-
])
|
|
36
|
-
], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
37
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.6", ngImport: i0, type: RadioPanelItemComponent, decorators: [{
|
|
38
|
-
type: Component,
|
|
39
|
-
args: [{ selector: 'bui-radio-panel-item', inputs: ['disableRipple', 'tabIndex'], exportAs: 'matRadioButton', host: {
|
|
40
|
-
class: 'bui-radio-panel-item',
|
|
41
|
-
'[class.bui-radio-checked]': 'checked',
|
|
42
|
-
'[class.bui-disabled]': 'disabled',
|
|
43
|
-
'[class._mat-animation-noopable]': '_noopAnimations',
|
|
44
|
-
'[class.mat-primary]': 'color === "primary"',
|
|
45
|
-
'[class.mat-accent]': 'color === "accent"',
|
|
46
|
-
'[class.mat-warn]': 'color === "warn"',
|
|
47
|
-
// Needs to be removed since it causes some a11y issues (see #21266).
|
|
48
|
-
'[attr.tabindex]': 'null',
|
|
49
|
-
'[attr.id]': 'id',
|
|
50
|
-
'[attr.aria-label]': 'null',
|
|
51
|
-
'[attr.aria-labelledby]': 'null',
|
|
52
|
-
'[attr.aria-describedby]': 'null',
|
|
53
|
-
// Note: under normal conditions focus shouldn't land on this element, however it may be
|
|
54
|
-
// programmatically set, for example inside of a focus trap, in this case we want to forward
|
|
55
|
-
// the focus to the native element.
|
|
56
|
-
'(focus)': '_inputElement.nativeElement.focus()'
|
|
57
|
-
}, changeDetection: ChangeDetectionStrategy.OnPush, animations: [
|
|
58
|
-
trigger('slideInOut', [
|
|
59
|
-
state('void', style({ height: '0px', overflow: 'hidden' })),
|
|
60
|
-
transition(':enter, :leave', animate('.25s'))
|
|
61
|
-
])
|
|
62
|
-
], template: "<label\n\tmatRipple\n\tmatRippleColor=\"rgba(128,128,128,.1)\"\n\t[matRippleDisabled]=\"disabled || checked\"\n\t[attr.for]=\"inputId\"\n\t#label\n\tclass=\"bui-radio-panel-item-label bui-border-{{ checked ? color : 'default' }}\"\n>\n\t<div class=\"bui-radio-panel-item-wrapper\" [class.bui-radio-tick-at-end]=\"tickPosition === 'end'\">\n\t\t<div class=\"bui-label-header\">\n\t\t\t<span class=\"bui-label-title\" [innerHTML]=\"title\"></span>\n\t\t\t<ng-content select=\"[buiRadioItemHeadingEnd]\"></ng-content>\n\t\t\t<span class=\"bui-radio-panel-item-circle\">\n\t\t\t\t<span\n\t\t\t\t\tclass=\"bui-persistent-ripple\"\n\t\t\t\t\tmatRipple\n\t\t\t\t\tmatRippleColor=\"rgba(128,128,128,.1)\"\n\t\t\t\t\t[matRippleCentered]=\"true\"\n\t\t\t\t\t[matRippleUnbounded]=\"true\"\n\t\t\t\t\t[matRippleTrigger]=\"label\"\n\t\t\t\t\t[matRippleRadius]=\"20\"\n\t\t\t\t\t*ngIf=\"!disabled\"\n\t\t\t\t></span>\n\t\t\t\t<mat-icon [color]=\"color\" *ngIf=\"checked\">check_circle</mat-icon>\n\t\t\t\t<mat-icon *ngIf=\"!checked\" class=\"bui-radio-panel-item-circle-unchecked\">radio_button_unchecked</mat-icon>\n\t\t\t</span>\n\t\t</div>\n\t\t<!-- The actual 'radio' part of the control. -->\n\t\t<span class=\"radio-container\">\n\t\t\t<input\n\t\t\t\t#input\n\t\t\t\tclass=\"mat-radio-input cdk-visually-hidden\"\n\t\t\t\ttype=\"radio\"\n\t\t\t\t[id]=\"inputId\"\n\t\t\t\t[checked]=\"checked\"\n\t\t\t\t[disabled]=\"disabled\"\n\t\t\t\t[tabIndex]=\"tabIndex\"\n\t\t\t\t[attr.name]=\"name\"\n\t\t\t\t[attr.value]=\"value\"\n\t\t\t\t[required]=\"required\"\n\t\t\t\t[attr.aria-label]=\"ariaLabel\"\n\t\t\t\t[attr.aria-labelledby]=\"ariaLabelledby\"\n\t\t\t\t[attr.aria-describedby]=\"ariaDescribedby\"\n\t\t\t\t(change)=\"_onInputInteraction($event)\"\n\t\t\t\t(click)=\"_onInputClick($event)\"\n\t\t\t/>\n\t\t</span>\n\n\t\t<div class=\"bui-label-content-gap\"></div>\n\t\t<!-- The label content for radio control. -->\n\t\t<div class=\"bui-label-content\">\n\t\t\t<ng-content></ng-content>\n\t\t</div>\n\t\t<div class=\"bui-label-content\" *ngIf=\"contentOnSelect && checked\" @slideInOut>\n\t\t\t<ng-container *ngTemplateOutlet=\"contentOnSelect\"></ng-container>\n\t\t</div>\n\t</div>\n</label>\n", styles: [":host .bui-ripple,:host .bui-persistent-ripple{position:absolute;inset:0}:host .bui-radio-panel-item-overlay{background-color:#fff;opacity:0}:host .bui-radio-panel-item-circle{width:40px;height:40px;flex-shrink:0}:host .bui-radio-panel-item-label{display:block;border-radius:5px;border:1px solid rgba(128,128,128,.2);padding:1px;position:relative;height:100%}:host .bui-radio-panel-item-label .bui-radio-panel-item-circle-unchecked{color:#80808066}:host .bui-radio-panel-item-wrapper.bui-radio-tick-at-end .bui-label-header{padding:calc(1rem - 10px) calc(1rem - 10px) 0 1rem;justify-content:space-between}:host .bui-radio-panel-item-wrapper:not(.bui-radio-tick-at-end) .bui-label-header{padding:calc(1rem - 10px) calc(1rem - 10px) 0 calc(1rem - 10px)}:host .bui-radio-panel-item-wrapper:not(.bui-radio-tick-at-end) .bui-radio-panel-item-circle{order:-1}:host .bui-label-header,:host .bui-radio-panel-item-circle{display:flex;align-items:center}:host .bui-label-header{margin-bottom:calc(1rem - 10px)}:host .bui-label-title{font-size:larger;font-weight:700}:host .bui-radio-panel-item-circle{justify-content:center;position:relative}:host .bui-label-content:not(:empty){margin:0 1rem 1rem}:host .bui-label-content-gap{margin-top:calc(1rem - 10px)}@polyfill-unscoped-rule{content: \".bui-radio-panel-item-wrapper .bui-label-header [buiRadioItemHeadingEnd]\"; margin-left: auto;}:host(:not([hidden])){display:block}:host(:not(.bui-disabled)):not(.bui-radio-checked) .bui-radio-panel-item-label{cursor:pointer}:host(:not(.bui-disabled)) .bui-radio-panel-item-label:hover{border-width:2px;padding:0;border-color:#8080804d}:host(:not(.bui-disabled)).cdk-keyboard-focused .bui-persistent-ripple,:host(:not(.bui-disabled)).cdk-program-focused .bui-persistent-ripple{background-color:#80808033;border-radius:50%}:host-context(.radio-dir-row){flex-basis:var(--bui-panel-width, 300px);flex-grow:0}:host(.bui-disabled) .bui-radio-panel-item-wrapper>.bui-label-header,:host(.bui-disabled) .bui-radio-panel-item-wrapper>.bui-label-content{opacity:.5}\n"] }]
|
|
63
|
-
}], ctorParameters: function () { return [{ type: i6.MatRadioGroup, decorators: [{
|
|
64
|
-
type: Optional
|
|
65
|
-
}, {
|
|
66
|
-
type: Inject,
|
|
67
|
-
args: [MAT_RADIO_GROUP]
|
|
68
|
-
}] }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i1.FocusMonitor }, { type: i2.UniqueSelectionDispatcher }, { type: undefined, decorators: [{
|
|
69
|
-
type: Optional
|
|
70
|
-
}, {
|
|
71
|
-
type: Inject,
|
|
72
|
-
args: [ANIMATION_MODULE_TYPE]
|
|
73
|
-
}] }, { type: undefined, decorators: [{
|
|
74
|
-
type: Optional
|
|
75
|
-
}, {
|
|
76
|
-
type: Inject,
|
|
77
|
-
args: [MAT_RADIO_DEFAULT_OPTIONS]
|
|
78
|
-
}] }, { type: undefined, decorators: [{
|
|
79
|
-
type: Attribute,
|
|
80
|
-
args: ['tabindex']
|
|
81
|
-
}] }]; }, propDecorators: { title: [{
|
|
82
|
-
type: Input
|
|
83
|
-
}], _tickPosition: [{
|
|
84
|
-
type: Input
|
|
85
|
-
}], tickPosition: [{
|
|
86
|
-
type: Input
|
|
87
|
-
}],
|
|
88
|
-
//@ts-ignore
|
|
89
|
-
contentOnSelect: [{
|
|
90
|
-
type: ContentChild,
|
|
91
|
-
args: ['contentOnSelect']
|
|
92
|
-
}] } });
|
|
93
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmFkaW8tcGFuZWwtaXRlbS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy91aS9yYWRpby1wYW5lbC9yYWRpby1wYW5lbC1pdGVtLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uL3Byb2plY3RzL3VpL3JhZGlvLXBhbmVsL3JhZGlvLXBhbmVsLWl0ZW0uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFFLFVBQVUsRUFBRSxPQUFPLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUdqRixPQUFPLEVBQ04sU0FBUyxFQUNULHVCQUF1QixFQUV2QixTQUFTLEVBQ1QsWUFBWSxFQUdaLE1BQU0sRUFDTixLQUFLLEVBQ0wsUUFBUSxFQUVSLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFDTixjQUFjLEVBR2QseUJBQXlCLEVBQ3pCLGVBQWUsRUFDZixNQUFNLHlCQUF5QixDQUFDO0FBQ2pDLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLHNDQUFzQyxDQUFDOzs7Ozs7OztBQUU3RTs7R0FFRztBQW9DSCxNQUFNLE9BQU8sdUJBQXdCLFNBQVEsY0FBYztJQXNCMUQsWUFDc0MsVUFBeUIsRUFDOUQsVUFBc0IsRUFDdEIsZUFBa0MsRUFDbEMsYUFBMkIsRUFDM0IsZ0JBQTJDLEVBQ0EsYUFBc0IsRUFHakUsaUJBQTBDLEVBQ25CLFFBQWlCO1FBRXhDLEtBQUssQ0FDSixVQUFVLEVBQ1YsVUFBVSxFQUNWLGVBQWUsRUFDZixhQUFhLEVBQ2IsZ0JBQWdCLEVBQ2hCLGFBQWEsRUFDYixpQkFBaUIsRUFDakIsUUFBUSxDQUNSLENBQUM7UUExQ0g7O1dBRUc7UUFFSCxVQUFLLEdBQUcsRUFBRSxDQUFDO0lBdUNYLENBQUM7SUFsQ0QsSUFDSSxZQUFZO1FBQ2YsT0FBTyxJQUFJLENBQUMsYUFBYSxJQUFLLElBQUksQ0FBQyxVQUFrQixFQUFFLFlBQVksQ0FBQztJQUNyRSxDQUFDO0lBQ0QsSUFBSSxZQUFZLENBQUMsR0FBb0I7UUFDcEMsSUFBSSxDQUFDLGFBQWEsR0FBRyxHQUFHLENBQUM7SUFDMUIsQ0FBQzs7b0hBaEJXLHVCQUF1QixrQkF1QmQsZUFBZSw2SkFLZixxQkFBcUIsNkJBRWpDLHlCQUF5Qiw2QkFFdEIsVUFBVTt3R0FoQ1YsdUJBQXVCLHMzQkMvRHBDLGlwRUEwREEsc3NGREZhO1FBQ1gsT0FBTyxDQUFDLFlBQVksRUFBRTtZQUNyQixLQUFLLENBQUMsTUFBTSxFQUFFLEtBQUssQ0FBQyxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsUUFBUSxFQUFFLFFBQVEsRUFBRSxDQUFDLENBQUM7WUFDM0QsVUFBVSxDQUFDLGdCQUFnQixFQUFFLE9BQU8sQ0FBQyxNQUFNLENBQUMsQ0FBQztTQUM3QyxDQUFDO0tBQ0Y7MkZBRVcsdUJBQXVCO2tCQW5DbkMsU0FBUzsrQkFDQyxzQkFBc0IsVUFJeEIsQ0FBQyxlQUFlLEVBQUUsVUFBVSxDQUFDLFlBQzNCLGdCQUFnQixRQUVwQjt3QkFDTCxLQUFLLEVBQUUsc0JBQXNCO3dCQUM3QiwyQkFBMkIsRUFBRSxTQUFTO3dCQUN0QyxzQkFBc0IsRUFBRSxVQUFVO3dCQUNsQyxpQ0FBaUMsRUFBRSxpQkFBaUI7d0JBQ3BELHFCQUFxQixFQUFFLHFCQUFxQjt3QkFDNUMsb0JBQW9CLEVBQUUsb0JBQW9CO3dCQUMxQyxrQkFBa0IsRUFBRSxrQkFBa0I7d0JBQ3RDLHFFQUFxRTt3QkFDckUsaUJBQWlCLEVBQUUsTUFBTTt3QkFDekIsV0FBVyxFQUFFLElBQUk7d0JBQ2pCLG1CQUFtQixFQUFFLE1BQU07d0JBQzNCLHdCQUF3QixFQUFFLE1BQU07d0JBQ2hDLHlCQUF5QixFQUFFLE1BQU07d0JBQ2pDLHdGQUF3Rjt3QkFDeEYsNEZBQTRGO3dCQUM1RixtQ0FBbUM7d0JBQ25DLFNBQVMsRUFBRSxxQ0FBcUM7cUJBQ2hELG1CQUNnQix1QkFBdUIsQ0FBQyxNQUFNLGNBQ25DO3dCQUNYLE9BQU8sQ0FBQyxZQUFZLEVBQUU7NEJBQ3JCLEtBQUssQ0FBQyxNQUFNLEVBQUUsS0FBSyxDQUFDLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSxRQUFRLEVBQUUsUUFBUSxFQUFFLENBQUMsQ0FBQzs0QkFDM0QsVUFBVSxDQUFDLGdCQUFnQixFQUFFLE9BQU8sQ0FBQyxNQUFNLENBQUMsQ0FBQzt5QkFDN0MsQ0FBQztxQkFDRjs7MEJBeUJDLFFBQVE7OzBCQUFJLE1BQU07MkJBQUMsZUFBZTs7MEJBS2xDLFFBQVE7OzBCQUFJLE1BQU07MkJBQUMscUJBQXFCOzswQkFDeEMsUUFBUTs7MEJBQ1IsTUFBTTsyQkFBQyx5QkFBeUI7OzBCQUVoQyxTQUFTOzJCQUFDLFVBQVU7NENBM0J0QixLQUFLO3NCQURKLEtBQUs7Z0JBSVcsYUFBYTtzQkFBN0IsS0FBSztnQkFHRixZQUFZO3NCQURmLEtBQUs7O1FBU04sWUFBWTtRQUNaLGVBQWU7c0JBRmQsWUFBWTt1QkFBQyxpQkFBaUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBhbmltYXRlLCBzdGF0ZSwgc3R5bGUsIHRyYW5zaXRpb24sIHRyaWdnZXIgfSBmcm9tICdAYW5ndWxhci9hbmltYXRpb25zJztcbmltcG9ydCB7IEZvY3VzTW9uaXRvciB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9hMTF5JztcbmltcG9ydCB7IFVuaXF1ZVNlbGVjdGlvbkRpc3BhdGNoZXIgfSBmcm9tICdAYW5ndWxhci9jZGsvY29sbGVjdGlvbnMnO1xuaW1wb3J0IHtcblx0QXR0cmlidXRlLFxuXHRDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcblx0Q2hhbmdlRGV0ZWN0b3JSZWYsXG5cdENvbXBvbmVudCxcblx0Q29udGVudENoaWxkLFxuXHRFbGVtZW50UmVmLFxuXHRIb3N0QmluZGluZyxcblx0SW5qZWN0LFxuXHRJbnB1dCxcblx0T3B0aW9uYWwsXG5cdFRlbXBsYXRlUmVmXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtcblx0TWF0UmFkaW9CdXR0b24sXG5cdE1hdFJhZGlvRGVmYXVsdE9wdGlvbnMsXG5cdE1hdFJhZGlvR3JvdXAsXG5cdE1BVF9SQURJT19ERUZBVUxUX09QVElPTlMsXG5cdE1BVF9SQURJT19HUk9VUFxufSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9yYWRpbyc7XG5pbXBvcnQgeyBBTklNQVRJT05fTU9EVUxFX1RZUEUgfSBmcm9tICdAYW5ndWxhci9wbGF0Zm9ybS1icm93c2VyL2FuaW1hdGlvbnMnO1xuXG4vKipcbiAqIFVzZSBgYnVpLXJhZGlvLXBhbmVsLWl0ZW1gIGluc3RlYWQgb2YgYG1hdC1yYWRpby1idXR0b25gIGluIGEgYGJ1aS1yYWRpby1wYW5lbGAgdG8gZGlzcGxheSBhbiBvcHRpb24uXG4gKi9cbkBDb21wb25lbnQoe1xuXHRzZWxlY3RvcjogJ2J1aS1yYWRpby1wYW5lbC1pdGVtJyxcblx0dGVtcGxhdGVVcmw6ICcuL3JhZGlvLXBhbmVsLWl0ZW0uY29tcG9uZW50Lmh0bWwnLFxuXHRzdHlsZVVybHM6IFsnLi9yYWRpby1wYW5lbC1pdGVtLmNvbXBvbmVudC5zY3NzJ10sXG5cdC8vIHRzbGludDpkaXNhYmxlLW5leHQtbGluZTogbm8taW5wdXRzLW1ldGFkYXRhLXByb3BlcnR5XG5cdGlucHV0czogWydkaXNhYmxlUmlwcGxlJywgJ3RhYkluZGV4J10sXG5cdGV4cG9ydEFzOiAnbWF0UmFkaW9CdXR0b24nLFxuXHQvLyB0c2xpbnQ6ZGlzYWJsZS1uZXh0LWxpbmU6IG5vLWhvc3QtbWV0YWRhdGEtcHJvcGVydHlcblx0aG9zdDoge1xuXHRcdGNsYXNzOiAnYnVpLXJhZGlvLXBhbmVsLWl0ZW0nLFxuXHRcdCdbY2xhc3MuYnVpLXJhZGlvLWNoZWNrZWRdJzogJ2NoZWNrZWQnLFxuXHRcdCdbY2xhc3MuYnVpLWRpc2FibGVkXSc6ICdkaXNhYmxlZCcsXG5cdFx0J1tjbGFzcy5fbWF0LWFuaW1hdGlvbi1ub29wYWJsZV0nOiAnX25vb3BBbmltYXRpb25zJyxcblx0XHQnW2NsYXNzLm1hdC1wcmltYXJ5XSc6ICdjb2xvciA9PT0gXCJwcmltYXJ5XCInLFxuXHRcdCdbY2xhc3MubWF0LWFjY2VudF0nOiAnY29sb3IgPT09IFwiYWNjZW50XCInLFxuXHRcdCdbY2xhc3MubWF0LXdhcm5dJzogJ2NvbG9yID09PSBcIndhcm5cIicsXG5cdFx0Ly8gTmVlZHMgdG8gYmUgcmVtb3ZlZCBzaW5jZSBpdCBjYXVzZXMgc29tZSBhMTF5IGlzc3VlcyAoc2VlICMyMTI2NikuXG5cdFx0J1thdHRyLnRhYmluZGV4XSc6ICdudWxsJyxcblx0XHQnW2F0dHIuaWRdJzogJ2lkJyxcblx0XHQnW2F0dHIuYXJpYS1sYWJlbF0nOiAnbnVsbCcsXG5cdFx0J1thdHRyLmFyaWEtbGFiZWxsZWRieV0nOiAnbnVsbCcsXG5cdFx0J1thdHRyLmFyaWEtZGVzY3JpYmVkYnldJzogJ251bGwnLFxuXHRcdC8vIE5vdGU6IHVuZGVyIG5vcm1hbCBjb25kaXRpb25zIGZvY3VzIHNob3VsZG4ndCBsYW5kIG9uIHRoaXMgZWxlbWVudCwgaG93ZXZlciBpdCBtYXkgYmVcblx0XHQvLyBwcm9ncmFtbWF0aWNhbGx5IHNldCwgZm9yIGV4YW1wbGUgaW5zaWRlIG9mIGEgZm9jdXMgdHJhcCwgaW4gdGhpcyBjYXNlIHdlIHdhbnQgdG8gZm9yd2FyZFxuXHRcdC8vIHRoZSBmb2N1cyB0byB0aGUgbmF0aXZlIGVsZW1lbnQuXG5cdFx0Jyhmb2N1cyknOiAnX2lucHV0RWxlbWVudC5uYXRpdmVFbGVtZW50LmZvY3VzKCknXG5cdH0sXG5cdGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuXHRhbmltYXRpb25zOiBbXG5cdFx0dHJpZ2dlcignc2xpZGVJbk91dCcsIFtcblx0XHRcdHN0YXRlKCd2b2lkJywgc3R5bGUoeyBoZWlnaHQ6ICcwcHgnLCBvdmVyZmxvdzogJ2hpZGRlbicgfSkpLFxuXHRcdFx0dHJhbnNpdGlvbignOmVudGVyLCA6bGVhdmUnLCBhbmltYXRlKCcuMjVzJykpXG5cdFx0XSlcblx0XVxufSlcbmV4cG9ydCBjbGFzcyBSYWRpb1BhbmVsSXRlbUNvbXBvbmVudCBleHRlbmRzIE1hdFJhZGlvQnV0dG9uIHtcblx0LyoqXG5cdCAqIFRoaXMgd2lsbCBiZSBkaXNwbGF5ZWQgYXMgdGhlIHBhbmVsIGhlYWRlclxuXHQgKi9cblx0QElucHV0KClcblx0dGl0bGUgPSAnJztcblxuXHQvKiogVGhlIGRlZmF1bHQgcG9zaXRpb24gb2YgdGhlICd0aWNrJyBpY29uIHJlbGF0aXZlIHRvIHRoZSB0aXRsZS4gKi9cblx0QElucHV0KCkgcHJpdmF0ZSBfdGlja1Bvc2l0aW9uOiAnc3RhcnQnIHwgJ2VuZCcgfCB1bmRlZmluZWQ7XG5cblx0QElucHV0KClcblx0Z2V0IHRpY2tQb3NpdGlvbigpOiAnc3RhcnQnIHwgJ2VuZCcge1xuXHRcdHJldHVybiB0aGlzLl90aWNrUG9zaXRpb24gfHwgKHRoaXMucmFkaW9Hcm91cCBhcyBhbnkpPy50aWNrUG9zaXRpb247XG5cdH1cblx0c2V0IHRpY2tQb3NpdGlvbihwb3M6ICdzdGFydCcgfCAnZW5kJykge1xuXHRcdHRoaXMuX3RpY2tQb3NpdGlvbiA9IHBvcztcblx0fVxuXG5cdEBDb250ZW50Q2hpbGQoJ2NvbnRlbnRPblNlbGVjdCcpXG5cdC8vQHRzLWlnbm9yZVxuXHRjb250ZW50T25TZWxlY3Q6IFRlbXBsYXRlUmVmPGFueT47XG5cblx0Y29uc3RydWN0b3IoXG5cdFx0QE9wdGlvbmFsKCkgQEluamVjdChNQVRfUkFESU9fR1JPVVApIHJhZGlvR3JvdXA6IE1hdFJhZGlvR3JvdXAsXG5cdFx0ZWxlbWVudFJlZjogRWxlbWVudFJlZixcblx0XHRfY2hhbmdlRGV0ZWN0b3I6IENoYW5nZURldGVjdG9yUmVmLFxuXHRcdF9mb2N1c01vbml0b3I6IEZvY3VzTW9uaXRvcixcblx0XHRfcmFkaW9EaXNwYXRjaGVyOiBVbmlxdWVTZWxlY3Rpb25EaXNwYXRjaGVyLFxuXHRcdEBPcHRpb25hbCgpIEBJbmplY3QoQU5JTUFUSU9OX01PRFVMRV9UWVBFKSBhbmltYXRpb25Nb2RlPzogc3RyaW5nLFxuXHRcdEBPcHRpb25hbCgpXG5cdFx0QEluamVjdChNQVRfUkFESU9fREVGQVVMVF9PUFRJT05TKVxuXHRcdF9wcm92aWRlck92ZXJyaWRlPzogTWF0UmFkaW9EZWZhdWx0T3B0aW9ucyxcblx0XHRAQXR0cmlidXRlKCd0YWJpbmRleCcpIHRhYkluZGV4Pzogc3RyaW5nXG5cdCkge1xuXHRcdHN1cGVyKFxuXHRcdFx0cmFkaW9Hcm91cCxcblx0XHRcdGVsZW1lbnRSZWYsXG5cdFx0XHRfY2hhbmdlRGV0ZWN0b3IsXG5cdFx0XHRfZm9jdXNNb25pdG9yLFxuXHRcdFx0X3JhZGlvRGlzcGF0Y2hlcixcblx0XHRcdGFuaW1hdGlvbk1vZGUsXG5cdFx0XHRfcHJvdmlkZXJPdmVycmlkZSxcblx0XHRcdHRhYkluZGV4XG5cdFx0KTtcblx0fVxufVxuIiwiPGxhYmVsXG5cdG1hdFJpcHBsZVxuXHRtYXRSaXBwbGVDb2xvcj1cInJnYmEoMTI4LDEyOCwxMjgsLjEpXCJcblx0W21hdFJpcHBsZURpc2FibGVkXT1cImRpc2FibGVkIHx8IGNoZWNrZWRcIlxuXHRbYXR0ci5mb3JdPVwiaW5wdXRJZFwiXG5cdCNsYWJlbFxuXHRjbGFzcz1cImJ1aS1yYWRpby1wYW5lbC1pdGVtLWxhYmVsIGJ1aS1ib3JkZXIte3sgY2hlY2tlZCA/IGNvbG9yIDogJ2RlZmF1bHQnIH19XCJcbj5cblx0PGRpdiBjbGFzcz1cImJ1aS1yYWRpby1wYW5lbC1pdGVtLXdyYXBwZXJcIiBbY2xhc3MuYnVpLXJhZGlvLXRpY2stYXQtZW5kXT1cInRpY2tQb3NpdGlvbiA9PT0gJ2VuZCdcIj5cblx0XHQ8ZGl2IGNsYXNzPVwiYnVpLWxhYmVsLWhlYWRlclwiPlxuXHRcdFx0PHNwYW4gY2xhc3M9XCJidWktbGFiZWwtdGl0bGVcIiBbaW5uZXJIVE1MXT1cInRpdGxlXCI+PC9zcGFuPlxuXHRcdFx0PG5nLWNvbnRlbnQgc2VsZWN0PVwiW2J1aVJhZGlvSXRlbUhlYWRpbmdFbmRdXCI+PC9uZy1jb250ZW50PlxuXHRcdFx0PHNwYW4gY2xhc3M9XCJidWktcmFkaW8tcGFuZWwtaXRlbS1jaXJjbGVcIj5cblx0XHRcdFx0PHNwYW5cblx0XHRcdFx0XHRjbGFzcz1cImJ1aS1wZXJzaXN0ZW50LXJpcHBsZVwiXG5cdFx0XHRcdFx0bWF0UmlwcGxlXG5cdFx0XHRcdFx0bWF0UmlwcGxlQ29sb3I9XCJyZ2JhKDEyOCwxMjgsMTI4LC4xKVwiXG5cdFx0XHRcdFx0W21hdFJpcHBsZUNlbnRlcmVkXT1cInRydWVcIlxuXHRcdFx0XHRcdFttYXRSaXBwbGVVbmJvdW5kZWRdPVwidHJ1ZVwiXG5cdFx0XHRcdFx0W21hdFJpcHBsZVRyaWdnZXJdPVwibGFiZWxcIlxuXHRcdFx0XHRcdFttYXRSaXBwbGVSYWRpdXNdPVwiMjBcIlxuXHRcdFx0XHRcdCpuZ0lmPVwiIWRpc2FibGVkXCJcblx0XHRcdFx0Pjwvc3Bhbj5cblx0XHRcdFx0PG1hdC1pY29uIFtjb2xvcl09XCJjb2xvclwiICpuZ0lmPVwiY2hlY2tlZFwiPmNoZWNrX2NpcmNsZTwvbWF0LWljb24+XG5cdFx0XHRcdDxtYXQtaWNvbiAqbmdJZj1cIiFjaGVja2VkXCIgY2xhc3M9XCJidWktcmFkaW8tcGFuZWwtaXRlbS1jaXJjbGUtdW5jaGVja2VkXCI+cmFkaW9fYnV0dG9uX3VuY2hlY2tlZDwvbWF0LWljb24+XG5cdFx0XHQ8L3NwYW4+XG5cdFx0PC9kaXY+XG5cdFx0PCEtLSBUaGUgYWN0dWFsICdyYWRpbycgcGFydCBvZiB0aGUgY29udHJvbC4gLS0+XG5cdFx0PHNwYW4gY2xhc3M9XCJyYWRpby1jb250YWluZXJcIj5cblx0XHRcdDxpbnB1dFxuXHRcdFx0XHQjaW5wdXRcblx0XHRcdFx0Y2xhc3M9XCJtYXQtcmFkaW8taW5wdXQgY2RrLXZpc3VhbGx5LWhpZGRlblwiXG5cdFx0XHRcdHR5cGU9XCJyYWRpb1wiXG5cdFx0XHRcdFtpZF09XCJpbnB1dElkXCJcblx0XHRcdFx0W2NoZWNrZWRdPVwiY2hlY2tlZFwiXG5cdFx0XHRcdFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiXG5cdFx0XHRcdFt0YWJJbmRleF09XCJ0YWJJbmRleFwiXG5cdFx0XHRcdFthdHRyLm5hbWVdPVwibmFtZVwiXG5cdFx0XHRcdFthdHRyLnZhbHVlXT1cInZhbHVlXCJcblx0XHRcdFx0W3JlcXVpcmVkXT1cInJlcXVpcmVkXCJcblx0XHRcdFx0W2F0dHIuYXJpYS1sYWJlbF09XCJhcmlhTGFiZWxcIlxuXHRcdFx0XHRbYXR0ci5hcmlhLWxhYmVsbGVkYnldPVwiYXJpYUxhYmVsbGVkYnlcIlxuXHRcdFx0XHRbYXR0ci5hcmlhLWRlc2NyaWJlZGJ5XT1cImFyaWFEZXNjcmliZWRieVwiXG5cdFx0XHRcdChjaGFuZ2UpPVwiX29uSW5wdXRJbnRlcmFjdGlvbigkZXZlbnQpXCJcblx0XHRcdFx0KGNsaWNrKT1cIl9vbklucHV0Q2xpY2soJGV2ZW50KVwiXG5cdFx0XHQvPlxuXHRcdDwvc3Bhbj5cblxuXHRcdDxkaXYgY2xhc3M9XCJidWktbGFiZWwtY29udGVudC1nYXBcIj48L2Rpdj5cblx0XHQ8IS0tIFRoZSBsYWJlbCBjb250ZW50IGZvciByYWRpbyBjb250cm9sLiAtLT5cblx0XHQ8ZGl2IGNsYXNzPVwiYnVpLWxhYmVsLWNvbnRlbnRcIj5cblx0XHRcdDxuZy1jb250ZW50PjwvbmctY29udGVudD5cblx0XHQ8L2Rpdj5cblx0XHQ8ZGl2IGNsYXNzPVwiYnVpLWxhYmVsLWNvbnRlbnRcIiAqbmdJZj1cImNvbnRlbnRPblNlbGVjdCAmJiBjaGVja2VkXCIgQHNsaWRlSW5PdXQ+XG5cdFx0XHQ8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiY29udGVudE9uU2VsZWN0XCI+PC9uZy1jb250YWluZXI+XG5cdFx0PC9kaXY+XG5cdDwvZGl2PlxuPC9sYWJlbD5cbiJdfQ==
|
|
@@ -1,81 +0,0 @@
|
|
|
1
|
-
import { Component, ContentChildren, forwardRef, HostBinding, Input } from '@angular/core';
|
|
2
|
-
import { NG_VALUE_ACCESSOR } from '@angular/forms';
|
|
3
|
-
import { MAT_RADIO_GROUP, MatRadioGroup } from '@angular/material/radio';
|
|
4
|
-
import { RadioPanelItemComponent } from './radio-panel-item.component';
|
|
5
|
-
import * as i0 from "@angular/core";
|
|
6
|
-
/**
|
|
7
|
-
* Radio panel is a [control value accessor](https://angular.io/api/forms/ControlValueAccessor)
|
|
8
|
-
* that extends Angular Material's [radio group component](https://material.angular.io/components/radio/overview).
|
|
9
|
-
* It inherits all the features of `MatRadioGroup`, and arranges the child items in panels,
|
|
10
|
-
* with the `title` attributes rendered as captions. The check box icon and the borders will be displayed
|
|
11
|
-
* in the color selected by the theme attribute `color`.
|
|
12
|
-
*
|
|
13
|
-
*/
|
|
14
|
-
export class RadioPanelComponent extends MatRadioGroup {
|
|
15
|
-
constructor(cd) {
|
|
16
|
-
super(cd);
|
|
17
|
-
/**
|
|
18
|
-
* @ignore
|
|
19
|
-
*/
|
|
20
|
-
this.classAttr = '';
|
|
21
|
-
/**
|
|
22
|
-
* The default width of each panel when the `direction` is `row`
|
|
23
|
-
*/
|
|
24
|
-
this.panelWidth = 300;
|
|
25
|
-
/** The flow direction of the radio panel items */
|
|
26
|
-
this.direction = 'row';
|
|
27
|
-
/** The default position of the 'tick' icon relative to the title. */
|
|
28
|
-
this.tickPosition = 'start';
|
|
29
|
-
}
|
|
30
|
-
/** @ignore */
|
|
31
|
-
ngOnChanges(changes) {
|
|
32
|
-
if (['color', 'tickPosition'].some(p => changes[p]) && this._radios) {
|
|
33
|
-
this._radios.forEach(item => item._markForCheck());
|
|
34
|
-
}
|
|
35
|
-
if (this.direction === 'row') {
|
|
36
|
-
this.classAttr = 'bui-radio-panel bui-host radio-dir-row';
|
|
37
|
-
}
|
|
38
|
-
else {
|
|
39
|
-
this.classAttr = 'bui-radio-panel bui-host radio-dir-column';
|
|
40
|
-
}
|
|
41
|
-
}
|
|
42
|
-
}
|
|
43
|
-
RadioPanelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.6", ngImport: i0, type: RadioPanelComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
44
|
-
RadioPanelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.6", type: RadioPanelComponent, selector: "bui-radio-panel", inputs: { panelWidth: "panelWidth", direction: "direction", color: "color", tickPosition: "tickPosition" }, host: { attributes: { "role": "radiogroup" }, properties: { "style.--bui-panel-width": "panelWidth +'px'", "attr.class": "this.classAttr" }, classAttribute: "bui-radio-panel bui-host" }, providers: [
|
|
45
|
-
{
|
|
46
|
-
provide: NG_VALUE_ACCESSOR,
|
|
47
|
-
useExisting: forwardRef(() => RadioPanelComponent),
|
|
48
|
-
multi: true
|
|
49
|
-
},
|
|
50
|
-
{ provide: MAT_RADIO_GROUP, useExisting: forwardRef(() => RadioPanelComponent) }
|
|
51
|
-
], queries: [{ propertyName: "_radios", predicate: RadioPanelItemComponent, descendants: true }], exportAs: ["buiRadioPanel"], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: ` <ng-content></ng-content> `, isInline: true, styles: [":host{gap:1rem}:host:not([hidden]){display:flex}:host.radio-dir-row{flex-direction:row;flex-wrap:wrap}:host.radio-dir-column{flex-direction:column}\n"] });
|
|
52
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.6", ngImport: i0, type: RadioPanelComponent, decorators: [{
|
|
53
|
-
type: Component,
|
|
54
|
-
args: [{ selector: 'bui-radio-panel', exportAs: 'buiRadioPanel', providers: [
|
|
55
|
-
{
|
|
56
|
-
provide: NG_VALUE_ACCESSOR,
|
|
57
|
-
useExisting: forwardRef(() => RadioPanelComponent),
|
|
58
|
-
multi: true
|
|
59
|
-
},
|
|
60
|
-
{ provide: MAT_RADIO_GROUP, useExisting: forwardRef(() => RadioPanelComponent) }
|
|
61
|
-
], host: {
|
|
62
|
-
role: 'radiogroup',
|
|
63
|
-
class: 'bui-radio-panel bui-host',
|
|
64
|
-
'[style.--bui-panel-width]': "panelWidth +'px'"
|
|
65
|
-
}, template: ` <ng-content></ng-content> `, styles: [":host{gap:1rem}:host:not([hidden]){display:flex}:host.radio-dir-row{flex-direction:row;flex-wrap:wrap}:host.radio-dir-column{flex-direction:column}\n"] }]
|
|
66
|
-
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { classAttr: [{
|
|
67
|
-
type: HostBinding,
|
|
68
|
-
args: ['attr.class']
|
|
69
|
-
}], panelWidth: [{
|
|
70
|
-
type: Input
|
|
71
|
-
}], direction: [{
|
|
72
|
-
type: Input
|
|
73
|
-
}], color: [{
|
|
74
|
-
type: Input
|
|
75
|
-
}], tickPosition: [{
|
|
76
|
-
type: Input
|
|
77
|
-
}], _radios: [{
|
|
78
|
-
type: ContentChildren,
|
|
79
|
-
args: [RadioPanelItemComponent, { descendants: true }]
|
|
80
|
-
}] } });
|
|
81
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmFkaW8tcGFuZWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvdWkvcmFkaW8tcGFuZWwvcmFkaW8tcGFuZWwuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFFTixTQUFTLEVBQ1QsZUFBZSxFQUNmLFVBQVUsRUFDVixXQUFXLEVBQ1gsS0FBSyxFQUlMLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBRW5ELE9BQU8sRUFBRSxlQUFlLEVBQUUsYUFBYSxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDekUsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sOEJBQThCLENBQUM7O0FBQ3ZFOzs7Ozs7O0dBT0c7QUFzQkgsTUFBTSxPQUFPLG1CQUFvQixTQUFRLGFBQWE7SUE2QnJELFlBQVksRUFBcUI7UUFDaEMsS0FBSyxDQUFDLEVBQUUsQ0FBQyxDQUFDO1FBN0JYOztXQUVHO1FBRUgsY0FBUyxHQUFXLEVBQUUsQ0FBQztRQUV2Qjs7V0FFRztRQUVILGVBQVUsR0FBRyxHQUFHLENBQUM7UUFFakIsa0RBQWtEO1FBRWxELGNBQVMsR0FBcUIsS0FBSyxDQUFDO1FBS3BDLHFFQUFxRTtRQUM1RCxpQkFBWSxHQUFvQixPQUFPLENBQUM7SUFVakQsQ0FBQztJQUVELGNBQWM7SUFDZCxXQUFXLENBQUMsT0FBc0I7UUFDakMsSUFBSSxDQUFDLE9BQU8sRUFBRSxjQUFjLENBQUMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLENBQUMsSUFBSSxJQUFJLENBQUMsT0FBTyxFQUFFO1lBQ3BFLElBQUksQ0FBQyxPQUFPLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUMsSUFBSSxDQUFDLGFBQWEsRUFBRSxDQUFDLENBQUM7U0FDbkQ7UUFFRCxJQUFJLElBQUksQ0FBQyxTQUFTLEtBQUssS0FBSyxFQUFFO1lBQzdCLElBQUksQ0FBQyxTQUFTLEdBQUcsd0NBQXdDLENBQUM7U0FDMUQ7YUFBTTtZQUNOLElBQUksQ0FBQyxTQUFTLEdBQUcsMkNBQTJDLENBQUM7U0FDN0Q7SUFDRixDQUFDOztnSEE1Q1csbUJBQW1CO29HQUFuQixtQkFBbUIsaVZBakJwQjtRQUNWO1lBQ0MsT0FBTyxFQUFFLGlCQUFpQjtZQUMxQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLG1CQUFtQixDQUFDO1lBQ2xELEtBQUssRUFBRSxJQUFJO1NBQ1g7UUFDRCxFQUFFLE9BQU8sRUFBRSxlQUFlLEVBQUUsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxtQkFBbUIsQ0FBQyxFQUFFO0tBQ2hGLGtEQW9DZ0IsdUJBQXVCLHlIQTdCOUIsNkJBQTZCOzJGQUczQixtQkFBbUI7a0JBckIvQixTQUFTOytCQUVDLGlCQUFpQixZQUNqQixlQUFlLGFBQ2Q7d0JBQ1Y7NEJBQ0MsT0FBTyxFQUFFLGlCQUFpQjs0QkFDMUIsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsb0JBQW9CLENBQUM7NEJBQ2xELEtBQUssRUFBRSxJQUFJO3lCQUNYO3dCQUNELEVBQUUsT0FBTyxFQUFFLGVBQWUsRUFBRSxXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxvQkFBb0IsQ0FBQyxFQUFFO3FCQUNoRixRQUVLO3dCQUNMLElBQUksRUFBRSxZQUFZO3dCQUNsQixLQUFLLEVBQUUsMEJBQTBCO3dCQUNqQywyQkFBMkIsRUFBRSxrQkFBa0I7cUJBQy9DLFlBQ1MsNkJBQTZCO3dHQVF2QyxTQUFTO3NCQURSLFdBQVc7dUJBQUMsWUFBWTtnQkFPekIsVUFBVTtzQkFEVCxLQUFLO2dCQUtOLFNBQVM7c0JBRFIsS0FBSztnQkFJRyxLQUFLO3NCQUFiLEtBQUs7Z0JBR0csWUFBWTtzQkFBcEIsS0FBSztnQkFNTixPQUFPO3NCQUROLGVBQWU7dUJBQUMsdUJBQXVCLEVBQUUsRUFBRSxXQUFXLEVBQUUsSUFBSSxFQUFFIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcblx0Q2hhbmdlRGV0ZWN0b3JSZWYsXG5cdENvbXBvbmVudCxcblx0Q29udGVudENoaWxkcmVuLFxuXHRmb3J3YXJkUmVmLFxuXHRIb3N0QmluZGluZyxcblx0SW5wdXQsXG5cdE9uQ2hhbmdlcyxcblx0UXVlcnlMaXN0LFxuXHRTaW1wbGVDaGFuZ2VzXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTkdfVkFMVUVfQUNDRVNTT1IgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBUaGVtZVBhbGV0dGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9jb3JlJztcbmltcG9ydCB7IE1BVF9SQURJT19HUk9VUCwgTWF0UmFkaW9Hcm91cCB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL3JhZGlvJztcbmltcG9ydCB7IFJhZGlvUGFuZWxJdGVtQ29tcG9uZW50IH0gZnJvbSAnLi9yYWRpby1wYW5lbC1pdGVtLmNvbXBvbmVudCc7XG4vKipcbiAqIFJhZGlvIHBhbmVsIGlzIGEgW2NvbnRyb2wgdmFsdWUgYWNjZXNzb3JdKGh0dHBzOi8vYW5ndWxhci5pby9hcGkvZm9ybXMvQ29udHJvbFZhbHVlQWNjZXNzb3IpXG4gKiB0aGF0IGV4dGVuZHMgQW5ndWxhciBNYXRlcmlhbCdzIFtyYWRpbyBncm91cCBjb21wb25lbnRdKGh0dHBzOi8vbWF0ZXJpYWwuYW5ndWxhci5pby9jb21wb25lbnRzL3JhZGlvL292ZXJ2aWV3KS5cbiAqIEl0IGluaGVyaXRzIGFsbCB0aGUgZmVhdHVyZXMgb2YgYE1hdFJhZGlvR3JvdXBgLCBhbmQgYXJyYW5nZXMgdGhlIGNoaWxkIGl0ZW1zIGluIHBhbmVscyxcbiAqIHdpdGggdGhlIGB0aXRsZWAgYXR0cmlidXRlcyByZW5kZXJlZCBhcyBjYXB0aW9ucy4gVGhlIGNoZWNrIGJveCBpY29uIGFuZCB0aGUgYm9yZGVycyB3aWxsIGJlIGRpc3BsYXllZFxuICogaW4gdGhlIGNvbG9yIHNlbGVjdGVkIGJ5IHRoZSB0aGVtZSBhdHRyaWJ1dGUgYGNvbG9yYC5cbiAqXG4gKi9cbkBDb21wb25lbnQoe1xuXHQvLyB0c2xpbnQ6ZGlzYWJsZS1uZXh0LWxpbmU6IGRpcmVjdGl2ZS1zZWxlY3RvclxuXHRzZWxlY3RvcjogJ2J1aS1yYWRpby1wYW5lbCcsXG5cdGV4cG9ydEFzOiAnYnVpUmFkaW9QYW5lbCcsXG5cdHByb3ZpZGVyczogW1xuXHRcdHtcblx0XHRcdHByb3ZpZGU6IE5HX1ZBTFVFX0FDQ0VTU09SLFxuXHRcdFx0dXNlRXhpc3Rpbmc6IGZvcndhcmRSZWYoKCkgPT4gUmFkaW9QYW5lbENvbXBvbmVudCksXG5cdFx0XHRtdWx0aTogdHJ1ZVxuXHRcdH0sXG5cdFx0eyBwcm92aWRlOiBNQVRfUkFESU9fR1JPVVAsIHVzZUV4aXN0aW5nOiBmb3J3YXJkUmVmKCgpID0+IFJhZGlvUGFuZWxDb21wb25lbnQpIH1cblx0XSxcblx0Ly8gdHNsaW50OmRpc2FibGUtbmV4dC1saW5lOiBuby1ob3N0LW1ldGFkYXRhLXByb3BlcnR5XG5cdGhvc3Q6IHtcblx0XHRyb2xlOiAncmFkaW9ncm91cCcsXG5cdFx0Y2xhc3M6ICdidWktcmFkaW8tcGFuZWwgYnVpLWhvc3QnLFxuXHRcdCdbc3R5bGUuLS1idWktcGFuZWwtd2lkdGhdJzogXCJwYW5lbFdpZHRoICsncHgnXCJcblx0fSxcblx0dGVtcGxhdGU6IGAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PiBgLFxuXHRzdHlsZVVybHM6IFsncmFkaW8tcGFuZWwuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBSYWRpb1BhbmVsQ29tcG9uZW50IGV4dGVuZHMgTWF0UmFkaW9Hcm91cCBpbXBsZW1lbnRzIE9uQ2hhbmdlcyB7XG5cdC8qKlxuXHQgKiBAaWdub3JlXG5cdCAqL1xuXHRASG9zdEJpbmRpbmcoJ2F0dHIuY2xhc3MnKVxuXHRjbGFzc0F0dHI6IHN0cmluZyA9ICcnO1xuXG5cdC8qKlxuXHQgKiBUaGUgZGVmYXVsdCB3aWR0aCBvZiBlYWNoIHBhbmVsIHdoZW4gdGhlIGBkaXJlY3Rpb25gIGlzIGByb3dgXG5cdCAqL1xuXHRASW5wdXQoKVxuXHRwYW5lbFdpZHRoID0gMzAwO1xuXG5cdC8qKiBUaGUgZmxvdyBkaXJlY3Rpb24gb2YgdGhlIHJhZGlvIHBhbmVsIGl0ZW1zICovXG5cdEBJbnB1dCgpXG5cdGRpcmVjdGlvbjogJ3JvdycgfCAnY29sdW1uJyA9ICdyb3cnO1xuXG5cdC8qKiBUaGVtZSBjb2xvciBmb3IgYWxsIG9mIHRoZSByYWRpbyBwYW5lbHMgaW4gdGhlIGdyb3VwLiAqL1xuXHRASW5wdXQoKSBjb2xvcjogVGhlbWVQYWxldHRlO1xuXG5cdC8qKiBUaGUgZGVmYXVsdCBwb3NpdGlvbiBvZiB0aGUgJ3RpY2snIGljb24gcmVsYXRpdmUgdG8gdGhlIHRpdGxlLiAqL1xuXHRASW5wdXQoKSB0aWNrUG9zaXRpb246ICdzdGFydCcgfCAnZW5kJyA9ICdzdGFydCc7XG5cblx0LyoqXG5cdCAqIEBpZ25vcmVcblx0ICovXG5cdEBDb250ZW50Q2hpbGRyZW4oUmFkaW9QYW5lbEl0ZW1Db21wb25lbnQsIHsgZGVzY2VuZGFudHM6IHRydWUgfSlcblx0X3JhZGlvcyE6IFF1ZXJ5TGlzdDxSYWRpb1BhbmVsSXRlbUNvbXBvbmVudD47XG5cblx0Y29uc3RydWN0b3IoY2Q6IENoYW5nZURldGVjdG9yUmVmKSB7XG5cdFx0c3VwZXIoY2QpO1xuXHR9XG5cblx0LyoqIEBpZ25vcmUgKi9cblx0bmdPbkNoYW5nZXMoY2hhbmdlczogU2ltcGxlQ2hhbmdlcyk6IHZvaWQge1xuXHRcdGlmIChbJ2NvbG9yJywgJ3RpY2tQb3NpdGlvbiddLnNvbWUocCA9PiBjaGFuZ2VzW3BdKSAmJiB0aGlzLl9yYWRpb3MpIHtcblx0XHRcdHRoaXMuX3JhZGlvcy5mb3JFYWNoKGl0ZW0gPT4gaXRlbS5fbWFya0ZvckNoZWNrKCkpO1xuXHRcdH1cblxuXHRcdGlmICh0aGlzLmRpcmVjdGlvbiA9PT0gJ3JvdycpIHtcblx0XHRcdHRoaXMuY2xhc3NBdHRyID0gJ2J1aS1yYWRpby1wYW5lbCBidWktaG9zdCByYWRpby1kaXItcm93Jztcblx0XHR9IGVsc2Uge1xuXHRcdFx0dGhpcy5jbGFzc0F0dHIgPSAnYnVpLXJhZGlvLXBhbmVsIGJ1aS1ob3N0IHJhZGlvLWRpci1jb2x1bW4nO1xuXHRcdH1cblx0fVxufVxuIl19
|
|
@@ -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=
|