carbon-components-angular 5.57.2 → 5.57.3
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/docs/documentation/coverage.html +6 -6
- 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 +23 -23
- package/docs/documentation/modules/TimePickerSelectModule.html +23 -23
- package/docs/documentation/modules/TreeviewModule/dependencies.svg +35 -35
- package/docs/documentation/modules/TreeviewModule.html +35 -35
- package/docs/documentation.json +104 -87
- 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/{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.ae95bbe6.iframe.bundle.js → main.23328ef9.iframe.bundle.js} +1 -1
- 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.9e428f42.iframe.bundle.js} +1 -1
- package/esm2020/modal/base-modal.service.mjs +19 -3
- package/esm2020/placeholder/placeholder.service.mjs +7 -3
- 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-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/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
|
},
|
|
@@ -74829,7 +74846,7 @@
|
|
|
74829
74846
|
"name": "Basic",
|
|
74830
74847
|
"ctype": "miscellaneous",
|
|
74831
74848
|
"subtype": "variable",
|
|
74832
|
-
"file": "src/
|
|
74849
|
+
"file": "src/button/button-set.stories.ts",
|
|
74833
74850
|
"deprecated": false,
|
|
74834
74851
|
"deprecationMessage": "",
|
|
74835
74852
|
"type": "",
|
|
@@ -74839,7 +74856,7 @@
|
|
|
74839
74856
|
"name": "Basic",
|
|
74840
74857
|
"ctype": "miscellaneous",
|
|
74841
74858
|
"subtype": "variable",
|
|
74842
|
-
"file": "src/button/button
|
|
74859
|
+
"file": "src/button/button.stories.ts",
|
|
74843
74860
|
"deprecated": false,
|
|
74844
74861
|
"deprecationMessage": "",
|
|
74845
74862
|
"type": "",
|
|
@@ -74849,7 +74866,7 @@
|
|
|
74849
74866
|
"name": "Basic",
|
|
74850
74867
|
"ctype": "miscellaneous",
|
|
74851
74868
|
"subtype": "variable",
|
|
74852
|
-
"file": "src/button/button.stories.ts",
|
|
74869
|
+
"file": "src/button/icon-button.stories.ts",
|
|
74853
74870
|
"deprecated": false,
|
|
74854
74871
|
"deprecationMessage": "",
|
|
74855
74872
|
"type": "",
|
|
@@ -74859,7 +74876,7 @@
|
|
|
74859
74876
|
"name": "Basic",
|
|
74860
74877
|
"ctype": "miscellaneous",
|
|
74861
74878
|
"subtype": "variable",
|
|
74862
|
-
"file": "src/
|
|
74879
|
+
"file": "src/breadcrumb/breadcrumb.stories.ts",
|
|
74863
74880
|
"deprecated": false,
|
|
74864
74881
|
"deprecationMessage": "",
|
|
74865
74882
|
"type": "",
|
|
@@ -77691,41 +77708,41 @@
|
|
|
77691
77708
|
"name": "Template",
|
|
77692
77709
|
"ctype": "miscellaneous",
|
|
77693
77710
|
"subtype": "variable",
|
|
77694
|
-
"file": "src/
|
|
77711
|
+
"file": "src/button/button-set.stories.ts",
|
|
77695
77712
|
"deprecated": false,
|
|
77696
77713
|
"deprecationMessage": "",
|
|
77697
77714
|
"type": "",
|
|
77698
|
-
"defaultValue": "(args) => ({\n\tprops: args,\n\ttemplate: `\n\t\t<cds-
|
|
77715
|
+
"defaultValue": "(args) => ({\n\tprops: args,\n\ttemplate: `\n\t\t<cds-button-set>\n\t\t\t<button cdsButton=\"secondary\" [size]=\"size\" [isExpressive]=\"isExpressive\">Button</button>\n\t\t\t<button cdsButton [size]=\"size\" [isExpressive]=\"isExpressive\">Button</button>\n\t\t</cds-button-set>\n\t`\n})"
|
|
77699
77716
|
},
|
|
77700
77717
|
{
|
|
77701
77718
|
"name": "Template",
|
|
77702
77719
|
"ctype": "miscellaneous",
|
|
77703
77720
|
"subtype": "variable",
|
|
77704
|
-
"file": "src/button/button
|
|
77721
|
+
"file": "src/button/button.stories.ts",
|
|
77705
77722
|
"deprecated": false,
|
|
77706
77723
|
"deprecationMessage": "",
|
|
77707
77724
|
"type": "",
|
|
77708
|
-
"defaultValue": "(args) => ({\n\tprops: args,\n\ttemplate: `\n\t\t<
|
|
77725
|
+
"defaultValue": "(args) => ({\n\tprops: args,\n\ttemplate: `\n\t\t<button\n\t\t\t[cdsButton]=\"kind\"\n\t\t\t[size]=\"size\"\n\t\t\t[isExpressive]=\"isExpressive\"\n\t\t\t[disabled]=\"disabled\"\n\t\t\t(click)=\"onClick($event)\"\n\t\t\t(mouseenter)=\"onMouseEnter($event)\"\n\t\t\t(mouseleave)=\"onMouseLeave($event)\"\n\t\t\t(focus)=\"onFocus($event)\"\n\t\t\t(blur)=\"onBlur($event)\">\n\t\t\tButton\n\t\t</button>\n\t`\n})"
|
|
77709
77726
|
},
|
|
77710
77727
|
{
|
|
77711
77728
|
"name": "Template",
|
|
77712
77729
|
"ctype": "miscellaneous",
|
|
77713
77730
|
"subtype": "variable",
|
|
77714
|
-
"file": "src/button/button.stories.ts",
|
|
77731
|
+
"file": "src/button/icon-button.stories.ts",
|
|
77715
77732
|
"deprecated": false,
|
|
77716
77733
|
"deprecationMessage": "",
|
|
77717
77734
|
"type": "",
|
|
77718
|
-
"defaultValue": "(args) => ({\n\tprops: args,\n\ttemplate: `\n\t\t<button\n\t\t\t[
|
|
77735
|
+
"defaultValue": "(args) => ({\n\tprops: args,\n\ttemplate: `\n\t\t<cds-icon-button\n\t\t\tbuttonId=\"icon-btn1\"\n\t\t\ttype=\"button\"\n\t\t\t[kind]=\"kind\"\n\t\t\t[size]=\"size\"\n\t\t\t[align]=\"align\"\n\t\t\t[buttonNgClass]=\"buttonNgClass\"\n\t\t\t[buttonAttributes]=\"buttonAttributes\"\n\t\t\t[disabled]=\"disabled\"\n\t\t\t[showTooltipWhenDisabled]=\"showTooltipWhenDisabled\"\n\t\t\tdescription=\"Icon Description\"\n\t\t\t(click)=\"onClick($event)\"\n\t\t\t(mouseenter)=\"onMouseEnter($event)\"\n\t\t\t(mouseleave)=\"onMouseLeave($event)\"\n\t\t\t(focus)=\"onFocus($event)\"\n\t\t\t(blur)=\"onBlur($event)\">\n\t\t\t<svg class=\"cds--btn__icon\" cdsIcon=\"copy\" size=\"16\"></svg>\n\t\t</cds-icon-button>\n\t`\n})"
|
|
77719
77736
|
},
|
|
77720
77737
|
{
|
|
77721
77738
|
"name": "Template",
|
|
77722
77739
|
"ctype": "miscellaneous",
|
|
77723
77740
|
"subtype": "variable",
|
|
77724
|
-
"file": "src/
|
|
77741
|
+
"file": "src/breadcrumb/breadcrumb.stories.ts",
|
|
77725
77742
|
"deprecated": false,
|
|
77726
77743
|
"deprecationMessage": "",
|
|
77727
77744
|
"type": "",
|
|
77728
|
-
"defaultValue": "(args) => ({\n\tprops: args,\n\ttemplate: `\n\t\t<cds-
|
|
77745
|
+
"defaultValue": "(args) => ({\n\tprops: args,\n\ttemplate: `\n\t\t<cds-breadcrumb [noTrailingSlash]=\"noTrailingSlash\">\n\t\t\t<cds-breadcrumb-item href=\"#1\">\n\t\t\t\tBreadcrumb 1\n\t\t\t</cds-breadcrumb-item>\n\t\t\t<cds-breadcrumb-item href=\"#2\">\n\t\t\t\tBreadcrumb 2\n\t\t\t</cds-breadcrumb-item>\n\t\t\t<cds-breadcrumb-item href=\"#3\">\n\t\t\t\tBreadcrumb 3\n\t\t\t</cds-breadcrumb-item>\n\t\t</cds-breadcrumb>\n\t`\n})"
|
|
77729
77746
|
},
|
|
77730
77747
|
{
|
|
77731
77748
|
"name": "Template",
|
|
@@ -81543,199 +81560,199 @@
|
|
|
81543
81560
|
"defaultValue": "(args) => ({\n\tprops: args,\n\ttemplate: `\n\t\t<div style=\"width: 500px\">\n\t\t\t<cds-accordion>\n\t\t\t\t<cds-accordion-item [title]=\"title\" (selected)=\"selected($event)\">\n\t\t\t\t\tLorem ipsum dolor sit amet, \\\n\t\t\t\t\tconsectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore \\\n\t\t\t\t\tet dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation \\\n\t\t\t\t\tullamco laboris nisi ut aliquip ex ea commodo consequat.\n\t\t\t\t</cds-accordion-item>\n\t\t\t\t<cds-accordion-item [title]=\"titleWithContext\" [context]=\"{ index: 2 }\" (selected)=\"selected($event)\">\n\t\t\t\t\tLorem ipsum dolor sit amet, \\\n\t\t\t\t\tconsectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore \\\n\t\t\t\t\tet dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation \\\n\t\t\t\t\tullamco laboris nisi ut aliquip ex ea commodo consequat.\n\t\t\t\t</cds-accordion-item>\n\t\t\t</cds-accordion>\n\t\t</div>\n\t\t<ng-template #title>\n\t\t\t<p class=\"cds--accordion__title\">Section 1 title</p>\n\t\t</ng-template>\n\t\t<ng-template #titleWithContext let-index=\"index\">\n\t\t\t<p class=\"cds--accordion__title\">Section {{ index }} title</p>\n\t\t</ng-template>\n\t`\n})"
|
|
81544
81561
|
}
|
|
81545
81562
|
],
|
|
81546
|
-
"src/
|
|
81563
|
+
"src/button/button-set.stories.ts": [
|
|
81547
81564
|
{
|
|
81548
81565
|
"name": "Basic",
|
|
81549
81566
|
"ctype": "miscellaneous",
|
|
81550
81567
|
"subtype": "variable",
|
|
81551
|
-
"file": "src/
|
|
81568
|
+
"file": "src/button/button-set.stories.ts",
|
|
81552
81569
|
"deprecated": false,
|
|
81553
81570
|
"deprecationMessage": "",
|
|
81554
81571
|
"type": "",
|
|
81555
81572
|
"defaultValue": "Template.bind({})"
|
|
81556
81573
|
},
|
|
81557
81574
|
{
|
|
81558
|
-
"name": "
|
|
81575
|
+
"name": "Template",
|
|
81559
81576
|
"ctype": "miscellaneous",
|
|
81560
81577
|
"subtype": "variable",
|
|
81561
|
-
"file": "src/
|
|
81578
|
+
"file": "src/button/button-set.stories.ts",
|
|
81562
81579
|
"deprecated": false,
|
|
81563
81580
|
"deprecationMessage": "",
|
|
81564
|
-
"type": ""
|
|
81565
|
-
|
|
81581
|
+
"type": "",
|
|
81582
|
+
"defaultValue": "(args) => ({\n\tprops: args,\n\ttemplate: `\n\t\t<cds-button-set>\n\t\t\t<button cdsButton=\"secondary\" [size]=\"size\" [isExpressive]=\"isExpressive\">Button</button>\n\t\t\t<button cdsButton [size]=\"size\" [isExpressive]=\"isExpressive\">Button</button>\n\t\t</cds-button-set>\n\t`\n})"
|
|
81583
|
+
}
|
|
81584
|
+
],
|
|
81585
|
+
"src/button/button.stories.ts": [
|
|
81566
81586
|
{
|
|
81567
|
-
"name": "
|
|
81587
|
+
"name": "Basic",
|
|
81568
81588
|
"ctype": "miscellaneous",
|
|
81569
81589
|
"subtype": "variable",
|
|
81570
|
-
"file": "src/
|
|
81590
|
+
"file": "src/button/button.stories.ts",
|
|
81571
81591
|
"deprecated": false,
|
|
81572
81592
|
"deprecationMessage": "",
|
|
81573
81593
|
"type": "",
|
|
81574
|
-
"defaultValue": "
|
|
81594
|
+
"defaultValue": "Template.bind({})"
|
|
81575
81595
|
},
|
|
81576
81596
|
{
|
|
81577
|
-
"name": "
|
|
81597
|
+
"name": "Template",
|
|
81578
81598
|
"ctype": "miscellaneous",
|
|
81579
81599
|
"subtype": "variable",
|
|
81580
|
-
"file": "src/
|
|
81600
|
+
"file": "src/button/button.stories.ts",
|
|
81581
81601
|
"deprecated": false,
|
|
81582
81602
|
"deprecationMessage": "",
|
|
81583
81603
|
"type": "",
|
|
81584
|
-
"defaultValue": "
|
|
81604
|
+
"defaultValue": "(args) => ({\n\tprops: args,\n\ttemplate: `\n\t\t<button\n\t\t\t[cdsButton]=\"kind\"\n\t\t\t[size]=\"size\"\n\t\t\t[isExpressive]=\"isExpressive\"\n\t\t\t[disabled]=\"disabled\"\n\t\t\t(click)=\"onClick($event)\"\n\t\t\t(mouseenter)=\"onMouseEnter($event)\"\n\t\t\t(mouseleave)=\"onMouseLeave($event)\"\n\t\t\t(focus)=\"onFocus($event)\"\n\t\t\t(blur)=\"onBlur($event)\">\n\t\t\tButton\n\t\t</button>\n\t`\n})"
|
|
81585
81605
|
},
|
|
81586
81606
|
{
|
|
81587
|
-
"name": "
|
|
81607
|
+
"name": "WithIcon",
|
|
81588
81608
|
"ctype": "miscellaneous",
|
|
81589
81609
|
"subtype": "variable",
|
|
81590
|
-
"file": "src/
|
|
81610
|
+
"file": "src/button/button.stories.ts",
|
|
81591
81611
|
"deprecated": false,
|
|
81592
81612
|
"deprecationMessage": "",
|
|
81593
81613
|
"type": "",
|
|
81594
|
-
"defaultValue": "(
|
|
81614
|
+
"defaultValue": "WithIconTemplate.bind({})"
|
|
81595
81615
|
},
|
|
81596
81616
|
{
|
|
81597
|
-
"name": "
|
|
81617
|
+
"name": "WithIconTemplate",
|
|
81598
81618
|
"ctype": "miscellaneous",
|
|
81599
81619
|
"subtype": "variable",
|
|
81600
|
-
"file": "src/
|
|
81620
|
+
"file": "src/button/button.stories.ts",
|
|
81601
81621
|
"deprecated": false,
|
|
81602
81622
|
"deprecationMessage": "",
|
|
81603
81623
|
"type": "",
|
|
81604
|
-
"defaultValue": "
|
|
81605
|
-
}
|
|
81624
|
+
"defaultValue": "(args) => ({\n\tprops: args,\n\ttemplate: `\n\t\t<button\n\t\t\t[cdsButton]=\"kind\"\n\t\t\t[size]=\"size\"\n\t\t\t[isExpressive]=\"isExpressive\"\n\t\t\t[disabled]=\"disabled\"\n\t\t\t(click)=\"onClick($event)\"\n\t\t\t(mouseenter)=\"onMouseEnter($event)\"\n\t\t\t(mouseleave)=\"onMouseleave($event)\"\n\t\t\t(focus)=\"onFocus($event)\"\n\t\t\t(blur)=\"onBlur($event)\">\n\t\t\tWith icon\n\t\t\t<svg class=\"cds--btn__icon\" cdsIcon=\"add\" size=\"16\"></svg>\n\t\t</button>\n\t`\n})"
|
|
81625
|
+
}
|
|
81626
|
+
],
|
|
81627
|
+
"src/breadcrumb/breadcrumb.stories.ts": [
|
|
81606
81628
|
{
|
|
81607
|
-
"name": "
|
|
81629
|
+
"name": "Basic",
|
|
81608
81630
|
"ctype": "miscellaneous",
|
|
81609
81631
|
"subtype": "variable",
|
|
81610
81632
|
"file": "src/breadcrumb/breadcrumb.stories.ts",
|
|
81611
81633
|
"deprecated": false,
|
|
81612
81634
|
"deprecationMessage": "",
|
|
81613
81635
|
"type": "",
|
|
81614
|
-
"defaultValue": "(
|
|
81636
|
+
"defaultValue": "Template.bind({})"
|
|
81615
81637
|
},
|
|
81616
81638
|
{
|
|
81617
|
-
"name": "
|
|
81639
|
+
"name": "breadcrumbItems",
|
|
81618
81640
|
"ctype": "miscellaneous",
|
|
81619
81641
|
"subtype": "variable",
|
|
81620
81642
|
"file": "src/breadcrumb/breadcrumb.stories.ts",
|
|
81621
81643
|
"deprecated": false,
|
|
81622
81644
|
"deprecationMessage": "",
|
|
81623
|
-
"type": ""
|
|
81624
|
-
"defaultValue": "ModelWTemplate.bind({})"
|
|
81645
|
+
"type": ""
|
|
81625
81646
|
},
|
|
81626
81647
|
{
|
|
81627
|
-
"name": "
|
|
81648
|
+
"name": "createBreadcrumbItems",
|
|
81628
81649
|
"ctype": "miscellaneous",
|
|
81629
81650
|
"subtype": "variable",
|
|
81630
81651
|
"file": "src/breadcrumb/breadcrumb.stories.ts",
|
|
81631
81652
|
"deprecated": false,
|
|
81632
81653
|
"deprecationMessage": "",
|
|
81633
81654
|
"type": "",
|
|
81634
|
-
"defaultValue": "(
|
|
81655
|
+
"defaultValue": "(count: number, content = \"Breadcrumb\"): Array<BreadcrumbItem> => {\n\tif (breadcrumbItems && count === breadcrumbItems.length) {\n\t\treturn breadcrumbItems;\n\t}\n\tbreadcrumbItems = Array(count).fill(0).map((x, i) => ({\n\t\tcontent: `${content} ${i + 1}`,\n\t\thref: \"#\" + (i + 1)\n\t}));\n\treturn breadcrumbItems;\n}"
|
|
81635
81656
|
},
|
|
81636
81657
|
{
|
|
81637
|
-
"name": "
|
|
81658
|
+
"name": "CurrentPage",
|
|
81638
81659
|
"ctype": "miscellaneous",
|
|
81639
81660
|
"subtype": "variable",
|
|
81640
81661
|
"file": "src/breadcrumb/breadcrumb.stories.ts",
|
|
81641
81662
|
"deprecated": false,
|
|
81642
81663
|
"deprecationMessage": "",
|
|
81643
81664
|
"type": "",
|
|
81644
|
-
"defaultValue": "
|
|
81665
|
+
"defaultValue": "CurrentPageTemplate.bind({})"
|
|
81645
81666
|
},
|
|
81646
81667
|
{
|
|
81647
|
-
"name": "
|
|
81668
|
+
"name": "CurrentPageTemplate",
|
|
81648
81669
|
"ctype": "miscellaneous",
|
|
81649
81670
|
"subtype": "variable",
|
|
81650
81671
|
"file": "src/breadcrumb/breadcrumb.stories.ts",
|
|
81651
81672
|
"deprecated": false,
|
|
81652
81673
|
"deprecationMessage": "",
|
|
81653
81674
|
"type": "",
|
|
81654
|
-
"defaultValue": "(args) => ({\n\tprops: args,\n\ttemplate: `\n\t\t<cds-breadcrumb
|
|
81675
|
+
"defaultValue": "(args) => ({\n\tprops: args,\n\ttemplate: `\n\t\t<cds-breadcrumb>\n\t\t\t<cds-breadcrumb-item href=\"#1\">\n\t\t\t\tBreadcrumb 1\n\t\t\t</cds-breadcrumb-item>\n\t\t\t<cds-breadcrumb-item href=\"#2\">\n\t\t\t\tBreadcrumb 2\n\t\t\t</cds-breadcrumb-item>\n\t\t\t<cds-breadcrumb-item current=\"true\" href=\"#3\">\n\t\t\t\tBreadcrumb 3\n\t\t\t</cds-breadcrumb-item>\n\t\t</cds-breadcrumb>\n\t`\n})"
|
|
81655
81676
|
},
|
|
81656
81677
|
{
|
|
81657
|
-
"name": "
|
|
81678
|
+
"name": "Model",
|
|
81658
81679
|
"ctype": "miscellaneous",
|
|
81659
81680
|
"subtype": "variable",
|
|
81660
81681
|
"file": "src/breadcrumb/breadcrumb.stories.ts",
|
|
81661
81682
|
"deprecated": false,
|
|
81662
81683
|
"deprecationMessage": "",
|
|
81663
81684
|
"type": "",
|
|
81664
|
-
"defaultValue": "(
|
|
81685
|
+
"defaultValue": "ModelTemplate.bind({})"
|
|
81665
81686
|
},
|
|
81666
81687
|
{
|
|
81667
|
-
"name": "
|
|
81688
|
+
"name": "ModelTemplate",
|
|
81668
81689
|
"ctype": "miscellaneous",
|
|
81669
81690
|
"subtype": "variable",
|
|
81670
81691
|
"file": "src/breadcrumb/breadcrumb.stories.ts",
|
|
81671
81692
|
"deprecated": false,
|
|
81672
81693
|
"deprecationMessage": "",
|
|
81673
81694
|
"type": "",
|
|
81674
|
-
"defaultValue": "(
|
|
81675
|
-
}
|
|
81676
|
-
],
|
|
81677
|
-
"src/button/button-set.stories.ts": [
|
|
81695
|
+
"defaultValue": "(args) => ({\n\tprops: {\n\t\t...args,\n\t\tcreateBreadcrumbItems\n\t},\n\ttemplate: `\n\t\t<cds-breadcrumb\n\t\t\t[noTrailingSlash]=\"noTrailingSlash\"\n\t\t\t[threshold]=\"threshold\"\n\t\t\t[items]=\"createBreadcrumbItems(itemCount, content)\">\n\t\t</cds-breadcrumb>\n\t`\n})"
|
|
81696
|
+
},
|
|
81678
81697
|
{
|
|
81679
|
-
"name": "
|
|
81698
|
+
"name": "ModelWithTemplate",
|
|
81680
81699
|
"ctype": "miscellaneous",
|
|
81681
81700
|
"subtype": "variable",
|
|
81682
|
-
"file": "src/
|
|
81701
|
+
"file": "src/breadcrumb/breadcrumb.stories.ts",
|
|
81683
81702
|
"deprecated": false,
|
|
81684
81703
|
"deprecationMessage": "",
|
|
81685
81704
|
"type": "",
|
|
81686
|
-
"defaultValue": "
|
|
81705
|
+
"defaultValue": "ModelWTemplate.bind({})"
|
|
81687
81706
|
},
|
|
81688
81707
|
{
|
|
81689
|
-
"name": "
|
|
81708
|
+
"name": "ModelWTemplate",
|
|
81690
81709
|
"ctype": "miscellaneous",
|
|
81691
81710
|
"subtype": "variable",
|
|
81692
|
-
"file": "src/
|
|
81711
|
+
"file": "src/breadcrumb/breadcrumb.stories.ts",
|
|
81693
81712
|
"deprecated": false,
|
|
81694
81713
|
"deprecationMessage": "",
|
|
81695
81714
|
"type": "",
|
|
81696
|
-
"defaultValue": "(args) => ({\n\tprops: args,\n\ttemplate: `\n\t\t<
|
|
81697
|
-
}
|
|
81698
|
-
],
|
|
81699
|
-
"src/button/button.stories.ts": [
|
|
81715
|
+
"defaultValue": "(args) => ({\n\tprops: {\n\t\t...args,\n\t\tcreateBreadcrumbItems,\n\t\twithTemplate\n\t},\n\ttemplate: `\n\t\t<ng-template #breadcrumbTemplate let-item>\n\t\t\t{{ templateContent }}{{ item.content }}\n\t\t</ng-template>\n\t\t<cds-breadcrumb\n\t\t\t[noTrailingSlash]=\"noTrailingSlash\"\n\t\t\t[threshold]=\"threshold\"\n\t\t\t[items]=\"withTemplate(breadcrumbTemplate, createBreadcrumbItems(itemCount, content))\">\n\t\t</cds-breadcrumb>\n\t`\n})"
|
|
81716
|
+
},
|
|
81700
81717
|
{
|
|
81701
|
-
"name": "
|
|
81718
|
+
"name": "Skeleton",
|
|
81702
81719
|
"ctype": "miscellaneous",
|
|
81703
81720
|
"subtype": "variable",
|
|
81704
|
-
"file": "src/
|
|
81721
|
+
"file": "src/breadcrumb/breadcrumb.stories.ts",
|
|
81705
81722
|
"deprecated": false,
|
|
81706
81723
|
"deprecationMessage": "",
|
|
81707
81724
|
"type": "",
|
|
81708
|
-
"defaultValue": "
|
|
81725
|
+
"defaultValue": "WithSkeleton.bind({})"
|
|
81709
81726
|
},
|
|
81710
81727
|
{
|
|
81711
81728
|
"name": "Template",
|
|
81712
81729
|
"ctype": "miscellaneous",
|
|
81713
81730
|
"subtype": "variable",
|
|
81714
|
-
"file": "src/
|
|
81731
|
+
"file": "src/breadcrumb/breadcrumb.stories.ts",
|
|
81715
81732
|
"deprecated": false,
|
|
81716
81733
|
"deprecationMessage": "",
|
|
81717
81734
|
"type": "",
|
|
81718
|
-
"defaultValue": "(args) => ({\n\tprops: args,\n\ttemplate: `\n\t\t<
|
|
81735
|
+
"defaultValue": "(args) => ({\n\tprops: args,\n\ttemplate: `\n\t\t<cds-breadcrumb [noTrailingSlash]=\"noTrailingSlash\">\n\t\t\t<cds-breadcrumb-item href=\"#1\">\n\t\t\t\tBreadcrumb 1\n\t\t\t</cds-breadcrumb-item>\n\t\t\t<cds-breadcrumb-item href=\"#2\">\n\t\t\t\tBreadcrumb 2\n\t\t\t</cds-breadcrumb-item>\n\t\t\t<cds-breadcrumb-item href=\"#3\">\n\t\t\t\tBreadcrumb 3\n\t\t\t</cds-breadcrumb-item>\n\t\t</cds-breadcrumb>\n\t`\n})"
|
|
81719
81736
|
},
|
|
81720
81737
|
{
|
|
81721
|
-
"name": "
|
|
81738
|
+
"name": "WithSkeleton",
|
|
81722
81739
|
"ctype": "miscellaneous",
|
|
81723
81740
|
"subtype": "variable",
|
|
81724
|
-
"file": "src/
|
|
81741
|
+
"file": "src/breadcrumb/breadcrumb.stories.ts",
|
|
81725
81742
|
"deprecated": false,
|
|
81726
81743
|
"deprecationMessage": "",
|
|
81727
81744
|
"type": "",
|
|
81728
|
-
"defaultValue": "
|
|
81745
|
+
"defaultValue": "(args) => ({\n\tprops: args,\n\ttemplate: `\n\t\t<cds-breadcrumb skeleton=\"true\" [noTrailingSlash]=\"noTrailingSlash\">\n\t\t\t<cds-breadcrumb-item></cds-breadcrumb-item>\n\t\t\t<cds-breadcrumb-item></cds-breadcrumb-item>\n\t\t\t<cds-breadcrumb-item></cds-breadcrumb-item>\n\t\t\t<cds-breadcrumb-item></cds-breadcrumb-item>\n\t\t</cds-breadcrumb>\n\t`\n})"
|
|
81729
81746
|
},
|
|
81730
81747
|
{
|
|
81731
|
-
"name": "
|
|
81748
|
+
"name": "withTemplate",
|
|
81732
81749
|
"ctype": "miscellaneous",
|
|
81733
81750
|
"subtype": "variable",
|
|
81734
|
-
"file": "src/
|
|
81751
|
+
"file": "src/breadcrumb/breadcrumb.stories.ts",
|
|
81735
81752
|
"deprecated": false,
|
|
81736
81753
|
"deprecationMessage": "",
|
|
81737
81754
|
"type": "",
|
|
81738
|
-
"defaultValue": "(
|
|
81755
|
+
"defaultValue": "(templateRef, items) => items.map(item => Object.assign(item, { template: templateRef }))"
|
|
81739
81756
|
}
|
|
81740
81757
|
],
|
|
81741
81758
|
"src/checkbox/checkbox.stories.ts": [
|