carbon-components-angular 5.57.2 → 5.57.4
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/contained-list/contained-list.component.d.ts +5 -1
- package/docs/documentation/components/ContainedList.html +49 -15
- package/docs/documentation/coverage.html +9 -9
- package/docs/documentation/injectables/BaseModalService.html +85 -9
- package/docs/documentation/injectables/ModalService.html +62 -3
- package/docs/documentation/injectables/PlaceholderService.html +57 -22
- package/docs/documentation/js/search/search_index.js +2 -2
- package/docs/documentation/modules/ComboBoxModule/dependencies.svg +4 -4
- package/docs/documentation/modules/ComboBoxModule.html +4 -4
- package/docs/documentation/modules/DatePickerInputModule/dependencies.svg +37 -41
- package/docs/documentation/modules/DatePickerInputModule.html +37 -41
- package/docs/documentation/modules/DialogModule/dependencies.svg +34 -34
- package/docs/documentation/modules/DialogModule.html +34 -34
- package/docs/documentation/modules/FileUploaderModule/dependencies.svg +36 -36
- package/docs/documentation/modules/FileUploaderModule.html +36 -36
- package/docs/documentation/modules/NumberModule/dependencies.svg +4 -4
- package/docs/documentation/modules/NumberModule.html +4 -4
- package/docs/documentation/modules/RadioModule/dependencies.svg +48 -48
- package/docs/documentation/modules/RadioModule.html +48 -48
- package/docs/documentation/modules/SelectModule/dependencies.svg +43 -43
- package/docs/documentation/modules/SelectModule.html +43 -43
- package/docs/documentation/modules/SliderModule/dependencies.svg +4 -4
- package/docs/documentation/modules/SliderModule.html +4 -4
- package/docs/documentation/modules/TabsModule/dependencies.svg +69 -69
- package/docs/documentation/modules/TabsModule.html +69 -69
- package/docs/documentation/modules/TagModule/dependencies.svg +37 -37
- package/docs/documentation/modules/TagModule.html +37 -37
- package/docs/documentation/modules/ThemeModule/dependencies.svg +14 -14
- package/docs/documentation/modules/ThemeModule.html +14 -14
- package/docs/documentation/modules/TilesModule/dependencies.svg +91 -91
- package/docs/documentation/modules/TilesModule.html +91 -91
- package/docs/documentation/modules/TimePickerModule/dependencies.svg +18 -18
- package/docs/documentation/modules/TimePickerModule.html +18 -18
- package/docs/documentation/modules/TimePickerSelectModule/dependencies.svg +24 -24
- package/docs/documentation/modules/TimePickerSelectModule.html +24 -24
- package/docs/documentation/modules/ToggleModule/dependencies.svg +6 -6
- package/docs/documentation/modules/ToggleModule.html +6 -6
- package/docs/documentation/modules/ToggletipModule/dependencies.svg +4 -4
- package/docs/documentation/modules/ToggletipModule.html +4 -4
- package/docs/documentation/modules/TooltipModule/dependencies.svg +28 -28
- package/docs/documentation/modules/TooltipModule.html +28 -28
- package/docs/documentation/modules/TreeviewModule/dependencies.svg +4 -4
- package/docs/documentation/modules/TreeviewModule.html +4 -4
- package/docs/documentation/modules/UIShellModule/dependencies.svg +4 -4
- package/docs/documentation/modules/UIShellModule.html +4 -4
- package/docs/documentation.json +99 -72
- package/docs/storybook/{3931.b0862ad7.iframe.bundle.js → 3931.36351824.iframe.bundle.js} +1 -1
- package/docs/storybook/{7773.b5e74332.iframe.bundle.js → 7773.e984a82c.iframe.bundle.js} +1 -1
- package/docs/storybook/combobox-combobox-stories.67eec93c.iframe.bundle.js +1 -0
- package/docs/storybook/contained-list-contained-list-stories.b7913db8.iframe.bundle.js +1 -0
- package/docs/storybook/{dropdown-dropdown-stories.38c08419.iframe.bundle.js → dropdown-dropdown-stories.97d1c398.iframe.bundle.js} +1 -1
- package/docs/storybook/iframe.html +2 -2
- package/docs/storybook/main.c0bb6f79.iframe.bundle.js +1 -0
- package/docs/storybook/modal-modal-stories.8f435f37.iframe.bundle.js +1 -0
- package/docs/storybook/{patterns-loading-large-loading-stories.d531452e.iframe.bundle.js → patterns-loading-large-loading-stories.6f92d3f6.iframe.bundle.js} +1 -1
- package/docs/storybook/project.json +1 -1
- package/docs/storybook/{runtime~main.07ba8b82.iframe.bundle.js → runtime~main.530d4cf0.iframe.bundle.js} +1 -1
- package/esm2020/contained-list/contained-list.component.mjs +6 -4
- package/esm2020/modal/base-modal.service.mjs +19 -3
- package/esm2020/placeholder/placeholder.service.mjs +7 -3
- package/fesm2015/carbon-components-angular-contained-list.mjs +5 -3
- package/fesm2015/carbon-components-angular-contained-list.mjs.map +1 -1
- package/fesm2015/carbon-components-angular-modal.mjs +18 -2
- package/fesm2015/carbon-components-angular-modal.mjs.map +1 -1
- package/fesm2015/carbon-components-angular-placeholder.mjs +6 -2
- package/fesm2015/carbon-components-angular-placeholder.mjs.map +1 -1
- package/fesm2020/carbon-components-angular-contained-list.mjs +5 -3
- package/fesm2020/carbon-components-angular-contained-list.mjs.map +1 -1
- package/fesm2020/carbon-components-angular-modal.mjs +18 -2
- package/fesm2020/carbon-components-angular-modal.mjs.map +1 -1
- package/fesm2020/carbon-components-angular-placeholder.mjs +6 -2
- package/fesm2020/carbon-components-angular-placeholder.mjs.map +1 -1
- package/modal/base-modal.service.d.ts +17 -1
- package/package.json +1 -1
- package/placeholder/placeholder.service.d.ts +2 -2
- package/docs/storybook/combobox-combobox-stories.e3b860f0.iframe.bundle.js +0 -1
- package/docs/storybook/contained-list-contained-list-stories.b87addfb.iframe.bundle.js +0 -1
- package/docs/storybook/main.ae95bbe6.iframe.bundle.js +0 -1
- package/docs/storybook/modal-modal-stories.5772b01f.iframe.bundle.js +0 -1
package/docs/documentation.json
CHANGED
|
@@ -2159,7 +2159,7 @@
|
|
|
2159
2159
|
},
|
|
2160
2160
|
{
|
|
2161
2161
|
"name": "BaseModalService",
|
|
2162
|
-
"id": "injectable-BaseModalService-
|
|
2162
|
+
"id": "injectable-BaseModalService-f3946175a703640ccee7227e79400868d7215191800aa0b2de47313a488009aa8a197b9965fa1e1473b435fc71e828b5b78fb043acbe41da4524cfdf5a5dc609",
|
|
2163
2163
|
"file": "src/modal/base-modal.service.ts",
|
|
2164
2164
|
"properties": [
|
|
2165
2165
|
{
|
|
@@ -2169,7 +2169,7 @@
|
|
|
2169
2169
|
"type": "PlaceholderService",
|
|
2170
2170
|
"optional": false,
|
|
2171
2171
|
"description": "",
|
|
2172
|
-
"line":
|
|
2172
|
+
"line": 41,
|
|
2173
2173
|
"modifierKind": [
|
|
2174
2174
|
125
|
|
2175
2175
|
]
|
|
@@ -2191,7 +2191,7 @@
|
|
|
2191
2191
|
"typeParameters": [
|
|
2192
2192
|
"T"
|
|
2193
2193
|
],
|
|
2194
|
-
"line":
|
|
2194
|
+
"line": 47,
|
|
2195
2195
|
"deprecated": false,
|
|
2196
2196
|
"deprecationMessage": "",
|
|
2197
2197
|
"rawdescription": "\n\nCreates and renders the modal component that is passed in.\n`inputs` is an optional parameter of `data` that can be passed to the `Modal` component.\n",
|
|
@@ -2222,7 +2222,7 @@
|
|
|
2222
2222
|
"optional": false,
|
|
2223
2223
|
"returnType": "void",
|
|
2224
2224
|
"typeParameters": [],
|
|
2225
|
-
"line":
|
|
2225
|
+
"line": 95,
|
|
2226
2226
|
"deprecated": false,
|
|
2227
2227
|
"deprecationMessage": "",
|
|
2228
2228
|
"rawdescription": "\n\nDestroys the modal on the supplied index.\nWhen called without parameters it destroys the most recently created/top most modal.\n",
|
|
@@ -2245,7 +2245,7 @@
|
|
|
2245
2245
|
"deprecationMessage": "",
|
|
2246
2246
|
"description": "<p>Modal service handles instantiating and destroying modal instances.\nUses PlaceholderService to track open instances, and for it's placeholder view reference.</p>\n",
|
|
2247
2247
|
"rawdescription": "\n\nModal service handles instantiating and destroying modal instances.\nUses PlaceholderService to track open instances, and for it's placeholder view reference.\n",
|
|
2248
|
-
"sourceCode": "import {\n\tComponentRef,\n\tInjector,\n\tInjectable\n} from \"@angular/core\";\nimport { PlaceholderService } from \"carbon-components-angular/placeholder\";\nimport { tap, delay } from \"rxjs/operators\";\n\n\n/**\n * Modal service handles instantiating and destroying modal instances.\n * Uses PlaceholderService to track open instances, and for it's placeholder view reference.\n */\n@Injectable()\nexport class BaseModalService {\n\t// track all our open modals\n\tprotected static modalList: Array<ComponentRef<any>> = [];\n\n\t/**\n\t * Creates an instance of `ModalService`.\n\t */\n\tconstructor(public placeholderService: PlaceholderService) {}\n\n\t/**\n\t * Creates and renders the modal component that is passed in.\n\t * `inputs` is an optional parameter of `data` that can be passed to the `Modal` component.\n\t */\n\tcreate<T>(data: { component: any, inputs?: any }): ComponentRef<any> {\n\t\tlet defaults = { inputs: {} };\n\t\tdata = Object.assign({}, defaults, data);\n\n\t\tconst inputProviders = Object.keys(data.inputs).map(inputName => ({\n\t\t\tprovide: inputName,\n\t\t\tuseValue: data.inputs[inputName]\n\t\t}));\n\t\tconst injector = Injector.create({ providers: inputProviders });\n\t\tconst component = this.placeholderService.createComponent(
|
|
2248
|
+
"sourceCode": "import {\n\tComponentRef,\n\tInjector,\n\tInjectable,\n\tinject,\n\tEnvironmentInjector\n} from \"@angular/core\";\nimport { PlaceholderService } from \"carbon-components-angular/placeholder\";\nimport { tap, delay } from \"rxjs/operators\";\n\n\n/**\n * Modal service handles instantiating and destroying modal instances.\n * Uses PlaceholderService to track open instances, and for it's placeholder view reference.\n */\n@Injectable()\nexport class BaseModalService {\n\t// track all our open modals\n\tprotected static modalList: Array<ComponentRef<any>> = [];\n\n\t/**\n\t * Current module/component injection enviornment\n\t * Allows modules to use providers from calling component\n\t *\n\t * Root Module/\n\t * └── Lazy loaded Feature Module/\n\t * \t ├── Provides Service & imports modules\n\t * \t ├── Modal component (component that extends base component)\n\t * \t └── Modal component launcher (dynamically creates modal component)\n\t *\n\t * Passing EnvironmentInjector in `createComponent` will look for provider declaration in feature\n\t * module instead of root module. This is required to pass correct context in a lazy-loaded applications.\n\t * Services injected in root, will also be available as feature module enviornment will also hierarchically inherit\n\t * the root services.\n\t */\n\tprotected environment: EnvironmentInjector = inject(EnvironmentInjector);\n\n\t/**\n\t * Creates an instance of `ModalService`.\n\t */\n\tconstructor(public placeholderService: PlaceholderService) {}\n\n\t/**\n\t * Creates and renders the modal component that is passed in.\n\t * `inputs` is an optional parameter of `data` that can be passed to the `Modal` component.\n\t */\n\tcreate<T>(data: { component: any, inputs?: any }): ComponentRef<any> {\n\t\tlet defaults = { inputs: {} };\n\t\tdata = Object.assign({}, defaults, data);\n\n\t\tconst inputProviders = Object.keys(data.inputs).map(inputName => ({\n\t\t\tprovide: inputName,\n\t\t\tuseValue: data.inputs[inputName]\n\t\t}));\n\t\tconst injector = Injector.create({ providers: inputProviders });\n\t\tconst component = this.placeholderService.createComponent(\n\t\t\tdata.component,\n\t\t\tinjector,\n\t\t\tundefined,\n\t\t\tthis.environment\n\t\t);\n\t\tlet focusedElement = document.activeElement as HTMLElement;\n\t\tsetTimeout(() => {\n\t\t\tcomponent.instance.open = true;\n\t\t});\n\n\t\tcomponent[\"previouslyFocusedElement\"] = focusedElement; // used to return focus to previously focused element\n\n\t\tcomponent.instance.close.pipe(\n\t\t\t// trigger the close animation\n\t\t\ttap(() => {\n\t\t\t\tcomponent.instance.open = false;\n\t\t\t}),\n\t\t\t// delay closing by an arbitrary amount to allow the animation to finish\n\t\t\tdelay(240)\n\t\t).subscribe(() => {\n\t\t\tthis.placeholderService.destroyComponent(component);\n\t\t\t// filter out our component\n\t\t\tBaseModalService.modalList = BaseModalService.modalList.filter(c => c !== component);\n\t\t});\n\n\t\tcomponent.onDestroy(() => {\n\t\t\tfocusedElement.focus();\n\t\t});\n\n\t\tBaseModalService.modalList.push(component);\n\n\t\treturn component;\n\t}\n\n\t/**\n\t * Destroys the modal on the supplied index.\n\t * When called without parameters it destroys the most recently created/top most modal.\n\t */\n\tdestroy(index = -1) {\n\t\t// return if nothing to destroy because it's already destroyed\n\t\tif (index >= BaseModalService.modalList.length || BaseModalService.modalList.length === 0) {\n\t\t\treturn;\n\t\t}\n\t\t// on negative index destroy the last on the list (top modal)\n\t\tif (index < 0) {\n\t\t\tindex = BaseModalService.modalList.length - 1;\n\t\t}\n\n\t\t// Let animation finish before component is removed\n\t\tsetTimeout(() => {\n\t\t\tif (BaseModalService.modalList[index]) {\n\t\t\t\tthis.placeholderService.destroyComponent(BaseModalService.modalList[index]);\n\t\t\t\tBaseModalService.modalList.splice(index, 1);\n\t\t\t}\n\t\t}, 240);\n\t}\n}\n",
|
|
2249
2249
|
"constructorObj": {
|
|
2250
2250
|
"name": "constructor",
|
|
2251
2251
|
"description": "<p>Creates an instance of <code>ModalService</code>.</p>\n",
|
|
@@ -2259,7 +2259,7 @@
|
|
|
2259
2259
|
"deprecationMessage": ""
|
|
2260
2260
|
}
|
|
2261
2261
|
],
|
|
2262
|
-
"line":
|
|
2262
|
+
"line": 36,
|
|
2263
2263
|
"rawdescription": "\n\nCreates an instance of `ModalService`.\n",
|
|
2264
2264
|
"jsdoctags": [
|
|
2265
2265
|
{
|
|
@@ -4230,7 +4230,7 @@
|
|
|
4230
4230
|
"typeParameters": [
|
|
4231
4231
|
"T"
|
|
4232
4232
|
],
|
|
4233
|
-
"line":
|
|
4233
|
+
"line": 47,
|
|
4234
4234
|
"deprecated": false,
|
|
4235
4235
|
"deprecationMessage": "",
|
|
4236
4236
|
"rawdescription": "\n\nCreates and renders the modal component that is passed in.\n`inputs` is an optional parameter of `data` that can be passed to the `Modal` component.\n",
|
|
@@ -4264,7 +4264,7 @@
|
|
|
4264
4264
|
"optional": false,
|
|
4265
4265
|
"returnType": "void",
|
|
4266
4266
|
"typeParameters": [],
|
|
4267
|
-
"line":
|
|
4267
|
+
"line": 95,
|
|
4268
4268
|
"deprecated": false,
|
|
4269
4269
|
"deprecationMessage": "",
|
|
4270
4270
|
"rawdescription": "\n\nDestroys the modal on the supplied index.\nWhen called without parameters it destroys the most recently created/top most modal.\n",
|
|
@@ -4765,7 +4765,7 @@
|
|
|
4765
4765
|
},
|
|
4766
4766
|
{
|
|
4767
4767
|
"name": "PlaceholderService",
|
|
4768
|
-
"id": "injectable-PlaceholderService-
|
|
4768
|
+
"id": "injectable-PlaceholderService-5501c6b0c08f4c0e2875fe0393e2881b2980906ad90471ff40d43f195ca01e1449b0abe04440a043fd73fb7487ae30d3c4a06af825150f86001b28463769c271",
|
|
4769
4769
|
"file": "src/placeholder/placeholder.service.ts",
|
|
4770
4770
|
"properties": [],
|
|
4771
4771
|
"methods": [
|
|
@@ -4789,7 +4789,7 @@
|
|
|
4789
4789
|
"optional": false,
|
|
4790
4790
|
"returnType": "HTMLElement",
|
|
4791
4791
|
"typeParameters": [],
|
|
4792
|
-
"line":
|
|
4792
|
+
"line": 83,
|
|
4793
4793
|
"deprecated": false,
|
|
4794
4794
|
"deprecationMessage": "",
|
|
4795
4795
|
"jsdoctags": [
|
|
@@ -4835,12 +4835,19 @@
|
|
|
4835
4835
|
"deprecated": false,
|
|
4836
4836
|
"deprecationMessage": "",
|
|
4837
4837
|
"optional": true
|
|
4838
|
+
},
|
|
4839
|
+
{
|
|
4840
|
+
"name": "environment",
|
|
4841
|
+
"type": "EnvironmentInjector",
|
|
4842
|
+
"deprecated": false,
|
|
4843
|
+
"deprecationMessage": "",
|
|
4844
|
+
"defaultValue": "undefined"
|
|
4838
4845
|
}
|
|
4839
4846
|
],
|
|
4840
4847
|
"optional": false,
|
|
4841
4848
|
"returnType": "ComponentRef<any>",
|
|
4842
4849
|
"typeParameters": [],
|
|
4843
|
-
"line":
|
|
4850
|
+
"line": 38,
|
|
4844
4851
|
"deprecated": false,
|
|
4845
4852
|
"deprecationMessage": "",
|
|
4846
4853
|
"rawdescription": "\n\nCreates and returns component in the view.\n",
|
|
@@ -4873,6 +4880,16 @@
|
|
|
4873
4880
|
"tagName": {
|
|
4874
4881
|
"text": "param"
|
|
4875
4882
|
}
|
|
4883
|
+
},
|
|
4884
|
+
{
|
|
4885
|
+
"name": "environment",
|
|
4886
|
+
"type": "EnvironmentInjector",
|
|
4887
|
+
"deprecated": false,
|
|
4888
|
+
"deprecationMessage": "",
|
|
4889
|
+
"defaultValue": "undefined",
|
|
4890
|
+
"tagName": {
|
|
4891
|
+
"text": "param"
|
|
4892
|
+
}
|
|
4876
4893
|
}
|
|
4877
4894
|
]
|
|
4878
4895
|
},
|
|
@@ -4889,7 +4906,7 @@
|
|
|
4889
4906
|
"optional": false,
|
|
4890
4907
|
"returnType": "void",
|
|
4891
4908
|
"typeParameters": [],
|
|
4892
|
-
"line":
|
|
4909
|
+
"line": 64,
|
|
4893
4910
|
"deprecated": false,
|
|
4894
4911
|
"deprecationMessage": "",
|
|
4895
4912
|
"jsdoctags": [
|
|
@@ -4924,7 +4941,7 @@
|
|
|
4924
4941
|
"optional": false,
|
|
4925
4942
|
"returnType": "boolean",
|
|
4926
4943
|
"typeParameters": [],
|
|
4927
|
-
"line":
|
|
4944
|
+
"line": 68,
|
|
4928
4945
|
"deprecated": false,
|
|
4929
4946
|
"deprecationMessage": "",
|
|
4930
4947
|
"jsdoctags": [
|
|
@@ -4969,7 +4986,7 @@
|
|
|
4969
4986
|
"optional": false,
|
|
4970
4987
|
"returnType": "boolean",
|
|
4971
4988
|
"typeParameters": [],
|
|
4972
|
-
"line":
|
|
4989
|
+
"line": 97,
|
|
4973
4990
|
"deprecated": false,
|
|
4974
4991
|
"deprecationMessage": "",
|
|
4975
4992
|
"jsdoctags": [
|
|
@@ -5008,7 +5025,7 @@
|
|
|
5008
5025
|
"optional": false,
|
|
5009
5026
|
"returnType": "any",
|
|
5010
5027
|
"typeParameters": [],
|
|
5011
|
-
"line":
|
|
5028
|
+
"line": 76,
|
|
5012
5029
|
"deprecated": false,
|
|
5013
5030
|
"deprecationMessage": "",
|
|
5014
5031
|
"jsdoctags": [
|
|
@@ -5044,7 +5061,7 @@
|
|
|
5044
5061
|
"optional": false,
|
|
5045
5062
|
"returnType": "void",
|
|
5046
5063
|
"typeParameters": [],
|
|
5047
|
-
"line":
|
|
5064
|
+
"line": 27,
|
|
5048
5065
|
"deprecated": false,
|
|
5049
5066
|
"deprecationMessage": "",
|
|
5050
5067
|
"rawdescription": "\n\nUsed by `Placeholder` to register view-container reference.\n",
|
|
@@ -5091,7 +5108,7 @@
|
|
|
5091
5108
|
"optional": false,
|
|
5092
5109
|
"returnType": "HTMLElement",
|
|
5093
5110
|
"typeParameters": [],
|
|
5094
|
-
"line":
|
|
5111
|
+
"line": 90,
|
|
5095
5112
|
"deprecated": false,
|
|
5096
5113
|
"deprecationMessage": "",
|
|
5097
5114
|
"jsdoctags": [
|
|
@@ -5121,7 +5138,7 @@
|
|
|
5121
5138
|
"deprecationMessage": "",
|
|
5122
5139
|
"description": "<p>Singleton service used to register the container for out-of-flow components to insert into.\nAlso used to insert/remove components from that view.</p>\n",
|
|
5123
5140
|
"rawdescription": "\n\nSingleton service used to register the container for out-of-flow components to insert into.\nAlso used to insert/remove components from that view.\n",
|
|
5124
|
-
"sourceCode": "import {\n\tComponentRef,\n\tViewContainerRef,\n\tInjector\n} from \"@angular/core\";\nimport { Injectable } from \"@angular/core\";\n\n/**\n * Singleton service used to register the container for out-of-flow components to insert into.\n * Also used to insert/remove components from that view.\n */\n@Injectable()\nexport class PlaceholderService {\n\t/**\n\t * Main `ViewContainerRef` to insert components into\n\t */\n\tprotected viewContainerRef: ViewContainerRef = null;\n\t/**\n\t * Map of id's to secondary `ViewContainerRef`s\n\t */\n\tprotected viewContainerMap: Map<any, ViewContainerRef> = new Map();\n\t/**\n\t * Used by `Placeholder` to register view-container reference.\n\t */\n\tregisterViewContainerRef(vcRef: ViewContainerRef, id?: any): void {\n\t\tif (id) {\n\t\t\tthis.viewContainerMap.set(id, vcRef);\n\t\t} else {\n\t\t\tthis.viewContainerRef = vcRef;\n\t\t}\n\t}\n\n\t/**\n\t * Creates and returns component in the view.\n\t */\n\tcreateComponent(
|
|
5141
|
+
"sourceCode": "import {\n\tComponentRef,\n\tViewContainerRef,\n\tInjector,\n\tEnvironmentInjector,\n\tinject\n} from \"@angular/core\";\nimport { Injectable } from \"@angular/core\";\n\n/**\n * Singleton service used to register the container for out-of-flow components to insert into.\n * Also used to insert/remove components from that view.\n */\n@Injectable()\nexport class PlaceholderService {\n\t/**\n\t * Main `ViewContainerRef` to insert components into\n\t */\n\tprotected viewContainerRef: ViewContainerRef = null;\n\t/**\n\t * Map of id's to secondary `ViewContainerRef`s\n\t */\n\tprotected viewContainerMap: Map<any, ViewContainerRef> = new Map();\n\t/**\n\t * Used by `Placeholder` to register view-container reference.\n\t */\n\tregisterViewContainerRef(vcRef: ViewContainerRef, id?: any): void {\n\t\tif (id) {\n\t\t\tthis.viewContainerMap.set(id, vcRef);\n\t\t} else {\n\t\t\tthis.viewContainerRef = vcRef;\n\t\t}\n\t}\n\n\t/**\n\t * Creates and returns component in the view.\n\t */\n\tcreateComponent(\n\t\tcomponent: ComponentRef<any>,\n\t\tinjector: Injector,\n\t\tid?: any,\n\t\tenvironment: EnvironmentInjector = undefined\n\t): ComponentRef<any> {\n\t\tif (id) {\n\t\t\tif (!this.viewContainerMap.has(id)) {\n\t\t\t\tconsole.error(`No view container with id ${id} found`);\n\t\t\t\treturn;\n\t\t\t}\n\t\t\treturn this.viewContainerMap.get(id).createComponent(component as any, { index: this.viewContainerMap.size, injector });\n\t\t}\n\t\tif (!this.viewContainerRef) {\n\t\t\tconsole.error(\"No view container defined! Likely due to a missing `cds-placeholder`\");\n\t\t\treturn;\n\t\t}\n\t\treturn this.viewContainerRef.createComponent(component as any,\n\t\t\t{\n\t\t\t\tindex: this.viewContainerRef.length,\n\t\t\t\tinjector,\n\t\t\t\tenvironmentInjector: environment\n\t\t\t}\n\t\t);\n\t}\n\n\tdestroyComponent(component: ComponentRef<any>) {\n\t\tcomponent.destroy();\n\t}\n\n\thasComponentRef(component: ComponentRef<any>, id?: any) {\n\t\tif (id) {\n\t\t\treturn !(this.viewContainerMap.get(id).indexOf(component.hostView) < 0);\n\t\t}\n\n\t\treturn !(this.viewContainerRef.indexOf(component.hostView) < 0);\n\t}\n\n\thasPlaceholderRef(id?: any) {\n\t\tif (id) {\n\t\t\treturn this.viewContainerMap.has(id);\n\t\t}\n\t\treturn !!this.viewContainerRef;\n\t}\n\n\tappendElement(element: HTMLElement, id?: any): HTMLElement {\n\t\tif (id) {\n\t\t\treturn this.viewContainerMap.get(id).element.nativeElement.appendChild(element);\n\t\t}\n\t\treturn this.viewContainerRef.element.nativeElement.appendChild(element);\n\t}\n\n\tremoveElement(element: HTMLElement, id?: any): HTMLElement {\n\t\tif (id) {\n\t\t\treturn this.viewContainerMap.get(id).element.nativeElement.removeChild(element);\n\t\t}\n\t\treturn this.viewContainerRef.element.nativeElement.removeChild(element);\n\t}\n\n\thasElement(element: HTMLElement, id?: any): boolean {\n\t\tif (id) {\n\t\t\treturn this.viewContainerMap.get(id).element.nativeElement.contains(element);\n\t\t}\n\t\treturn this.viewContainerRef.element.nativeElement.contains(element);\n\t}\n}\n",
|
|
5125
5142
|
"extends": [],
|
|
5126
5143
|
"type": "injectable"
|
|
5127
5144
|
},
|
|
@@ -25246,7 +25263,7 @@
|
|
|
25246
25263
|
},
|
|
25247
25264
|
{
|
|
25248
25265
|
"name": "ContainedList",
|
|
25249
|
-
"id": "component-ContainedList-
|
|
25266
|
+
"id": "component-ContainedList-207a5131842308ae824ff732bf4685cc678d471181ee6124ab1c65c949594670f38ee9e5277759da3118cca2b1a88763cf73ceb19a3c0b777307a4f45ee52fad",
|
|
25250
25267
|
"file": "src/contained-list/contained-list.component.ts",
|
|
25251
25268
|
"changeDetection": "ChangeDetectionStrategy.OnPush",
|
|
25252
25269
|
"encapsulation": [],
|
|
@@ -25257,7 +25274,7 @@
|
|
|
25257
25274
|
"selector": "cds-contained-list, ibm-contained-list",
|
|
25258
25275
|
"styleUrls": [],
|
|
25259
25276
|
"styles": [],
|
|
25260
|
-
"template": "<div\n\tclass=\"cds--contained-list\"\n\t[ngClass]=\"{\n\t\t'cds--contained-list--inset-rulers': isInset,\n\t\t'cds--contained-list--on-page': kind === ContainedListKind.OnPage,\n\t\t'cds--contained-list--disclosed': kind === ContainedListKind.Disclosed,\n\t\t'cds--contained-list--sm': size === ContainedListSize.Small,\n\t\t'cds--contained-list--md': size === ContainedListSize.Medium,\n\t\t'cds--contained-list--lg': size === ContainedListSize.Large,\n\t\t'cds--contained-list--xl': size === ContainedListSize.ExtraLarge,\n\t\t'cds--layout--size-sm': size === ContainedListSize.Small,\n\t\t'cds--layout--size-md': size === ContainedListSize.Medium,\n\t\t'cds--layout--size-lg': size === ContainedListSize.Large,\n\t\t'cds--layout--size-xl': size === ContainedListSize.ExtraLarge\n\t}\">\n\t<div class=\"cds--contained-list__header\">\n\t\t<div [id]=\"labelId\" class=\"cds--contained-list__label\">\n\t\t\t<ng-container *ngIf=\"!isTemplate(label)\">{{ label }}</ng-container>\n\t\t\t<ng-template *ngIf=\"isTemplate(label)\" [ngTemplateOutlet]=\"label\"></ng-template>\n\t\t</div>\n\n\t\t<div class=\"cds--contained-list__action\" *ngIf=\"action\">\n\t\t\t<ng-template [ngTemplateOutlet]=\"action\"></ng-template>\n\t\t</div>\n\t</div>\n\t<div role=\"list\" [attr.aria-labelledby]=\"labelId\">\n\t\t<ng-content></ng-content>\n\t</div>\n</div>\n\t",
|
|
25277
|
+
"template": "<div\n\tclass=\"cds--contained-list\"\n\t[ngClass]=\"{\n\t\t'cds--contained-list--inset-rulers': isInset,\n\t\t'cds--contained-list--on-page': kind === ContainedListKind.OnPage,\n\t\t'cds--contained-list--disclosed': kind === ContainedListKind.Disclosed,\n\t\t'cds--contained-list--sm': size === ContainedListSize.Small,\n\t\t'cds--contained-list--md': size === ContainedListSize.Medium,\n\t\t'cds--contained-list--lg': size === ContainedListSize.Large,\n\t\t'cds--contained-list--xl': size === ContainedListSize.ExtraLarge,\n\t\t'cds--layout--size-sm': size === ContainedListSize.Small,\n\t\t'cds--layout--size-md': size === ContainedListSize.Medium,\n\t\t'cds--layout--size-lg': size === ContainedListSize.Large,\n\t\t'cds--layout--size-xl': size === ContainedListSize.ExtraLarge\n\t}\">\n\t<div class=\"cds--contained-list__header\">\n\t\t<div [id]=\"labelId\" class=\"cds--contained-list__label\">\n\t\t\t<ng-container *ngIf=\"!isTemplate(label)\">{{ label }}</ng-container>\n\t\t\t<ng-template *ngIf=\"isTemplate(label)\" [ngTemplateOutlet]=\"label\"></ng-template>\n\t\t</div>\n\n\t\t<div class=\"cds--contained-list__action\" *ngIf=\"action\">\n\t\t\t<ng-template [ngTemplateOutlet]=\"action\" [ngTemplateOutletContext]=\"{ $implicit: actionData }\"></ng-template>\n\t\t</div>\n\t</div>\n\t<div role=\"list\" [attr.aria-labelledby]=\"labelId\">\n\t\t<ng-content></ng-content>\n\t</div>\n</div>\n\t",
|
|
25261
25278
|
"templateUrl": [],
|
|
25262
25279
|
"viewProviders": [],
|
|
25263
25280
|
"hostDirectives": [],
|
|
@@ -25268,10 +25285,20 @@
|
|
|
25268
25285
|
"deprecationMessage": "",
|
|
25269
25286
|
"rawdescription": "\n\nA slot for a possible interactive element to render within the list header.\n",
|
|
25270
25287
|
"description": "<p>A slot for a possible interactive element to render within the list header.</p>\n",
|
|
25271
|
-
"line":
|
|
25288
|
+
"line": 60,
|
|
25272
25289
|
"type": "TemplateRef<any>",
|
|
25273
25290
|
"decorators": []
|
|
25274
25291
|
},
|
|
25292
|
+
{
|
|
25293
|
+
"name": "actionData",
|
|
25294
|
+
"deprecated": false,
|
|
25295
|
+
"deprecationMessage": "",
|
|
25296
|
+
"rawdescription": "\n\nOptional interactive element data.\n",
|
|
25297
|
+
"description": "<p>Optional interactive element data.</p>\n",
|
|
25298
|
+
"line": 65,
|
|
25299
|
+
"type": "any",
|
|
25300
|
+
"decorators": []
|
|
25301
|
+
},
|
|
25275
25302
|
{
|
|
25276
25303
|
"name": "isInset",
|
|
25277
25304
|
"defaultValue": "false",
|
|
@@ -25279,7 +25306,7 @@
|
|
|
25279
25306
|
"deprecationMessage": "",
|
|
25280
25307
|
"rawdescription": "\n\nSpecify whether the dividing lines in between list items should be inset.\n",
|
|
25281
25308
|
"description": "<p>Specify whether the dividing lines in between list items should be inset.</p>\n",
|
|
25282
|
-
"line":
|
|
25309
|
+
"line": 70,
|
|
25283
25310
|
"type": "boolean",
|
|
25284
25311
|
"decorators": []
|
|
25285
25312
|
},
|
|
@@ -25290,7 +25317,7 @@
|
|
|
25290
25317
|
"deprecationMessage": "",
|
|
25291
25318
|
"rawdescription": "\n\nThe kind of ContainedList you want to display.\n",
|
|
25292
25319
|
"description": "<p>The kind of ContainedList you want to display.</p>\n",
|
|
25293
|
-
"line":
|
|
25320
|
+
"line": 75,
|
|
25294
25321
|
"type": "ContainedListKind",
|
|
25295
25322
|
"decorators": []
|
|
25296
25323
|
},
|
|
@@ -25300,7 +25327,7 @@
|
|
|
25300
25327
|
"deprecationMessage": "",
|
|
25301
25328
|
"rawdescription": "\n\nA label describing the contained list.\n",
|
|
25302
25329
|
"description": "<p>A label describing the contained list.</p>\n",
|
|
25303
|
-
"line":
|
|
25330
|
+
"line": 80,
|
|
25304
25331
|
"type": "string | TemplateRef<any>",
|
|
25305
25332
|
"decorators": []
|
|
25306
25333
|
},
|
|
@@ -25311,7 +25338,7 @@
|
|
|
25311
25338
|
"deprecationMessage": "",
|
|
25312
25339
|
"rawdescription": "\n\nLabel id for the contained list.\n",
|
|
25313
25340
|
"description": "<p>Label id for the contained list.</p>\n",
|
|
25314
|
-
"line":
|
|
25341
|
+
"line": 90,
|
|
25315
25342
|
"type": "string",
|
|
25316
25343
|
"decorators": []
|
|
25317
25344
|
},
|
|
@@ -25322,7 +25349,7 @@
|
|
|
25322
25349
|
"deprecationMessage": "",
|
|
25323
25350
|
"rawdescription": "\n\nSpecify the size of the contained list.\n",
|
|
25324
25351
|
"description": "<p>Specify the size of the contained list.</p>\n",
|
|
25325
|
-
"line":
|
|
25352
|
+
"line": 85,
|
|
25326
25353
|
"type": "ContainedListSize",
|
|
25327
25354
|
"decorators": []
|
|
25328
25355
|
}
|
|
@@ -25337,7 +25364,7 @@
|
|
|
25337
25364
|
"type": "",
|
|
25338
25365
|
"optional": false,
|
|
25339
25366
|
"description": "<p>Exposing ContainedListKind enum to the template</p>\n",
|
|
25340
|
-
"line":
|
|
25367
|
+
"line": 100,
|
|
25341
25368
|
"rawdescription": "\n\nExposing ContainedListKind enum to the template\n",
|
|
25342
25369
|
"modifierKind": [
|
|
25343
25370
|
125
|
|
@@ -25351,7 +25378,7 @@
|
|
|
25351
25378
|
"type": "",
|
|
25352
25379
|
"optional": false,
|
|
25353
25380
|
"description": "<p>Exposing ContainedListSize enum to the template</p>\n",
|
|
25354
|
-
"line":
|
|
25381
|
+
"line": 95,
|
|
25355
25382
|
"rawdescription": "\n\nExposing ContainedListSize enum to the template\n",
|
|
25356
25383
|
"modifierKind": [
|
|
25357
25384
|
125
|
|
@@ -25372,7 +25399,7 @@
|
|
|
25372
25399
|
"optional": false,
|
|
25373
25400
|
"returnType": "boolean",
|
|
25374
25401
|
"typeParameters": [],
|
|
25375
|
-
"line":
|
|
25402
|
+
"line": 102,
|
|
25376
25403
|
"deprecated": false,
|
|
25377
25404
|
"deprecationMessage": "",
|
|
25378
25405
|
"modifierKind": [
|
|
@@ -25400,7 +25427,7 @@
|
|
|
25400
25427
|
"description": "<p>Get started with importing the module:</p>\n<b>Example :</b><div><pre class=\"line-numbers\"><code class=\"language-typescript\">import { ContainedListModule } from 'carbon-components-angular';</code></pre></div><p><a href=\"../../?path=/story/components-contained-list--basic\">See demo</a></p>\n",
|
|
25401
25428
|
"rawdescription": "\n\nGet started with importing the module:\n\n```typescript\nimport { ContainedListModule } from 'carbon-components-angular';\n```\n\n[See demo](../../?path=/story/components-contained-list--basic)\n",
|
|
25402
25429
|
"type": "component",
|
|
25403
|
-
"sourceCode": "import {\n\tChangeDetectionStrategy,\n\tComponent,\n\
|
|
25430
|
+
"sourceCode": "import {\n\tChangeDetectionStrategy,\n\tComponent,\n\tInput,\n\tTemplateRef\n} from \"@angular/core\";\nimport { ContainedListKind, ContainedListSize } from \"./contained-list.enums\";\n\n/**\n * Get started with importing the module:\n *\n * ```typescript\n * import { ContainedListModule } from 'carbon-components-angular';\n * ```\n *\n * [See demo](../../?path=/story/components-contained-list--basic)\n */\n@Component({\n\tselector: \"cds-contained-list, ibm-contained-list\",\n\ttemplate: `\n\t\t<div\n\t\t\tclass=\"cds--contained-list\"\n\t\t\t[ngClass]=\"{\n\t\t\t\t'cds--contained-list--inset-rulers': isInset,\n\t\t\t\t'cds--contained-list--on-page': kind === ContainedListKind.OnPage,\n\t\t\t\t'cds--contained-list--disclosed': kind === ContainedListKind.Disclosed,\n\t\t\t\t'cds--contained-list--sm': size === ContainedListSize.Small,\n\t\t\t\t'cds--contained-list--md': size === ContainedListSize.Medium,\n\t\t\t\t'cds--contained-list--lg': size === ContainedListSize.Large,\n\t\t\t\t'cds--contained-list--xl': size === ContainedListSize.ExtraLarge,\n\t\t\t\t'cds--layout--size-sm': size === ContainedListSize.Small,\n\t\t\t\t'cds--layout--size-md': size === ContainedListSize.Medium,\n\t\t\t\t'cds--layout--size-lg': size === ContainedListSize.Large,\n\t\t\t\t'cds--layout--size-xl': size === ContainedListSize.ExtraLarge\n\t\t\t}\">\n\t\t\t<div class=\"cds--contained-list__header\">\n\t\t\t\t<div [id]=\"labelId\" class=\"cds--contained-list__label\">\n\t\t\t\t\t<ng-container *ngIf=\"!isTemplate(label)\">{{ label }}</ng-container>\n\t\t\t\t\t<ng-template *ngIf=\"isTemplate(label)\" [ngTemplateOutlet]=\"label\"></ng-template>\n\t\t\t\t</div>\n\n\t\t\t\t<div class=\"cds--contained-list__action\" *ngIf=\"action\">\n\t\t\t\t\t<ng-template [ngTemplateOutlet]=\"action\" [ngTemplateOutletContext]=\"{ $implicit: actionData }\"></ng-template>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<div role=\"list\" [attr.aria-labelledby]=\"labelId\">\n\t\t\t\t<ng-content></ng-content>\n\t\t\t</div>\n\t\t</div>\n\t`,\n\tchangeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class ContainedList {\n\t/** Used to generate unique IDs */\n\tprivate static count = 0;\n\n\t/**\n\t * A slot for a possible interactive element to render within the list header.\n\t */\n\t@Input() action: TemplateRef<any>;\n\n\t/**\n\t * Optional interactive element data.\n\t */\n\t@Input() actionData: any;\n\n\t/**\n\t * Specify whether the dividing lines in between list items should be inset.\n\t */\n\t@Input() isInset = false;\n\n\t/**\n\t * The kind of ContainedList you want to display.\n\t */\n\t@Input() kind: ContainedListKind = ContainedListKind.OnPage;\n\n\t/**\n\t * A label describing the contained list.\n\t */\n\t@Input() label: string | TemplateRef<any>;\n\n\t/**\n\t * Specify the size of the contained list.\n\t */\n\t@Input() size: ContainedListSize = ContainedListSize.Large;\n\n\t/**\n\t * Label id for the contained list.\n\t */\n\t@Input() labelId = `contained-list-${ContainedList.count++}-header`;\n\n\t/**\n\t * Exposing ContainedListSize enum to the template\n\t */\n\tpublic ContainedListSize: typeof ContainedListSize = ContainedListSize;\n\n\t/**\n\t * Exposing ContainedListKind enum to the template\n\t */\n\tpublic ContainedListKind: typeof ContainedListKind = ContainedListKind;\n\n\tpublic isTemplate(value: string | TemplateRef<any>) {\n\t\treturn value instanceof TemplateRef;\n\t}\n}\n",
|
|
25404
25431
|
"assetsDirs": [],
|
|
25405
25432
|
"styleUrlsData": "",
|
|
25406
25433
|
"stylesData": "",
|
|
@@ -75239,7 +75266,7 @@
|
|
|
75239
75266
|
"name": "Basic",
|
|
75240
75267
|
"ctype": "miscellaneous",
|
|
75241
75268
|
"subtype": "variable",
|
|
75242
|
-
"file": "src/
|
|
75269
|
+
"file": "src/theme/theme.stories.ts",
|
|
75243
75270
|
"deprecated": false,
|
|
75244
75271
|
"deprecationMessage": "",
|
|
75245
75272
|
"type": "",
|
|
@@ -75249,7 +75276,7 @@
|
|
|
75249
75276
|
"name": "Basic",
|
|
75250
75277
|
"ctype": "miscellaneous",
|
|
75251
75278
|
"subtype": "variable",
|
|
75252
|
-
"file": "src/
|
|
75279
|
+
"file": "src/tag/tag.stories.ts",
|
|
75253
75280
|
"deprecated": false,
|
|
75254
75281
|
"deprecationMessage": "",
|
|
75255
75282
|
"type": "",
|
|
@@ -78101,21 +78128,21 @@
|
|
|
78101
78128
|
"name": "Template",
|
|
78102
78129
|
"ctype": "miscellaneous",
|
|
78103
78130
|
"subtype": "variable",
|
|
78104
|
-
"file": "src/
|
|
78131
|
+
"file": "src/theme/theme.stories.ts",
|
|
78105
78132
|
"deprecated": false,
|
|
78106
78133
|
"deprecationMessage": "",
|
|
78107
78134
|
"type": "",
|
|
78108
|
-
"defaultValue": "(args) => ({\n\tprops: args,\n\ttemplate: `\n\t\t<
|
|
78135
|
+
"defaultValue": "(args) => ({\n\tprops: args,\n\ttemplate: `\n\t\t<div cdsTheme>\n\t\t\t<div class=\"theme-section\">\n\t\t\t\t<p>White theme</p>\n\t\t\t</div>\n\t\t</div>\n\t\t<div cdsTheme=\"g10\">\n\t\t\t<div class=\"theme-section\">\n\t\t\t\t<p>G10 theme</p>\n\t\t\t</div>\n\t\t</div>\n\t\t<div cdsTheme=\"g90\">\n\t\t\t<div class=\"theme-section\">\n\t\t\t\t<p>G90 theme</p>\n\t\t\t</div>\n\t\t</div>\n\t\t<div cdsTheme=\"g100\">\n\t\t\t<div class=\"theme-section\">\n\t\t\t\t<p>G100 theme</p>\n\t\t\t</div>\n\t\t</div>\n\t`,\n\tstyles: [`\n\t\t.theme-section {\n\t\t\tpadding: 1rem;\n\t\t\tbackground: var(--cds-background);\n\t\t\tcolor: var(--cds-text-primary);\n\t\t}\n\t`]\n})"
|
|
78109
78136
|
},
|
|
78110
78137
|
{
|
|
78111
78138
|
"name": "Template",
|
|
78112
78139
|
"ctype": "miscellaneous",
|
|
78113
78140
|
"subtype": "variable",
|
|
78114
|
-
"file": "src/
|
|
78141
|
+
"file": "src/tag/tag.stories.ts",
|
|
78115
78142
|
"deprecated": false,
|
|
78116
78143
|
"deprecationMessage": "",
|
|
78117
78144
|
"type": "",
|
|
78118
|
-
"defaultValue": "(args) => ({\n\tprops: args,\n\ttemplate: `\n\t\t<
|
|
78145
|
+
"defaultValue": "(args) => ({\n\tprops: args,\n\ttemplate: `\n\t\t<cds-tag\n\t\t\t[type]=\"type\"\n\t\t\t[skeleton]=\"skeleton\"\n\t\t\t[size]=\"size\">\n\t\t\t<div cdsTagIcon>\n\t\t\t\t<svg ibmIcon=\"settings\" size=\"16\"></svg>\n\t\t\t</div>\n\t\t\tRead only\n\t\t</cds-tag>\n\t`\n})"
|
|
78119
78146
|
},
|
|
78120
78147
|
{
|
|
78121
78148
|
"name": "Template",
|
|
@@ -83938,128 +83965,128 @@
|
|
|
83938
83965
|
"defaultValue": "(args) => ({\n\tprops: args,\n\ttemplate: `\n\t\t<ng-template #customTabs let-item>\n\t\t\t{{item ? item.name : \"wait for it\"}}\n\t\t</ng-template>\n\t\t<ng-template #iconTab>\n\t\t\t<div style=\"height: 14px;\">\n\t\t\t\tSomething custom\n\t\t\t\t<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\"\n\t\t\t\tstyle=\"height: 14px; width: 14px; fill: #3d70b2;\">\n\t\t\t\t\t<path d=\"M8 14.5a6.5 6.5 0 1 0 0-13 6.5 6.5 0 0 0 0 13zM8 16A8 8 0 1 1 8 0a8 8 0 0 1 0 16z\"></path>\n\t\t\t\t\t<path d=\"M9 13H7V7h2z\"></path>\n\t\t\t\t\t<path d=\"M7 4a1 1 0 1 1 2 0 1 1 0 1 1-2 0\"></path>\n\t\t\t\t</svg>\n\t\t\t</div>\n\t\t</ng-template>\n\t\t<cds-tabs [type]=\"type\" [followFocus]=\"followFocus\" [isNavigation]=\"isNavigation\">\n\t\t\t<cds-tab\n\t\t\t\t*ngFor=\"let item of data; let i = index;\"\n\t\t\t\t[heading]=\"customTabs\"\n\t\t\t\ttitle=\"Tab Content\"\n\t\t\t\t[context]=\"item\">\n\t\t\t\tTab Content {{i + 1}}\n\t\t\t</cds-tab>\n\t\t\t<cds-tab [heading]=\"iconTab\" title=\"Custom tab content\">Tab Content Custom</cds-tab>\n\t\t</cds-tabs>\n\t`\n})"
|
|
83939
83966
|
}
|
|
83940
83967
|
],
|
|
83941
|
-
"src/
|
|
83968
|
+
"src/theme/theme.stories.ts": [
|
|
83942
83969
|
{
|
|
83943
83970
|
"name": "Basic",
|
|
83944
83971
|
"ctype": "miscellaneous",
|
|
83945
83972
|
"subtype": "variable",
|
|
83946
|
-
"file": "src/
|
|
83973
|
+
"file": "src/theme/theme.stories.ts",
|
|
83947
83974
|
"deprecated": false,
|
|
83948
83975
|
"deprecationMessage": "",
|
|
83949
83976
|
"type": "",
|
|
83950
83977
|
"defaultValue": "Template.bind({})"
|
|
83951
83978
|
},
|
|
83952
83979
|
{
|
|
83953
|
-
"name": "
|
|
83980
|
+
"name": "LayeredTemplate",
|
|
83954
83981
|
"ctype": "miscellaneous",
|
|
83955
83982
|
"subtype": "variable",
|
|
83956
|
-
"file": "src/
|
|
83983
|
+
"file": "src/theme/theme.stories.ts",
|
|
83957
83984
|
"deprecated": false,
|
|
83958
83985
|
"deprecationMessage": "",
|
|
83959
83986
|
"type": "",
|
|
83960
|
-
"defaultValue": "
|
|
83987
|
+
"defaultValue": "(args) => ({\n\tprops: args,\n\ttemplate: `\n\t\t<div cdsTheme>\n\t\t\t<article class=\"theme-layer-example\">\n\t\t\t\t<header class=\"theme-layer-header\">White theme</header>\n\t\t\t\t<div class=\"theme-with-layer\">Layer one</div>\n\t\t\t\t<div cdsLayer>\n\t\t\t\t\t<div class=\"theme-with-layer\">Layer two</div>\n\t\t\t\t\t<div cdsLayer>\n\t\t\t\t\t\t<div class=\"theme-with-layer\">Layer three</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</article>\n\t\t</div>\n\t\t<div cdsTheme=\"g10\">\n\t\t\t<article class=\"theme-layer-example\">\n\t\t\t\t<header class=\"theme-layer-header\">G10 theme</header>\n\t\t\t\t<div class=\"theme-with-layer\">Layer one</div>\n\t\t\t\t<div cdsLayer>\n\t\t\t\t\t<div class=\"theme-with-layer\">Layer two</div>\n\t\t\t\t\t<div cdsLayer>\n\t\t\t\t\t\t<div class=\"theme-with-layer\">Layer three</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</article>\n\t\t</div>\n\t\t<div cdsTheme=\"g90\">\n\t\t\t<article class=\"theme-layer-example\">\n\t\t\t\t<header class=\"theme-layer-header\">G90 theme</header>\n\t\t\t\t<div class=\"theme-with-layer\">Layer one</div>\n\t\t\t\t<div cdsLayer>\n\t\t\t\t\t<div class=\"theme-with-layer\">Layer two</div>\n\t\t\t\t\t<div cdsLayer>\n\t\t\t\t\t\t<div class=\"theme-with-layer\">Layer three</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</article>\n\t\t</div>\n\t\t<div cdsTheme=\"g100\">\n\t\t\t<article class=\"theme-layer-example\">\n\t\t\t\t<header class=\"theme-layer-header\">G100 theme</header>\n\t\t\t\t<div class=\"theme-with-layer\">Layer one</div>\n\t\t\t\t<div cdsLayer>\n\t\t\t\t\t<div class=\"theme-with-layer\">Layer two</div>\n\t\t\t\t\t<div cdsLayer>\n\t\t\t\t\t\t<div class=\"theme-with-layer\">Layer three</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</article>\n\t\t</div>\n\t`,\n\tstyles: [`\n\t\t.theme-layer-example {\n\t\t\tpadding: 1rem;\n\t\t\tbackground: var(--cds-background);\n\t\t\tcolor: var(--cds-text-primary);\n\t\t}\n\t\t.theme-layer-header {\n\t\t\tmargin-bottom: 1rem;\n\t\t}\n\t\t.theme-with-layer {\n\t\t\tpadding: 1rem;\n\t\t\tbackground: var(--cds-layer);\n\t\t\tcolor: var(--cds-text-primary);\n\t\t}\n\t`]\n})"
|
|
83961
83988
|
},
|
|
83962
83989
|
{
|
|
83963
|
-
"name": "
|
|
83990
|
+
"name": "Template",
|
|
83964
83991
|
"ctype": "miscellaneous",
|
|
83965
83992
|
"subtype": "variable",
|
|
83966
|
-
"file": "src/
|
|
83993
|
+
"file": "src/theme/theme.stories.ts",
|
|
83967
83994
|
"deprecated": false,
|
|
83968
83995
|
"deprecationMessage": "",
|
|
83969
83996
|
"type": "",
|
|
83970
|
-
"defaultValue": "(args) => ({\n\tprops: args,\n\ttemplate: `\n\t\t<
|
|
83997
|
+
"defaultValue": "(args) => ({\n\tprops: args,\n\ttemplate: `\n\t\t<div cdsTheme>\n\t\t\t<div class=\"theme-section\">\n\t\t\t\t<p>White theme</p>\n\t\t\t</div>\n\t\t</div>\n\t\t<div cdsTheme=\"g10\">\n\t\t\t<div class=\"theme-section\">\n\t\t\t\t<p>G10 theme</p>\n\t\t\t</div>\n\t\t</div>\n\t\t<div cdsTheme=\"g90\">\n\t\t\t<div class=\"theme-section\">\n\t\t\t\t<p>G90 theme</p>\n\t\t\t</div>\n\t\t</div>\n\t\t<div cdsTheme=\"g100\">\n\t\t\t<div class=\"theme-section\">\n\t\t\t\t<p>G100 theme</p>\n\t\t\t</div>\n\t\t</div>\n\t`,\n\tstyles: [`\n\t\t.theme-section {\n\t\t\tpadding: 1rem;\n\t\t\tbackground: var(--cds-background);\n\t\t\tcolor: var(--cds-text-primary);\n\t\t}\n\t`]\n})"
|
|
83971
83998
|
},
|
|
83972
83999
|
{
|
|
83973
|
-
"name": "
|
|
84000
|
+
"name": "WithLayer",
|
|
83974
84001
|
"ctype": "miscellaneous",
|
|
83975
84002
|
"subtype": "variable",
|
|
83976
|
-
"file": "src/
|
|
84003
|
+
"file": "src/theme/theme.stories.ts",
|
|
83977
84004
|
"deprecated": false,
|
|
83978
84005
|
"deprecationMessage": "",
|
|
83979
84006
|
"type": "",
|
|
83980
|
-
"defaultValue": "
|
|
83981
|
-
}
|
|
84007
|
+
"defaultValue": "LayeredTemplate.bind({})"
|
|
84008
|
+
}
|
|
84009
|
+
],
|
|
84010
|
+
"src/tag/tag.stories.ts": [
|
|
83982
84011
|
{
|
|
83983
|
-
"name": "
|
|
84012
|
+
"name": "Basic",
|
|
83984
84013
|
"ctype": "miscellaneous",
|
|
83985
84014
|
"subtype": "variable",
|
|
83986
84015
|
"file": "src/tag/tag.stories.ts",
|
|
83987
84016
|
"deprecated": false,
|
|
83988
84017
|
"deprecationMessage": "",
|
|
83989
84018
|
"type": "",
|
|
83990
|
-
"defaultValue": "(
|
|
84019
|
+
"defaultValue": "Template.bind({})"
|
|
83991
84020
|
},
|
|
83992
84021
|
{
|
|
83993
|
-
"name": "
|
|
84022
|
+
"name": "Filter",
|
|
83994
84023
|
"ctype": "miscellaneous",
|
|
83995
84024
|
"subtype": "variable",
|
|
83996
84025
|
"file": "src/tag/tag.stories.ts",
|
|
83997
84026
|
"deprecated": false,
|
|
83998
84027
|
"deprecationMessage": "",
|
|
83999
84028
|
"type": "",
|
|
84000
|
-
"defaultValue": "
|
|
84029
|
+
"defaultValue": "FilteredTemplate.bind({})"
|
|
84001
84030
|
},
|
|
84002
84031
|
{
|
|
84003
|
-
"name": "
|
|
84032
|
+
"name": "FilteredTemplate",
|
|
84004
84033
|
"ctype": "miscellaneous",
|
|
84005
84034
|
"subtype": "variable",
|
|
84006
84035
|
"file": "src/tag/tag.stories.ts",
|
|
84007
84036
|
"deprecated": false,
|
|
84008
84037
|
"deprecationMessage": "",
|
|
84009
84038
|
"type": "",
|
|
84010
|
-
"defaultValue": "(args) => ({\n\tprops: args,\n\ttemplate: `\n\t\t<cds-tag-
|
|
84039
|
+
"defaultValue": "(args) => ({\n\tprops: args,\n\ttemplate: `\n\t\t<cds-tag-filter\n\t\t\t[type]=\"type\"\n\t\t\t[size]=\"size\"\n\t\t\t[skeleton]=\"skeleton\"\n\t\t\ttitle=\"Filter\"\n\t\t\tcloseButtonLabel=\"Clear\">\n\t\t\t<div cdsTagIcon>\n\t\t\t\t<svg ibmIcon=\"settings\" size=\"16\"></svg>\n\t\t\t</div>\n\t\t\tFiltered\n\t\t</cds-tag-filter>\n\t`\n})"
|
|
84011
84040
|
},
|
|
84012
84041
|
{
|
|
84013
|
-
"name": "
|
|
84042
|
+
"name": "OperationalTag",
|
|
84014
84043
|
"ctype": "miscellaneous",
|
|
84015
84044
|
"subtype": "variable",
|
|
84016
84045
|
"file": "src/tag/tag.stories.ts",
|
|
84017
84046
|
"deprecated": false,
|
|
84018
84047
|
"deprecationMessage": "",
|
|
84019
84048
|
"type": "",
|
|
84020
|
-
"defaultValue": "(
|
|
84021
|
-
}
|
|
84022
|
-
],
|
|
84023
|
-
"src/theme/theme.stories.ts": [
|
|
84049
|
+
"defaultValue": "OperationalTagTemplate.bind({})"
|
|
84050
|
+
},
|
|
84024
84051
|
{
|
|
84025
|
-
"name": "
|
|
84052
|
+
"name": "OperationalTagTemplate",
|
|
84026
84053
|
"ctype": "miscellaneous",
|
|
84027
84054
|
"subtype": "variable",
|
|
84028
|
-
"file": "src/
|
|
84055
|
+
"file": "src/tag/tag.stories.ts",
|
|
84029
84056
|
"deprecated": false,
|
|
84030
84057
|
"deprecationMessage": "",
|
|
84031
84058
|
"type": "",
|
|
84032
|
-
"defaultValue": "
|
|
84059
|
+
"defaultValue": "(args) => ({\n\tprops: args,\n\ttemplate: `\n\t\t<cds-tag-operational\n\t\t\ttype=\"cyan\"\n\t\t\t[size]=\"size\"\n\t\t\t[skeleton]=\"skeleton\"\n\t\t\t(click)=\"onClick($event)\">\n\t\t\t<div cdsTagIcon>\n\t\t\t\t<svg ibmIcon=\"settings\" size=\"16\"></svg>\n\t\t\t</div>\n\t\t\tOperational\n\t\t</cds-tag-operational>\n\n\n\t\t<div\n\t\t\tcdsPopover\n\t\t\t[isOpen]=\"isOpen\"\n\t\t\t[highContrast]=\"true\">\n\t\t\t<cds-tag-operational\n\t\t\t\t[type]=\"type\"\n\t\t\t\t[size]=\"size\"\n\t\t\t\t[skeleton]=\"skeleton\"\n\t\t\t\t(click)=\"isOpen = !isOpen\">\n\t\t\t\t<div cdsTagIcon>\n\t\t\t\t\t<svg ibmIcon=\"settings\" size=\"16\"></svg>\n\t\t\t\t</div>\n\t\t\t\tOperational w/ popover\n\t\t\t</cds-tag-operational>\n\t\t\t<cds-popover-content>\n\t\t\t\t<div class=\"popover-content\">\n\t\t\t\t\tTag 1 name <br>\n\t\t\t\t\tTag 2 name <br>\n\t\t\t\t\tTag 3 name <br>\n\t\t\t\t\tTag 4 name <br>\n\t\t\t\t\t<cds-tag type=\"green\">Tag 5 name</cds-tag>\n\t\t\t\t</div>\n\t\t\t</cds-popover-content>\n\t\t</div>\n\t`,\n\tstyles: [\n\t\t`.popover-content {\n\t\t\tline-height: 1.5;\n\t\t\tpadding: 1rem;\n\t\t\tfont-size: 14px;\n\t\t}`\n\t]\n})"
|
|
84033
84060
|
},
|
|
84034
84061
|
{
|
|
84035
|
-
"name": "
|
|
84062
|
+
"name": "SelectedTag",
|
|
84036
84063
|
"ctype": "miscellaneous",
|
|
84037
84064
|
"subtype": "variable",
|
|
84038
|
-
"file": "src/
|
|
84065
|
+
"file": "src/tag/tag.stories.ts",
|
|
84039
84066
|
"deprecated": false,
|
|
84040
84067
|
"deprecationMessage": "",
|
|
84041
84068
|
"type": "",
|
|
84042
|
-
"defaultValue": "
|
|
84069
|
+
"defaultValue": "SelectedTagTemplate.bind({})"
|
|
84043
84070
|
},
|
|
84044
84071
|
{
|
|
84045
|
-
"name": "
|
|
84072
|
+
"name": "SelectedTagTemplate",
|
|
84046
84073
|
"ctype": "miscellaneous",
|
|
84047
84074
|
"subtype": "variable",
|
|
84048
|
-
"file": "src/
|
|
84075
|
+
"file": "src/tag/tag.stories.ts",
|
|
84049
84076
|
"deprecated": false,
|
|
84050
84077
|
"deprecationMessage": "",
|
|
84051
84078
|
"type": "",
|
|
84052
|
-
"defaultValue": "(args) => ({\n\tprops: args,\n\ttemplate: `\n\t\t<
|
|
84079
|
+
"defaultValue": "(args) => ({\n\tprops: args,\n\ttemplate: `\n\t\t<cds-tag-selectable\n\t\t\t[size]=\"size\"\n\t\t\t[skeleton]=\"skeleton\"\n\t\t\t[selected]=\"selected\"\n\t\t\t(selectedChange)=\"selectedChange($event)\"\n\t\t\t(click)=\"onClick($event)\">\n\t\t\t<div cdsTagIcon>\n\t\t\t\t<svg ibmIcon=\"settings\" size=\"16\"></svg>\n\t\t\t</div>\n\t\t\tSelectable\n\t\t</cds-tag-selectable>\n\t`\n})"
|
|
84053
84080
|
},
|
|
84054
84081
|
{
|
|
84055
|
-
"name": "
|
|
84082
|
+
"name": "Template",
|
|
84056
84083
|
"ctype": "miscellaneous",
|
|
84057
84084
|
"subtype": "variable",
|
|
84058
|
-
"file": "src/
|
|
84085
|
+
"file": "src/tag/tag.stories.ts",
|
|
84059
84086
|
"deprecated": false,
|
|
84060
84087
|
"deprecationMessage": "",
|
|
84061
84088
|
"type": "",
|
|
84062
|
-
"defaultValue": "
|
|
84089
|
+
"defaultValue": "(args) => ({\n\tprops: args,\n\ttemplate: `\n\t\t<cds-tag\n\t\t\t[type]=\"type\"\n\t\t\t[skeleton]=\"skeleton\"\n\t\t\t[size]=\"size\">\n\t\t\t<div cdsTagIcon>\n\t\t\t\t<svg ibmIcon=\"settings\" size=\"16\"></svg>\n\t\t\t</div>\n\t\t\tRead only\n\t\t</cds-tag>\n\t`\n})"
|
|
84063
84090
|
}
|
|
84064
84091
|
],
|
|
84065
84092
|
"src/tiles/clickable-tile.stories.ts": [
|
|
@@ -87623,7 +87650,7 @@
|
|
|
87623
87650
|
"linktype": "component",
|
|
87624
87651
|
"name": "ContainedList",
|
|
87625
87652
|
"coveragePercent": 90,
|
|
87626
|
-
"coverageCount": "
|
|
87653
|
+
"coverageCount": "10/11",
|
|
87627
87654
|
"status": "very-good"
|
|
87628
87655
|
},
|
|
87629
87656
|
{
|