@ifsworld/granite-components 4.5.0 → 5.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2020/ifsworld-granite-components.mjs +5 -0
- package/esm2020/index.mjs +48 -0
- package/esm2020/lib/arrange-grid/arrange-grid-item.component.mjs +44 -0
- package/esm2020/lib/arrange-grid/arrange-grid.component.mjs +125 -0
- package/esm2020/lib/arrange-grid/arrange-grid.module.mjs +19 -0
- package/esm2020/lib/badge/badge.component.mjs +39 -0
- package/esm2020/lib/badge/badge.module.mjs +18 -0
- package/esm2020/lib/badge/testing/badge.harness.mjs +25 -0
- package/esm2020/lib/button/button.component.mjs +89 -0
- package/esm2020/lib/button/button.module.mjs +16 -0
- package/esm2020/lib/checkbox/checkbox-group.component.mjs +17 -0
- package/esm2020/lib/checkbox/checkbox.component.mjs +96 -0
- package/esm2020/lib/checkbox/checkbox.module.mjs +17 -0
- package/esm2020/lib/core/animation.mjs +34 -0
- package/esm2020/lib/core/client-environment.mjs +20 -0
- package/esm2020/lib/core/common-behaviors/disabled.mjs +27 -0
- package/esm2020/lib/core/core.module.mjs +36 -0
- package/esm2020/lib/core/devices/client-input-desktop.directive.mjs +29 -0
- package/esm2020/lib/core/devices/client-input-touch.directive.mjs +29 -0
- package/esm2020/lib/core/devices/client-output-desktop.directive.mjs +29 -0
- package/esm2020/lib/core/devices/client-output-touch.directive.mjs +29 -0
- package/esm2020/lib/core/pipes/pure-pipes.module.mjs +16 -0
- package/esm2020/lib/core/pipes/title.pipe.mjs +21 -0
- package/esm2020/lib/core/radio-checkbox-base.mjs +19 -0
- package/esm2020/lib/core/theme.library.mjs +59 -0
- package/esm2020/lib/core/types.mjs +2 -0
- package/esm2020/lib/grid/grid.component.mjs +128 -0
- package/esm2020/lib/grid/grid.module.mjs +18 -0
- package/esm2020/lib/icon/icon.component.mjs +43 -0
- package/esm2020/lib/icon/icon.module.mjs +16 -0
- package/esm2020/lib/input-field/input-field.component.mjs +160 -0
- package/esm2020/lib/input-field/input-field.module.mjs +20 -0
- package/esm2020/lib/menu/divider.directive.mjs +23 -0
- package/esm2020/lib/menu/menu-base.mjs +347 -0
- package/esm2020/lib/menu/menu-desktop-animations.mjs +23 -0
- package/esm2020/lib/menu/menu-errors.mjs +37 -0
- package/esm2020/lib/menu/menu-item.component.mjs +91 -0
- package/esm2020/lib/menu/menu-panel.mjs +7 -0
- package/esm2020/lib/menu/menu-positions.mjs +9 -0
- package/esm2020/lib/menu/menu-touch-animations.mjs +137 -0
- package/esm2020/lib/menu/menu-touch-close.component.mjs +13 -0
- package/esm2020/lib/menu/menu-touch-title.component.mjs +59 -0
- package/esm2020/lib/menu/menu-trigger-for.directive.mjs +702 -0
- package/esm2020/lib/menu/menu.component.mjs +30 -0
- package/esm2020/lib/menu/menu.module.mjs +55 -0
- package/esm2020/lib/menu/testing/menu.harness.mjs +109 -0
- package/esm2020/lib/menu/title.directive.mjs +17 -0
- package/esm2020/lib/radio-button/radio-button.component.mjs +118 -0
- package/esm2020/lib/radio-button/radio-button.module.mjs +17 -0
- package/esm2020/lib/radio-button/radio-group.component.mjs +17 -0
- package/esm2020/lib/table/cell/cell.mjs +15 -0
- package/esm2020/lib/table/cell/table-data-cell.component.mjs +26 -0
- package/esm2020/lib/table/cell/table-header-cell.component.mjs +12 -0
- package/esm2020/lib/table/column/table-column.directive.mjs +23 -0
- package/esm2020/lib/table/table-constants.library.mjs +4 -0
- package/esm2020/lib/table/table.component.mjs +36 -0
- package/esm2020/lib/table/table.module.mjs +32 -0
- package/esm2020/lib/toggle-switch/toggle-switch.component.mjs +96 -0
- package/esm2020/lib/toggle-switch/toggle-switch.module.mjs +16 -0
- package/fesm2015/ifsworld-granite-components.mjs +3145 -0
- package/fesm2015/ifsworld-granite-components.mjs.map +1 -0
- package/fesm2020/ifsworld-granite-components.mjs +3103 -0
- package/fesm2020/ifsworld-granite-components.mjs.map +1 -0
- package/ifsworld-granite-components.d.ts +1 -8
- package/lib/arrange-grid/arrange-grid-item.component.d.ts +3 -0
- package/lib/arrange-grid/arrange-grid.component.d.ts +3 -0
- package/lib/arrange-grid/arrange-grid.module.d.ts +7 -0
- package/lib/badge/badge.component.d.ts +3 -0
- package/lib/badge/badge.module.d.ts +6 -0
- package/lib/button/button.component.d.ts +5 -0
- package/lib/button/button.module.d.ts +5 -0
- package/lib/checkbox/checkbox-group.component.d.ts +3 -0
- package/lib/checkbox/checkbox.component.d.ts +3 -0
- package/lib/checkbox/checkbox.module.d.ts +6 -0
- package/lib/core/core.module.d.ts +8 -0
- package/lib/core/devices/client-input-desktop.directive.d.ts +3 -0
- package/lib/core/devices/client-input-touch.directive.d.ts +3 -0
- package/lib/core/devices/client-output-desktop.directive.d.ts +3 -0
- package/lib/core/devices/client-output-touch.directive.d.ts +3 -0
- package/lib/core/pipes/pure-pipes.module.d.ts +5 -0
- package/lib/core/pipes/title.pipe.d.ts +3 -0
- package/lib/core/radio-checkbox-base.d.ts +3 -0
- package/lib/grid/grid.component.d.ts +5 -0
- package/lib/grid/grid.module.d.ts +6 -0
- package/lib/icon/icon.component.d.ts +3 -0
- package/lib/icon/icon.module.d.ts +5 -0
- package/lib/input-field/input-field.component.d.ts +3 -0
- package/lib/input-field/input-field.module.d.ts +8 -0
- package/lib/menu/divider.directive.d.ts +3 -0
- package/lib/menu/menu-base.d.ts +190 -0
- package/lib/menu/menu-item.component.d.ts +3 -0
- package/lib/menu/menu-touch-close.component.d.ts +3 -0
- package/lib/menu/menu-touch-title.component.d.ts +4 -1
- package/lib/menu/menu-trigger-for.directive.d.ts +4 -1
- package/lib/menu/menu.component.d.ts +4 -187
- package/lib/menu/menu.module.d.ts +15 -0
- package/lib/menu/title.directive.d.ts +3 -0
- package/lib/radio-button/radio-button.component.d.ts +3 -0
- package/lib/radio-button/radio-button.module.d.ts +6 -0
- package/lib/radio-button/radio-group.component.d.ts +3 -0
- package/lib/table/cell/cell.d.ts +3 -0
- package/lib/table/cell/table-data-cell.component.d.ts +3 -0
- package/lib/table/cell/table-header-cell.component.d.ts +3 -0
- package/lib/table/column/table-column.directive.d.ts +3 -0
- package/lib/table/table.component.d.ts +3 -0
- package/lib/table/table.module.d.ts +12 -0
- package/lib/toggle-switch/toggle-switch.component.d.ts +3 -0
- package/lib/toggle-switch/toggle-switch.module.d.ts +5 -0
- package/package.json +25 -12
- package/bundles/ifsworld-granite-components.umd.js +0 -3648
- package/bundles/ifsworld-granite-components.umd.js.map +0 -1
- package/bundles/ifsworld-granite-components.umd.min.js +0 -10
- package/bundles/ifsworld-granite-components.umd.min.js.map +0 -1
- package/esm2015/ifsworld-granite-components.js +0 -13
- package/esm2015/ifsworld-granite-components.js.map +0 -1
- package/esm2015/ifsworld-granite-components.metadata.json +0 -1
- package/esm2015/index.js +0 -48
- package/esm2015/index.js.map +0 -1
- package/esm2015/index.metadata.json +0 -1
- package/esm2015/lib/arrange-grid/arrange-grid-item.component.js +0 -48
- package/esm2015/lib/arrange-grid/arrange-grid-item.component.js.map +0 -1
- package/esm2015/lib/arrange-grid/arrange-grid-item.component.metadata.json +0 -1
- package/esm2015/lib/arrange-grid/arrange-grid.component.js +0 -123
- package/esm2015/lib/arrange-grid/arrange-grid.component.js.map +0 -1
- package/esm2015/lib/arrange-grid/arrange-grid.component.metadata.json +0 -1
- package/esm2015/lib/arrange-grid/arrange-grid.module.js +0 -14
- package/esm2015/lib/arrange-grid/arrange-grid.module.js.map +0 -1
- package/esm2015/lib/arrange-grid/arrange-grid.module.metadata.json +0 -1
- package/esm2015/lib/badge/badge.component.js +0 -44
- package/esm2015/lib/badge/badge.component.js.map +0 -1
- package/esm2015/lib/badge/badge.component.metadata.json +0 -1
- package/esm2015/lib/badge/badge.module.js +0 -13
- package/esm2015/lib/badge/badge.module.js.map +0 -1
- package/esm2015/lib/badge/badge.module.metadata.json +0 -1
- package/esm2015/lib/badge/testing/badge.harness.js +0 -30
- package/esm2015/lib/badge/testing/badge.harness.js.map +0 -1
- package/esm2015/lib/badge/testing/badge.harness.metadata.json +0 -1
- package/esm2015/lib/button/button.component.js +0 -108
- package/esm2015/lib/button/button.component.js.map +0 -1
- package/esm2015/lib/button/button.component.metadata.json +0 -1
- package/esm2015/lib/button/button.module.js +0 -11
- package/esm2015/lib/button/button.module.js.map +0 -1
- package/esm2015/lib/button/button.module.metadata.json +0 -1
- package/esm2015/lib/checkbox/checkbox-group.component.js +0 -19
- package/esm2015/lib/checkbox/checkbox-group.component.js.map +0 -1
- package/esm2015/lib/checkbox/checkbox-group.component.metadata.json +0 -1
- package/esm2015/lib/checkbox/checkbox.component.js +0 -89
- package/esm2015/lib/checkbox/checkbox.component.js.map +0 -1
- package/esm2015/lib/checkbox/checkbox.component.metadata.json +0 -1
- package/esm2015/lib/checkbox/checkbox.module.js +0 -12
- package/esm2015/lib/checkbox/checkbox.module.js.map +0 -1
- package/esm2015/lib/checkbox/checkbox.module.metadata.json +0 -1
- package/esm2015/lib/core/animation.js +0 -34
- package/esm2015/lib/core/animation.js.map +0 -1
- package/esm2015/lib/core/animation.metadata.json +0 -1
- package/esm2015/lib/core/client-environment.js +0 -20
- package/esm2015/lib/core/client-environment.js.map +0 -1
- package/esm2015/lib/core/client-environment.metadata.json +0 -1
- package/esm2015/lib/core/common-behaviors/disabled.js +0 -25
- package/esm2015/lib/core/common-behaviors/disabled.js.map +0 -1
- package/esm2015/lib/core/common-behaviors/disabled.metadata.json +0 -1
- package/esm2015/lib/core/core.module.js +0 -25
- package/esm2015/lib/core/core.module.js.map +0 -1
- package/esm2015/lib/core/core.module.metadata.json +0 -1
- package/esm2015/lib/core/devices/client-input-desktop.directive.js +0 -22
- package/esm2015/lib/core/devices/client-input-desktop.directive.js.map +0 -1
- package/esm2015/lib/core/devices/client-input-desktop.directive.metadata.json +0 -1
- package/esm2015/lib/core/devices/client-input-touch.directive.js +0 -22
- package/esm2015/lib/core/devices/client-input-touch.directive.js.map +0 -1
- package/esm2015/lib/core/devices/client-input-touch.directive.metadata.json +0 -1
- package/esm2015/lib/core/devices/client-output-desktop.directive.js +0 -22
- package/esm2015/lib/core/devices/client-output-desktop.directive.js.map +0 -1
- package/esm2015/lib/core/devices/client-output-desktop.directive.metadata.json +0 -1
- package/esm2015/lib/core/devices/client-output-touch.directive.js +0 -22
- package/esm2015/lib/core/devices/client-output-touch.directive.js.map +0 -1
- package/esm2015/lib/core/devices/client-output-touch.directive.metadata.json +0 -1
- package/esm2015/lib/core/pipes/pure-pipes.module.js +0 -11
- package/esm2015/lib/core/pipes/pure-pipes.module.js.map +0 -1
- package/esm2015/lib/core/pipes/pure-pipes.module.metadata.json +0 -1
- package/esm2015/lib/core/pipes/title.pipe.js +0 -17
- package/esm2015/lib/core/pipes/title.pipe.js.map +0 -1
- package/esm2015/lib/core/pipes/title.pipe.metadata.json +0 -1
- package/esm2015/lib/core/radio-checkbox-base.js +0 -15
- package/esm2015/lib/core/radio-checkbox-base.js.map +0 -1
- package/esm2015/lib/core/radio-checkbox-base.metadata.json +0 -1
- package/esm2015/lib/core/theme.library.js +0 -59
- package/esm2015/lib/core/theme.library.js.map +0 -1
- package/esm2015/lib/core/theme.library.metadata.json +0 -1
- package/esm2015/lib/core/types.js +0 -2
- package/esm2015/lib/core/types.js.map +0 -1
- package/esm2015/lib/core/types.metadata.json +0 -1
- package/esm2015/lib/grid/grid.component.js +0 -131
- package/esm2015/lib/grid/grid.component.js.map +0 -1
- package/esm2015/lib/grid/grid.component.metadata.json +0 -1
- package/esm2015/lib/grid/grid.module.js +0 -13
- package/esm2015/lib/grid/grid.module.js.map +0 -1
- package/esm2015/lib/grid/grid.module.metadata.json +0 -1
- package/esm2015/lib/icon/icon.component.js +0 -48
- package/esm2015/lib/icon/icon.component.js.map +0 -1
- package/esm2015/lib/icon/icon.component.metadata.json +0 -1
- package/esm2015/lib/icon/icon.module.js +0 -11
- package/esm2015/lib/icon/icon.module.js.map +0 -1
- package/esm2015/lib/icon/icon.module.metadata.json +0 -1
- package/esm2015/lib/input-field/input-field.component.js +0 -144
- package/esm2015/lib/input-field/input-field.component.js.map +0 -1
- package/esm2015/lib/input-field/input-field.component.metadata.json +0 -1
- package/esm2015/lib/input-field/input-field.module.js +0 -15
- package/esm2015/lib/input-field/input-field.module.js.map +0 -1
- package/esm2015/lib/input-field/input-field.module.metadata.json +0 -1
- package/esm2015/lib/menu/divider.directive.js +0 -20
- package/esm2015/lib/menu/divider.directive.js.map +0 -1
- package/esm2015/lib/menu/divider.directive.metadata.json +0 -1
- package/esm2015/lib/menu/menu-desktop-animations.js +0 -23
- package/esm2015/lib/menu/menu-desktop-animations.js.map +0 -1
- package/esm2015/lib/menu/menu-desktop-animations.metadata.json +0 -1
- package/esm2015/lib/menu/menu-errors.js +0 -37
- package/esm2015/lib/menu/menu-errors.js.map +0 -1
- package/esm2015/lib/menu/menu-errors.metadata.json +0 -1
- package/esm2015/lib/menu/menu-item.component.js +0 -82
- package/esm2015/lib/menu/menu-item.component.js.map +0 -1
- package/esm2015/lib/menu/menu-item.component.metadata.json +0 -1
- package/esm2015/lib/menu/menu-panel.js +0 -7
- package/esm2015/lib/menu/menu-panel.js.map +0 -1
- package/esm2015/lib/menu/menu-panel.metadata.json +0 -1
- package/esm2015/lib/menu/menu-positions.js +0 -9
- package/esm2015/lib/menu/menu-positions.js.map +0 -1
- package/esm2015/lib/menu/menu-positions.metadata.json +0 -1
- package/esm2015/lib/menu/menu-touch-animations.js +0 -137
- package/esm2015/lib/menu/menu-touch-animations.js.map +0 -1
- package/esm2015/lib/menu/menu-touch-animations.metadata.json +0 -1
- package/esm2015/lib/menu/menu-touch-close.component.js +0 -16
- package/esm2015/lib/menu/menu-touch-close.component.js.map +0 -1
- package/esm2015/lib/menu/menu-touch-close.component.metadata.json +0 -1
- package/esm2015/lib/menu/menu-touch-title.component.js +0 -45
- package/esm2015/lib/menu/menu-touch-title.component.js.map +0 -1
- package/esm2015/lib/menu/menu-touch-title.component.metadata.json +0 -1
- package/esm2015/lib/menu/menu-trigger-for.directive.js +0 -684
- package/esm2015/lib/menu/menu-trigger-for.directive.js.map +0 -1
- package/esm2015/lib/menu/menu-trigger-for.directive.metadata.json +0 -1
- package/esm2015/lib/menu/menu.component.js +0 -362
- package/esm2015/lib/menu/menu.component.js.map +0 -1
- package/esm2015/lib/menu/menu.component.metadata.json +0 -1
- package/esm2015/lib/menu/menu.module.js +0 -38
- package/esm2015/lib/menu/menu.module.js.map +0 -1
- package/esm2015/lib/menu/menu.module.metadata.json +0 -1
- package/esm2015/lib/menu/testing/menu.harness.js +0 -133
- package/esm2015/lib/menu/testing/menu.harness.js.map +0 -1
- package/esm2015/lib/menu/testing/menu.harness.metadata.json +0 -1
- package/esm2015/lib/menu/title.directive.js +0 -13
- package/esm2015/lib/menu/title.directive.js.map +0 -1
- package/esm2015/lib/menu/title.directive.metadata.json +0 -1
- package/esm2015/lib/radio-button/radio-button.component.js +0 -109
- package/esm2015/lib/radio-button/radio-button.component.js.map +0 -1
- package/esm2015/lib/radio-button/radio-button.component.metadata.json +0 -1
- package/esm2015/lib/radio-button/radio-button.module.js +0 -12
- package/esm2015/lib/radio-button/radio-button.module.js.map +0 -1
- package/esm2015/lib/radio-button/radio-button.module.metadata.json +0 -1
- package/esm2015/lib/radio-button/radio-group.component.js +0 -19
- package/esm2015/lib/radio-button/radio-group.component.js.map +0 -1
- package/esm2015/lib/radio-button/radio-group.component.metadata.json +0 -1
- package/esm2015/lib/table/cell/cell.js +0 -12
- package/esm2015/lib/table/cell/cell.js.map +0 -1
- package/esm2015/lib/table/cell/cell.metadata.json +0 -1
- package/esm2015/lib/table/cell/table-data-cell.component.js +0 -21
- package/esm2015/lib/table/cell/table-data-cell.component.js.map +0 -1
- package/esm2015/lib/table/cell/table-data-cell.component.metadata.json +0 -1
- package/esm2015/lib/table/cell/table-header-cell.component.js +0 -13
- package/esm2015/lib/table/cell/table-header-cell.component.js.map +0 -1
- package/esm2015/lib/table/cell/table-header-cell.component.metadata.json +0 -1
- package/esm2015/lib/table/column/table-column.directive.js +0 -16
- package/esm2015/lib/table/column/table-column.directive.js.map +0 -1
- package/esm2015/lib/table/column/table-column.directive.metadata.json +0 -1
- package/esm2015/lib/table/table-constants.library.js +0 -4
- package/esm2015/lib/table/table-constants.library.js.map +0 -1
- package/esm2015/lib/table/table-constants.library.metadata.json +0 -1
- package/esm2015/lib/table/table.component.js +0 -28
- package/esm2015/lib/table/table.component.js.map +0 -1
- package/esm2015/lib/table/table.component.metadata.json +0 -1
- package/esm2015/lib/table/table.module.js +0 -24
- package/esm2015/lib/table/table.module.js.map +0 -1
- package/esm2015/lib/table/table.module.metadata.json +0 -1
- package/esm2015/lib/toggle-switch/toggle-switch.component.js +0 -89
- package/esm2015/lib/toggle-switch/toggle-switch.component.js.map +0 -1
- package/esm2015/lib/toggle-switch/toggle-switch.component.metadata.json +0 -1
- package/esm2015/lib/toggle-switch/toggle-switch.module.js +0 -11
- package/esm2015/lib/toggle-switch/toggle-switch.module.js.map +0 -1
- package/esm2015/lib/toggle-switch/toggle-switch.module.metadata.json +0 -1
- package/fesm2015/ifsworld-granite-components.js +0 -2991
- package/fesm2015/ifsworld-granite-components.js.map +0 -1
- package/ifsworld-granite-components.metadata.json +0 -1
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
import { NgModule } from '@angular/core';
|
|
2
|
-
import { CommonModule } from '@angular/common';
|
|
3
|
-
import { OverlayModule } from '@angular/cdk/overlay';
|
|
4
|
-
import { PortalModule } from '@angular/cdk/portal';
|
|
5
|
-
import { GraniteMenuComponent } from './menu.component';
|
|
6
|
-
import { GraniteMenuItemComponent } from './menu-item.component';
|
|
7
|
-
import { GraniteMenuTriggerForDirective } from './menu-trigger-for.directive';
|
|
8
|
-
import { GraniteMenuTouchCloseComponent } from './menu-touch-close.component';
|
|
9
|
-
import { GraniteMenuTouchTitleItemComponent } from './menu-touch-title.component';
|
|
10
|
-
import { GraniteDividerDirective } from './divider.directive';
|
|
11
|
-
import { GraniteIconModule } from '../icon/icon.module';
|
|
12
|
-
import { GraniteTitleDirective } from './title.directive';
|
|
13
|
-
export class GraniteMenuModule {
|
|
14
|
-
}
|
|
15
|
-
GraniteMenuModule.decorators = [
|
|
16
|
-
{ type: NgModule, args: [{
|
|
17
|
-
declarations: [
|
|
18
|
-
GraniteMenuComponent,
|
|
19
|
-
GraniteMenuItemComponent,
|
|
20
|
-
GraniteMenuTriggerForDirective,
|
|
21
|
-
GraniteMenuTouchCloseComponent,
|
|
22
|
-
GraniteMenuTouchTitleItemComponent,
|
|
23
|
-
GraniteDividerDirective,
|
|
24
|
-
GraniteTitleDirective,
|
|
25
|
-
],
|
|
26
|
-
imports: [CommonModule, OverlayModule, PortalModule, GraniteIconModule],
|
|
27
|
-
exports: [
|
|
28
|
-
GraniteMenuComponent,
|
|
29
|
-
GraniteMenuItemComponent,
|
|
30
|
-
GraniteMenuTriggerForDirective,
|
|
31
|
-
GraniteMenuTouchCloseComponent,
|
|
32
|
-
GraniteMenuTouchTitleItemComponent,
|
|
33
|
-
GraniteDividerDirective,
|
|
34
|
-
GraniteTitleDirective,
|
|
35
|
-
],
|
|
36
|
-
},] }
|
|
37
|
-
];
|
|
38
|
-
//# sourceMappingURL=menu.module.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"menu.module.js","sourceRoot":"","sources":["../../../../../../libs/granite-components/src/lib/menu/menu.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAEnD,OAAO,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AACxD,OAAO,EAAE,wBAAwB,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,EAAE,8BAA8B,EAAE,MAAM,8BAA8B,CAAC;AAC9E,OAAO,EAAE,8BAA8B,EAAE,MAAM,8BAA8B,CAAC;AAC9E,OAAO,EAAE,kCAAkC,EAAE,MAAM,8BAA8B,CAAC;AAClF,OAAO,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAuB1D,MAAM,OAAO,iBAAiB;;;YArB7B,QAAQ,SAAC;gBACR,YAAY,EAAE;oBACZ,oBAAoB;oBACpB,wBAAwB;oBACxB,8BAA8B;oBAC9B,8BAA8B;oBAC9B,kCAAkC;oBAClC,uBAAuB;oBACvB,qBAAqB;iBACtB;gBACD,OAAO,EAAE,CAAC,YAAY,EAAE,aAAa,EAAE,YAAY,EAAE,iBAAiB,CAAC;gBACvE,OAAO,EAAE;oBACP,oBAAoB;oBACpB,wBAAwB;oBACxB,8BAA8B;oBAC9B,8BAA8B;oBAC9B,kCAAkC;oBAClC,uBAAuB;oBACvB,qBAAqB;iBACtB;aACF","sourcesContent":["import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { OverlayModule } from '@angular/cdk/overlay';\nimport { PortalModule } from '@angular/cdk/portal';\n\nimport { GraniteMenuComponent } from './menu.component';\nimport { GraniteMenuItemComponent } from './menu-item.component';\nimport { GraniteMenuTriggerForDirective } from './menu-trigger-for.directive';\nimport { GraniteMenuTouchCloseComponent } from './menu-touch-close.component';\nimport { GraniteMenuTouchTitleItemComponent } from './menu-touch-title.component';\nimport { GraniteDividerDirective } from './divider.directive';\nimport { GraniteIconModule } from '../icon/icon.module';\nimport { GraniteTitleDirective } from './title.directive';\n\n@NgModule({\n declarations: [\n GraniteMenuComponent,\n GraniteMenuItemComponent,\n GraniteMenuTriggerForDirective,\n GraniteMenuTouchCloseComponent,\n GraniteMenuTouchTitleItemComponent,\n GraniteDividerDirective,\n GraniteTitleDirective,\n ],\n imports: [CommonModule, OverlayModule, PortalModule, GraniteIconModule],\n exports: [\n GraniteMenuComponent,\n GraniteMenuItemComponent,\n GraniteMenuTriggerForDirective,\n GraniteMenuTouchCloseComponent,\n GraniteMenuTouchTitleItemComponent,\n GraniteDividerDirective,\n GraniteTitleDirective,\n ],\n})\nexport class GraniteMenuModule {}\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
[{"__symbolic":"module","version":4,"metadata":{"GraniteMenuModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":15,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","module":"./menu.component","name":"GraniteMenuComponent","line":17,"character":4},{"__symbolic":"reference","module":"./menu-item.component","name":"GraniteMenuItemComponent","line":18,"character":4},{"__symbolic":"reference","module":"./menu-trigger-for.directive","name":"GraniteMenuTriggerForDirective","line":19,"character":4},{"__symbolic":"reference","module":"./menu-touch-close.component","name":"GraniteMenuTouchCloseComponent","line":20,"character":4},{"__symbolic":"reference","module":"./menu-touch-title.component","name":"GraniteMenuTouchTitleItemComponent","line":21,"character":4},{"__symbolic":"reference","module":"./divider.directive","name":"GraniteDividerDirective","line":22,"character":4},{"__symbolic":"reference","module":"./title.directive","name":"GraniteTitleDirective","line":23,"character":4}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":25,"character":12},{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"OverlayModule","line":25,"character":26},{"__symbolic":"reference","module":"@angular/cdk/portal","name":"PortalModule","line":25,"character":41},{"__symbolic":"reference","module":"../icon/icon.module","name":"GraniteIconModule","line":25,"character":55}],"exports":[{"__symbolic":"reference","module":"./menu.component","name":"GraniteMenuComponent","line":27,"character":4},{"__symbolic":"reference","module":"./menu-item.component","name":"GraniteMenuItemComponent","line":28,"character":4},{"__symbolic":"reference","module":"./menu-trigger-for.directive","name":"GraniteMenuTriggerForDirective","line":29,"character":4},{"__symbolic":"reference","module":"./menu-touch-close.component","name":"GraniteMenuTouchCloseComponent","line":30,"character":4},{"__symbolic":"reference","module":"./menu-touch-title.component","name":"GraniteMenuTouchTitleItemComponent","line":31,"character":4},{"__symbolic":"reference","module":"./divider.directive","name":"GraniteDividerDirective","line":32,"character":4},{"__symbolic":"reference","module":"./title.directive","name":"GraniteTitleDirective","line":33,"character":4}]}]}]}}}]
|
|
@@ -1,133 +0,0 @@
|
|
|
1
|
-
import { __awaiter } from "tslib";
|
|
2
|
-
import { ComponentHarness, TestKey, HarnessPredicate, } from '@angular/cdk/testing';
|
|
3
|
-
/**
|
|
4
|
-
* Test harness for menu component
|
|
5
|
-
*
|
|
6
|
-
* Stripped-down version of the Angular Material menu test harness (.../menu/menu-harness.ts)
|
|
7
|
-
* just to get things going.
|
|
8
|
-
*/
|
|
9
|
-
export class GraniteMenuHarness extends ComponentHarness {
|
|
10
|
-
constructor() {
|
|
11
|
-
super(...arguments);
|
|
12
|
-
this._documentRootLocator = this.documentRootLocatorFactory();
|
|
13
|
-
}
|
|
14
|
-
/**
|
|
15
|
-
* Gets a `HarnessPredicate` that can be used to search for a `MenuHarness` that meets
|
|
16
|
-
* certain criteria.
|
|
17
|
-
* @param options Options for filtering which menu item instances are considered a match.
|
|
18
|
-
* @return a `HarnessPredicate` configured with the given options.
|
|
19
|
-
*/
|
|
20
|
-
static with(options = {}) {
|
|
21
|
-
return new HarnessPredicate(GraniteMenuHarness, options).addOption('text', options.text,
|
|
22
|
-
/* @dynamic */ (harness, text) => HarnessPredicate.stringMatches(harness.getText(), text));
|
|
23
|
-
}
|
|
24
|
-
/** Gets the text of the menu trigger */
|
|
25
|
-
getText() {
|
|
26
|
-
return __awaiter(this, void 0, void 0, function* () {
|
|
27
|
-
return (yield this.host()).text();
|
|
28
|
-
});
|
|
29
|
-
}
|
|
30
|
-
/** Opens the menu, unless already open */
|
|
31
|
-
open() {
|
|
32
|
-
return __awaiter(this, void 0, void 0, function* () {
|
|
33
|
-
if (!(yield this.isOpen())) {
|
|
34
|
-
yield (yield this.host()).click();
|
|
35
|
-
// This is necessary so that we wait for the opening animation to finish.
|
|
36
|
-
return this.forceStabilize();
|
|
37
|
-
}
|
|
38
|
-
});
|
|
39
|
-
}
|
|
40
|
-
/** Closes the menu, unless already closed */
|
|
41
|
-
close() {
|
|
42
|
-
var _a;
|
|
43
|
-
return __awaiter(this, void 0, void 0, function* () {
|
|
44
|
-
yield ((_a = (yield this._getMenuPanel())) === null || _a === void 0 ? void 0 : _a.sendKeys(TestKey.ESCAPE));
|
|
45
|
-
// This is necessary so that we wait for the closing animation to finish.
|
|
46
|
-
return this.forceStabilize();
|
|
47
|
-
});
|
|
48
|
-
}
|
|
49
|
-
/** Whether the menu is open */
|
|
50
|
-
isOpen() {
|
|
51
|
-
return __awaiter(this, void 0, void 0, function* () {
|
|
52
|
-
return !!(yield this._getMenuPanel());
|
|
53
|
-
});
|
|
54
|
-
}
|
|
55
|
-
/**
|
|
56
|
-
* Gets a list of `GraniteMenuItemHarness` representing the items in the menu.
|
|
57
|
-
* @param filters Optionally filters which menu items are included.
|
|
58
|
-
*/
|
|
59
|
-
getItems(filters = {}) {
|
|
60
|
-
return __awaiter(this, void 0, void 0, function* () {
|
|
61
|
-
const panelId = yield this._getPanelId();
|
|
62
|
-
if (panelId) {
|
|
63
|
-
return this._documentRootLocator.locatorForAll(GraniteMenuItemHarness.with(Object.assign(Object.assign({}, filters), { ancestor: `#${panelId}` })))();
|
|
64
|
-
}
|
|
65
|
-
return [];
|
|
66
|
-
});
|
|
67
|
-
}
|
|
68
|
-
/** Gets the menu panel (popup) associated with the menu */
|
|
69
|
-
_getMenuPanel() {
|
|
70
|
-
return __awaiter(this, void 0, void 0, function* () {
|
|
71
|
-
const panelId = yield this._getPanelId();
|
|
72
|
-
return panelId
|
|
73
|
-
? this._documentRootLocator.locatorForOptional(`#${panelId}`)()
|
|
74
|
-
: null;
|
|
75
|
-
});
|
|
76
|
-
}
|
|
77
|
-
/** Gets the id of the menu panel (popup) associated with this menu */
|
|
78
|
-
_getPanelId() {
|
|
79
|
-
return __awaiter(this, void 0, void 0, function* () {
|
|
80
|
-
const panelId = yield (yield this.host()).getAttribute('aria-controls');
|
|
81
|
-
return panelId || null;
|
|
82
|
-
});
|
|
83
|
-
}
|
|
84
|
-
}
|
|
85
|
-
/**
|
|
86
|
-
* The selector for the host element of a `MenuComponent` instance,
|
|
87
|
-
* i.e. the button element used to open the menu.
|
|
88
|
-
*/
|
|
89
|
-
GraniteMenuHarness.hostSelector = '.granite-menu-trigger';
|
|
90
|
-
export class GraniteMenuItemHarness extends ComponentHarness {
|
|
91
|
-
/**
|
|
92
|
-
* Gets a `HarnessPredicate` that can be used to search for a `GraniteMenuItemHarness` that meets
|
|
93
|
-
* certain criteria.
|
|
94
|
-
* @param options Options for filtering which menu item instances are considered a match.
|
|
95
|
-
* @return a `HarnessPredicate` configured with the given options.
|
|
96
|
-
*/
|
|
97
|
-
static with(options = {}) {
|
|
98
|
-
return new HarnessPredicate(GraniteMenuItemHarness, options).addOption('text', options.text,
|
|
99
|
-
/* @dynamic */ (harness, text) => HarnessPredicate.stringMatches(harness.getText(), text));
|
|
100
|
-
}
|
|
101
|
-
/** Gets the text of the menu item. */
|
|
102
|
-
getText() {
|
|
103
|
-
return __awaiter(this, void 0, void 0, function* () {
|
|
104
|
-
return (yield this.host()).text();
|
|
105
|
-
});
|
|
106
|
-
}
|
|
107
|
-
/** Whether this item has a submenu. */
|
|
108
|
-
hasSubmenu() {
|
|
109
|
-
return __awaiter(this, void 0, void 0, function* () {
|
|
110
|
-
return (yield this.host()).matchesSelector(GraniteMenuHarness.hostSelector);
|
|
111
|
-
});
|
|
112
|
-
}
|
|
113
|
-
/** Gets the submenu associated with this menu item, or null if none. */
|
|
114
|
-
getSubmenu() {
|
|
115
|
-
return __awaiter(this, void 0, void 0, function* () {
|
|
116
|
-
if (yield this.hasSubmenu()) {
|
|
117
|
-
return new GraniteMenuHarness(this.locatorFactory);
|
|
118
|
-
}
|
|
119
|
-
return null;
|
|
120
|
-
});
|
|
121
|
-
}
|
|
122
|
-
/** Clicks the menu item. */
|
|
123
|
-
click() {
|
|
124
|
-
return __awaiter(this, void 0, void 0, function* () {
|
|
125
|
-
yield (yield this.host()).click();
|
|
126
|
-
// This is necessary so that we wait for the opening animation to finish. (i.e. if it opens another menu)
|
|
127
|
-
return this.forceStabilize();
|
|
128
|
-
});
|
|
129
|
-
}
|
|
130
|
-
}
|
|
131
|
-
/** The selector for the host element of a `MenuItemComponent` instance. */
|
|
132
|
-
GraniteMenuItemHarness.hostSelector = '.granite-menu-item';
|
|
133
|
-
//# sourceMappingURL=menu.harness.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"menu.harness.js","sourceRoot":"","sources":["../../../../../../../libs/granite-components/src/lib/menu/testing/menu.harness.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n ComponentHarness,\n TestKey,\n TestElement,\n BaseHarnessFilters,\n HarnessPredicate,\n} from '@angular/cdk/testing';\n\n/**\n * Test harness for menu component\n *\n * Stripped-down version of the Angular Material menu test harness (.../menu/menu-harness.ts)\n * just to get things going.\n */\nexport class GraniteMenuHarness extends ComponentHarness {\n /**\n * The selector for the host element of a `MenuComponent` instance,\n * i.e. the button element used to open the menu.\n */\n static hostSelector = '.granite-menu-trigger';\n\n private _documentRootLocator = this.documentRootLocatorFactory();\n\n /**\n * Gets a `HarnessPredicate` that can be used to search for a `MenuHarness` that meets\n * certain criteria.\n * @param options Options for filtering which menu item instances are considered a match.\n * @return a `HarnessPredicate` configured with the given options.\n */\n static with(\n options: GraniteMenuHarnessFilters = {}\n ): HarnessPredicate<GraniteMenuHarness> {\n return new HarnessPredicate(GraniteMenuHarness, options).addOption(\n 'text',\n options.text,\n /* @dynamic */ (harness, text) =>\n HarnessPredicate.stringMatches(harness.getText(), text)\n );\n }\n\n /** Gets the text of the menu trigger */\n async getText(): Promise<string> {\n return (await this.host()).text();\n }\n\n /** Opens the menu, unless already open */\n async open(): Promise<void> {\n if (!(await this.isOpen())) {\n await (await this.host()).click();\n // This is necessary so that we wait for the opening animation to finish.\n return this.forceStabilize();\n }\n }\n\n /** Closes the menu, unless already closed */\n async close(): Promise<void> {\n await (await this._getMenuPanel())?.sendKeys(TestKey.ESCAPE);\n // This is necessary so that we wait for the closing animation to finish.\n return this.forceStabilize();\n }\n\n /** Whether the menu is open */\n async isOpen(): Promise<boolean> {\n return !!(await this._getMenuPanel());\n }\n\n /**\n * Gets a list of `GraniteMenuItemHarness` representing the items in the menu.\n * @param filters Optionally filters which menu items are included.\n */\n async getItems(\n filters: Omit<GraniteMenuItemHarnessFilters, 'ancestor'> = {}\n ): Promise<GraniteMenuItemHarness[]> {\n const panelId = await this._getPanelId();\n if (panelId) {\n return this._documentRootLocator.locatorForAll(\n GraniteMenuItemHarness.with({ ...filters, ancestor: `#${panelId}` })\n )();\n }\n return [];\n }\n\n /** Gets the menu panel (popup) associated with the menu */\n private async _getMenuPanel(): Promise<TestElement | null> {\n const panelId = await this._getPanelId();\n return panelId\n ? this._documentRootLocator.locatorForOptional(`#${panelId}`)()\n : null;\n }\n\n /** Gets the id of the menu panel (popup) associated with this menu */\n private async _getPanelId(): Promise<string | null> {\n const panelId = await (await this.host()).getAttribute('aria-controls');\n return panelId || null;\n }\n}\n\nexport class GraniteMenuItemHarness extends ComponentHarness {\n /** The selector for the host element of a `MenuItemComponent` instance. */\n static hostSelector = '.granite-menu-item';\n\n /**\n * Gets a `HarnessPredicate` that can be used to search for a `GraniteMenuItemHarness` that meets\n * certain criteria.\n * @param options Options for filtering which menu item instances are considered a match.\n * @return a `HarnessPredicate` configured with the given options.\n */\n static with(\n options: GraniteMenuItemHarnessFilters = {}\n ): HarnessPredicate<GraniteMenuItemHarness> {\n return new HarnessPredicate(GraniteMenuItemHarness, options).addOption(\n 'text',\n options.text,\n /* @dynamic */ (harness, text) =>\n HarnessPredicate.stringMatches(harness.getText(), text)\n );\n }\n\n /** Gets the text of the menu item. */\n async getText(): Promise<string> {\n return (await this.host()).text();\n }\n\n /** Whether this item has a submenu. */\n async hasSubmenu(): Promise<boolean> {\n return (await this.host()).matchesSelector(GraniteMenuHarness.hostSelector);\n }\n\n /** Gets the submenu associated with this menu item, or null if none. */\n async getSubmenu(): Promise<GraniteMenuHarness | null> {\n if (await this.hasSubmenu()) {\n return new GraniteMenuHarness(this.locatorFactory);\n }\n return null;\n }\n\n /** Clicks the menu item. */\n async click(): Promise<void> {\n await (await this.host()).click();\n // This is necessary so that we wait for the opening animation to finish. (i.e. if it opens another menu)\n return this.forceStabilize();\n }\n}\n\n/** A set of criteria that can be used to filter a list of `MenuHarness` instances. */\nexport interface GraniteMenuHarnessFilters extends BaseHarnessFilters {\n /** Only find instances whose text matches the given value. */\n text?: string | RegExp;\n}\n\n/** A set of criteria that can be used to filter a list of `GraniteMenuItemHarness` instances. */\nexport interface GraniteMenuItemHarnessFilters extends BaseHarnessFilters {\n /** Only find instances whose text matches the given value. */\n text?: string | RegExp;\n}\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
[{"__symbolic":"module","version":4,"metadata":{"GraniteMenuHarness":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@angular/cdk/testing","name":"ComponentHarness","line":14,"character":40},"members":{"getText":[{"__symbolic":"method"}],"open":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}],"isOpen":[{"__symbolic":"method"}],"getItems":[{"__symbolic":"method"}],"_getMenuPanel":[{"__symbolic":"method"}],"_getPanelId":[{"__symbolic":"method"}]},"statics":{"hostSelector":".granite-menu-trigger","with":{"__symbolic":"function","parameters":["options"],"value":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/cdk/testing","name":"HarnessPredicate","line":32,"character":15},"arguments":[{"__symbolic":"reference","name":"GraniteMenuHarness"},{"__symbolic":"reference","name":"options"}]},"member":"addOption"},"arguments":["text",{"__symbolic":"select","expression":{"__symbolic":"reference","name":"options"},"member":"text"},{"__symbolic":"error","message":"Lambda not supported","line":35,"character":21}]},"defaults":[{}]}}},"GraniteMenuItemHarness":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@angular/cdk/testing","name":"ComponentHarness","line":97,"character":44},"members":{"getText":[{"__symbolic":"method"}],"hasSubmenu":[{"__symbolic":"method"}],"getSubmenu":[{"__symbolic":"method"}],"click":[{"__symbolic":"method"}]},"statics":{"hostSelector":".granite-menu-item","with":{"__symbolic":"function","parameters":["options"],"value":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/cdk/testing","name":"HarnessPredicate","line":110,"character":15},"arguments":[{"__symbolic":"reference","name":"GraniteMenuItemHarness"},{"__symbolic":"reference","name":"options"}]},"member":"addOption"},"arguments":["text",{"__symbolic":"select","expression":{"__symbolic":"reference","name":"options"},"member":"text"},{"__symbolic":"error","message":"Lambda not supported","line":113,"character":21}]},"defaults":[{}]}}},"GraniteMenuHarnessFilters":{"__symbolic":"interface"},"GraniteMenuItemHarnessFilters":{"__symbolic":"interface"}}}]
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { Directive } from '@angular/core';
|
|
2
|
-
export class GraniteTitleDirective {
|
|
3
|
-
}
|
|
4
|
-
GraniteTitleDirective.decorators = [
|
|
5
|
-
{ type: Directive, args: [{
|
|
6
|
-
selector: '[graniteTitle]',
|
|
7
|
-
exportAs: 'graniteTitle',
|
|
8
|
-
host: {
|
|
9
|
-
'[class.granite-title]': 'true',
|
|
10
|
-
},
|
|
11
|
-
},] }
|
|
12
|
-
];
|
|
13
|
-
//# sourceMappingURL=title.directive.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"title.directive.js","sourceRoot":"","sources":["../../../../../../libs/granite-components/src/lib/menu/title.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAS1C,MAAM,OAAO,qBAAqB;;;YAPjC,SAAS,SAAC;gBACT,QAAQ,EAAE,gBAAgB;gBAC1B,QAAQ,EAAE,cAAc;gBACxB,IAAI,EAAE;oBACJ,uBAAuB,EAAE,MAAM;iBAChC;aACF","sourcesContent":["import { Directive } from '@angular/core';\n\n@Directive({\n selector: '[graniteTitle]',\n exportAs: 'graniteTitle',\n host: {\n '[class.granite-title]': 'true',\n },\n})\nexport class GraniteTitleDirective {}\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
[{"__symbolic":"module","version":4,"metadata":{"GraniteTitleDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":2,"character":1},"arguments":[{"selector":"[graniteTitle]","exportAs":"graniteTitle","host":{"[class.granite-title]":"true","$quoted$":["[class.granite-title]"]}}]}]}}}]
|
|
@@ -1,109 +0,0 @@
|
|
|
1
|
-
import { Component, Input, Output, EventEmitter, ChangeDetectionStrategy, ViewChild, ElementRef, } from '@angular/core';
|
|
2
|
-
import { FocusMonitor } from '@angular/cdk/a11y';
|
|
3
|
-
import { coerceBooleanProperty } from '@angular/cdk/coercion';
|
|
4
|
-
import { UniqueSelectionDispatcher } from '@angular/cdk/collections';
|
|
5
|
-
export class GraniteRadioButtonComponent {
|
|
6
|
-
constructor(_focusMonitor, _radioDispatcher) {
|
|
7
|
-
this._focusMonitor = _focusMonitor;
|
|
8
|
-
this._radioDispatcher = _radioDispatcher;
|
|
9
|
-
this.id = null;
|
|
10
|
-
this.checked = false;
|
|
11
|
-
this.required = false;
|
|
12
|
-
this.disabled = false;
|
|
13
|
-
this.readonly = false;
|
|
14
|
-
this.labelPosition = 'after';
|
|
15
|
-
this.ariaLabel = null;
|
|
16
|
-
this.ariaLabelledby = null;
|
|
17
|
-
this.radioChange = new EventEmitter();
|
|
18
|
-
this.radioBlur = new EventEmitter();
|
|
19
|
-
this._positionBefore = false;
|
|
20
|
-
this._radioDisabled = false;
|
|
21
|
-
this._removeUniqueSelectionListenerFn = _radioDispatcher.listen((id, name) => {
|
|
22
|
-
if (id !== this.id && name === this.name) {
|
|
23
|
-
this.checked = false;
|
|
24
|
-
}
|
|
25
|
-
});
|
|
26
|
-
}
|
|
27
|
-
ngOnChanges(changes) {
|
|
28
|
-
if (changes.checked) {
|
|
29
|
-
this.checked = coerceBooleanProperty(changes.checked.currentValue);
|
|
30
|
-
}
|
|
31
|
-
if (changes.required) {
|
|
32
|
-
this.required = coerceBooleanProperty(changes.required.currentValue);
|
|
33
|
-
}
|
|
34
|
-
if (changes.readonly) {
|
|
35
|
-
this.readonly = coerceBooleanProperty(changes.readonly.currentValue);
|
|
36
|
-
}
|
|
37
|
-
if (changes.disabled) {
|
|
38
|
-
this.disabled = coerceBooleanProperty(changes.disabled.currentValue);
|
|
39
|
-
}
|
|
40
|
-
if (changes.labelPosition != null) {
|
|
41
|
-
this._positionBefore =
|
|
42
|
-
changes.labelPosition.currentValue != null &&
|
|
43
|
-
changes.labelPosition.currentValue === 'before';
|
|
44
|
-
}
|
|
45
|
-
if ((changes.disabled || changes.readonly) &&
|
|
46
|
-
(this.disabled || this.readonly)) {
|
|
47
|
-
this._radioDisabled = true;
|
|
48
|
-
}
|
|
49
|
-
}
|
|
50
|
-
ngOnDestroy() {
|
|
51
|
-
if (this._removeUniqueSelectionListenerFn instanceof Function) {
|
|
52
|
-
this._removeUniqueSelectionListenerFn();
|
|
53
|
-
}
|
|
54
|
-
}
|
|
55
|
-
// Focuses the radio button.
|
|
56
|
-
focus(origin = 'program', options) {
|
|
57
|
-
this._focusMonitor.focusVia(this._getInputElement(), origin, options);
|
|
58
|
-
}
|
|
59
|
-
_radioClick(element) {
|
|
60
|
-
this.radioChange.emit(element === null || element === void 0 ? void 0 : element.value);
|
|
61
|
-
}
|
|
62
|
-
_radioChange() {
|
|
63
|
-
this.checked = this._getInputElement().checked;
|
|
64
|
-
// Notify all radio buttons with the same name to un-check
|
|
65
|
-
this._radioDispatcher.notify(this.id, this.name);
|
|
66
|
-
}
|
|
67
|
-
_onBlur() {
|
|
68
|
-
this.radioBlur.emit();
|
|
69
|
-
}
|
|
70
|
-
_getInputElement() {
|
|
71
|
-
return this._inputElement.nativeElement;
|
|
72
|
-
}
|
|
73
|
-
}
|
|
74
|
-
GraniteRadioButtonComponent.decorators = [
|
|
75
|
-
{ type: Component, args: [{
|
|
76
|
-
selector: 'granite-radio-button',
|
|
77
|
-
exportAs: 'graniteRadioButton',
|
|
78
|
-
host: {
|
|
79
|
-
class: 'granite-radio-button',
|
|
80
|
-
'[class.granite-radio-button-disabled]': 'disabled',
|
|
81
|
-
'[class.granite-radio-button-label-before]': '_positionBefore',
|
|
82
|
-
'[class.granite-radio-button-checked]': 'checked',
|
|
83
|
-
'[class.granite-radio-button-readonly]': 'readonly',
|
|
84
|
-
},
|
|
85
|
-
template: "<label class=\"granite-radio-button-label\">\n <div class=\"granite-radio-button-outer-circle\">\n <input\n #input\n [id]=\"id\"\n class=\"granite-radio-button-input cdk-visually-hidden\"\n type=\"radio\"\n [attr.name]=\"name\"\n [disabled]=\"_radioDisabled\"\n [checked]=\"checked\"\n [readonly]=\"readonly\"\n [required]=\"required\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.aria-labelledby]=\"ariaLabelledby\"\n [attr.aria-checked]=\"checked.toString()\"\n [value]=\"value\"\n (click)=\"_radioClick($event.target)\"\n (change)=\"_radioChange()\"\n (blur)=\"_onBlur()\"\n />\n <div class=\"granite-radio-button-inner-circle\"></div>\n </div>\n <span class=\"granite-radio-button-text\">\n <ng-content></ng-content>\n </span>\n</label>\n",
|
|
86
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
87
|
-
styles: [".cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none}:host(.granite-radio-button):not(.granite-radio-button-readonly):not(.granite-radio-button-disabled) .granite-radio-button-label:hover{cursor:pointer}:host(.granite-radio-button):not(.granite-radio-button-readonly):not(.granite-radio-button-disabled) .granite-radio-button-label:hover .granite-radio-button-outer-circle{border-color:var(--granite-color-background-active-hover)}:host(.granite-radio-button):not(.granite-radio-button-readonly):not(.granite-radio-button-disabled) .granite-radio-button-label:hover .granite-radio-button-inner-circle{background-color:var(--granite-color-background-active-hover)}:host(.granite-radio-button):not(.granite-radio-button-readonly):not(.granite-radio-button-disabled) .granite-radio-button-outer-circle:focus-within{border:.0625rem solid var(--granite-color-focus)}:host(.granite-radio-button-label-before) .granite-radio-button-label{flex-direction:row-reverse}:host(.granite-radio-button-label-before) .granite-radio-button-text{-webkit-padding-start:0;padding-inline-start:0;-webkit-padding-end:var(--granite-spacing-s);padding-inline-end:var(--granite-spacing-s)}:host(.granite-radio-button-checked) .granite-radio-button-inner-circle{visibility:visible;-webkit-animation:growAnimation .1s;animation:growAnimation .1s}:host(.granite-radio-button-checked) .granite-radio-button-outer-circle{border-color:var(--granite-color-background-active)}:host(.granite-radio-button-checked).granite-radio-button-disabled .granite-radio-button-inner-circle{background-color:var(--granite-color-text)}:host(.granite-radio-button-checked).granite-radio-button-disabled .granite-radio-button-outer-circle{border:.0625rem solid var(--granite-color-text);background-color:transparent}:host(.granite-radio-button-checked).granite-radio-button-readonly .granite-radio-button-inner-circle{background-color:var(--granite-color-text)}:host(.granite-radio-button-checked).granite-radio-button-readonly .granite-radio-button-outer-circle{border:.0625rem solid var(--granite-color-text)}.granite-radio-button-text{-webkit-padding-start:var(--granite-spacing-s);padding-inline-start:var(--granite-spacing-s);color:var(--granite-color-text)}.granite-radio-button-text:empty{display:none}.granite-radio-button-label{display:flex;align-items:center;width:-webkit-max-content;width:-moz-max-content;width:max-content;-webkit-margin-end:var(--granite-spacing-xl);margin-inline-end:var(--granite-spacing-xl)}:host(.granite-radio-button-disabled) .granite-radio-button-text{opacity:.6}:host(.granite-radio-button-disabled) .granite-radio-button-outer-circle{opacity:.3;background-color:var(--granite-color-border-soft)}.granite-radio-button-outer-circle{height:1rem;width:1rem;border-radius:50%;box-sizing:border-box;border:.0625rem solid var(--granite-color-border-hard);display:flex;justify-content:center;position:relative;align-items:center}.granite-radio-button-inner-circle{width:.625rem;height:.625rem;visibility:hidden;position:absolute;border-radius:50%;background-color:var(--granite-color-background-active);margin:auto}@-webkit-keyframes growAnimation{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes growAnimation{0%{transform:scale(0)}to{transform:scale(1)}}"]
|
|
88
|
-
},] }
|
|
89
|
-
];
|
|
90
|
-
GraniteRadioButtonComponent.ctorParameters = () => [
|
|
91
|
-
{ type: FocusMonitor },
|
|
92
|
-
{ type: UniqueSelectionDispatcher }
|
|
93
|
-
];
|
|
94
|
-
GraniteRadioButtonComponent.propDecorators = {
|
|
95
|
-
value: [{ type: Input }],
|
|
96
|
-
id: [{ type: Input }],
|
|
97
|
-
name: [{ type: Input }],
|
|
98
|
-
checked: [{ type: Input }],
|
|
99
|
-
required: [{ type: Input }],
|
|
100
|
-
disabled: [{ type: Input }],
|
|
101
|
-
readonly: [{ type: Input }],
|
|
102
|
-
labelPosition: [{ type: Input }],
|
|
103
|
-
ariaLabel: [{ type: Input, args: ['aria-label',] }],
|
|
104
|
-
ariaLabelledby: [{ type: Input, args: ['aria-labelledby',] }],
|
|
105
|
-
radioChange: [{ type: Output }],
|
|
106
|
-
radioBlur: [{ type: Output }],
|
|
107
|
-
_inputElement: [{ type: ViewChild, args: ['input',] }]
|
|
108
|
-
};
|
|
109
|
-
//# sourceMappingURL=radio-button.component.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"radio-button.component.js","sourceRoot":"","sources":["../../../../../../libs/granite-components/src/lib/radio-button/radio-button.component.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n Component,\n Input,\n Output,\n EventEmitter,\n ChangeDetectionStrategy,\n OnChanges,\n OnDestroy,\n SimpleChanges,\n ViewChild,\n ElementRef,\n} from '@angular/core';\nimport { FocusMonitor, FocusOrigin } from '@angular/cdk/a11y';\nimport { coerceBooleanProperty } from '@angular/cdk/coercion';\nimport { UniqueSelectionDispatcher } from '@angular/cdk/collections';\nimport { Position } from '../core/types';\n@Component({\n selector: 'granite-radio-button',\n exportAs: 'graniteRadioButton',\n host: {\n class: 'granite-radio-button',\n '[class.granite-radio-button-disabled]': 'disabled',\n '[class.granite-radio-button-label-before]': '_positionBefore',\n '[class.granite-radio-button-checked]': 'checked',\n '[class.granite-radio-button-readonly]': 'readonly',\n },\n templateUrl: './radio-button.component.html',\n styleUrls: ['./radio-button.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class GraniteRadioButtonComponent implements OnChanges, OnDestroy {\n // Selected value for the radio group.\n @Input()\n value: any;\n\n @Input()\n id: string | null = null;\n\n @Input()\n name: string;\n\n @Input()\n checked: boolean = false;\n\n @Input()\n required: boolean = false;\n\n @Input()\n disabled: boolean = false;\n\n @Input()\n readonly: boolean = false;\n\n @Input()\n labelPosition: Position = 'after';\n\n @Input('aria-label')\n ariaLabel: string | null = null;\n\n @Input('aria-labelledby')\n ariaLabelledby: string | null = null;\n\n @Output()\n readonly radioChange: EventEmitter<any> = new EventEmitter();\n\n @Output()\n readonly radioBlur: EventEmitter<void> = new EventEmitter<void>();\n\n @ViewChild('input')\n private _inputElement: ElementRef<HTMLInputElement>;\n\n _positionBefore: boolean = false;\n _radioDisabled: boolean = false;\n\n private _removeUniqueSelectionListenerFn: () => void;\n\n constructor(\n private _focusMonitor: FocusMonitor,\n private _radioDispatcher: UniqueSelectionDispatcher\n ) {\n this._removeUniqueSelectionListenerFn = _radioDispatcher.listen(\n (id: string, name: string) => {\n if (id !== this.id && name === this.name) {\n this.checked = false;\n }\n }\n );\n }\n\n ngOnChanges(changes: SimpleChanges): void {\n if (changes.checked) {\n this.checked = coerceBooleanProperty(changes.checked.currentValue);\n }\n\n if (changes.required) {\n this.required = coerceBooleanProperty(changes.required.currentValue);\n }\n\n if (changes.readonly) {\n this.readonly = coerceBooleanProperty(changes.readonly.currentValue);\n }\n\n if (changes.disabled) {\n this.disabled = coerceBooleanProperty(changes.disabled.currentValue);\n }\n\n if (changes.labelPosition != null) {\n this._positionBefore =\n changes.labelPosition.currentValue != null &&\n changes.labelPosition.currentValue === 'before';\n }\n if (\n (changes.disabled || changes.readonly) &&\n (this.disabled || this.readonly)\n ) {\n this._radioDisabled = true;\n }\n }\n\n ngOnDestroy(): void {\n if (this._removeUniqueSelectionListenerFn instanceof Function) {\n this._removeUniqueSelectionListenerFn();\n }\n }\n\n // Focuses the radio button.\n focus(origin: FocusOrigin = 'program', options?: FocusOptions): void {\n this._focusMonitor.focusVia(this._getInputElement(), origin, options);\n }\n\n _radioClick(element: Partial<HTMLInputElement>): void {\n this.radioChange.emit(element?.value);\n }\n\n _radioChange(): void {\n this.checked = this._getInputElement().checked;\n // Notify all radio buttons with the same name to un-check\n this._radioDispatcher.notify(this.id, this.name);\n }\n\n _onBlur(): void {\n this.radioBlur.emit();\n }\n\n private _getInputElement(): HTMLInputElement {\n return this._inputElement.nativeElement;\n }\n}\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
[{"__symbolic":"module","version":4,"metadata":{"GraniteRadioButtonComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":16,"character":1},"arguments":[{"selector":"granite-radio-button","exportAs":"graniteRadioButton","host":{"class":"granite-radio-button","[class.granite-radio-button-disabled]":"disabled","[class.granite-radio-button-label-before]":"_positionBefore","[class.granite-radio-button-checked]":"checked","[class.granite-radio-button-readonly]":"readonly","$quoted$":["[class.granite-radio-button-disabled]","[class.granite-radio-button-label-before]","[class.granite-radio-button-checked]","[class.granite-radio-button-readonly]"]},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":28,"character":19},"member":"OnPush"},"template":"<label class=\"granite-radio-button-label\">\n <div class=\"granite-radio-button-outer-circle\">\n <input\n #input\n [id]=\"id\"\n class=\"granite-radio-button-input cdk-visually-hidden\"\n type=\"radio\"\n [attr.name]=\"name\"\n [disabled]=\"_radioDisabled\"\n [checked]=\"checked\"\n [readonly]=\"readonly\"\n [required]=\"required\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.aria-labelledby]=\"ariaLabelledby\"\n [attr.aria-checked]=\"checked.toString()\"\n [value]=\"value\"\n (click)=\"_radioClick($event.target)\"\n (change)=\"_radioChange()\"\n (blur)=\"_onBlur()\"\n />\n <div class=\"granite-radio-button-inner-circle\"></div>\n </div>\n <span class=\"granite-radio-button-text\">\n <ng-content></ng-content>\n </span>\n</label>\n","styles":[".cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none}:host(.granite-radio-button):not(.granite-radio-button-readonly):not(.granite-radio-button-disabled) .granite-radio-button-label:hover{cursor:pointer}:host(.granite-radio-button):not(.granite-radio-button-readonly):not(.granite-radio-button-disabled) .granite-radio-button-label:hover .granite-radio-button-outer-circle{border-color:var(--granite-color-background-active-hover)}:host(.granite-radio-button):not(.granite-radio-button-readonly):not(.granite-radio-button-disabled) .granite-radio-button-label:hover .granite-radio-button-inner-circle{background-color:var(--granite-color-background-active-hover)}:host(.granite-radio-button):not(.granite-radio-button-readonly):not(.granite-radio-button-disabled) .granite-radio-button-outer-circle:focus-within{border:.0625rem solid var(--granite-color-focus)}:host(.granite-radio-button-label-before) .granite-radio-button-label{flex-direction:row-reverse}:host(.granite-radio-button-label-before) .granite-radio-button-text{-webkit-padding-start:0;padding-inline-start:0;-webkit-padding-end:var(--granite-spacing-s);padding-inline-end:var(--granite-spacing-s)}:host(.granite-radio-button-checked) .granite-radio-button-inner-circle{visibility:visible;-webkit-animation:growAnimation .1s;animation:growAnimation .1s}:host(.granite-radio-button-checked) .granite-radio-button-outer-circle{border-color:var(--granite-color-background-active)}:host(.granite-radio-button-checked).granite-radio-button-disabled .granite-radio-button-inner-circle{background-color:var(--granite-color-text)}:host(.granite-radio-button-checked).granite-radio-button-disabled .granite-radio-button-outer-circle{border:.0625rem solid var(--granite-color-text);background-color:transparent}:host(.granite-radio-button-checked).granite-radio-button-readonly .granite-radio-button-inner-circle{background-color:var(--granite-color-text)}:host(.granite-radio-button-checked).granite-radio-button-readonly .granite-radio-button-outer-circle{border:.0625rem solid var(--granite-color-text)}.granite-radio-button-text{-webkit-padding-start:var(--granite-spacing-s);padding-inline-start:var(--granite-spacing-s);color:var(--granite-color-text)}.granite-radio-button-text:empty{display:none}.granite-radio-button-label{display:flex;align-items:center;width:-webkit-max-content;width:-moz-max-content;width:max-content;-webkit-margin-end:var(--granite-spacing-xl);margin-inline-end:var(--granite-spacing-xl)}:host(.granite-radio-button-disabled) .granite-radio-button-text{opacity:.6}:host(.granite-radio-button-disabled) .granite-radio-button-outer-circle{opacity:.3;background-color:var(--granite-color-border-soft)}.granite-radio-button-outer-circle{height:1rem;width:1rem;border-radius:50%;box-sizing:border-box;border:.0625rem solid var(--granite-color-border-hard);display:flex;justify-content:center;position:relative;align-items:center}.granite-radio-button-inner-circle{width:.625rem;height:.625rem;visibility:hidden;position:absolute;border-radius:50%;background-color:var(--granite-color-background-active);margin:auto}@-webkit-keyframes growAnimation{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes growAnimation{0%{transform:scale(0)}to{transform:scale(1)}}"]}]}],"members":{"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":3}}]}],"id":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":3}}]}],"name":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":3}}]}],"checked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":41,"character":3}}]}],"required":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":44,"character":3}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":47,"character":3}}]}],"readonly":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":50,"character":3}}]}],"labelPosition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":53,"character":3}}]}],"ariaLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":56,"character":3},"arguments":["aria-label"]}]}],"ariaLabelledby":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":59,"character":3},"arguments":["aria-labelledby"]}]}],"radioChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":62,"character":3}}]}],"radioBlur":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":65,"character":3}}]}],"_inputElement":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":68,"character":3},"arguments":["input"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/cdk/a11y","name":"FocusMonitor","line":77,"character":27},{"__symbolic":"reference","module":"@angular/cdk/collections","name":"UniqueSelectionDispatcher","line":78,"character":30}]}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"focus":[{"__symbolic":"method"}],"_radioClick":[{"__symbolic":"method"}],"_radioChange":[{"__symbolic":"method"}],"_onBlur":[{"__symbolic":"method"}],"_getInputElement":[{"__symbolic":"method"}]}}}}]
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { NgModule } from '@angular/core';
|
|
2
|
-
import { GraniteRadioButtonComponent } from './radio-button.component';
|
|
3
|
-
import { GraniteRadioGroupComponent } from './radio-group.component';
|
|
4
|
-
export class GraniteRadioButtonModule {
|
|
5
|
-
}
|
|
6
|
-
GraniteRadioButtonModule.decorators = [
|
|
7
|
-
{ type: NgModule, args: [{
|
|
8
|
-
declarations: [GraniteRadioButtonComponent, GraniteRadioGroupComponent],
|
|
9
|
-
exports: [GraniteRadioButtonComponent, GraniteRadioGroupComponent],
|
|
10
|
-
},] }
|
|
11
|
-
];
|
|
12
|
-
//# sourceMappingURL=radio-button.module.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"radio-button.module.js","sourceRoot":"","sources":["../../../../../../libs/granite-components/src/lib/radio-button/radio-button.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,2BAA2B,EAAE,MAAM,0BAA0B,CAAC;AACvE,OAAO,EAAE,0BAA0B,EAAE,MAAM,yBAAyB,CAAC;AAMrE,MAAM,OAAO,wBAAwB;;;YAJpC,QAAQ,SAAC;gBACR,YAAY,EAAE,CAAC,2BAA2B,EAAE,0BAA0B,CAAC;gBACvE,OAAO,EAAE,CAAC,2BAA2B,EAAE,0BAA0B,CAAC;aACnE","sourcesContent":["import { NgModule } from '@angular/core';\nimport { GraniteRadioButtonComponent } from './radio-button.component';\nimport { GraniteRadioGroupComponent } from './radio-group.component';\n\n@NgModule({\n declarations: [GraniteRadioButtonComponent, GraniteRadioGroupComponent],\n exports: [GraniteRadioButtonComponent, GraniteRadioGroupComponent],\n})\nexport class GraniteRadioButtonModule {}\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
[{"__symbolic":"module","version":4,"metadata":{"GraniteRadioButtonModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":4,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","module":"./radio-button.component","name":"GraniteRadioButtonComponent","line":5,"character":17},{"__symbolic":"reference","module":"./radio-group.component","name":"GraniteRadioGroupComponent","line":5,"character":46}],"exports":[{"__symbolic":"reference","module":"./radio-button.component","name":"GraniteRadioButtonComponent","line":6,"character":12},{"__symbolic":"reference","module":"./radio-group.component","name":"GraniteRadioGroupComponent","line":6,"character":41}]}]}]}}}]
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import { Component, ChangeDetectionStrategy } from '@angular/core';
|
|
2
|
-
import { GraniteRadioCheckboxBase } from '../core/radio-checkbox-base';
|
|
3
|
-
export class GraniteRadioGroupComponent extends GraniteRadioCheckboxBase {
|
|
4
|
-
}
|
|
5
|
-
GraniteRadioGroupComponent.decorators = [
|
|
6
|
-
{ type: Component, args: [{
|
|
7
|
-
selector: 'granite-radio-group',
|
|
8
|
-
host: {
|
|
9
|
-
class: 'granite-radio-group',
|
|
10
|
-
'[attr.role]': '"radiogroup"',
|
|
11
|
-
'[attr.aria-labelledby]': 'ariaLabelledby',
|
|
12
|
-
'[class.granite-radio-checkbox-base-layout-horizontal]': 'layout === "horizontal"',
|
|
13
|
-
},
|
|
14
|
-
template: '<ng-content></ng-content>',
|
|
15
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
16
|
-
styles: [":host(.granite-radio-checkbox-base-layout-horizontal){display:flex;align-items:flex-start}"]
|
|
17
|
-
},] }
|
|
18
|
-
];
|
|
19
|
-
//# sourceMappingURL=radio-group.component.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"radio-group.component.js","sourceRoot":"","sources":["../../../../../../libs/granite-components/src/lib/radio-button/radio-group.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AACnE,OAAO,EAAE,wBAAwB,EAAE,MAAM,6BAA6B,CAAC;AAgBvE,MAAM,OAAO,0BAA2B,SAAQ,wBAAwB;;;YAdvE,SAAS,SAAC;gBACT,QAAQ,EAAE,qBAAqB;gBAC/B,IAAI,EAAE;oBACJ,KAAK,EAAE,qBAAqB;oBAC5B,aAAa,EAAE,cAAc;oBAC7B,wBAAwB,EAAE,gBAAgB;oBAC1C,uDAAuD,EACrD,yBAAyB;iBAC5B;gBAED,QAAQ,EAAE,2BAA2B;gBAErC,eAAe,EAAE,uBAAuB,CAAC,MAAM;;aAChD","sourcesContent":["import { Component, ChangeDetectionStrategy } from '@angular/core';\nimport { GraniteRadioCheckboxBase } from '../core/radio-checkbox-base';\n\n@Component({\n selector: 'granite-radio-group',\n host: {\n class: 'granite-radio-group',\n '[attr.role]': '\"radiogroup\"',\n '[attr.aria-labelledby]': 'ariaLabelledby',\n '[class.granite-radio-checkbox-base-layout-horizontal]':\n 'layout === \"horizontal\"',\n },\n\n template: '<ng-content></ng-content>',\n styleUrls: ['./radio-group.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class GraniteRadioGroupComponent extends GraniteRadioCheckboxBase {}\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
[{"__symbolic":"module","version":4,"metadata":{"GraniteRadioGroupComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../core/radio-checkbox-base","name":"GraniteRadioCheckboxBase","line":17,"character":48},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"granite-radio-group","host":{"class":"granite-radio-group","[attr.role]":"\"radiogroup\"","[attr.aria-labelledby]":"ariaLabelledby","[class.granite-radio-checkbox-base-layout-horizontal]":"layout === \"horizontal\"","$quoted$":["[attr.role]","[attr.aria-labelledby]","[class.granite-radio-checkbox-base-layout-horizontal]"]},"template":"<ng-content></ng-content>","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":15,"character":19},"member":"OnPush"},"styles":[":host(.granite-radio-checkbox-base-layout-horizontal){display:flex;align-items:flex-start}"]}]}]}}}]
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { Directive, Input } from '@angular/core';
|
|
2
|
-
import { GraniteTableColumnDirective } from '../column/table-column.directive';
|
|
3
|
-
export class GraniteCell {
|
|
4
|
-
}
|
|
5
|
-
GraniteCell.decorators = [
|
|
6
|
-
{ type: Directive }
|
|
7
|
-
];
|
|
8
|
-
GraniteCell.propDecorators = {
|
|
9
|
-
id: [{ type: Input }],
|
|
10
|
-
column: [{ type: Input }]
|
|
11
|
-
};
|
|
12
|
-
//# sourceMappingURL=cell.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"cell.js","sourceRoot":"","sources":["../../../../../../../libs/granite-components/src/lib/table/cell/cell.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,EAAE,2BAA2B,EAAE,MAAM,kCAAkC,CAAC;AAG/E,MAAM,OAAgB,WAAW;;;YADhC,SAAS;;;iBAEP,KAAK;qBAGL,KAAK","sourcesContent":["import { Directive, Input } from '@angular/core';\nimport { GraniteTableColumnDirective } from '../column/table-column.directive';\n\n@Directive()\nexport abstract class GraniteCell {\n @Input()\n id: string;\n\n @Input()\n column: GraniteTableColumnDirective;\n}\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
[{"__symbolic":"module","version":4,"metadata":{"GraniteCell":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":3,"character":1}}],"members":{"id":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":5,"character":3}}]}],"column":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":8,"character":3}}]}]}}}}]
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { Component, Input, TemplateRef } from '@angular/core';
|
|
2
|
-
import { GraniteCell } from './cell';
|
|
3
|
-
export class GraniteTableDataCellComponent extends GraniteCell {
|
|
4
|
-
}
|
|
5
|
-
GraniteTableDataCellComponent.decorators = [
|
|
6
|
-
{ type: Component, args: [{
|
|
7
|
-
// eslint-disable-next-line @angular-eslint/component-selector
|
|
8
|
-
selector: 'cdk-cell[graniteTableDataCell]',
|
|
9
|
-
template: "<span class=\"granite-table-data-cell-static-container\">\n <ng-template\n [ngTemplateOutlet]=\"tableCellTemplateRef || defaultTableCellTemplate\"\n [ngTemplateOutletContext]=\"{\n data: value,\n rowIndex: rowIndex,\n columnIndex: columnIndex,\n column: column,\n row: row\n }\"\n ></ng-template>\n</span>\n\n<ng-template #defaultTableCellTemplate>\n <ng-container [ngSwitch]=\"staticType\">\n <ng-container *ngSwitchCase=\"'badge'\">\n <granite-badge>{{ value }}</granite-badge>\n </ng-container>\n <ng-container *ngSwitchDefault>{{ value }}</ng-container>\n </ng-container>\n</ng-template>\n",
|
|
10
|
-
styles: [":host{box-sizing:border-box}:host *,:host :after,:host :before{box-sizing:inherit}.granite-table-data-cell-static-container{padding:var(--granite-spacing-s);height:inherit;font-size:var(--granite-font-size-body-small);line-height:var(--granite-line-height-regular);display:flex;justify-content:center;align-items:center;color:var(--granite-color-text)}"]
|
|
11
|
-
},] }
|
|
12
|
-
];
|
|
13
|
-
GraniteTableDataCellComponent.propDecorators = {
|
|
14
|
-
value: [{ type: Input }],
|
|
15
|
-
staticType: [{ type: Input }],
|
|
16
|
-
rowIndex: [{ type: Input }],
|
|
17
|
-
columnIndex: [{ type: Input }],
|
|
18
|
-
tableCellTemplateRef: [{ type: Input }],
|
|
19
|
-
row: [{ type: Input }]
|
|
20
|
-
};
|
|
21
|
-
//# sourceMappingURL=table-data-cell.component.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"table-data-cell.component.js","sourceRoot":"","sources":["../../../../../../../libs/granite-components/src/lib/table/cell/table-data-cell.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC9D,OAAO,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAC;AAUrC,MAAM,OAAO,6BAA8B,SAAQ,WAAW;;;YAN7D,SAAS,SAAC;gBACT,8DAA8D;gBAC9D,QAAQ,EAAE,gCAAgC;gBAC1C,ipBAA+C;;aAEhD;;;oBAEE,KAAK;yBAGL,KAAK;uBAGL,KAAK;0BAGL,KAAK;mCAIL,KAAK;kBAGL,KAAK","sourcesContent":["import { Component, Input, TemplateRef } from '@angular/core';\nimport { GraniteCell } from './cell';\n\nexport type StaticType = 'text' | 'badge';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'cdk-cell[graniteTableDataCell]',\n templateUrl: './table-data-cell.component.html',\n styleUrls: ['./table-data-cell.component.scss'],\n})\nexport class GraniteTableDataCellComponent extends GraniteCell {\n @Input()\n value: any;\n\n @Input()\n staticType: StaticType;\n\n @Input()\n rowIndex: number;\n\n @Input()\n columnIndex: number;\n\n // Custom template provided by the consumer\n @Input()\n tableCellTemplateRef: TemplateRef<any>;\n\n @Input()\n row: any;\n}\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
[{"__symbolic":"module","version":4,"metadata":{"StaticType":{"__symbolic":"interface"},"GraniteTableDataCellComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"./cell","name":"GraniteCell","line":11,"character":51},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"cdk-cell[graniteTableDataCell]","template":"<span class=\"granite-table-data-cell-static-container\">\n <ng-template\n [ngTemplateOutlet]=\"tableCellTemplateRef || defaultTableCellTemplate\"\n [ngTemplateOutletContext]=\"{\n data: value,\n rowIndex: rowIndex,\n columnIndex: columnIndex,\n column: column,\n row: row\n }\"\n ></ng-template>\n</span>\n\n<ng-template #defaultTableCellTemplate>\n <ng-container [ngSwitch]=\"staticType\">\n <ng-container *ngSwitchCase=\"'badge'\">\n <granite-badge>{{ value }}</granite-badge>\n </ng-container>\n <ng-container *ngSwitchDefault>{{ value }}</ng-container>\n </ng-container>\n</ng-template>\n","styles":[":host{box-sizing:border-box}:host *,:host :after,:host :before{box-sizing:inherit}.granite-table-data-cell-static-container{padding:var(--granite-spacing-s);height:inherit;font-size:var(--granite-font-size-body-small);line-height:var(--granite-line-height-regular);display:flex;justify-content:center;align-items:center;color:var(--granite-color-text)}"]}]}],"members":{"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"staticType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"rowIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"columnIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"tableCellTemplateRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"row":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}]}}}}]
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { Component } from '@angular/core';
|
|
2
|
-
import { GraniteCell } from './cell';
|
|
3
|
-
export class GraniteTableHeaderCellComponent extends GraniteCell {
|
|
4
|
-
}
|
|
5
|
-
GraniteTableHeaderCellComponent.decorators = [
|
|
6
|
-
{ type: Component, args: [{
|
|
7
|
-
// eslint-disable-next-line @angular-eslint/component-selector
|
|
8
|
-
selector: 'cdk-header-cell[graniteTableHeaderCell]',
|
|
9
|
-
template: "<span class=\"granite-table-header-cell-title\">\n <ng-content></ng-content>\n</span>\n",
|
|
10
|
-
styles: [":host{box-sizing:border-box}:host *,:host :after,:host :before{box-sizing:inherit}.granite-table-header-cell-title{padding:var(--granite-spacing-s);height:inherit;font-size:var(--granite-font-size-micro);line-height:var(--granite-line-height-flowing);letter-spacing:.015em;font-weight:400;display:flex;justify-content:center;align-items:center;color:var(--granite-color-text-weak)}"]
|
|
11
|
-
},] }
|
|
12
|
-
];
|
|
13
|
-
//# sourceMappingURL=table-header-cell.component.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"table-header-cell.component.js","sourceRoot":"","sources":["../../../../../../../libs/granite-components/src/lib/table/cell/table-header-cell.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAC;AAQrC,MAAM,OAAO,+BAAgC,SAAQ,WAAW;;;YAN/D,SAAS,SAAC;gBACT,8DAA8D;gBAC9D,QAAQ,EAAE,yCAAyC;gBACnD,oGAAiD;;aAElD","sourcesContent":["import { Component } from '@angular/core';\nimport { GraniteCell } from './cell';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'cdk-header-cell[graniteTableHeaderCell]',\n templateUrl: './table-header-cell.component.html',\n styleUrls: ['./table-header-cell.component.scss'],\n})\nexport class GraniteTableHeaderCellComponent extends GraniteCell {}\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
[{"__symbolic":"module","version":4,"metadata":{"GraniteTableHeaderCellComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"./cell","name":"GraniteCell","line":9,"character":53},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"cdk-header-cell[graniteTableHeaderCell]","template":"<span class=\"granite-table-header-cell-title\">\n <ng-content></ng-content>\n</span>\n","styles":[":host{box-sizing:border-box}:host *,:host :after,:host :before{box-sizing:inherit}.granite-table-header-cell-title{padding:var(--granite-spacing-s);height:inherit;font-size:var(--granite-font-size-micro);line-height:var(--granite-line-height-flowing);letter-spacing:.015em;font-weight:400;display:flex;justify-content:center;align-items:center;color:var(--granite-color-text-weak)}"]}]}]}}}]
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import { ContentChild, Directive, Input, TemplateRef } from '@angular/core';
|
|
2
|
-
export class GraniteTableColumnDirective {
|
|
3
|
-
}
|
|
4
|
-
GraniteTableColumnDirective.decorators = [
|
|
5
|
-
{ type: Directive, args: [{
|
|
6
|
-
// eslint-disable-next-line @angular-eslint/directive-selector
|
|
7
|
-
selector: 'granite-table-column',
|
|
8
|
-
},] }
|
|
9
|
-
];
|
|
10
|
-
GraniteTableColumnDirective.propDecorators = {
|
|
11
|
-
name: [{ type: Input }],
|
|
12
|
-
title: [{ type: Input }],
|
|
13
|
-
staticType: [{ type: Input }],
|
|
14
|
-
tableCellTemplateRef: [{ type: ContentChild, args: ['graniteTableCellTemplate', { static: false },] }]
|
|
15
|
-
};
|
|
16
|
-
//# sourceMappingURL=table-column.directive.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"table-column.directive.js","sourceRoot":"","sources":["../../../../../../../libs/granite-components/src/lib/table/column/table-column.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAa5E,MAAM,OAAO,2BAA2B;;;YAJvC,SAAS,SAAC;gBACT,8DAA8D;gBAC9D,QAAQ,EAAE,sBAAsB;aACjC;;;mBAGE,KAAK;oBAGL,KAAK;yBAGL,KAAK;mCAGL,YAAY,SAAC,0BAA0B,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE","sourcesContent":["import { ContentChild, Directive, Input, TemplateRef } from '@angular/core';\nimport { StaticType } from '../cell/table-data-cell.component';\n\nexport interface GraniteTableColumnInterface {\n name: string;\n title?: string;\n staticType?: StaticType;\n}\n\n@Directive({\n // eslint-disable-next-line @angular-eslint/directive-selector\n selector: 'granite-table-column',\n})\nexport class GraniteTableColumnDirective\n implements GraniteTableColumnInterface {\n @Input()\n name: string;\n\n @Input()\n title: string;\n\n @Input()\n staticType: StaticType;\n\n @ContentChild('graniteTableCellTemplate', { static: false })\n tableCellTemplateRef: TemplateRef<any>;\n}\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
[{"__symbolic":"module","version":4,"metadata":{"GraniteTableColumnInterface":{"__symbolic":"interface"},"GraniteTableColumnDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":9,"character":1},"arguments":[{"selector":"granite-table-column"}]}],"members":{"name":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"staticType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"tableCellTemplateRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":24,"character":3},"arguments":["graniteTableCellTemplate",{"static":false}]}]}]}}}}]
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"table-constants.library.js","sourceRoot":"","sources":["../../../../../../libs/granite-components/src/lib/table/table-constants.library.ts"],"names":[],"mappings":"AAAA,MAAM,OAAO,cAAc;;AACT,6BAAc,GAAW,cAAc,CAAC","sourcesContent":["export class TableConstants {\n static readonly CELL_ID_PREFIX: string = 'granite-cell';\n}\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
[{"__symbolic":"module","version":4,"metadata":{"TableConstants":{"__symbolic":"class","statics":{"CELL_ID_PREFIX":"granite-cell"}}}}]
|