ngwr 0.6.0 → 1.1.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/README.md +1 -1
- package/_index.scss +21 -21
- package/button/button.d.ts +1 -1
- package/button/button.scss +2 -2
- package/checkbox/checkbox.d.ts +1 -1
- package/core/color/color.d.ts +1 -1
- package/core/overlay/connected-overlay-directive.d.ts +1 -1
- package/core/overlay/position-type.d.ts +1 -1
- package/core/types/on-change-type.d.ts +1 -1
- package/core/types/on-touched-type.d.ts +1 -1
- package/core/types/safe-any.d.ts +1 -1
- package/dialog/dialog-content-directives.d.ts +1 -1
- package/divider/divider.d.ts +1 -1
- package/divider/divider.scss +2 -2
- package/{esm2020 → esm2022}/button/button-module.mjs +5 -5
- package/esm2022/button/button.mjs +187 -0
- package/{esm2020 → esm2022}/checkbox/checkbox-module.mjs +5 -5
- package/esm2022/checkbox/checkbox.mjs +154 -0
- package/{esm2020 → esm2022}/core/abstract/base.mjs +4 -4
- package/esm2022/core/overlay/connected-overlay-directive.mjs +98 -0
- package/{esm2020 → esm2022}/core/overlay/overlay-module.mjs +5 -5
- package/{esm2020 → esm2022}/dialog/dialog-base.mjs +4 -4
- package/esm2022/dialog/dialog-container.mjs +58 -0
- package/esm2022/dialog/dialog-content-directives.mjs +98 -0
- package/{esm2020 → esm2022}/dialog/dialog-module.mjs +5 -5
- package/{esm2020 → esm2022}/dialog/dialog-service.mjs +11 -11
- package/{esm2020 → esm2022}/divider/divider-module.mjs +5 -5
- package/esm2022/divider/divider.mjs +100 -0
- package/{esm2020 → esm2022}/form/form-error.mjs +4 -4
- package/esm2022/form/form-item.mjs +46 -0
- package/{esm2020 → esm2022}/form/form-module.mjs +5 -5
- package/{esm2020 → esm2022}/icon/icon-module.mjs +5 -5
- package/esm2022/icon/icon-service.mjs +21 -0
- package/esm2022/icon/icon.mjs +60 -0
- package/esm2022/icon/icons.mjs +464 -0
- package/{esm2020 → esm2022}/input/input-module.mjs +5 -5
- package/esm2022/input/input.mjs +240 -0
- package/{esm2020 → esm2022}/skeleton/skeleton-module.mjs +5 -5
- package/{esm2020 → esm2022}/skeleton/skeleton.mjs +4 -4
- package/{esm2020 → esm2022}/spinner/spinner-module.mjs +5 -5
- package/{esm2020 → esm2022}/spinner/spinner.mjs +4 -4
- package/{esm2020 → esm2022}/tag/tag-module.mjs +5 -5
- package/{esm2020 → esm2022}/tag/tag.mjs +4 -4
- package/esm2022/tooltip/tooltip-component.mjs +93 -0
- package/esm2022/tooltip/tooltip-directive.mjs +85 -0
- package/{esm2020 → esm2022}/tooltip/tooltip-module.mjs +5 -5
- package/{fesm2015 → fesm2022}/ngwr-button.mjs +29 -30
- package/{fesm2020 → fesm2022}/ngwr-button.mjs.map +1 -1
- package/{fesm2015 → fesm2022}/ngwr-checkbox.mjs +39 -40
- package/fesm2022/ngwr-checkbox.mjs.map +1 -0
- package/{fesm2015 → fesm2022}/ngwr-core-abstract.mjs +3 -4
- package/{fesm2020 → fesm2022}/ngwr-core-abstract.mjs.map +1 -1
- package/{fesm2020 → fesm2022}/ngwr-core-color.mjs +0 -1
- package/{fesm2020 → fesm2022}/ngwr-core-decorators.mjs +0 -1
- package/{fesm2015 → fesm2022}/ngwr-core-overlay.mjs +13 -14
- package/{fesm2015 → fesm2022}/ngwr-core-overlay.mjs.map +1 -1
- package/{fesm2015 → fesm2022}/ngwr-core-types.mjs +0 -1
- package/{fesm2020 → fesm2022}/ngwr-dialog.mjs +44 -45
- package/{fesm2020 → fesm2022}/ngwr-dialog.mjs.map +1 -1
- package/{fesm2015 → fesm2022}/ngwr-divider.mjs +15 -16
- package/{fesm2015 → fesm2022}/ngwr-divider.mjs.map +1 -1
- package/{fesm2020 → fesm2022}/ngwr-form.mjs +14 -15
- package/fesm2022/ngwr-form.mjs.map +1 -0
- package/{fesm2020 → fesm2022}/ngwr-icon.mjs +81 -81
- package/fesm2022/ngwr-icon.mjs.map +1 -0
- package/{fesm2020 → fesm2022}/ngwr-input.mjs +41 -42
- package/fesm2022/ngwr-input.mjs.map +1 -0
- package/{fesm2015 → fesm2022}/ngwr-skeleton.mjs +7 -8
- package/{fesm2020 → fesm2022}/ngwr-skeleton.mjs.map +1 -1
- package/fesm2022/ngwr-spinner.mjs +43 -0
- package/fesm2022/ngwr-spinner.mjs.map +1 -0
- package/{fesm2015 → fesm2022}/ngwr-tag.mjs +7 -8
- package/{fesm2020 → fesm2022}/ngwr-tag.mjs.map +1 -1
- package/{fesm2020 → fesm2022}/ngwr-tooltip.mjs +26 -27
- package/{fesm2015 → fesm2022}/ngwr-tooltip.mjs.map +1 -1
- package/{fesm2020 → fesm2022}/ngwr.mjs +0 -1
- package/form/form-item.d.ts +1 -1
- package/icon/icon.d.ts +1 -1
- package/icon/icons.d.ts +2 -2
- package/input/input-types.d.ts +3 -3
- package/input/input.d.ts +1 -1
- package/package.json +76 -114
- package/skeleton/skeleton.d.ts +1 -1
- package/skeleton/skeleton.scss +2 -2
- package/styles/functions.scss +11 -0
- package/styles/grid.scss +51 -36
- package/styles/maps.scss +31 -0
- package/styles/mixins.scss +23 -0
- package/styles/root.scss +3 -3
- package/tag/tag.d.ts +1 -1
- package/tag/tag.scss +2 -2
- package/tooltip/tooltip-component.d.ts +1 -1
- package/tooltip/tooltip-directive.d.ts +1 -1
- package/tooltip/tooltip-trigger.d.ts +1 -1
- package/esm2020/button/button.mjs +0 -187
- package/esm2020/checkbox/checkbox.mjs +0 -154
- package/esm2020/core/overlay/connected-overlay-directive.mjs +0 -98
- package/esm2020/dialog/dialog-container.mjs +0 -58
- package/esm2020/dialog/dialog-content-directives.mjs +0 -98
- package/esm2020/divider/divider.mjs +0 -100
- package/esm2020/form/form-item.mjs +0 -46
- package/esm2020/icon/icon-service.mjs +0 -21
- package/esm2020/icon/icon.mjs +0 -60
- package/esm2020/icon/icons.mjs +0 -464
- package/esm2020/input/input.mjs +0 -240
- package/esm2020/tooltip/tooltip-component.mjs +0 -93
- package/esm2020/tooltip/tooltip-directive.mjs +0 -85
- package/fesm2015/ngwr-button.mjs.map +0 -1
- package/fesm2015/ngwr-checkbox.mjs.map +0 -1
- package/fesm2015/ngwr-core-abstract.mjs.map +0 -1
- package/fesm2015/ngwr-core-color.mjs +0 -26
- package/fesm2015/ngwr-core-decorators.mjs +0 -23
- package/fesm2015/ngwr-dialog.mjs +0 -454
- package/fesm2015/ngwr-dialog.mjs.map +0 -1
- package/fesm2015/ngwr-form.mjs +0 -90
- package/fesm2015/ngwr-form.mjs.map +0 -1
- package/fesm2015/ngwr-icon.mjs +0 -567
- package/fesm2015/ngwr-icon.mjs.map +0 -1
- package/fesm2015/ngwr-input.mjs +0 -263
- package/fesm2015/ngwr-input.mjs.map +0 -1
- package/fesm2015/ngwr-skeleton.mjs.map +0 -1
- package/fesm2015/ngwr-spinner.mjs +0 -44
- package/fesm2015/ngwr-spinner.mjs.map +0 -1
- package/fesm2015/ngwr-tag.mjs.map +0 -1
- package/fesm2015/ngwr-tooltip.mjs +0 -208
- package/fesm2015/ngwr.mjs +0 -8
- package/fesm2020/ngwr-button.mjs +0 -212
- package/fesm2020/ngwr-checkbox.mjs +0 -178
- package/fesm2020/ngwr-checkbox.mjs.map +0 -1
- package/fesm2020/ngwr-core-abstract.mjs +0 -26
- package/fesm2020/ngwr-core-color.mjs.map +0 -1
- package/fesm2020/ngwr-core-decorators.mjs.map +0 -1
- package/fesm2020/ngwr-core-overlay.mjs +0 -147
- package/fesm2020/ngwr-core-overlay.mjs.map +0 -1
- package/fesm2020/ngwr-core-types.mjs +0 -5
- package/fesm2020/ngwr-core-types.mjs.map +0 -1
- package/fesm2020/ngwr-divider.mjs +0 -121
- package/fesm2020/ngwr-divider.mjs.map +0 -1
- package/fesm2020/ngwr-form.mjs.map +0 -1
- package/fesm2020/ngwr-icon.mjs.map +0 -1
- package/fesm2020/ngwr-input.mjs.map +0 -1
- package/fesm2020/ngwr-skeleton.mjs +0 -67
- package/fesm2020/ngwr-spinner.mjs +0 -44
- package/fesm2020/ngwr-spinner.mjs.map +0 -1
- package/fesm2020/ngwr-tag.mjs +0 -105
- package/fesm2020/ngwr-tooltip.mjs.map +0 -1
- package/fesm2020/ngwr.mjs.map +0 -1
- package/styles/vars.scss +0 -2
- /package/{esm2020 → esm2022}/button/index.mjs +0 -0
- /package/{esm2020 → esm2022}/button/ngwr-button.mjs +0 -0
- /package/{esm2020 → esm2022}/checkbox/index.mjs +0 -0
- /package/{esm2020 → esm2022}/checkbox/ngwr-checkbox.mjs +0 -0
- /package/{esm2020 → esm2022}/core/abstract/index.mjs +0 -0
- /package/{esm2020 → esm2022}/core/abstract/ngwr-core-abstract.mjs +0 -0
- /package/{esm2020 → esm2022}/core/color/color.mjs +0 -0
- /package/{esm2020 → esm2022}/core/color/index.mjs +0 -0
- /package/{esm2020 → esm2022}/core/color/is-theme-color.mjs +0 -0
- /package/{esm2020 → esm2022}/core/color/ngwr-core-color.mjs +0 -0
- /package/{esm2020 → esm2022}/core/decorators/index.mjs +0 -0
- /package/{esm2020 → esm2022}/core/decorators/input-boolean.mjs +0 -0
- /package/{esm2020 → esm2022}/core/decorators/ngwr-core-decorators.mjs +0 -0
- /package/{esm2020 → esm2022}/core/overlay/get-placement-name.mjs +0 -0
- /package/{esm2020 → esm2022}/core/overlay/index.mjs +0 -0
- /package/{esm2020 → esm2022}/core/overlay/ngwr-core-overlay.mjs +0 -0
- /package/{esm2020 → esm2022}/core/overlay/position-map.mjs +0 -0
- /package/{esm2020 → esm2022}/core/overlay/position-type.mjs +0 -0
- /package/{esm2020 → esm2022}/core/types/index.mjs +0 -0
- /package/{esm2020 → esm2022}/core/types/ng-style-interface.mjs +0 -0
- /package/{esm2020 → esm2022}/core/types/ngwr-core-types.mjs +0 -0
- /package/{esm2020 → esm2022}/core/types/on-change-type.mjs +0 -0
- /package/{esm2020 → esm2022}/core/types/on-touched-type.mjs +0 -0
- /package/{esm2020 → esm2022}/core/types/property-mapping.mjs +0 -0
- /package/{esm2020 → esm2022}/core/types/safe-any.mjs +0 -0
- /package/{esm2020 → esm2022}/dialog/dialog-animations.mjs +0 -0
- /package/{esm2020 → esm2022}/dialog/dialog-config.mjs +0 -0
- /package/{esm2020 → esm2022}/dialog/dialog-ref.mjs +0 -0
- /package/{esm2020 → esm2022}/dialog/dialog-tokens.mjs +0 -0
- /package/{esm2020 → esm2022}/dialog/index.mjs +0 -0
- /package/{esm2020 → esm2022}/dialog/ngwr-dialog.mjs +0 -0
- /package/{esm2020 → esm2022}/divider/index.mjs +0 -0
- /package/{esm2020 → esm2022}/divider/ngwr-divider.mjs +0 -0
- /package/{esm2020 → esm2022}/form/index.mjs +0 -0
- /package/{esm2020 → esm2022}/form/ngwr-form.mjs +0 -0
- /package/{esm2020 → esm2022}/icon/index.mjs +0 -0
- /package/{esm2020 → esm2022}/icon/ngwr-icon.mjs +0 -0
- /package/{esm2020 → esm2022}/index.mjs +0 -0
- /package/{esm2020 → esm2022}/input/index.mjs +0 -0
- /package/{esm2020 → esm2022}/input/input-types.mjs +0 -0
- /package/{esm2020 → esm2022}/input/ngwr-input.mjs +0 -0
- /package/{esm2020 → esm2022}/ngwr.mjs +0 -0
- /package/{esm2020 → esm2022}/skeleton/index.mjs +0 -0
- /package/{esm2020 → esm2022}/skeleton/ngwr-skeleton.mjs +0 -0
- /package/{esm2020 → esm2022}/spinner/index.mjs +0 -0
- /package/{esm2020 → esm2022}/spinner/ngwr-spinner.mjs +0 -0
- /package/{esm2020 → esm2022}/tag/index.mjs +0 -0
- /package/{esm2020 → esm2022}/tag/ngwr-tag.mjs +0 -0
- /package/{esm2020 → esm2022}/tooltip/index.mjs +0 -0
- /package/{esm2020 → esm2022}/tooltip/ngwr-tooltip.mjs +0 -0
- /package/{esm2020 → esm2022}/tooltip/tooltip-default-positions.mjs +0 -0
- /package/{esm2020 → esm2022}/tooltip/tooltip-trigger.mjs +0 -0
- /package/{fesm2015 → fesm2022}/ngwr-core-color.mjs.map +0 -0
- /package/{fesm2015 → fesm2022}/ngwr-core-decorators.mjs.map +0 -0
- /package/{fesm2015 → fesm2022}/ngwr-core-types.mjs.map +0 -0
- /package/{fesm2015 → fesm2022}/ngwr.mjs.map +0 -0
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
import * as i0 from '@angular/core';
|
|
2
|
-
import { Component, ViewEncapsulation, ChangeDetectionStrategy, HostBinding, NgModule } from '@angular/core';
|
|
3
|
-
|
|
4
|
-
class WrSpinner {
|
|
5
|
-
constructor() {
|
|
6
|
-
this.class = 'wr-spin';
|
|
7
|
-
}
|
|
8
|
-
}
|
|
9
|
-
WrSpinner.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: WrSpinner, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
10
|
-
WrSpinner.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: WrSpinner, selector: "wr-spin", host: { properties: { "class": "this.class" } }, exportAs: ["wrSpin"], ngImport: i0, template: '<svg viewBox="0 0 50 50"><circle class="path" cx="25" cy="25" r="20" fill="none" stroke-width="5"></circle></svg>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
11
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: WrSpinner, decorators: [{
|
|
12
|
-
type: Component,
|
|
13
|
-
args: [{
|
|
14
|
-
selector: 'wr-spin',
|
|
15
|
-
exportAs: 'wrSpin',
|
|
16
|
-
template: '<svg viewBox="0 0 50 50"><circle class="path" cx="25" cy="25" r="20" fill="none" stroke-width="5"></circle></svg>',
|
|
17
|
-
encapsulation: ViewEncapsulation.None,
|
|
18
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
19
|
-
}]
|
|
20
|
-
}], propDecorators: { class: [{
|
|
21
|
-
type: HostBinding,
|
|
22
|
-
args: ['class']
|
|
23
|
-
}] } });
|
|
24
|
-
|
|
25
|
-
class WrSpinnerModule {
|
|
26
|
-
}
|
|
27
|
-
WrSpinnerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: WrSpinnerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
28
|
-
WrSpinnerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.0.4", ngImport: i0, type: WrSpinnerModule, declarations: [WrSpinner], exports: [WrSpinner] });
|
|
29
|
-
WrSpinnerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: WrSpinnerModule });
|
|
30
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: WrSpinnerModule, decorators: [{
|
|
31
|
-
type: NgModule,
|
|
32
|
-
args: [{
|
|
33
|
-
declarations: [WrSpinner],
|
|
34
|
-
exports: [WrSpinner],
|
|
35
|
-
}]
|
|
36
|
-
}] });
|
|
37
|
-
|
|
38
|
-
/**
|
|
39
|
-
* Generated bundle index. Do not edit.
|
|
40
|
-
*/
|
|
41
|
-
|
|
42
|
-
export { WrSpinner, WrSpinnerModule };
|
|
43
|
-
//# sourceMappingURL=ngwr-spinner.mjs.map
|
|
44
|
-
//# sourceMappingURL=ngwr-spinner.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ngwr-spinner.mjs","sources":["../../../projects/lib/spinner/spinner.ts","../../../projects/lib/spinner/spinner-module.ts","../../../projects/lib/spinner/ngwr-spinner.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, HostBinding, ViewEncapsulation } from '@angular/core';\n\n@Component({\n selector: 'wr-spin',\n exportAs: 'wrSpin',\n template:\n '<svg viewBox=\"0 0 50 50\"><circle class=\"path\" cx=\"25\" cy=\"25\" r=\"20\" fill=\"none\" stroke-width=\"5\"></circle></svg>',\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class WrSpinner {\n @HostBinding('class') class = 'wr-spin';\n}\n","import { NgModule } from '@angular/core';\n\nimport { WrSpinner } from './spinner';\n\n@NgModule({\n declarations: [WrSpinner],\n exports: [WrSpinner],\n})\nexport class WrSpinnerModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;MAUa,SAAS,CAAA;AARtB,IAAA,WAAA,GAAA;AASwB,QAAA,IAAK,CAAA,KAAA,GAAG,SAAS,CAAC;KACzC;;sGAFY,SAAS,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAT,SAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,SAAS,sHAJlB,mHAAmH,EAAA,QAAA,EAAA,IAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;2FAI1G,SAAS,EAAA,UAAA,EAAA,CAAA;kBARrB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,SAAS;AACnB,oBAAA,QAAQ,EAAE,QAAQ;AAClB,oBAAA,QAAQ,EACN,mHAAmH;oBACrH,aAAa,EAAE,iBAAiB,CAAC,IAAI;oBACrC,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAChD,CAAA;8BAEuB,KAAK,EAAA,CAAA;sBAA1B,WAAW;uBAAC,OAAO,CAAA;;;MCHT,eAAe,CAAA;;4GAAf,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;6GAAf,eAAe,EAAA,YAAA,EAAA,CAHX,SAAS,CAAA,EAAA,OAAA,EAAA,CACd,SAAS,CAAA,EAAA,CAAA,CAAA;6GAER,eAAe,EAAA,CAAA,CAAA;2FAAf,eAAe,EAAA,UAAA,EAAA,CAAA;kBAJ3B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,YAAY,EAAE,CAAC,SAAS,CAAC;oBACzB,OAAO,EAAE,CAAC,SAAS,CAAC;iBACrB,CAAA;;;ACPD;;AAEG;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ngwr-tag.mjs","sources":["../../../projects/lib/tag/tag.ts","../../../projects/lib/tag/tag.html","../../../projects/lib/tag/tag-module.ts","../../../projects/lib/tag/ngwr-tag.ts"],"sourcesContent":["import { BooleanInput } from '@angular/cdk/coercion';\nimport { ChangeDetectionStrategy, Component, HostBinding, Input, ViewEncapsulation } from '@angular/core';\n\nimport { WrThemeColor } from 'ngwr/core/color';\nimport { InputBoolean } from 'ngwr/core/decorators';\nimport { SafeAny } from 'ngwr/core/types';\nimport { wrIconName } from 'ngwr/icon';\n\n@Component({\n selector: 'wr-tag',\n exportAs: 'wrTag',\n templateUrl: './tag.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n})\nexport class WrTag {\n @Input() color: WrThemeColor | string = 'primary';\n @Input() icon: wrIconName | null = null;\n @Input() iconPosition: 'start' | 'end' = 'start';\n @Input() @InputBoolean() outlined: BooleanInput = false;\n @Input() @InputBoolean() rounded: BooleanInput = false;\n @Input() @InputBoolean() transparent: BooleanInput = false;\n @Input() @InputBoolean() hoverable: BooleanInput = false;\n @Input() @InputBoolean() loading: BooleanInput = false;\n\n @HostBinding('class')\n get elClasses(): SafeAny {\n return {\n 'wr-tag': true,\n 'wr-tag--primary': this.color === 'primary',\n 'wr-tag--secondary': this.color === 'secondary',\n 'wr-tag--success': this.color === 'success',\n 'wr-tag--warning': this.color === 'warning',\n 'wr-tag--danger': this.color === 'danger',\n 'wr-tag--light': this.color === 'light',\n 'wr-tag--medium': this.color === 'medium',\n 'wr-tag--dark': this.color === 'dark',\n 'wr-tag--icon-start': (this.icon || this.loading) && this.iconPosition === 'start',\n 'wr-tag--icon-end': (this.icon || this.loading) && this.iconPosition === 'end',\n 'wr-tag--loading': this.loading,\n 'wr-tag--rounded': this.rounded,\n 'wr-tag--outlined': this.outlined,\n 'wr-tag--transparent': this.transparent,\n 'wr-tag--hoverable': this.hoverable,\n };\n }\n}\n","<wr-spin class=\"wr-tag__spin\" *ngIf=\"loading && iconPosition === 'start'\"></wr-spin>\n<wr-icon class=\"wr-tag__icon\" *ngIf=\"icon && !loading && iconPosition === 'start'\" [name]=\"icon\"></wr-icon>\n<ng-content></ng-content>\n<wr-spin class=\"wr-tag__spin\" *ngIf=\"loading && iconPosition === 'end'\"></wr-spin>\n<wr-icon class=\"wr-tag__icon\" *ngIf=\"icon && !loading && iconPosition === 'end'\" [name]=\"icon\"></wr-icon>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { WrIconModule } from 'ngwr/icon';\nimport { WrSpinnerModule } from 'ngwr/spinner';\n\nimport { WrTag } from './tag';\n\n@NgModule({\n imports: [CommonModule, WrIconModule, WrSpinnerModule],\n declarations: [WrTag],\n exports: [WrTag],\n})\nexport class WrTagModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -1,208 +0,0 @@
|
|
|
1
|
-
import { coerceBooleanProperty } from '@angular/cdk/coercion';
|
|
2
|
-
import * as i0 from '@angular/core';
|
|
3
|
-
import { Component, ViewEncapsulation, ChangeDetectionStrategy, ViewChild, Input, Directive, HostListener, NgModule } from '@angular/core';
|
|
4
|
-
import * as i2 from 'ngwr/core/overlay';
|
|
5
|
-
import { WR_POSITION_MAP, getPlacementName, WrOverlayModule } from 'ngwr/core/overlay';
|
|
6
|
-
import * as i1 from '@angular/cdk/overlay';
|
|
7
|
-
import { OverlayModule } from '@angular/cdk/overlay';
|
|
8
|
-
import { CommonModule } from '@angular/common';
|
|
9
|
-
|
|
10
|
-
const WR_TOOLTIP_DEFAULT_POSITIONS = [
|
|
11
|
-
WR_POSITION_MAP.top,
|
|
12
|
-
WR_POSITION_MAP.bottom,
|
|
13
|
-
WR_POSITION_MAP.right,
|
|
14
|
-
WR_POSITION_MAP.left,
|
|
15
|
-
];
|
|
16
|
-
|
|
17
|
-
class WrTooltipComponent {
|
|
18
|
-
constructor(cdr) {
|
|
19
|
-
this.cdr = cdr;
|
|
20
|
-
this._message = null;
|
|
21
|
-
this._trigger = 'hover';
|
|
22
|
-
this._visible = false;
|
|
23
|
-
this._position = 'top';
|
|
24
|
-
this.positions = WR_TOOLTIP_DEFAULT_POSITIONS;
|
|
25
|
-
}
|
|
26
|
-
get message() {
|
|
27
|
-
return this._message;
|
|
28
|
-
}
|
|
29
|
-
set message(value) {
|
|
30
|
-
this._message = String(value);
|
|
31
|
-
this.cdr.markForCheck();
|
|
32
|
-
}
|
|
33
|
-
get trigger() {
|
|
34
|
-
return this._trigger;
|
|
35
|
-
}
|
|
36
|
-
set trigger(value) {
|
|
37
|
-
this._trigger = value;
|
|
38
|
-
this.cdr.markForCheck();
|
|
39
|
-
}
|
|
40
|
-
get visible() {
|
|
41
|
-
return this._visible;
|
|
42
|
-
}
|
|
43
|
-
set visible(value) {
|
|
44
|
-
const visible = coerceBooleanProperty(value);
|
|
45
|
-
if (this._visible !== visible) {
|
|
46
|
-
this._visible = visible;
|
|
47
|
-
this.cdr.markForCheck();
|
|
48
|
-
}
|
|
49
|
-
}
|
|
50
|
-
get origin() {
|
|
51
|
-
return this._origin;
|
|
52
|
-
}
|
|
53
|
-
set origin(value) {
|
|
54
|
-
this._origin = value;
|
|
55
|
-
this.cdr.markForCheck();
|
|
56
|
-
}
|
|
57
|
-
get position() {
|
|
58
|
-
return this._position;
|
|
59
|
-
}
|
|
60
|
-
set position(value) {
|
|
61
|
-
this._position = value;
|
|
62
|
-
this.cdr.markForCheck();
|
|
63
|
-
}
|
|
64
|
-
show() {
|
|
65
|
-
if (!this.visible && this.message) {
|
|
66
|
-
this.visible = true;
|
|
67
|
-
}
|
|
68
|
-
}
|
|
69
|
-
hide() {
|
|
70
|
-
if (this.visible) {
|
|
71
|
-
this.visible = false;
|
|
72
|
-
}
|
|
73
|
-
}
|
|
74
|
-
onPositionChange(position) {
|
|
75
|
-
this.position = getPlacementName(position);
|
|
76
|
-
}
|
|
77
|
-
onClickOutside(event) {
|
|
78
|
-
if (!this.origin.nativeElement.contains(event.target)) {
|
|
79
|
-
this.hide();
|
|
80
|
-
}
|
|
81
|
-
}
|
|
82
|
-
}
|
|
83
|
-
WrTooltipComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: WrTooltipComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
84
|
-
WrTooltipComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: WrTooltipComponent, selector: "wr-tooltip", inputs: { message: "message", trigger: "trigger", visible: "visible", origin: "origin", position: "position" }, viewQueries: [{ propertyName: "overlay", first: true, predicate: ["overlay"], descendants: true }], ngImport: i0, template: "<ng-template\n #overlay=\"cdkConnectedOverlay\"\n cdkConnectedOverlay\n wrConnectedOverlay\n [cdkConnectedOverlayOrigin]=\"origin\"\n [cdkConnectedOverlayOpen]=\"visible\"\n [cdkConnectedOverlayPositions]=\"positions\"\n [cdkConnectedOverlayPush]=\"true\"\n [wrArrowPointAtCenter]=\"false\"\n (overlayOutsideClick)=\"onClickOutside($event)\"\n (detach)=\"hide()\"\n (positionChange)=\"onPositionChange($event)\"\n>\n <div class=\"wr-tooltip wr-tooltip--{{ position }}\">\n <div class=\"wr-tooltip__wrapper\">\n <div class=\"wr-tooltip__title\">{{ message }}</div>\n <div class=\"wr-tooltip__arrow\"></div>\n </div>\n </div>\n</ng-template>\n", styles: [".wr-tooltip{margin:.5rem;position:relative}.wr-tooltip__wrapper{display:inline-block;background:var(--wr-color-dark);padding:.5rem;border-radius:.25rem}.wr-tooltip__title{display:block;color:var(--wr-color-white);font-size:.875rem;font-weight:400;line-height:1rem;word-break:break-word}.wr-tooltip__arrow{display:block;position:absolute;z-index:2;width:.5rem;height:.5rem;background:var(--wr-color-dark);pointer-events:none;transform:rotate(45deg)}.wr-tooltip--top .wr-tooltip__arrow{bottom:-.25rem;left:0;right:0;margin:auto}.wr-tooltip--bottom .wr-tooltip__arrow{top:-.25rem;left:0;right:0;margin:auto}.wr-tooltip--left .wr-tooltip__arrow{top:0;bottom:0;right:-.25rem;margin:auto}.wr-tooltip--right .wr-tooltip__arrow{top:0;bottom:0;left:-.25rem;margin:auto}\n"], dependencies: [{ kind: "directive", type: i1.CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: i2.WrConnectedOverlayDirective, selector: "[cdkConnectedOverlay][wrConnectedOverlay]", inputs: ["wrArrowPointAtCenter"], exportAs: ["wrConnectedOverlay"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
85
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: WrTooltipComponent, decorators: [{
|
|
86
|
-
type: Component,
|
|
87
|
-
args: [{ selector: 'wr-tooltip', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, preserveWhitespaces: false, template: "<ng-template\n #overlay=\"cdkConnectedOverlay\"\n cdkConnectedOverlay\n wrConnectedOverlay\n [cdkConnectedOverlayOrigin]=\"origin\"\n [cdkConnectedOverlayOpen]=\"visible\"\n [cdkConnectedOverlayPositions]=\"positions\"\n [cdkConnectedOverlayPush]=\"true\"\n [wrArrowPointAtCenter]=\"false\"\n (overlayOutsideClick)=\"onClickOutside($event)\"\n (detach)=\"hide()\"\n (positionChange)=\"onPositionChange($event)\"\n>\n <div class=\"wr-tooltip wr-tooltip--{{ position }}\">\n <div class=\"wr-tooltip__wrapper\">\n <div class=\"wr-tooltip__title\">{{ message }}</div>\n <div class=\"wr-tooltip__arrow\"></div>\n </div>\n </div>\n</ng-template>\n", styles: [".wr-tooltip{margin:.5rem;position:relative}.wr-tooltip__wrapper{display:inline-block;background:var(--wr-color-dark);padding:.5rem;border-radius:.25rem}.wr-tooltip__title{display:block;color:var(--wr-color-white);font-size:.875rem;font-weight:400;line-height:1rem;word-break:break-word}.wr-tooltip__arrow{display:block;position:absolute;z-index:2;width:.5rem;height:.5rem;background:var(--wr-color-dark);pointer-events:none;transform:rotate(45deg)}.wr-tooltip--top .wr-tooltip__arrow{bottom:-.25rem;left:0;right:0;margin:auto}.wr-tooltip--bottom .wr-tooltip__arrow{top:-.25rem;left:0;right:0;margin:auto}.wr-tooltip--left .wr-tooltip__arrow{top:0;bottom:0;right:-.25rem;margin:auto}.wr-tooltip--right .wr-tooltip__arrow{top:0;bottom:0;left:-.25rem;margin:auto}\n"] }]
|
|
88
|
-
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { overlay: [{
|
|
89
|
-
type: ViewChild,
|
|
90
|
-
args: ['overlay', { static: false }]
|
|
91
|
-
}], message: [{
|
|
92
|
-
type: Input
|
|
93
|
-
}], trigger: [{
|
|
94
|
-
type: Input
|
|
95
|
-
}], visible: [{
|
|
96
|
-
type: Input
|
|
97
|
-
}], origin: [{
|
|
98
|
-
type: Input
|
|
99
|
-
}], position: [{
|
|
100
|
-
type: Input
|
|
101
|
-
}] } });
|
|
102
|
-
|
|
103
|
-
class WrTooltipDirective {
|
|
104
|
-
constructor(elRef, r2, vcr) {
|
|
105
|
-
this.elRef = elRef;
|
|
106
|
-
this.r2 = r2;
|
|
107
|
-
this.vcr = vcr;
|
|
108
|
-
this.message = null;
|
|
109
|
-
this.trigger = 'hover';
|
|
110
|
-
this.componentRef = this.vcr.createComponent(WrTooltipComponent);
|
|
111
|
-
}
|
|
112
|
-
onClick(event) {
|
|
113
|
-
if (this.trigger === 'click') {
|
|
114
|
-
event.preventDefault();
|
|
115
|
-
this.onTooltipShow();
|
|
116
|
-
}
|
|
117
|
-
}
|
|
118
|
-
onMouseEnter() {
|
|
119
|
-
if (this.trigger === 'hover') {
|
|
120
|
-
this.onTooltipShow();
|
|
121
|
-
}
|
|
122
|
-
}
|
|
123
|
-
onMouseLeave() {
|
|
124
|
-
var _a;
|
|
125
|
-
if (this.trigger === 'hover') {
|
|
126
|
-
let overlayElement;
|
|
127
|
-
this.leaveDelay(true, false, 0.1);
|
|
128
|
-
if (((_a = this.componentRef.instance) === null || _a === void 0 ? void 0 : _a.overlay.overlayRef) && !overlayElement) {
|
|
129
|
-
overlayElement = this.componentRef.instance.overlay.overlayRef.overlayElement;
|
|
130
|
-
this.r2.listen(overlayElement, 'mouseenter', () => {
|
|
131
|
-
this.leaveDelay(false, true, 0.1);
|
|
132
|
-
});
|
|
133
|
-
this.r2.listen(overlayElement, 'mouseleave', () => {
|
|
134
|
-
this.leaveDelay(false, false, -1);
|
|
135
|
-
});
|
|
136
|
-
}
|
|
137
|
-
}
|
|
138
|
-
}
|
|
139
|
-
ngAfterViewInit() {
|
|
140
|
-
this.componentRef.instance.origin = this.elRef;
|
|
141
|
-
this.componentRef.instance.message = this.message;
|
|
142
|
-
this.componentRef.instance.trigger = this.trigger;
|
|
143
|
-
}
|
|
144
|
-
onTooltipShow() {
|
|
145
|
-
var _a, _b;
|
|
146
|
-
(_b = (_a = this.componentRef) === null || _a === void 0 ? void 0 : _a.instance) === null || _b === void 0 ? void 0 : _b.show();
|
|
147
|
-
}
|
|
148
|
-
onTooltipHide() {
|
|
149
|
-
var _a, _b;
|
|
150
|
-
(_b = (_a = this.componentRef) === null || _a === void 0 ? void 0 : _a.instance) === null || _b === void 0 ? void 0 : _b.hide();
|
|
151
|
-
}
|
|
152
|
-
leaveDelay(isOrigin, isEnter, delay = -1) {
|
|
153
|
-
if (delay > 0) {
|
|
154
|
-
this.delayTimer = setTimeout(() => {
|
|
155
|
-
this.delayTimer = undefined;
|
|
156
|
-
isEnter ? this.onTooltipShow() : this.onTooltipHide();
|
|
157
|
-
}, delay * 1000);
|
|
158
|
-
}
|
|
159
|
-
else {
|
|
160
|
-
isEnter && isOrigin ? this.onTooltipShow() : this.onTooltipHide();
|
|
161
|
-
}
|
|
162
|
-
}
|
|
163
|
-
}
|
|
164
|
-
WrTooltipDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: WrTooltipDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
165
|
-
WrTooltipDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.4", type: WrTooltipDirective, selector: "[wrTooltip]", inputs: { message: ["wrTooltip", "message"], trigger: "trigger" }, host: { listeners: { "click": "onClick($event)", "mouseenter": "onMouseEnter()", "mouseleave": "onMouseLeave()" } }, exportAs: ["wrTooltip"], ngImport: i0 });
|
|
166
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: WrTooltipDirective, decorators: [{
|
|
167
|
-
type: Directive,
|
|
168
|
-
args: [{
|
|
169
|
-
selector: '[wrTooltip]',
|
|
170
|
-
exportAs: 'wrTooltip',
|
|
171
|
-
}]
|
|
172
|
-
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.ViewContainerRef }]; }, propDecorators: { message: [{
|
|
173
|
-
type: Input,
|
|
174
|
-
args: ['wrTooltip']
|
|
175
|
-
}], trigger: [{
|
|
176
|
-
type: Input
|
|
177
|
-
}], onClick: [{
|
|
178
|
-
type: HostListener,
|
|
179
|
-
args: ['click', ['$event']]
|
|
180
|
-
}], onMouseEnter: [{
|
|
181
|
-
type: HostListener,
|
|
182
|
-
args: ['mouseenter']
|
|
183
|
-
}], onMouseLeave: [{
|
|
184
|
-
type: HostListener,
|
|
185
|
-
args: ['mouseleave']
|
|
186
|
-
}] } });
|
|
187
|
-
|
|
188
|
-
class WrTooltipModule {
|
|
189
|
-
}
|
|
190
|
-
WrTooltipModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: WrTooltipModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
191
|
-
WrTooltipModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.0.4", ngImport: i0, type: WrTooltipModule, declarations: [WrTooltipComponent, WrTooltipDirective], imports: [CommonModule, OverlayModule, WrOverlayModule], exports: [WrTooltipComponent, WrTooltipDirective] });
|
|
192
|
-
WrTooltipModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: WrTooltipModule, imports: [CommonModule, OverlayModule, WrOverlayModule] });
|
|
193
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: WrTooltipModule, decorators: [{
|
|
194
|
-
type: NgModule,
|
|
195
|
-
args: [{
|
|
196
|
-
imports: [CommonModule, OverlayModule, WrOverlayModule],
|
|
197
|
-
declarations: [WrTooltipComponent, WrTooltipDirective],
|
|
198
|
-
exports: [WrTooltipComponent, WrTooltipDirective],
|
|
199
|
-
}]
|
|
200
|
-
}] });
|
|
201
|
-
|
|
202
|
-
/**
|
|
203
|
-
* Generated bundle index. Do not edit.
|
|
204
|
-
*/
|
|
205
|
-
|
|
206
|
-
export { WR_TOOLTIP_DEFAULT_POSITIONS, WrTooltipComponent, WrTooltipDirective, WrTooltipModule };
|
|
207
|
-
//# sourceMappingURL=ngwr-tooltip.mjs.map
|
|
208
|
-
//# sourceMappingURL=ngwr-tooltip.mjs.map
|
package/fesm2015/ngwr.mjs
DELETED
package/fesm2020/ngwr-button.mjs
DELETED
|
@@ -1,212 +0,0 @@
|
|
|
1
|
-
import { __decorate } from 'tslib';
|
|
2
|
-
import { coerceBooleanProperty } from '@angular/cdk/coercion';
|
|
3
|
-
import * as i0 from '@angular/core';
|
|
4
|
-
import { Component, ChangeDetectionStrategy, ViewEncapsulation, Input, HostBinding, NgModule } from '@angular/core';
|
|
5
|
-
import { WrAbstractBase } from 'ngwr/core/abstract';
|
|
6
|
-
import { isThemeColor } from 'ngwr/core/color';
|
|
7
|
-
import { InputBoolean } from 'ngwr/core/decorators';
|
|
8
|
-
import * as i1 from '@angular/common';
|
|
9
|
-
import { CommonModule } from '@angular/common';
|
|
10
|
-
import * as i2 from 'ngwr/spinner';
|
|
11
|
-
import { WrSpinnerModule } from 'ngwr/spinner';
|
|
12
|
-
import * as i3 from 'ngwr/icon';
|
|
13
|
-
import { WrIconModule } from 'ngwr/icon';
|
|
14
|
-
|
|
15
|
-
class WrButton extends WrAbstractBase {
|
|
16
|
-
constructor(cdr, elRef, ngZone) {
|
|
17
|
-
super();
|
|
18
|
-
this.cdr = cdr;
|
|
19
|
-
this.elRef = elRef;
|
|
20
|
-
this.ngZone = ngZone;
|
|
21
|
-
this._color = 'primary';
|
|
22
|
-
this._size = 'default';
|
|
23
|
-
this._outlined = false;
|
|
24
|
-
this._rounded = false;
|
|
25
|
-
this._fullwidth = false;
|
|
26
|
-
this._loading = false;
|
|
27
|
-
this._disabled = false;
|
|
28
|
-
this._icon = null;
|
|
29
|
-
this._iconPosition = 'start';
|
|
30
|
-
/* A disabled button shouldn't apply any actions */
|
|
31
|
-
this.preventEventsWhenDisabled = (event) => {
|
|
32
|
-
if (this.disabled) {
|
|
33
|
-
event.preventDefault();
|
|
34
|
-
event.stopImmediatePropagation();
|
|
35
|
-
}
|
|
36
|
-
};
|
|
37
|
-
}
|
|
38
|
-
/** Set color of `wr-btn`; */
|
|
39
|
-
get color() {
|
|
40
|
-
return this._color;
|
|
41
|
-
}
|
|
42
|
-
set color(value) {
|
|
43
|
-
this._color = isThemeColor(value) ? value : 'primary';
|
|
44
|
-
this.cdr.markForCheck();
|
|
45
|
-
}
|
|
46
|
-
/** Set size of `wr-btn`; */
|
|
47
|
-
get size() {
|
|
48
|
-
return this._size;
|
|
49
|
-
}
|
|
50
|
-
set size(value) {
|
|
51
|
-
this._size = value;
|
|
52
|
-
this.cdr.markForCheck();
|
|
53
|
-
}
|
|
54
|
-
/** Set outlined state of `wr-btn`; */
|
|
55
|
-
get outlined() {
|
|
56
|
-
return this._outlined;
|
|
57
|
-
}
|
|
58
|
-
set outlined(value) {
|
|
59
|
-
this._outlined = coerceBooleanProperty(value);
|
|
60
|
-
this.cdr.markForCheck();
|
|
61
|
-
}
|
|
62
|
-
/** Set rounded state of `wr-btn`; */
|
|
63
|
-
get rounded() {
|
|
64
|
-
return this._rounded;
|
|
65
|
-
}
|
|
66
|
-
set rounded(value) {
|
|
67
|
-
this._rounded = coerceBooleanProperty(value);
|
|
68
|
-
this.cdr.markForCheck();
|
|
69
|
-
}
|
|
70
|
-
/** Set fullwidth state of `wr-btn`; */
|
|
71
|
-
get fullwidth() {
|
|
72
|
-
return this._fullwidth;
|
|
73
|
-
}
|
|
74
|
-
set fullwidth(value) {
|
|
75
|
-
this._fullwidth = coerceBooleanProperty(value);
|
|
76
|
-
this.cdr.markForCheck();
|
|
77
|
-
}
|
|
78
|
-
/** Set loading state of `wr-btn`; */
|
|
79
|
-
get loading() {
|
|
80
|
-
return this._loading;
|
|
81
|
-
}
|
|
82
|
-
set loading(value) {
|
|
83
|
-
this._loading = coerceBooleanProperty(value);
|
|
84
|
-
this.cdr.markForCheck();
|
|
85
|
-
}
|
|
86
|
-
/** Set disabled state of `wr-btn`; */
|
|
87
|
-
get disabled() {
|
|
88
|
-
return this._disabled;
|
|
89
|
-
}
|
|
90
|
-
set disabled(value) {
|
|
91
|
-
this._disabled = coerceBooleanProperty(value);
|
|
92
|
-
this.cdr.markForCheck();
|
|
93
|
-
}
|
|
94
|
-
/** Set icon of `wr-btn`; */
|
|
95
|
-
get icon() {
|
|
96
|
-
return this._icon;
|
|
97
|
-
}
|
|
98
|
-
set icon(value) {
|
|
99
|
-
this._icon = value;
|
|
100
|
-
this.cdr.markForCheck();
|
|
101
|
-
}
|
|
102
|
-
/** Set icon position of `wr-btn`; */
|
|
103
|
-
get iconPosition() {
|
|
104
|
-
return this._iconPosition;
|
|
105
|
-
}
|
|
106
|
-
set iconPosition(value) {
|
|
107
|
-
this._iconPosition = value;
|
|
108
|
-
this.cdr.markForCheck();
|
|
109
|
-
}
|
|
110
|
-
/** Set element disabled attribute */
|
|
111
|
-
get nativeDisabled() {
|
|
112
|
-
return this._disabled ? '' : null;
|
|
113
|
-
}
|
|
114
|
-
/** Set element classes */
|
|
115
|
-
get elClasses() {
|
|
116
|
-
return {
|
|
117
|
-
'wr-btn': true,
|
|
118
|
-
'wr-btn--primary': this.color === 'primary',
|
|
119
|
-
'wr-btn--secondary': this.color === 'secondary',
|
|
120
|
-
'wr-btn--success': this.color === 'success',
|
|
121
|
-
'wr-btn--warning': this.color === 'warning',
|
|
122
|
-
'wr-btn--danger': this.color === 'danger',
|
|
123
|
-
'wr-btn--light': this.color === 'light',
|
|
124
|
-
'wr-btn--medium': this.color === 'medium',
|
|
125
|
-
'wr-btn--dark': this.color === 'dark',
|
|
126
|
-
'wr-btn--default': this.size === 'default',
|
|
127
|
-
'wr-btn--small': this.size === 'small',
|
|
128
|
-
'wr-btn--icon-start': this.icon && this.iconPosition === 'start',
|
|
129
|
-
'wr-btn--icon-end': this.icon && this.iconPosition === 'end',
|
|
130
|
-
'wr-btn--outlined': this.outlined,
|
|
131
|
-
'wr-btn--rounded': this.rounded,
|
|
132
|
-
'wr-btn--loading': this.loading,
|
|
133
|
-
'wr-btn--full': this.fullwidth,
|
|
134
|
-
};
|
|
135
|
-
}
|
|
136
|
-
ngOnInit() {
|
|
137
|
-
this.ngZone.runOutsideAngular(() => {
|
|
138
|
-
this.elRef.nativeElement.addEventListener('click', this.preventEventsWhenDisabled);
|
|
139
|
-
});
|
|
140
|
-
}
|
|
141
|
-
ngOnDestroy() {
|
|
142
|
-
super.ngOnDestroy();
|
|
143
|
-
this.elRef.nativeElement.removeEventListener('click', this.preventEventsWhenDisabled);
|
|
144
|
-
}
|
|
145
|
-
}
|
|
146
|
-
WrButton.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: WrButton, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
|
|
147
|
-
WrButton.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: WrButton, selector: "wr-btn, button[wr-btn], a[wr-btn]", inputs: { color: "color", size: "size", outlined: "outlined", rounded: "rounded", fullwidth: "fullwidth", loading: "loading", disabled: "disabled", icon: "icon", iconPosition: "iconPosition" }, host: { properties: { "attr.disabled": "this.nativeDisabled", "class": "this.elClasses" } }, exportAs: ["wrBtn"], usesInheritance: true, ngImport: i0, template: "<wr-spin *ngIf=\"loading\" class=\"wr-btn__spin\"></wr-spin>\n<wr-icon *ngIf=\"icon && iconPosition === 'start'\" class=\"wr-btn__icon\" [name]=\"icon\"></wr-icon>\n<span class=\"wr-btn__text\"><ng-content></ng-content></span>\n<wr-icon *ngIf=\"icon && iconPosition === 'end'\" class=\"wr-btn__icon\" [name]=\"icon\"></wr-icon>\n", styles: [".wr-btn{display:inline-block;padding:var(--wr-btn-padding-y-base) var(--wr-btn-padding-x-base);font-family:var(--wr-btn-font-family-base);font-size:var(--wr-btn-font-size-base);font-weight:var(--wr-btn-font-weight-base);line-height:var(--wr-btn-line-height-base);text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;user-select:none;border:none;border-radius:var(--wr-btn-border-radius-base);transition:var(--wr-transition-short);position:relative}.wr-btn:hover{text-decoration:none}.wr-btn[disabled],.wr-btn:disabled,.wr-btn.disabled,fieldset:disabled .wr-btn{color:var(--wr-color-medium)!important;background-color:var(--wr-color-light)!important;background-image:none;border:none;box-shadow:none!important;pointer-events:none}.wr-btn[disabled] .wr-btn__icon,.wr-btn[disabled] .wr-btn__spin,.wr-btn:disabled .wr-btn__icon,.wr-btn:disabled .wr-btn__spin,.wr-btn.disabled .wr-btn__icon,.wr-btn.disabled .wr-btn__spin,fieldset:disabled .wr-btn .wr-btn__icon,fieldset:disabled .wr-btn .wr-btn__spin{color:var(--wr-color-medium)}.wr-btn__text{display:inline-block;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;word-break:break-all;padding:0;transition:var(--wr-transition-base)}.wr-btn__spin{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%)}.wr-btn__icon{width:1rem!important;height:1rem!important;min-width:1rem!important;min-height:1rem!important;transition:var(--wr-transition-base)}.wr-btn--icon-start{padding-left:calc(var(--wr-btn-padding-x-base) - .0825rem)}.wr-btn--icon-start .wr-btn__icon{margin-right:.375rem}.wr-btn--icon-end .wr-btn__icon{margin-left:.25rem}.wr-btn--loading{pointer-events:none}.wr-btn--loading .wr-btn__text,.wr-btn--loading .wr-btn__icon{opacity:0}.wr-btn--rounded{border-radius:var(--wr-btn-rounded-border-radius);padding:var(--wr-btn-rounded-padding-y) var(--wr-btn-rounded-padding-x)}.wr-btn--small{padding:var(--wr-btn-padding-y-small) var(--wr-btn-padding-x-small);border-radius:var(--wr-btn-border-radius-small);font-size:var(--wr-btn-font-size-small);line-height:var(--wr-btn-line-height-small)}.wr-btn--small .wr-btn__icon,.wr-btn--small .wr-btn__spin{height:var(--wr-btn-font-size-small)!important;width:var(--wr-btn-font-size-small)!important;min-height:var(--wr-btn-font-size-small)!important;min-width:var(--wr-btn-font-size-small)!important}.wr-btn--small .wr-btn--icon-start .wr-btn__icon{margin-right:.2rem!important}.wr-btn--small .wr-btn--icon-end .wr-btn__icon{margin-left:.2rem!important}.wr-btn--full{display:block;width:100%}.wr-btn--primary{color:var(--wr-color-primary-contrast);background-color:var(--wr-color-primary)}.wr-btn--primary:hover{color:var(--wr-color-primary-contrast);background-color:var(--wr-color-primary-shade)}.wr-btn--primary.wr-btn--outlined{color:var(--wr-color-primary);background-color:transparent;box-shadow:inset 0 0 0 1.25px rgba(var(--wr-color-primary-rgb),.375)}.wr-btn--primary.wr-btn--outlined:hover{color:var(--wr-color-primary-contrast);background-color:var(--wr-color-primary);box-shadow:none}.wr-btn--secondary{color:var(--wr-color-secondary-contrast);background-color:var(--wr-color-secondary)}.wr-btn--secondary:hover{color:var(--wr-color-secondary-contrast);background-color:var(--wr-color-secondary-shade)}.wr-btn--secondary.wr-btn--outlined{color:var(--wr-color-secondary);background-color:transparent;box-shadow:inset 0 0 0 1.25px rgba(var(--wr-color-secondary-rgb),.375)}.wr-btn--secondary.wr-btn--outlined:hover{color:var(--wr-color-secondary-contrast);background-color:var(--wr-color-secondary);box-shadow:none}.wr-btn--light{color:var(--wr-color-light-contrast);background-color:var(--wr-color-light)}.wr-btn--light:hover{color:var(--wr-color-light-contrast);background-color:var(--wr-color-light-shade)}.wr-btn--light.wr-btn--outlined{color:var(--wr-color-light);background-color:transparent;box-shadow:inset 0 0 0 1.25px rgba(var(--wr-color-light-rgb),.375)}.wr-btn--light.wr-btn--outlined:hover{color:var(--wr-color-light-contrast);background-color:var(--wr-color-light);box-shadow:none}.wr-btn--medium{color:var(--wr-color-medium-contrast);background-color:var(--wr-color-medium)}.wr-btn--medium:hover{color:var(--wr-color-medium-contrast);background-color:var(--wr-color-medium-shade)}.wr-btn--medium.wr-btn--outlined{color:var(--wr-color-medium);background-color:transparent;box-shadow:inset 0 0 0 1.25px rgba(var(--wr-color-medium-rgb),.375)}.wr-btn--medium.wr-btn--outlined:hover{color:var(--wr-color-medium-contrast);background-color:var(--wr-color-medium);box-shadow:none}.wr-btn--dark{color:var(--wr-color-dark-contrast);background-color:var(--wr-color-dark)}.wr-btn--dark:hover{color:var(--wr-color-dark-contrast);background-color:var(--wr-color-dark-shade)}.wr-btn--dark.wr-btn--outlined{color:var(--wr-color-dark);background-color:transparent;box-shadow:inset 0 0 0 1.25px rgba(var(--wr-color-dark-rgb),.375)}.wr-btn--dark.wr-btn--outlined:hover{color:var(--wr-color-dark-contrast);background-color:var(--wr-color-dark);box-shadow:none}.wr-btn--success{color:var(--wr-color-success-contrast);background-color:var(--wr-color-success)}.wr-btn--success:hover{color:var(--wr-color-success-contrast);background-color:var(--wr-color-success-shade)}.wr-btn--success.wr-btn--outlined{color:var(--wr-color-success);background-color:transparent;box-shadow:inset 0 0 0 1.25px rgba(var(--wr-color-success-rgb),.375)}.wr-btn--success.wr-btn--outlined:hover{color:var(--wr-color-success-contrast);background-color:var(--wr-color-success);box-shadow:none}.wr-btn--warning{color:var(--wr-color-warning-contrast);background-color:var(--wr-color-warning)}.wr-btn--warning:hover{color:var(--wr-color-warning-contrast);background-color:var(--wr-color-warning-shade)}.wr-btn--warning.wr-btn--outlined{color:var(--wr-color-warning);background-color:transparent;box-shadow:inset 0 0 0 1.25px rgba(var(--wr-color-warning-rgb),.375)}.wr-btn--warning.wr-btn--outlined:hover{color:var(--wr-color-warning-contrast);background-color:var(--wr-color-warning);box-shadow:none}.wr-btn--danger{color:var(--wr-color-danger-contrast);background-color:var(--wr-color-danger)}.wr-btn--danger:hover{color:var(--wr-color-danger-contrast);background-color:var(--wr-color-danger-shade)}.wr-btn--danger.wr-btn--outlined{color:var(--wr-color-danger);background-color:transparent;box-shadow:inset 0 0 0 1.25px rgba(var(--wr-color-danger-rgb),.375)}.wr-btn--danger.wr-btn--outlined:hover{color:var(--wr-color-danger-contrast);background-color:var(--wr-color-danger);box-shadow:none}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.WrSpinner, selector: "wr-spin", exportAs: ["wrSpin"] }, { kind: "directive", type: i3.WrIcon, selector: "wr-icon[name]", inputs: ["name"], exportAs: ["wrIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
148
|
-
__decorate([
|
|
149
|
-
InputBoolean()
|
|
150
|
-
], WrButton.prototype, "outlined", null);
|
|
151
|
-
__decorate([
|
|
152
|
-
InputBoolean()
|
|
153
|
-
], WrButton.prototype, "rounded", null);
|
|
154
|
-
__decorate([
|
|
155
|
-
InputBoolean()
|
|
156
|
-
], WrButton.prototype, "fullwidth", null);
|
|
157
|
-
__decorate([
|
|
158
|
-
InputBoolean()
|
|
159
|
-
], WrButton.prototype, "loading", null);
|
|
160
|
-
__decorate([
|
|
161
|
-
InputBoolean()
|
|
162
|
-
], WrButton.prototype, "disabled", null);
|
|
163
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: WrButton, decorators: [{
|
|
164
|
-
type: Component,
|
|
165
|
-
args: [{ selector: 'wr-btn, button[wr-btn], a[wr-btn]', exportAs: 'wrBtn', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<wr-spin *ngIf=\"loading\" class=\"wr-btn__spin\"></wr-spin>\n<wr-icon *ngIf=\"icon && iconPosition === 'start'\" class=\"wr-btn__icon\" [name]=\"icon\"></wr-icon>\n<span class=\"wr-btn__text\"><ng-content></ng-content></span>\n<wr-icon *ngIf=\"icon && iconPosition === 'end'\" class=\"wr-btn__icon\" [name]=\"icon\"></wr-icon>\n", styles: [".wr-btn{display:inline-block;padding:var(--wr-btn-padding-y-base) var(--wr-btn-padding-x-base);font-family:var(--wr-btn-font-family-base);font-size:var(--wr-btn-font-size-base);font-weight:var(--wr-btn-font-weight-base);line-height:var(--wr-btn-line-height-base);text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;user-select:none;border:none;border-radius:var(--wr-btn-border-radius-base);transition:var(--wr-transition-short);position:relative}.wr-btn:hover{text-decoration:none}.wr-btn[disabled],.wr-btn:disabled,.wr-btn.disabled,fieldset:disabled .wr-btn{color:var(--wr-color-medium)!important;background-color:var(--wr-color-light)!important;background-image:none;border:none;box-shadow:none!important;pointer-events:none}.wr-btn[disabled] .wr-btn__icon,.wr-btn[disabled] .wr-btn__spin,.wr-btn:disabled .wr-btn__icon,.wr-btn:disabled .wr-btn__spin,.wr-btn.disabled .wr-btn__icon,.wr-btn.disabled .wr-btn__spin,fieldset:disabled .wr-btn .wr-btn__icon,fieldset:disabled .wr-btn .wr-btn__spin{color:var(--wr-color-medium)}.wr-btn__text{display:inline-block;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;word-break:break-all;padding:0;transition:var(--wr-transition-base)}.wr-btn__spin{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%)}.wr-btn__icon{width:1rem!important;height:1rem!important;min-width:1rem!important;min-height:1rem!important;transition:var(--wr-transition-base)}.wr-btn--icon-start{padding-left:calc(var(--wr-btn-padding-x-base) - .0825rem)}.wr-btn--icon-start .wr-btn__icon{margin-right:.375rem}.wr-btn--icon-end .wr-btn__icon{margin-left:.25rem}.wr-btn--loading{pointer-events:none}.wr-btn--loading .wr-btn__text,.wr-btn--loading .wr-btn__icon{opacity:0}.wr-btn--rounded{border-radius:var(--wr-btn-rounded-border-radius);padding:var(--wr-btn-rounded-padding-y) var(--wr-btn-rounded-padding-x)}.wr-btn--small{padding:var(--wr-btn-padding-y-small) var(--wr-btn-padding-x-small);border-radius:var(--wr-btn-border-radius-small);font-size:var(--wr-btn-font-size-small);line-height:var(--wr-btn-line-height-small)}.wr-btn--small .wr-btn__icon,.wr-btn--small .wr-btn__spin{height:var(--wr-btn-font-size-small)!important;width:var(--wr-btn-font-size-small)!important;min-height:var(--wr-btn-font-size-small)!important;min-width:var(--wr-btn-font-size-small)!important}.wr-btn--small .wr-btn--icon-start .wr-btn__icon{margin-right:.2rem!important}.wr-btn--small .wr-btn--icon-end .wr-btn__icon{margin-left:.2rem!important}.wr-btn--full{display:block;width:100%}.wr-btn--primary{color:var(--wr-color-primary-contrast);background-color:var(--wr-color-primary)}.wr-btn--primary:hover{color:var(--wr-color-primary-contrast);background-color:var(--wr-color-primary-shade)}.wr-btn--primary.wr-btn--outlined{color:var(--wr-color-primary);background-color:transparent;box-shadow:inset 0 0 0 1.25px rgba(var(--wr-color-primary-rgb),.375)}.wr-btn--primary.wr-btn--outlined:hover{color:var(--wr-color-primary-contrast);background-color:var(--wr-color-primary);box-shadow:none}.wr-btn--secondary{color:var(--wr-color-secondary-contrast);background-color:var(--wr-color-secondary)}.wr-btn--secondary:hover{color:var(--wr-color-secondary-contrast);background-color:var(--wr-color-secondary-shade)}.wr-btn--secondary.wr-btn--outlined{color:var(--wr-color-secondary);background-color:transparent;box-shadow:inset 0 0 0 1.25px rgba(var(--wr-color-secondary-rgb),.375)}.wr-btn--secondary.wr-btn--outlined:hover{color:var(--wr-color-secondary-contrast);background-color:var(--wr-color-secondary);box-shadow:none}.wr-btn--light{color:var(--wr-color-light-contrast);background-color:var(--wr-color-light)}.wr-btn--light:hover{color:var(--wr-color-light-contrast);background-color:var(--wr-color-light-shade)}.wr-btn--light.wr-btn--outlined{color:var(--wr-color-light);background-color:transparent;box-shadow:inset 0 0 0 1.25px rgba(var(--wr-color-light-rgb),.375)}.wr-btn--light.wr-btn--outlined:hover{color:var(--wr-color-light-contrast);background-color:var(--wr-color-light);box-shadow:none}.wr-btn--medium{color:var(--wr-color-medium-contrast);background-color:var(--wr-color-medium)}.wr-btn--medium:hover{color:var(--wr-color-medium-contrast);background-color:var(--wr-color-medium-shade)}.wr-btn--medium.wr-btn--outlined{color:var(--wr-color-medium);background-color:transparent;box-shadow:inset 0 0 0 1.25px rgba(var(--wr-color-medium-rgb),.375)}.wr-btn--medium.wr-btn--outlined:hover{color:var(--wr-color-medium-contrast);background-color:var(--wr-color-medium);box-shadow:none}.wr-btn--dark{color:var(--wr-color-dark-contrast);background-color:var(--wr-color-dark)}.wr-btn--dark:hover{color:var(--wr-color-dark-contrast);background-color:var(--wr-color-dark-shade)}.wr-btn--dark.wr-btn--outlined{color:var(--wr-color-dark);background-color:transparent;box-shadow:inset 0 0 0 1.25px rgba(var(--wr-color-dark-rgb),.375)}.wr-btn--dark.wr-btn--outlined:hover{color:var(--wr-color-dark-contrast);background-color:var(--wr-color-dark);box-shadow:none}.wr-btn--success{color:var(--wr-color-success-contrast);background-color:var(--wr-color-success)}.wr-btn--success:hover{color:var(--wr-color-success-contrast);background-color:var(--wr-color-success-shade)}.wr-btn--success.wr-btn--outlined{color:var(--wr-color-success);background-color:transparent;box-shadow:inset 0 0 0 1.25px rgba(var(--wr-color-success-rgb),.375)}.wr-btn--success.wr-btn--outlined:hover{color:var(--wr-color-success-contrast);background-color:var(--wr-color-success);box-shadow:none}.wr-btn--warning{color:var(--wr-color-warning-contrast);background-color:var(--wr-color-warning)}.wr-btn--warning:hover{color:var(--wr-color-warning-contrast);background-color:var(--wr-color-warning-shade)}.wr-btn--warning.wr-btn--outlined{color:var(--wr-color-warning);background-color:transparent;box-shadow:inset 0 0 0 1.25px rgba(var(--wr-color-warning-rgb),.375)}.wr-btn--warning.wr-btn--outlined:hover{color:var(--wr-color-warning-contrast);background-color:var(--wr-color-warning);box-shadow:none}.wr-btn--danger{color:var(--wr-color-danger-contrast);background-color:var(--wr-color-danger)}.wr-btn--danger:hover{color:var(--wr-color-danger-contrast);background-color:var(--wr-color-danger-shade)}.wr-btn--danger.wr-btn--outlined{color:var(--wr-color-danger);background-color:transparent;box-shadow:inset 0 0 0 1.25px rgba(var(--wr-color-danger-rgb),.375)}.wr-btn--danger.wr-btn--outlined:hover{color:var(--wr-color-danger-contrast);background-color:var(--wr-color-danger);box-shadow:none}\n"] }]
|
|
166
|
-
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; }, propDecorators: { color: [{
|
|
167
|
-
type: Input
|
|
168
|
-
}], size: [{
|
|
169
|
-
type: Input
|
|
170
|
-
}], outlined: [{
|
|
171
|
-
type: Input
|
|
172
|
-
}], rounded: [{
|
|
173
|
-
type: Input
|
|
174
|
-
}], fullwidth: [{
|
|
175
|
-
type: Input
|
|
176
|
-
}], loading: [{
|
|
177
|
-
type: Input
|
|
178
|
-
}], disabled: [{
|
|
179
|
-
type: Input
|
|
180
|
-
}], icon: [{
|
|
181
|
-
type: Input
|
|
182
|
-
}], iconPosition: [{
|
|
183
|
-
type: Input
|
|
184
|
-
}], nativeDisabled: [{
|
|
185
|
-
type: HostBinding,
|
|
186
|
-
args: ['attr.disabled']
|
|
187
|
-
}], elClasses: [{
|
|
188
|
-
type: HostBinding,
|
|
189
|
-
args: ['class']
|
|
190
|
-
}] } });
|
|
191
|
-
|
|
192
|
-
class WrButtonModule {
|
|
193
|
-
}
|
|
194
|
-
WrButtonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: WrButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
195
|
-
WrButtonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.0.4", ngImport: i0, type: WrButtonModule, declarations: [WrButton], imports: [CommonModule, WrSpinnerModule, WrIconModule], exports: [WrButton] });
|
|
196
|
-
WrButtonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: WrButtonModule, imports: [CommonModule, WrSpinnerModule, WrIconModule] });
|
|
197
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: WrButtonModule, decorators: [{
|
|
198
|
-
type: NgModule,
|
|
199
|
-
args: [{
|
|
200
|
-
imports: [CommonModule, WrSpinnerModule, WrIconModule],
|
|
201
|
-
declarations: [WrButton],
|
|
202
|
-
exports: [WrButton],
|
|
203
|
-
}]
|
|
204
|
-
}] });
|
|
205
|
-
|
|
206
|
-
/**
|
|
207
|
-
* Generated bundle index. Do not edit.
|
|
208
|
-
*/
|
|
209
|
-
|
|
210
|
-
export { WrButton, WrButtonModule };
|
|
211
|
-
//# sourceMappingURL=ngwr-button.mjs.map
|
|
212
|
-
//# sourceMappingURL=ngwr-button.mjs.map
|