@ifsworld/granite-components 4.2.0 → 4.5.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 +117 -4
- package/bundles/ifsworld-granite-components.umd.js +33 -11
- package/bundles/ifsworld-granite-components.umd.js.map +1 -1
- package/bundles/ifsworld-granite-components.umd.min.js +2 -2
- package/bundles/ifsworld-granite-components.umd.min.js.map +1 -1
- package/esm2015/index.js +1 -0
- package/esm2015/index.js.map +1 -1
- package/esm2015/index.metadata.json +1 -1
- package/esm2015/lib/checkbox/checkbox-group.component.js +19 -0
- package/esm2015/lib/checkbox/checkbox-group.component.js.map +1 -0
- package/esm2015/lib/checkbox/checkbox-group.component.metadata.json +1 -0
- package/esm2015/lib/checkbox/checkbox.component.js +1 -1
- package/esm2015/lib/checkbox/checkbox.component.metadata.json +1 -1
- package/esm2015/lib/checkbox/checkbox.module.js +3 -2
- package/esm2015/lib/checkbox/checkbox.module.js.map +1 -1
- package/esm2015/lib/checkbox/checkbox.module.metadata.json +1 -1
- package/esm2015/lib/radio-button/radio-button.component.js +4 -5
- package/esm2015/lib/radio-button/radio-button.component.js.map +1 -1
- package/esm2015/lib/radio-button/radio-button.component.metadata.json +1 -1
- package/esm2015/lib/radio-button/radio-group.component.js +3 -3
- package/esm2015/lib/radio-button/radio-group.component.js.map +1 -1
- package/esm2015/lib/radio-button/radio-group.component.metadata.json +1 -1
- package/fesm2015/ifsworld-granite-components.js +28 -12
- package/fesm2015/ifsworld-granite-components.js.map +1 -1
- package/ifsworld-granite-components.metadata.json +1 -1
- package/index.d.ts +1 -0
- package/lib/checkbox/checkbox-group.component.d.ts +3 -0
- package/lib/radio-button/radio-button.component.d.ts +1 -1
- package/package.json +1 -1
package/esm2015/index.js
CHANGED
|
@@ -29,6 +29,7 @@ export * from './lib/radio-button/radio-button.component';
|
|
|
29
29
|
export * from './lib/radio-button/radio-group.component';
|
|
30
30
|
export * from './lib/checkbox/checkbox.module';
|
|
31
31
|
export * from './lib/checkbox/checkbox.component';
|
|
32
|
+
export * from './lib/checkbox/checkbox-group.component';
|
|
32
33
|
export * from './lib/button/button.module';
|
|
33
34
|
export * from './lib/button/button.component';
|
|
34
35
|
export * from './lib/table/table.module';
|
package/esm2015/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../libs/granite-components/src/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,cAAc,wCAAwC,CAAC;AACvD,cAAc,2CAA2C,CAAC;AAC1D,cAAc,gDAAgD,CAAC;AAE/D,cAAc,wBAAwB,CAAC;AACvC,cAAc,2BAA2B,CAAC;AAE1C,cAAc,0BAA0B,CAAC;AACzC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,mCAAmC,CAAC;AAElD,cAAc,wBAAwB,CAAC;AACvC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,oCAAoC,CAAC;AACnD,cAAc,kCAAkC,CAAC;AACjD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,uCAAuC,CAAC;AACtD,cAAc,iCAAiC,CAAC;AAChD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,uCAAuC,CAAC;AACtD,cAAc,uCAAuC,CAAC;AAEtD,cAAc,wBAAwB,CAAC;AACvC,cAAc,2BAA2B,CAAC;AAE1C,cAAc,0CAA0C,CAAC;AACzD,cAAc,6CAA6C,CAAC;AAE5D,cAAc,wCAAwC,CAAC;AACvD,cAAc,2CAA2C,CAAC;AAE1D,cAAc,0CAA0C,CAAC;AAEzD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,mCAAmC,CAAC;AAElD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,+BAA+B,CAAC;AAE9C,cAAc,0BAA0B,CAAC;AACzC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,2CAA2C,CAAC;AAE1D,cAAc,sCAAsC,CAAC;AACrD,cAAc,yCAAyC,CAAC;AAExD,YAAY;AACZ,cAAc,+BAA+B,CAAC;AAC9C,cAAc,wBAAwB,CAAC;AACvC,cAAc,kDAAkD,CAAC;AACjE,cAAc,oDAAoD,CAAC;AACnE,cAAc,iDAAiD,CAAC;AAChE,cAAc,mDAAmD,CAAC;AAClE,cAAc,sCAAsC,CAAC","sourcesContent":["/*\n * Public API Surface of ui\n */\n\nexport * from './lib/arrange-grid/arrange-grid.module';\nexport * from './lib/arrange-grid/arrange-grid.component';\nexport * from './lib/arrange-grid/arrange-grid-item.component';\n\nexport * from './lib/grid/grid.module';\nexport * from './lib/grid/grid.component';\n\nexport * from './lib/badge/badge.module';\nexport * from './lib/badge/badge.component';\nexport * from './lib/badge/testing/badge.harness';\n\nexport * from './lib/menu/menu.module';\nexport * from './lib/menu/menu.component';\nexport * from './lib/menu/menu-desktop-animations';\nexport * from './lib/menu/menu-touch-animations';\nexport * from './lib/menu/menu-item.component';\nexport * from './lib/menu/menu-trigger-for.directive';\nexport * from './lib/menu/testing/menu.harness';\nexport * from './lib/menu/divider.directive';\nexport * from './lib/menu/title.directive';\nexport * from './lib/menu/menu-touch-close.component';\nexport * from './lib/menu/menu-touch-title.component';\n\nexport * from './lib/icon/icon.module';\nexport * from './lib/icon/icon.component';\n\nexport * from './lib/toggle-switch/toggle-switch.module';\nexport * from './lib/toggle-switch/toggle-switch.component';\n\nexport * from './lib/radio-button/radio-button.module';\nexport * from './lib/radio-button/radio-button.component';\n\nexport * from './lib/radio-button/radio-group.component';\n\nexport * from './lib/checkbox/checkbox.module';\nexport * from './lib/checkbox/checkbox.component';\n\nexport * from './lib/button/button.module';\nexport * from './lib/button/button.component';\n\nexport * from './lib/table/table.module';\nexport * from './lib/table/table.component';\nexport * from './lib/table/column/table-column.directive';\n\nexport * from './lib/input-field/input-field.module';\nexport * from './lib/input-field/input-field.component';\n\n// Temporary\nexport * from './lib/core/client-environment';\nexport * from './lib/core/core.module';\nexport * from './lib/core/devices/client-output-touch.directive';\nexport * from './lib/core/devices/client-output-desktop.directive';\nexport * from './lib/core/devices/client-input-touch.directive';\nexport * from './lib/core/devices/client-input-desktop.directive';\nexport * from './lib/core/common-behaviors/disabled';\n"]}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../libs/granite-components/src/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,cAAc,wCAAwC,CAAC;AACvD,cAAc,2CAA2C,CAAC;AAC1D,cAAc,gDAAgD,CAAC;AAE/D,cAAc,wBAAwB,CAAC;AACvC,cAAc,2BAA2B,CAAC;AAE1C,cAAc,0BAA0B,CAAC;AACzC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,mCAAmC,CAAC;AAElD,cAAc,wBAAwB,CAAC;AACvC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,oCAAoC,CAAC;AACnD,cAAc,kCAAkC,CAAC;AACjD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,uCAAuC,CAAC;AACtD,cAAc,iCAAiC,CAAC;AAChD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,uCAAuC,CAAC;AACtD,cAAc,uCAAuC,CAAC;AAEtD,cAAc,wBAAwB,CAAC;AACvC,cAAc,2BAA2B,CAAC;AAE1C,cAAc,0CAA0C,CAAC;AACzD,cAAc,6CAA6C,CAAC;AAE5D,cAAc,wCAAwC,CAAC;AACvD,cAAc,2CAA2C,CAAC;AAE1D,cAAc,0CAA0C,CAAC;AAEzD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,mCAAmC,CAAC;AAElD,cAAc,yCAAyC,CAAC;AAExD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,+BAA+B,CAAC;AAE9C,cAAc,0BAA0B,CAAC;AACzC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,2CAA2C,CAAC;AAE1D,cAAc,sCAAsC,CAAC;AACrD,cAAc,yCAAyC,CAAC;AAExD,YAAY;AACZ,cAAc,+BAA+B,CAAC;AAC9C,cAAc,wBAAwB,CAAC;AACvC,cAAc,kDAAkD,CAAC;AACjE,cAAc,oDAAoD,CAAC;AACnE,cAAc,iDAAiD,CAAC;AAChE,cAAc,mDAAmD,CAAC;AAClE,cAAc,sCAAsC,CAAC","sourcesContent":["/*\n * Public API Surface of ui\n */\n\nexport * from './lib/arrange-grid/arrange-grid.module';\nexport * from './lib/arrange-grid/arrange-grid.component';\nexport * from './lib/arrange-grid/arrange-grid-item.component';\n\nexport * from './lib/grid/grid.module';\nexport * from './lib/grid/grid.component';\n\nexport * from './lib/badge/badge.module';\nexport * from './lib/badge/badge.component';\nexport * from './lib/badge/testing/badge.harness';\n\nexport * from './lib/menu/menu.module';\nexport * from './lib/menu/menu.component';\nexport * from './lib/menu/menu-desktop-animations';\nexport * from './lib/menu/menu-touch-animations';\nexport * from './lib/menu/menu-item.component';\nexport * from './lib/menu/menu-trigger-for.directive';\nexport * from './lib/menu/testing/menu.harness';\nexport * from './lib/menu/divider.directive';\nexport * from './lib/menu/title.directive';\nexport * from './lib/menu/menu-touch-close.component';\nexport * from './lib/menu/menu-touch-title.component';\n\nexport * from './lib/icon/icon.module';\nexport * from './lib/icon/icon.component';\n\nexport * from './lib/toggle-switch/toggle-switch.module';\nexport * from './lib/toggle-switch/toggle-switch.component';\n\nexport * from './lib/radio-button/radio-button.module';\nexport * from './lib/radio-button/radio-button.component';\n\nexport * from './lib/radio-button/radio-group.component';\n\nexport * from './lib/checkbox/checkbox.module';\nexport * from './lib/checkbox/checkbox.component';\n\nexport * from './lib/checkbox/checkbox-group.component';\n\nexport * from './lib/button/button.module';\nexport * from './lib/button/button.component';\n\nexport * from './lib/table/table.module';\nexport * from './lib/table/table.component';\nexport * from './lib/table/column/table-column.directive';\n\nexport * from './lib/input-field/input-field.module';\nexport * from './lib/input-field/input-field.component';\n\n// Temporary\nexport * from './lib/core/client-environment';\nexport * from './lib/core/core.module';\nexport * from './lib/core/devices/client-output-touch.directive';\nexport * from './lib/core/devices/client-output-desktop.directive';\nexport * from './lib/core/devices/client-input-touch.directive';\nexport * from './lib/core/devices/client-input-desktop.directive';\nexport * from './lib/core/common-behaviors/disabled';\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
[{"__symbolic":"module","version":4,"metadata":{},"exports":[{"from":"./lib/arrange-grid/arrange-grid.module"},{"from":"./lib/arrange-grid/arrange-grid.component"},{"from":"./lib/arrange-grid/arrange-grid-item.component"},{"from":"./lib/grid/grid.module"},{"from":"./lib/grid/grid.component"},{"from":"./lib/badge/badge.module"},{"from":"./lib/badge/badge.component"},{"from":"./lib/badge/testing/badge.harness"},{"from":"./lib/menu/menu.module"},{"from":"./lib/menu/menu.component"},{"from":"./lib/menu/menu-desktop-animations"},{"from":"./lib/menu/menu-touch-animations"},{"from":"./lib/menu/menu-item.component"},{"from":"./lib/menu/menu-trigger-for.directive"},{"from":"./lib/menu/testing/menu.harness"},{"from":"./lib/menu/divider.directive"},{"from":"./lib/menu/title.directive"},{"from":"./lib/menu/menu-touch-close.component"},{"from":"./lib/menu/menu-touch-title.component"},{"from":"./lib/icon/icon.module"},{"from":"./lib/icon/icon.component"},{"from":"./lib/toggle-switch/toggle-switch.module"},{"from":"./lib/toggle-switch/toggle-switch.component"},{"from":"./lib/radio-button/radio-button.module"},{"from":"./lib/radio-button/radio-button.component"},{"from":"./lib/radio-button/radio-group.component"},{"from":"./lib/checkbox/checkbox.module"},{"from":"./lib/checkbox/checkbox.component"},{"from":"./lib/button/button.module"},{"from":"./lib/button/button.component"},{"from":"./lib/table/table.module"},{"from":"./lib/table/table.component"},{"from":"./lib/table/column/table-column.directive"},{"from":"./lib/input-field/input-field.module"},{"from":"./lib/input-field/input-field.component"},{"from":"./lib/core/client-environment"},{"from":"./lib/core/core.module"},{"from":"./lib/core/devices/client-output-touch.directive"},{"from":"./lib/core/devices/client-output-desktop.directive"},{"from":"./lib/core/devices/client-input-touch.directive"},{"from":"./lib/core/devices/client-input-desktop.directive"},{"from":"./lib/core/common-behaviors/disabled"}]}]
|
|
1
|
+
[{"__symbolic":"module","version":4,"metadata":{},"exports":[{"from":"./lib/arrange-grid/arrange-grid.module"},{"from":"./lib/arrange-grid/arrange-grid.component"},{"from":"./lib/arrange-grid/arrange-grid-item.component"},{"from":"./lib/grid/grid.module"},{"from":"./lib/grid/grid.component"},{"from":"./lib/badge/badge.module"},{"from":"./lib/badge/badge.component"},{"from":"./lib/badge/testing/badge.harness"},{"from":"./lib/menu/menu.module"},{"from":"./lib/menu/menu.component"},{"from":"./lib/menu/menu-desktop-animations"},{"from":"./lib/menu/menu-touch-animations"},{"from":"./lib/menu/menu-item.component"},{"from":"./lib/menu/menu-trigger-for.directive"},{"from":"./lib/menu/testing/menu.harness"},{"from":"./lib/menu/divider.directive"},{"from":"./lib/menu/title.directive"},{"from":"./lib/menu/menu-touch-close.component"},{"from":"./lib/menu/menu-touch-title.component"},{"from":"./lib/icon/icon.module"},{"from":"./lib/icon/icon.component"},{"from":"./lib/toggle-switch/toggle-switch.module"},{"from":"./lib/toggle-switch/toggle-switch.component"},{"from":"./lib/radio-button/radio-button.module"},{"from":"./lib/radio-button/radio-button.component"},{"from":"./lib/radio-button/radio-group.component"},{"from":"./lib/checkbox/checkbox.module"},{"from":"./lib/checkbox/checkbox.component"},{"from":"./lib/checkbox/checkbox-group.component"},{"from":"./lib/button/button.module"},{"from":"./lib/button/button.component"},{"from":"./lib/table/table.module"},{"from":"./lib/table/table.component"},{"from":"./lib/table/column/table-column.directive"},{"from":"./lib/input-field/input-field.module"},{"from":"./lib/input-field/input-field.component"},{"from":"./lib/core/client-environment"},{"from":"./lib/core/core.module"},{"from":"./lib/core/devices/client-output-touch.directive"},{"from":"./lib/core/devices/client-output-desktop.directive"},{"from":"./lib/core/devices/client-input-touch.directive"},{"from":"./lib/core/devices/client-input-desktop.directive"},{"from":"./lib/core/common-behaviors/disabled"}]}]
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { Component, ChangeDetectionStrategy } from '@angular/core';
|
|
2
|
+
import { GraniteRadioCheckboxBase } from '../core/radio-checkbox-base';
|
|
3
|
+
export class GraniteCheckboxGroupComponent extends GraniteRadioCheckboxBase {
|
|
4
|
+
}
|
|
5
|
+
GraniteCheckboxGroupComponent.decorators = [
|
|
6
|
+
{ type: Component, args: [{
|
|
7
|
+
selector: 'granite-checkbox-group',
|
|
8
|
+
host: {
|
|
9
|
+
class: 'granite-checkbox-group',
|
|
10
|
+
'[attr.role]': '"group"',
|
|
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=checkbox-group.component.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"checkbox-group.component.js","sourceRoot":"","sources":["../../../../../../libs/granite-components/src/lib/checkbox/checkbox-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,6BAA8B,SAAQ,wBAAwB;;;YAd1E,SAAS,SAAC;gBACT,QAAQ,EAAE,wBAAwB;gBAClC,IAAI,EAAE;oBACJ,KAAK,EAAE,wBAAwB;oBAC/B,aAAa,EAAE,SAAS;oBACxB,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-checkbox-group',\n host: {\n class: 'granite-checkbox-group',\n '[attr.role]': '\"group\"',\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: ['./checkbox-group.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class GraniteCheckboxGroupComponent extends GraniteRadioCheckboxBase {}\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
[{"__symbolic":"module","version":4,"metadata":{"GraniteCheckboxGroupComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../core/radio-checkbox-base","name":"GraniteRadioCheckboxBase","line":17,"character":51},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"granite-checkbox-group","host":{"class":"granite-checkbox-group","[attr.role]":"\"group\"","[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}"]}]}]}}}]
|
|
@@ -67,7 +67,7 @@ GraniteCheckboxComponent.decorators = [
|
|
|
67
67
|
},
|
|
68
68
|
template: "<label [attr.for]=\"id\" class=\"granite-checkbox-label\">\n <div class=\"granite-checkbox-box\">\n <input\n #input\n [id]=\"id\"\n class=\"granite-checkbox-input cdk-visually-hidden\"\n role=\"checkbox\"\n type=\"checkbox\"\n [attr.aria-checked]=\"checked.toString()\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.aria-labelledby]=\"ariaLabelledby\"\n [checked]=\"checked\"\n [disabled]=\"_checkboxDisabled\"\n [readonly]=\"readonly\"\n (click)=\"_checkboxClick()\"\n (change)=\"_checkboxChange()\"\n (blur)=\"_onBlur()\"\n />\n <div class=\"granite-checkbox-check\"></div>\n </div>\n <span class=\"granite-checkbox-text\"><ng-content></ng-content></span>\n</label>\n",
|
|
69
69
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
70
|
-
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{box-sizing:border-box}:host *,:host :after,:host :before{box-sizing:inherit;cursor:pointer}:host(.granite-checkbox){color:var(--granite-color-text)}:host(.granite-checkbox):not(.granite-checkbox-checked):not(.granite-checkbox-readonly):not(.granite-checkbox-disabled) .granite-checkbox-label:hover .granite-checkbox-box{border-color:var(--granite-color-background-active)}:host(.granite-checkbox-checked):not(.granite-checkbox-readonly):not(.granite-checkbox-disabled) .granite-checkbox-label:hover .granite-checkbox-box{background-color:var(--granite-color-background-active-hover);border-color:var(--granite-color-background-active-hover)}:host(.granite-checkbox-checked) .granite-checkbox-box{border-color:var(--granite-color-background-active);background-color:var(--granite-color-background-active)}:host(.granite-checkbox-checked) .granite-checkbox-box:focus-within{border-color:var(--granite-color-focus)}:host(.granite-checkbox-checked) .granite-checkbox-check{display:flex}:host(.granite-checkbox-checked):not(.granite-checkbox-readonly):not(.granite-checkbox-disabled) .granite-checkbox-box{-webkit-animation:fadeInAnimation .2s;animation:fadeInAnimation .2s;-webkit-animation-iteration-count:1;animation-iteration-count:1}:host(:not(.granite-checkbox-checked)) .granite-checkbox-box{-webkit-animation:fadeOutAnimation .2s;animation:fadeOutAnimation .2s;-webkit-animation-iteration-count:1;animation-iteration-count:1}:host(.granite-checkbox-readonly.granite-checkbox-checked) .granite-checkbox-box{background-color:var(--granite-color-text);border-color:var(--granite-color-text)}:host(.granite-checkbox-readonly.granite-checkbox-checked) .granite-checkbox-box .granite-checkbox-check{border-color:var(--granite-color-background)}:host(.granite-checkbox-disabled) .granite-checkbox-box{opacity:.3;background-color:var(--granite-color-border-soft)}:host(.granite-checkbox-disabled) .granite-checkbox-label{opacity:.6}:host(.granite-checkbox-disabled) *,:host(.granite-checkbox-readonly) *{cursor:default}:host(.granite-checkbox-label-before) .granite-checkbox-label{flex-direction:row-reverse}:host(.granite-checkbox-label-before) .granite-checkbox-text{-webkit-padding-start:0;padding-inline-start:0;-webkit-padding-end:var(--granite-spacing-s);padding-inline-end:var(--granite-spacing-s)}.granite-checkbox-label{display:flex;align-items:center;width:-webkit-max-content;width:-moz-max-content;width:max-content}.granite-checkbox-box{width:1rem;height:1rem;border:solid var(--granite-color-background-inactive);border-width:.0625rem;border-radius:.25rem;display:flex;justify-content:center;position:relative}.granite-checkbox-box:focus-within{border:.0625rem solid var(--granite-color-focus)}.granite-checkbox-check{position:relative;display:none;width:.5625rem;height:.3125rem;background-color:transparent;border:solid var(--granite-color-text-static-light);transform:rotate(-45deg);margin-top:var(--granite-spacing-xs);border-width:0 0 .125rem .125rem}.granite-checkbox-text{-webkit-padding-start:var(--granite-spacing-s);padding-inline-start:var(--granite-spacing-s)}.granite-checkbox-text:empty{display:none}@-webkit-keyframes fadeInAnimation{0%{opacity:0}to{opacity:1}}@keyframes fadeInAnimation{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fadeOutAnimation{0%{opacity:1}to{opacity:0}}@keyframes fadeOutAnimation{0%{opacity:1}to{opacity:0}}"]
|
|
70
|
+
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{box-sizing:border-box}:host *,:host :after,:host :before{box-sizing:inherit;cursor:pointer}:host(.granite-checkbox){color:var(--granite-color-text)}:host(.granite-checkbox):not(.granite-checkbox-checked):not(.granite-checkbox-readonly):not(.granite-checkbox-disabled) .granite-checkbox-label:hover .granite-checkbox-box{border-color:var(--granite-color-background-active)}:host(.granite-checkbox-checked):not(.granite-checkbox-readonly):not(.granite-checkbox-disabled) .granite-checkbox-label:hover .granite-checkbox-box{background-color:var(--granite-color-background-active-hover);border-color:var(--granite-color-background-active-hover)}:host(.granite-checkbox-checked) .granite-checkbox-box{border-color:var(--granite-color-background-active);background-color:var(--granite-color-background-active)}:host(.granite-checkbox-checked) .granite-checkbox-box:focus-within{border-color:var(--granite-color-focus)}:host(.granite-checkbox-checked) .granite-checkbox-check{display:flex}:host(.granite-checkbox-checked):not(.granite-checkbox-readonly):not(.granite-checkbox-disabled) .granite-checkbox-box{-webkit-animation:fadeInAnimation .2s;animation:fadeInAnimation .2s;-webkit-animation-iteration-count:1;animation-iteration-count:1}:host(:not(.granite-checkbox-checked)) .granite-checkbox-box{-webkit-animation:fadeOutAnimation .2s;animation:fadeOutAnimation .2s;-webkit-animation-iteration-count:1;animation-iteration-count:1}:host(.granite-checkbox-readonly.granite-checkbox-checked) .granite-checkbox-box{background-color:var(--granite-color-text);border-color:var(--granite-color-text)}:host(.granite-checkbox-readonly.granite-checkbox-checked) .granite-checkbox-box .granite-checkbox-check{border-color:var(--granite-color-background)}:host(.granite-checkbox-disabled) .granite-checkbox-box{opacity:.3;background-color:var(--granite-color-border-soft)}:host(.granite-checkbox-disabled) .granite-checkbox-label{opacity:.6}:host(.granite-checkbox-disabled) *,:host(.granite-checkbox-readonly) *{cursor:default}:host(.granite-checkbox-label-before) .granite-checkbox-label{flex-direction:row-reverse}:host(.granite-checkbox-label-before) .granite-checkbox-text{-webkit-padding-start:0;padding-inline-start:0;-webkit-padding-end:var(--granite-spacing-s);padding-inline-end:var(--granite-spacing-s)}.granite-checkbox-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)}.granite-checkbox-box{width:1rem;height:1rem;border:solid var(--granite-color-background-inactive);border-width:.0625rem;border-radius:.25rem;display:flex;justify-content:center;position:relative}.granite-checkbox-box:focus-within{border:.0625rem solid var(--granite-color-focus)}.granite-checkbox-check{position:relative;display:none;width:.5625rem;height:.3125rem;background-color:transparent;border:solid var(--granite-color-text-static-light);transform:rotate(-45deg);margin-top:var(--granite-spacing-xs);border-width:0 0 .125rem .125rem}.granite-checkbox-text{-webkit-padding-start:var(--granite-spacing-s);padding-inline-start:var(--granite-spacing-s)}.granite-checkbox-text:empty{display:none}@-webkit-keyframes fadeInAnimation{0%{opacity:0}to{opacity:1}}@keyframes fadeInAnimation{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fadeOutAnimation{0%{opacity:1}to{opacity:0}}@keyframes fadeOutAnimation{0%{opacity:1}to{opacity:0}}"]
|
|
71
71
|
},] }
|
|
72
72
|
];
|
|
73
73
|
GraniteCheckboxComponent.ctorParameters = () => [
|
|
@@ -1 +1 @@
|
|
|
1
|
-
[{"__symbolic":"module","version":4,"metadata":{"GraniteCheckboxComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":15,"character":1},"arguments":[{"selector":"granite-checkbox","exportAs":"graniteCheckbox","host":{"class":"granite-checkbox","[class.granite-checkbox-checked]":"checked","[class.granite-checkbox-disabled]":"disabled","[class.granite-checkbox-readonly]":"readonly","[class.granite-checkbox-label-before]":"_positionBefore","$quoted$":["[class.granite-checkbox-checked]","[class.granite-checkbox-disabled]","[class.granite-checkbox-readonly]","[class.granite-checkbox-label-before]"]},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":27,"character":19},"member":"OnPush"},"template":"<label [attr.for]=\"id\" class=\"granite-checkbox-label\">\n <div class=\"granite-checkbox-box\">\n <input\n #input\n [id]=\"id\"\n class=\"granite-checkbox-input cdk-visually-hidden\"\n role=\"checkbox\"\n type=\"checkbox\"\n [attr.aria-checked]=\"checked.toString()\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.aria-labelledby]=\"ariaLabelledby\"\n [checked]=\"checked\"\n [disabled]=\"_checkboxDisabled\"\n [readonly]=\"readonly\"\n (click)=\"_checkboxClick()\"\n (change)=\"_checkboxChange()\"\n (blur)=\"_onBlur()\"\n />\n <div class=\"granite-checkbox-check\"></div>\n </div>\n <span class=\"granite-checkbox-text\"><ng-content></ng-content></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{box-sizing:border-box}:host *,:host :after,:host :before{box-sizing:inherit;cursor:pointer}:host(.granite-checkbox){color:var(--granite-color-text)}:host(.granite-checkbox):not(.granite-checkbox-checked):not(.granite-checkbox-readonly):not(.granite-checkbox-disabled) .granite-checkbox-label:hover .granite-checkbox-box{border-color:var(--granite-color-background-active)}:host(.granite-checkbox-checked):not(.granite-checkbox-readonly):not(.granite-checkbox-disabled) .granite-checkbox-label:hover .granite-checkbox-box{background-color:var(--granite-color-background-active-hover);border-color:var(--granite-color-background-active-hover)}:host(.granite-checkbox-checked) .granite-checkbox-box{border-color:var(--granite-color-background-active);background-color:var(--granite-color-background-active)}:host(.granite-checkbox-checked) .granite-checkbox-box:focus-within{border-color:var(--granite-color-focus)}:host(.granite-checkbox-checked) .granite-checkbox-check{display:flex}:host(.granite-checkbox-checked):not(.granite-checkbox-readonly):not(.granite-checkbox-disabled) .granite-checkbox-box{-webkit-animation:fadeInAnimation .2s;animation:fadeInAnimation .2s;-webkit-animation-iteration-count:1;animation-iteration-count:1}:host(:not(.granite-checkbox-checked)) .granite-checkbox-box{-webkit-animation:fadeOutAnimation .2s;animation:fadeOutAnimation .2s;-webkit-animation-iteration-count:1;animation-iteration-count:1}:host(.granite-checkbox-readonly.granite-checkbox-checked) .granite-checkbox-box{background-color:var(--granite-color-text);border-color:var(--granite-color-text)}:host(.granite-checkbox-readonly.granite-checkbox-checked) .granite-checkbox-box .granite-checkbox-check{border-color:var(--granite-color-background)}:host(.granite-checkbox-disabled) .granite-checkbox-box{opacity:.3;background-color:var(--granite-color-border-soft)}:host(.granite-checkbox-disabled) .granite-checkbox-label{opacity:.6}:host(.granite-checkbox-disabled) *,:host(.granite-checkbox-readonly) *{cursor:default}:host(.granite-checkbox-label-before) .granite-checkbox-label{flex-direction:row-reverse}:host(.granite-checkbox-label-before) .granite-checkbox-text{-webkit-padding-start:0;padding-inline-start:0;-webkit-padding-end:var(--granite-spacing-s);padding-inline-end:var(--granite-spacing-s)}.granite-checkbox-label{display:flex;align-items:center;width:-webkit-max-content;width:-moz-max-content;width:max-content}.granite-checkbox-box{width:1rem;height:1rem;border:solid var(--granite-color-background-inactive);border-width:.0625rem;border-radius:.25rem;display:flex;justify-content:center;position:relative}.granite-checkbox-box:focus-within{border:.0625rem solid var(--granite-color-focus)}.granite-checkbox-check{position:relative;display:none;width:.5625rem;height:.3125rem;background-color:transparent;border:solid var(--granite-color-text-static-light);transform:rotate(-45deg);margin-top:var(--granite-spacing-xs);border-width:0 0 .125rem .125rem}.granite-checkbox-text{-webkit-padding-start:var(--granite-spacing-s);padding-inline-start:var(--granite-spacing-s)}.granite-checkbox-text:empty{display:none}@-webkit-keyframes fadeInAnimation{0%{opacity:0}to{opacity:1}}@keyframes fadeInAnimation{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fadeOutAnimation{0%{opacity:1}to{opacity:0}}@keyframes fadeOutAnimation{0%{opacity:1}to{opacity:0}}"]}]}],"members":{"id":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}}]}],"checked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":3}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":3}}]}],"readonly":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":39,"character":3}}]}],"labelPosition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":42,"character":3}}]}],"ariaLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":45,"character":3},"arguments":["aria-label"]}]}],"ariaLabelledby":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":48,"character":3},"arguments":["aria-labelledby"]}]}],"valueChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":51,"character":3}}]}],"checkboxChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":54,"character":3}}]}],"checkboxBlur":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":57,"character":3}}]}],"_inputElement":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":60,"character":3},"arguments":["input"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/cdk/a11y","name":"FocusMonitor","line":66,"character":37}]}],"ngOnChanges":[{"__symbolic":"method"}],"focus":[{"__symbolic":"method"}],"_onBlur":[{"__symbolic":"method"}],"_checkboxChange":[{"__symbolic":"method"}],"_checkboxClick":[{"__symbolic":"method"}],"_getInputElement":[{"__symbolic":"method"}]}}}}]
|
|
1
|
+
[{"__symbolic":"module","version":4,"metadata":{"GraniteCheckboxComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":15,"character":1},"arguments":[{"selector":"granite-checkbox","exportAs":"graniteCheckbox","host":{"class":"granite-checkbox","[class.granite-checkbox-checked]":"checked","[class.granite-checkbox-disabled]":"disabled","[class.granite-checkbox-readonly]":"readonly","[class.granite-checkbox-label-before]":"_positionBefore","$quoted$":["[class.granite-checkbox-checked]","[class.granite-checkbox-disabled]","[class.granite-checkbox-readonly]","[class.granite-checkbox-label-before]"]},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":27,"character":19},"member":"OnPush"},"template":"<label [attr.for]=\"id\" class=\"granite-checkbox-label\">\n <div class=\"granite-checkbox-box\">\n <input\n #input\n [id]=\"id\"\n class=\"granite-checkbox-input cdk-visually-hidden\"\n role=\"checkbox\"\n type=\"checkbox\"\n [attr.aria-checked]=\"checked.toString()\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.aria-labelledby]=\"ariaLabelledby\"\n [checked]=\"checked\"\n [disabled]=\"_checkboxDisabled\"\n [readonly]=\"readonly\"\n (click)=\"_checkboxClick()\"\n (change)=\"_checkboxChange()\"\n (blur)=\"_onBlur()\"\n />\n <div class=\"granite-checkbox-check\"></div>\n </div>\n <span class=\"granite-checkbox-text\"><ng-content></ng-content></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{box-sizing:border-box}:host *,:host :after,:host :before{box-sizing:inherit;cursor:pointer}:host(.granite-checkbox){color:var(--granite-color-text)}:host(.granite-checkbox):not(.granite-checkbox-checked):not(.granite-checkbox-readonly):not(.granite-checkbox-disabled) .granite-checkbox-label:hover .granite-checkbox-box{border-color:var(--granite-color-background-active)}:host(.granite-checkbox-checked):not(.granite-checkbox-readonly):not(.granite-checkbox-disabled) .granite-checkbox-label:hover .granite-checkbox-box{background-color:var(--granite-color-background-active-hover);border-color:var(--granite-color-background-active-hover)}:host(.granite-checkbox-checked) .granite-checkbox-box{border-color:var(--granite-color-background-active);background-color:var(--granite-color-background-active)}:host(.granite-checkbox-checked) .granite-checkbox-box:focus-within{border-color:var(--granite-color-focus)}:host(.granite-checkbox-checked) .granite-checkbox-check{display:flex}:host(.granite-checkbox-checked):not(.granite-checkbox-readonly):not(.granite-checkbox-disabled) .granite-checkbox-box{-webkit-animation:fadeInAnimation .2s;animation:fadeInAnimation .2s;-webkit-animation-iteration-count:1;animation-iteration-count:1}:host(:not(.granite-checkbox-checked)) .granite-checkbox-box{-webkit-animation:fadeOutAnimation .2s;animation:fadeOutAnimation .2s;-webkit-animation-iteration-count:1;animation-iteration-count:1}:host(.granite-checkbox-readonly.granite-checkbox-checked) .granite-checkbox-box{background-color:var(--granite-color-text);border-color:var(--granite-color-text)}:host(.granite-checkbox-readonly.granite-checkbox-checked) .granite-checkbox-box .granite-checkbox-check{border-color:var(--granite-color-background)}:host(.granite-checkbox-disabled) .granite-checkbox-box{opacity:.3;background-color:var(--granite-color-border-soft)}:host(.granite-checkbox-disabled) .granite-checkbox-label{opacity:.6}:host(.granite-checkbox-disabled) *,:host(.granite-checkbox-readonly) *{cursor:default}:host(.granite-checkbox-label-before) .granite-checkbox-label{flex-direction:row-reverse}:host(.granite-checkbox-label-before) .granite-checkbox-text{-webkit-padding-start:0;padding-inline-start:0;-webkit-padding-end:var(--granite-spacing-s);padding-inline-end:var(--granite-spacing-s)}.granite-checkbox-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)}.granite-checkbox-box{width:1rem;height:1rem;border:solid var(--granite-color-background-inactive);border-width:.0625rem;border-radius:.25rem;display:flex;justify-content:center;position:relative}.granite-checkbox-box:focus-within{border:.0625rem solid var(--granite-color-focus)}.granite-checkbox-check{position:relative;display:none;width:.5625rem;height:.3125rem;background-color:transparent;border:solid var(--granite-color-text-static-light);transform:rotate(-45deg);margin-top:var(--granite-spacing-xs);border-width:0 0 .125rem .125rem}.granite-checkbox-text{-webkit-padding-start:var(--granite-spacing-s);padding-inline-start:var(--granite-spacing-s)}.granite-checkbox-text:empty{display:none}@-webkit-keyframes fadeInAnimation{0%{opacity:0}to{opacity:1}}@keyframes fadeInAnimation{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fadeOutAnimation{0%{opacity:1}to{opacity:0}}@keyframes fadeOutAnimation{0%{opacity:1}to{opacity:0}}"]}]}],"members":{"id":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}}]}],"checked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":3}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":3}}]}],"readonly":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":39,"character":3}}]}],"labelPosition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":42,"character":3}}]}],"ariaLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":45,"character":3},"arguments":["aria-label"]}]}],"ariaLabelledby":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":48,"character":3},"arguments":["aria-labelledby"]}]}],"valueChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":51,"character":3}}]}],"checkboxChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":54,"character":3}}]}],"checkboxBlur":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":57,"character":3}}]}],"_inputElement":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":60,"character":3},"arguments":["input"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/cdk/a11y","name":"FocusMonitor","line":66,"character":37}]}],"ngOnChanges":[{"__symbolic":"method"}],"focus":[{"__symbolic":"method"}],"_onBlur":[{"__symbolic":"method"}],"_checkboxChange":[{"__symbolic":"method"}],"_checkboxClick":[{"__symbolic":"method"}],"_getInputElement":[{"__symbolic":"method"}]}}}}]
|
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
import { NgModule } from '@angular/core';
|
|
2
2
|
import { GraniteCheckboxComponent } from './checkbox.component';
|
|
3
|
+
import { GraniteCheckboxGroupComponent } from './checkbox-group.component';
|
|
3
4
|
export class GraniteCheckboxModule {
|
|
4
5
|
}
|
|
5
6
|
GraniteCheckboxModule.decorators = [
|
|
6
7
|
{ type: NgModule, args: [{
|
|
7
|
-
declarations: [GraniteCheckboxComponent],
|
|
8
|
-
exports: [GraniteCheckboxComponent],
|
|
8
|
+
declarations: [GraniteCheckboxComponent, GraniteCheckboxGroupComponent],
|
|
9
|
+
exports: [GraniteCheckboxComponent, GraniteCheckboxGroupComponent],
|
|
9
10
|
},] }
|
|
10
11
|
];
|
|
11
12
|
//# sourceMappingURL=checkbox.module.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox.module.js","sourceRoot":"","sources":["../../../../../../libs/granite-components/src/lib/checkbox/checkbox.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,wBAAwB,EAAE,MAAM,sBAAsB,CAAC;
|
|
1
|
+
{"version":3,"file":"checkbox.module.js","sourceRoot":"","sources":["../../../../../../libs/granite-components/src/lib/checkbox/checkbox.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,wBAAwB,EAAE,MAAM,sBAAsB,CAAC;AAChE,OAAO,EAAE,6BAA6B,EAAE,MAAM,4BAA4B,CAAC;AAM3E,MAAM,OAAO,qBAAqB;;;YAJjC,QAAQ,SAAC;gBACR,YAAY,EAAE,CAAC,wBAAwB,EAAE,6BAA6B,CAAC;gBACvE,OAAO,EAAE,CAAC,wBAAwB,EAAE,6BAA6B,CAAC;aACnE","sourcesContent":["import { NgModule } from '@angular/core';\nimport { GraniteCheckboxComponent } from './checkbox.component';\nimport { GraniteCheckboxGroupComponent } from './checkbox-group.component';\n\n@NgModule({\n declarations: [GraniteCheckboxComponent, GraniteCheckboxGroupComponent],\n exports: [GraniteCheckboxComponent, GraniteCheckboxGroupComponent],\n})\nexport class GraniteCheckboxModule {}\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
[{"__symbolic":"module","version":4,"metadata":{"GraniteCheckboxModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":
|
|
1
|
+
[{"__symbolic":"module","version":4,"metadata":{"GraniteCheckboxModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":4,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","module":"./checkbox.component","name":"GraniteCheckboxComponent","line":5,"character":17},{"__symbolic":"reference","module":"./checkbox-group.component","name":"GraniteCheckboxGroupComponent","line":5,"character":43}],"exports":[{"__symbolic":"reference","module":"./checkbox.component","name":"GraniteCheckboxComponent","line":6,"character":12},{"__symbolic":"reference","module":"./checkbox-group.component","name":"GraniteCheckboxGroupComponent","line":6,"character":38}]}]}]}}}]
|
|
@@ -18,10 +18,7 @@ export class GraniteRadioButtonComponent {
|
|
|
18
18
|
this.radioBlur = new EventEmitter();
|
|
19
19
|
this._positionBefore = false;
|
|
20
20
|
this._radioDisabled = false;
|
|
21
|
-
this.
|
|
22
|
-
// Function used to deregister listener
|
|
23
|
-
};
|
|
24
|
-
this._removeUniqueSelectionListener = _radioDispatcher.listen((id, name) => {
|
|
21
|
+
this._removeUniqueSelectionListenerFn = _radioDispatcher.listen((id, name) => {
|
|
25
22
|
if (id !== this.id && name === this.name) {
|
|
26
23
|
this.checked = false;
|
|
27
24
|
}
|
|
@@ -51,7 +48,9 @@ export class GraniteRadioButtonComponent {
|
|
|
51
48
|
}
|
|
52
49
|
}
|
|
53
50
|
ngOnDestroy() {
|
|
54
|
-
this.
|
|
51
|
+
if (this._removeUniqueSelectionListenerFn instanceof Function) {
|
|
52
|
+
this._removeUniqueSelectionListenerFn();
|
|
53
|
+
}
|
|
55
54
|
}
|
|
56
55
|
// Focuses the radio button.
|
|
57
56
|
focus(origin = 'program', options) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"radio-button.component.js","sourceRoot":"","sources":["../../../../../../libs/granite-components/src/lib/radio-button/radio-button.component.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,KAAK,EACL,MAAM,EACN,YAAY,EACZ,uBAAuB,EAIvB,SAAS,EACT,UAAU,GACX,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,YAAY,EAAe,MAAM,mBAAmB,CAAC;AAC9D,OAAO,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AAC9D,OAAO,EAAE,yBAAyB,EAAE,MAAM,0BAA0B,CAAC;AAgBrE,MAAM,OAAO,2BAA2B;
|
|
1
|
+
{"version":3,"file":"radio-button.component.js","sourceRoot":"","sources":["../../../../../../libs/granite-components/src/lib/radio-button/radio-button.component.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,KAAK,EACL,MAAM,EACN,YAAY,EACZ,uBAAuB,EAIvB,SAAS,EACT,UAAU,GACX,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,YAAY,EAAe,MAAM,mBAAmB,CAAC;AAC9D,OAAO,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AAC9D,OAAO,EAAE,yBAAyB,EAAE,MAAM,0BAA0B,CAAC;AAgBrE,MAAM,OAAO,2BAA2B;IA8CtC,YACU,aAA2B,EAC3B,gBAA2C;QAD3C,kBAAa,GAAb,aAAa,CAAc;QAC3B,qBAAgB,GAAhB,gBAAgB,CAA2B;QA1CrD,OAAE,GAAkB,IAAI,CAAC;QAMzB,YAAO,GAAY,KAAK,CAAC;QAGzB,aAAQ,GAAY,KAAK,CAAC;QAG1B,aAAQ,GAAY,KAAK,CAAC;QAG1B,aAAQ,GAAY,KAAK,CAAC;QAG1B,kBAAa,GAAa,OAAO,CAAC;QAGlC,cAAS,GAAkB,IAAI,CAAC;QAGhC,mBAAc,GAAkB,IAAI,CAAC;QAG5B,gBAAW,GAAsB,IAAI,YAAY,EAAE,CAAC;QAGpD,cAAS,GAAuB,IAAI,YAAY,EAAQ,CAAC;QAKlE,oBAAe,GAAY,KAAK,CAAC;QACjC,mBAAc,GAAY,KAAK,CAAC;QAQ9B,IAAI,CAAC,gCAAgC,GAAG,gBAAgB,CAAC,MAAM,CAC7D,CAAC,EAAU,EAAE,IAAY,EAAE,EAAE;YAC3B,IAAI,EAAE,KAAK,IAAI,CAAC,EAAE,IAAI,IAAI,KAAK,IAAI,CAAC,IAAI,EAAE;gBACxC,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;aACtB;QACH,CAAC,CACF,CAAC;IACJ,CAAC;IAED,WAAW,CAAC,OAAsB;QAChC,IAAI,OAAO,CAAC,OAAO,EAAE;YACnB,IAAI,CAAC,OAAO,GAAG,qBAAqB,CAAC,OAAO,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC;SACpE;QAED,IAAI,OAAO,CAAC,QAAQ,EAAE;YACpB,IAAI,CAAC,QAAQ,GAAG,qBAAqB,CAAC,OAAO,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC;SACtE;QAED,IAAI,OAAO,CAAC,QAAQ,EAAE;YACpB,IAAI,CAAC,QAAQ,GAAG,qBAAqB,CAAC,OAAO,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC;SACtE;QAED,IAAI,OAAO,CAAC,QAAQ,EAAE;YACpB,IAAI,CAAC,QAAQ,GAAG,qBAAqB,CAAC,OAAO,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC;SACtE;QAED,IAAI,OAAO,CAAC,aAAa,IAAI,IAAI,EAAE;YACjC,IAAI,CAAC,eAAe;gBAClB,OAAO,CAAC,aAAa,CAAC,YAAY,IAAI,IAAI;oBAC1C,OAAO,CAAC,aAAa,CAAC,YAAY,KAAK,QAAQ,CAAC;SACnD;QACD,IACE,CAAC,OAAO,CAAC,QAAQ,IAAI,OAAO,CAAC,QAAQ,CAAC;YACtC,CAAC,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,CAAC,EAChC;YACA,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC;SAC5B;IACH,CAAC;IAED,WAAW;QACT,IAAI,IAAI,CAAC,gCAAgC,YAAY,QAAQ,EAAE;YAC7D,IAAI,CAAC,gCAAgC,EAAE,CAAC;SACzC;IACH,CAAC;IAED,4BAA4B;IAC5B,KAAK,CAAC,SAAsB,SAAS,EAAE,OAAsB;QAC3D,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,IAAI,CAAC,gBAAgB,EAAE,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC;IACxE,CAAC;IAED,WAAW,CAAC,OAAkC;QAC5C,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,CAAC,CAAC;IACxC,CAAC;IAED,YAAY;QACV,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,gBAAgB,EAAE,CAAC,OAAO,CAAC;QAC/C,0DAA0D;QAC1D,IAAI,CAAC,gBAAgB,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC;IACnD,CAAC;IAED,OAAO;QACL,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,CAAC;IACxB,CAAC;IAEO,gBAAgB;QACtB,OAAO,IAAI,CAAC,aAAa,CAAC,aAAa,CAAC;IAC1C,CAAC;;;YAlIF,SAAS,SAAC;gBACT,QAAQ,EAAE,sBAAsB;gBAChC,QAAQ,EAAE,oBAAoB;gBAC9B,IAAI,EAAE;oBACJ,KAAK,EAAE,sBAAsB;oBAC7B,uCAAuC,EAAE,UAAU;oBACnD,2CAA2C,EAAE,iBAAiB;oBAC9D,sCAAsC,EAAE,SAAS;oBACjD,uCAAuC,EAAE,UAAU;iBACpD;gBACD,+0BAA4C;gBAE5C,eAAe,EAAE,uBAAuB,CAAC,MAAM;;aAChD;;;YAjBQ,YAAY;YAEZ,yBAAyB;;;oBAkB/B,KAAK;iBAGL,KAAK;mBAGL,KAAK;sBAGL,KAAK;uBAGL,KAAK;uBAGL,KAAK;uBAGL,KAAK;4BAGL,KAAK;wBAGL,KAAK,SAAC,YAAY;6BAGlB,KAAK,SAAC,iBAAiB;0BAGvB,MAAM;wBAGN,MAAM;4BAGN,SAAS,SAAC,OAAO","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 +1 @@
|
|
|
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":
|
|
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"}]}}}}]
|
|
@@ -9,11 +9,11 @@ GraniteRadioGroupComponent.decorators = [
|
|
|
9
9
|
class: 'granite-radio-group',
|
|
10
10
|
'[attr.role]': '"radiogroup"',
|
|
11
11
|
'[attr.aria-labelledby]': 'ariaLabelledby',
|
|
12
|
-
'[class.granite-radio-
|
|
12
|
+
'[class.granite-radio-checkbox-base-layout-horizontal]': 'layout === "horizontal"',
|
|
13
13
|
},
|
|
14
|
-
template:
|
|
14
|
+
template: '<ng-content></ng-content>',
|
|
15
15
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
16
|
-
styles: [":host(.granite-radio-
|
|
16
|
+
styles: [":host(.granite-radio-checkbox-base-layout-horizontal){display:flex;align-items:flex-start}"]
|
|
17
17
|
},] }
|
|
18
18
|
];
|
|
19
19
|
//# sourceMappingURL=radio-group.component.js.map
|
|
@@ -1 +1 @@
|
|
|
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;
|
|
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 +1 @@
|
|
|
1
|
-
[{"__symbolic":"module","version":4,"metadata":{"GraniteRadioGroupComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../core/radio-checkbox-base","name":"GraniteRadioCheckboxBase","line":
|
|
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}"]}]}]}}}]
|
|
@@ -2231,10 +2231,7 @@ class GraniteRadioButtonComponent {
|
|
|
2231
2231
|
this.radioBlur = new EventEmitter();
|
|
2232
2232
|
this._positionBefore = false;
|
|
2233
2233
|
this._radioDisabled = false;
|
|
2234
|
-
this.
|
|
2235
|
-
// Function used to deregister listener
|
|
2236
|
-
};
|
|
2237
|
-
this._removeUniqueSelectionListener = _radioDispatcher.listen((id, name) => {
|
|
2234
|
+
this._removeUniqueSelectionListenerFn = _radioDispatcher.listen((id, name) => {
|
|
2238
2235
|
if (id !== this.id && name === this.name) {
|
|
2239
2236
|
this.checked = false;
|
|
2240
2237
|
}
|
|
@@ -2264,7 +2261,9 @@ class GraniteRadioButtonComponent {
|
|
|
2264
2261
|
}
|
|
2265
2262
|
}
|
|
2266
2263
|
ngOnDestroy() {
|
|
2267
|
-
this.
|
|
2264
|
+
if (this._removeUniqueSelectionListenerFn instanceof Function) {
|
|
2265
|
+
this._removeUniqueSelectionListenerFn();
|
|
2266
|
+
}
|
|
2268
2267
|
}
|
|
2269
2268
|
// Focuses the radio button.
|
|
2270
2269
|
focus(origin = 'program', options) {
|
|
@@ -2344,11 +2343,11 @@ GraniteRadioGroupComponent.decorators = [
|
|
|
2344
2343
|
class: 'granite-radio-group',
|
|
2345
2344
|
'[attr.role]': '"radiogroup"',
|
|
2346
2345
|
'[attr.aria-labelledby]': 'ariaLabelledby',
|
|
2347
|
-
'[class.granite-radio-
|
|
2346
|
+
'[class.granite-radio-checkbox-base-layout-horizontal]': 'layout === "horizontal"',
|
|
2348
2347
|
},
|
|
2349
|
-
template:
|
|
2348
|
+
template: '<ng-content></ng-content>',
|
|
2350
2349
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
2351
|
-
styles: [":host(.granite-radio-
|
|
2350
|
+
styles: [":host(.granite-radio-checkbox-base-layout-horizontal){display:flex;align-items:flex-start}"]
|
|
2352
2351
|
},] }
|
|
2353
2352
|
];
|
|
2354
2353
|
|
|
@@ -2427,7 +2426,7 @@ GraniteCheckboxComponent.decorators = [
|
|
|
2427
2426
|
},
|
|
2428
2427
|
template: "<label [attr.for]=\"id\" class=\"granite-checkbox-label\">\n <div class=\"granite-checkbox-box\">\n <input\n #input\n [id]=\"id\"\n class=\"granite-checkbox-input cdk-visually-hidden\"\n role=\"checkbox\"\n type=\"checkbox\"\n [attr.aria-checked]=\"checked.toString()\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.aria-labelledby]=\"ariaLabelledby\"\n [checked]=\"checked\"\n [disabled]=\"_checkboxDisabled\"\n [readonly]=\"readonly\"\n (click)=\"_checkboxClick()\"\n (change)=\"_checkboxChange()\"\n (blur)=\"_onBlur()\"\n />\n <div class=\"granite-checkbox-check\"></div>\n </div>\n <span class=\"granite-checkbox-text\"><ng-content></ng-content></span>\n</label>\n",
|
|
2429
2428
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
2430
|
-
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{box-sizing:border-box}:host *,:host :after,:host :before{box-sizing:inherit;cursor:pointer}:host(.granite-checkbox){color:var(--granite-color-text)}:host(.granite-checkbox):not(.granite-checkbox-checked):not(.granite-checkbox-readonly):not(.granite-checkbox-disabled) .granite-checkbox-label:hover .granite-checkbox-box{border-color:var(--granite-color-background-active)}:host(.granite-checkbox-checked):not(.granite-checkbox-readonly):not(.granite-checkbox-disabled) .granite-checkbox-label:hover .granite-checkbox-box{background-color:var(--granite-color-background-active-hover);border-color:var(--granite-color-background-active-hover)}:host(.granite-checkbox-checked) .granite-checkbox-box{border-color:var(--granite-color-background-active);background-color:var(--granite-color-background-active)}:host(.granite-checkbox-checked) .granite-checkbox-box:focus-within{border-color:var(--granite-color-focus)}:host(.granite-checkbox-checked) .granite-checkbox-check{display:flex}:host(.granite-checkbox-checked):not(.granite-checkbox-readonly):not(.granite-checkbox-disabled) .granite-checkbox-box{-webkit-animation:fadeInAnimation .2s;animation:fadeInAnimation .2s;-webkit-animation-iteration-count:1;animation-iteration-count:1}:host(:not(.granite-checkbox-checked)) .granite-checkbox-box{-webkit-animation:fadeOutAnimation .2s;animation:fadeOutAnimation .2s;-webkit-animation-iteration-count:1;animation-iteration-count:1}:host(.granite-checkbox-readonly.granite-checkbox-checked) .granite-checkbox-box{background-color:var(--granite-color-text);border-color:var(--granite-color-text)}:host(.granite-checkbox-readonly.granite-checkbox-checked) .granite-checkbox-box .granite-checkbox-check{border-color:var(--granite-color-background)}:host(.granite-checkbox-disabled) .granite-checkbox-box{opacity:.3;background-color:var(--granite-color-border-soft)}:host(.granite-checkbox-disabled) .granite-checkbox-label{opacity:.6}:host(.granite-checkbox-disabled) *,:host(.granite-checkbox-readonly) *{cursor:default}:host(.granite-checkbox-label-before) .granite-checkbox-label{flex-direction:row-reverse}:host(.granite-checkbox-label-before) .granite-checkbox-text{-webkit-padding-start:0;padding-inline-start:0;-webkit-padding-end:var(--granite-spacing-s);padding-inline-end:var(--granite-spacing-s)}.granite-checkbox-label{display:flex;align-items:center;width:-webkit-max-content;width:-moz-max-content;width:max-content}.granite-checkbox-box{width:1rem;height:1rem;border:solid var(--granite-color-background-inactive);border-width:.0625rem;border-radius:.25rem;display:flex;justify-content:center;position:relative}.granite-checkbox-box:focus-within{border:.0625rem solid var(--granite-color-focus)}.granite-checkbox-check{position:relative;display:none;width:.5625rem;height:.3125rem;background-color:transparent;border:solid var(--granite-color-text-static-light);transform:rotate(-45deg);margin-top:var(--granite-spacing-xs);border-width:0 0 .125rem .125rem}.granite-checkbox-text{-webkit-padding-start:var(--granite-spacing-s);padding-inline-start:var(--granite-spacing-s)}.granite-checkbox-text:empty{display:none}@-webkit-keyframes fadeInAnimation{0%{opacity:0}to{opacity:1}}@keyframes fadeInAnimation{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fadeOutAnimation{0%{opacity:1}to{opacity:0}}@keyframes fadeOutAnimation{0%{opacity:1}to{opacity:0}}"]
|
|
2429
|
+
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{box-sizing:border-box}:host *,:host :after,:host :before{box-sizing:inherit;cursor:pointer}:host(.granite-checkbox){color:var(--granite-color-text)}:host(.granite-checkbox):not(.granite-checkbox-checked):not(.granite-checkbox-readonly):not(.granite-checkbox-disabled) .granite-checkbox-label:hover .granite-checkbox-box{border-color:var(--granite-color-background-active)}:host(.granite-checkbox-checked):not(.granite-checkbox-readonly):not(.granite-checkbox-disabled) .granite-checkbox-label:hover .granite-checkbox-box{background-color:var(--granite-color-background-active-hover);border-color:var(--granite-color-background-active-hover)}:host(.granite-checkbox-checked) .granite-checkbox-box{border-color:var(--granite-color-background-active);background-color:var(--granite-color-background-active)}:host(.granite-checkbox-checked) .granite-checkbox-box:focus-within{border-color:var(--granite-color-focus)}:host(.granite-checkbox-checked) .granite-checkbox-check{display:flex}:host(.granite-checkbox-checked):not(.granite-checkbox-readonly):not(.granite-checkbox-disabled) .granite-checkbox-box{-webkit-animation:fadeInAnimation .2s;animation:fadeInAnimation .2s;-webkit-animation-iteration-count:1;animation-iteration-count:1}:host(:not(.granite-checkbox-checked)) .granite-checkbox-box{-webkit-animation:fadeOutAnimation .2s;animation:fadeOutAnimation .2s;-webkit-animation-iteration-count:1;animation-iteration-count:1}:host(.granite-checkbox-readonly.granite-checkbox-checked) .granite-checkbox-box{background-color:var(--granite-color-text);border-color:var(--granite-color-text)}:host(.granite-checkbox-readonly.granite-checkbox-checked) .granite-checkbox-box .granite-checkbox-check{border-color:var(--granite-color-background)}:host(.granite-checkbox-disabled) .granite-checkbox-box{opacity:.3;background-color:var(--granite-color-border-soft)}:host(.granite-checkbox-disabled) .granite-checkbox-label{opacity:.6}:host(.granite-checkbox-disabled) *,:host(.granite-checkbox-readonly) *{cursor:default}:host(.granite-checkbox-label-before) .granite-checkbox-label{flex-direction:row-reverse}:host(.granite-checkbox-label-before) .granite-checkbox-text{-webkit-padding-start:0;padding-inline-start:0;-webkit-padding-end:var(--granite-spacing-s);padding-inline-end:var(--granite-spacing-s)}.granite-checkbox-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)}.granite-checkbox-box{width:1rem;height:1rem;border:solid var(--granite-color-background-inactive);border-width:.0625rem;border-radius:.25rem;display:flex;justify-content:center;position:relative}.granite-checkbox-box:focus-within{border:.0625rem solid var(--granite-color-focus)}.granite-checkbox-check{position:relative;display:none;width:.5625rem;height:.3125rem;background-color:transparent;border:solid var(--granite-color-text-static-light);transform:rotate(-45deg);margin-top:var(--granite-spacing-xs);border-width:0 0 .125rem .125rem}.granite-checkbox-text{-webkit-padding-start:var(--granite-spacing-s);padding-inline-start:var(--granite-spacing-s)}.granite-checkbox-text:empty{display:none}@-webkit-keyframes fadeInAnimation{0%{opacity:0}to{opacity:1}}@keyframes fadeInAnimation{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fadeOutAnimation{0%{opacity:1}to{opacity:0}}@keyframes fadeOutAnimation{0%{opacity:1}to{opacity:0}}"]
|
|
2431
2430
|
},] }
|
|
2432
2431
|
];
|
|
2433
2432
|
GraniteCheckboxComponent.ctorParameters = () => [
|
|
@@ -2447,12 +2446,29 @@ GraniteCheckboxComponent.propDecorators = {
|
|
|
2447
2446
|
_inputElement: [{ type: ViewChild, args: ['input',] }]
|
|
2448
2447
|
};
|
|
2449
2448
|
|
|
2449
|
+
class GraniteCheckboxGroupComponent extends GraniteRadioCheckboxBase {
|
|
2450
|
+
}
|
|
2451
|
+
GraniteCheckboxGroupComponent.decorators = [
|
|
2452
|
+
{ type: Component, args: [{
|
|
2453
|
+
selector: 'granite-checkbox-group',
|
|
2454
|
+
host: {
|
|
2455
|
+
class: 'granite-checkbox-group',
|
|
2456
|
+
'[attr.role]': '"group"',
|
|
2457
|
+
'[attr.aria-labelledby]': 'ariaLabelledby',
|
|
2458
|
+
'[class.granite-radio-checkbox-base-layout-horizontal]': 'layout === "horizontal"',
|
|
2459
|
+
},
|
|
2460
|
+
template: '<ng-content></ng-content>',
|
|
2461
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
2462
|
+
styles: [":host(.granite-radio-checkbox-base-layout-horizontal){display:flex;align-items:flex-start}"]
|
|
2463
|
+
},] }
|
|
2464
|
+
];
|
|
2465
|
+
|
|
2450
2466
|
class GraniteCheckboxModule {
|
|
2451
2467
|
}
|
|
2452
2468
|
GraniteCheckboxModule.decorators = [
|
|
2453
2469
|
{ type: NgModule, args: [{
|
|
2454
|
-
declarations: [GraniteCheckboxComponent],
|
|
2455
|
-
exports: [GraniteCheckboxComponent],
|
|
2470
|
+
declarations: [GraniteCheckboxComponent, GraniteCheckboxGroupComponent],
|
|
2471
|
+
exports: [GraniteCheckboxComponent, GraniteCheckboxGroupComponent],
|
|
2456
2472
|
},] }
|
|
2457
2473
|
];
|
|
2458
2474
|
|
|
@@ -2971,5 +2987,5 @@ GraniteCoreModule.decorators = [
|
|
|
2971
2987
|
* Generated bundle index. Do not edit.
|
|
2972
2988
|
*/
|
|
2973
2989
|
|
|
2974
|
-
export { ButtonSelectors, ClientInputDesktopDirective, ClientInputTouchDirective, ClientOutputDesktopDirective, ClientOutputTouchDirective, GRANITE_CLIENT_INPUT, GRANITE_CLIENT_OUTPUT, GraniteAnchorComponent, GraniteArrangeGridComponent, GraniteArrangeGridItemComponent, GraniteArrangeGridModule, GraniteArrangeGridOrientation, GraniteBadgeComponent, GraniteBadgeHarness, GraniteBadgeModule, GraniteButtonComponent, GraniteButtonModule, GraniteCheckboxComponent, GraniteCheckboxModule, GraniteCoreModule, GraniteDividerDirective, GraniteGridComponent, GraniteGridItemComponent, GraniteGridModule, GraniteIconComponent, GraniteIconModule, GraniteInputFieldComponent, GraniteInputFieldModule, GraniteMenuComponent, GraniteMenuHarness, GraniteMenuItemComponent, GraniteMenuItemHarness, GraniteMenuModule, GraniteMenuTouchCloseComponent, GraniteMenuTouchTitleItemComponent, GraniteMenuTriggerForDirective, GraniteRadioButtonComponent, GraniteRadioButtonModule, GraniteRadioGroupComponent, GraniteTableColumnDirective, GraniteTableComponent, GraniteTableModule, GraniteTitleDirective, GraniteToggleSwitchComponent, GraniteToggleSwitchModule, _MenuBaseComponent, deviceDesktop, deviceTouch, disabledMixin, graniteMenuDesktopAnimations, graniteMenuTouchAnimations, ɵ0$1 as ɵ0, GRANITE_MENU_PANEL as ɵa, getEaseOutSteep as ɵc, getEaseLinear as ɵd, GraniteRadioCheckboxBase as ɵe, GraniteTableDataCellComponent as ɵf, GraniteCell as ɵg, GraniteTableHeaderCellComponent as ɵh, PurePipesModule as ɵi, GraniteTitlePipe as ɵj };
|
|
2990
|
+
export { ButtonSelectors, ClientInputDesktopDirective, ClientInputTouchDirective, ClientOutputDesktopDirective, ClientOutputTouchDirective, GRANITE_CLIENT_INPUT, GRANITE_CLIENT_OUTPUT, GraniteAnchorComponent, GraniteArrangeGridComponent, GraniteArrangeGridItemComponent, GraniteArrangeGridModule, GraniteArrangeGridOrientation, GraniteBadgeComponent, GraniteBadgeHarness, GraniteBadgeModule, GraniteButtonComponent, GraniteButtonModule, GraniteCheckboxComponent, GraniteCheckboxGroupComponent, GraniteCheckboxModule, GraniteCoreModule, GraniteDividerDirective, GraniteGridComponent, GraniteGridItemComponent, GraniteGridModule, GraniteIconComponent, GraniteIconModule, GraniteInputFieldComponent, GraniteInputFieldModule, GraniteMenuComponent, GraniteMenuHarness, GraniteMenuItemComponent, GraniteMenuItemHarness, GraniteMenuModule, GraniteMenuTouchCloseComponent, GraniteMenuTouchTitleItemComponent, GraniteMenuTriggerForDirective, GraniteRadioButtonComponent, GraniteRadioButtonModule, GraniteRadioGroupComponent, GraniteTableColumnDirective, GraniteTableComponent, GraniteTableModule, GraniteTitleDirective, GraniteToggleSwitchComponent, GraniteToggleSwitchModule, _MenuBaseComponent, deviceDesktop, deviceTouch, disabledMixin, graniteMenuDesktopAnimations, graniteMenuTouchAnimations, ɵ0$1 as ɵ0, GRANITE_MENU_PANEL as ɵa, getEaseOutSteep as ɵc, getEaseLinear as ɵd, GraniteRadioCheckboxBase as ɵe, GraniteTableDataCellComponent as ɵf, GraniteCell as ɵg, GraniteTableHeaderCellComponent as ɵh, PurePipesModule as ɵi, GraniteTitlePipe as ɵj };
|
|
2975
2991
|
//# sourceMappingURL=ifsworld-granite-components.js.map
|