carbon-components-angular 5.24.0 → 5.24.1
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/button/base-icon-button.component.d.ts +6 -1
- package/docs/documentation/components/BaseIconButton.html +43 -2
- package/docs/documentation/components/CodeSnippet.html +45 -2
- package/docs/documentation/components/HeaderAction.html +45 -2
- package/docs/documentation/components/IconButton.html +74 -29
- package/docs/documentation/coverage.html +10 -10
- package/docs/documentation/js/search/search_index.js +2 -2
- package/docs/documentation/modules/TilesModule/dependencies.svg +4 -4
- package/docs/documentation/modules/TilesModule.html +4 -4
- package/docs/documentation/modules/TimePickerModule/dependencies.svg +45 -41
- package/docs/documentation/modules/TimePickerModule.html +45 -41
- package/docs/documentation/modules/TimePickerSelectModule/dependencies.svg +42 -38
- package/docs/documentation/modules/TimePickerSelectModule.html +42 -38
- package/docs/documentation/modules/ToggleModule/dependencies.svg +45 -41
- package/docs/documentation/modules/ToggleModule.html +45 -41
- package/docs/documentation/modules/ToggletipModule/dependencies.svg +39 -39
- package/docs/documentation/modules/ToggletipModule.html +39 -39
- 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.json +185 -72
- package/docs/storybook/4578.17249a24.iframe.bundle.js +1 -0
- package/docs/storybook/{button-icon-button-stories.19a7bba3.iframe.bundle.js → button-icon-button-stories.59d7496a.iframe.bundle.js} +1 -1
- package/docs/storybook/iframe.html +2 -2
- package/docs/storybook/index.json +1 -1
- package/docs/storybook/main.9d694b47.iframe.bundle.js +1 -0
- package/docs/storybook/project.json +1 -1
- package/docs/storybook/{runtime~main.f7ceaed5.iframe.bundle.js → runtime~main.1f3e45b2.iframe.bundle.js} +1 -1
- package/docs/storybook/stories.json +1 -1
- package/esm2020/button/base-icon-button.component.mjs +9 -2
- package/esm2020/button/icon-button.component.mjs +3 -1
- package/fesm2015/carbon-components-angular-button.mjs +10 -1
- package/fesm2015/carbon-components-angular-button.mjs.map +1 -1
- package/fesm2020/carbon-components-angular-button.mjs +10 -1
- package/fesm2020/carbon-components-angular-button.mjs.map +1 -1
- package/package.json +1 -1
- package/docs/storybook/4578.2ddca843.iframe.bundle.js +0 -1
- package/docs/storybook/main.7445afdc.iframe.bundle.js +0 -1
package/docs/documentation.json
CHANGED
|
@@ -19152,7 +19152,7 @@
|
|
|
19152
19152
|
},
|
|
19153
19153
|
{
|
|
19154
19154
|
"name": "BaseIconButton",
|
|
19155
|
-
"id": "component-BaseIconButton-
|
|
19155
|
+
"id": "component-BaseIconButton-77320a539d11df15c9cb5571f9c9d27fcc37267e8409207c56d2ad54688ab81ce690c41acb6b40aa3db648a7b449c2a92435fce701b979c3de693c5ffaa5f1ff",
|
|
19156
19156
|
"file": "src/button/base-icon-button.component.ts",
|
|
19157
19157
|
"encapsulation": [],
|
|
19158
19158
|
"entryComponents": [],
|
|
@@ -19177,6 +19177,17 @@
|
|
|
19177
19177
|
"type": "\"top\" | \"top-left\" | \"top-right\" | \"bottom\" | \"bottom-left\" | \"bottom-right\" | \"left\" | \"left-bottom\" | \"left-top\" | \"right\" | \"right-bottom\" | \"right-top\"",
|
|
19178
19178
|
"decorators": []
|
|
19179
19179
|
},
|
|
19180
|
+
{
|
|
19181
|
+
"name": "autoAlign",
|
|
19182
|
+
"defaultValue": "false",
|
|
19183
|
+
"deprecated": false,
|
|
19184
|
+
"deprecationMessage": "",
|
|
19185
|
+
"rawdescription": "\n\n**Experimental**: Use floating-ui to position the tooltip\nThis is not toggleable - should be assigned once\n",
|
|
19186
|
+
"description": "<p><strong>Experimental</strong>: Use floating-ui to position the tooltip\nThis is not toggleable - should be assigned once</p>\n",
|
|
19187
|
+
"line": 40,
|
|
19188
|
+
"type": "boolean",
|
|
19189
|
+
"decorators": []
|
|
19190
|
+
},
|
|
19180
19191
|
{
|
|
19181
19192
|
"name": "caret",
|
|
19182
19193
|
"defaultValue": "true",
|
|
@@ -19206,7 +19217,7 @@
|
|
|
19206
19217
|
"deprecationMessage": "",
|
|
19207
19218
|
"rawdescription": "\n\nSet delay before tooltip is shown\n",
|
|
19208
19219
|
"description": "<p>Set delay before tooltip is shown</p>\n",
|
|
19209
|
-
"line":
|
|
19220
|
+
"line": 44,
|
|
19210
19221
|
"type": "number",
|
|
19211
19222
|
"decorators": []
|
|
19212
19223
|
},
|
|
@@ -19239,7 +19250,7 @@
|
|
|
19239
19250
|
"deprecationMessage": "",
|
|
19240
19251
|
"rawdescription": "\n\nSet delay when tooltip disappears\n",
|
|
19241
19252
|
"description": "<p>Set delay when tooltip disappears</p>\n",
|
|
19242
|
-
"line":
|
|
19253
|
+
"line": 48,
|
|
19243
19254
|
"type": "number",
|
|
19244
19255
|
"decorators": []
|
|
19245
19256
|
}
|
|
@@ -19256,7 +19267,7 @@
|
|
|
19256
19267
|
"description": "<p>Base button with common input properties for configuring icon button.\nExtend class to inherit @Input meta data</p>\n<p>Used by pagination nav icon button, code snippet, etc.</p>\n",
|
|
19257
19268
|
"rawdescription": "\n\nBase button with common input properties for configuring icon button.\nExtend class to inherit @Input meta data\n\nUsed by pagination nav icon button, code snippet, etc.\n",
|
|
19258
19269
|
"type": "component",
|
|
19259
|
-
"sourceCode": "import { Component, Input } from \"@angular/core\";\n\n/**\n * Base button with common input properties for configuring icon button.\n * Extend class to inherit @Input meta data\n *\n * Used by pagination nav icon button, code snippet, etc.\n */\n@Component({\n\ttemplate: \"\"\n})\nexport class BaseIconButton {\n\t/**\n\t * Set to `false` to hide caret\n\t */\n\t@Input() caret = true;\n\t/**\n\t * Set to `false` to hide shadow\n\t */\n\t@Input() dropShadow = true;\n\t/**\n\t * Set to `true` to enable high contrast\n\t */\n\t@Input() highContrast = true;\n\t/**\n\t * Set to `true` to have the popover open by default\n\t */\n\t@Input() isOpen = false;\n\t/**\n\t * Set popover alignment\n\t */\n\t@Input() align: \"top\" | \"top-left\" | \"top-right\" |\n\t\t\"bottom\" | \"bottom-left\" | \"bottom-right\" |\n\t\t\"left\" | \"left-bottom\" | \"left-top\" |\n\t\t\"right\" | \"right-bottom\" | \"right-top\" = \"bottom\";\n\t/**\n\t * Set delay before tooltip is shown\n\t */\n\t@Input() enterDelayMs = 100;\n\t/**\n\t * Set delay when tooltip disappears\n\t */\n\t@Input() leaveDelayMs = 300;\n}\n",
|
|
19270
|
+
"sourceCode": "import { Component, Input } from \"@angular/core\";\n\n/**\n * Base button with common input properties for configuring icon button.\n * Extend class to inherit @Input meta data\n *\n * Used by pagination nav icon button, code snippet, etc.\n */\n@Component({\n\ttemplate: \"\"\n})\nexport class BaseIconButton {\n\t/**\n\t * Set to `false` to hide caret\n\t */\n\t@Input() caret = true;\n\t/**\n\t * Set to `false` to hide shadow\n\t */\n\t@Input() dropShadow = true;\n\t/**\n\t * Set to `true` to enable high contrast\n\t */\n\t@Input() highContrast = true;\n\t/**\n\t * Set to `true` to have the popover open by default\n\t */\n\t@Input() isOpen = false;\n\t/**\n\t * Set popover alignment\n\t */\n\t@Input() align: \"top\" | \"top-left\" | \"top-right\" |\n\t\t\"bottom\" | \"bottom-left\" | \"bottom-right\" |\n\t\t\"left\" | \"left-bottom\" | \"left-top\" |\n\t\t\"right\" | \"right-bottom\" | \"right-top\" = \"bottom\";\n\t/**\n\t * **Experimental**: Use floating-ui to position the tooltip\n\t * This is not toggleable - should be assigned once\n\t */\n\t@Input() autoAlign = false;\n\t/**\n\t * Set delay before tooltip is shown\n\t */\n\t@Input() enterDelayMs = 100;\n\t/**\n\t * Set delay when tooltip disappears\n\t */\n\t@Input() leaveDelayMs = 300;\n}\n",
|
|
19260
19271
|
"assetsDirs": [],
|
|
19261
19272
|
"styleUrlsData": "",
|
|
19262
19273
|
"stylesData": ""
|
|
@@ -21624,6 +21635,20 @@
|
|
|
21624
21635
|
"file": "BaseIconButton"
|
|
21625
21636
|
}
|
|
21626
21637
|
},
|
|
21638
|
+
{
|
|
21639
|
+
"name": "autoAlign",
|
|
21640
|
+
"defaultValue": "false",
|
|
21641
|
+
"deprecated": false,
|
|
21642
|
+
"deprecationMessage": "",
|
|
21643
|
+
"rawdescription": "\n\n**Experimental**: Use floating-ui to position the tooltip\nThis is not toggleable - should be assigned once\n",
|
|
21644
|
+
"description": "<p><strong>Experimental</strong>: Use floating-ui to position the tooltip\nThis is not toggleable - should be assigned once</p>\n",
|
|
21645
|
+
"line": 40,
|
|
21646
|
+
"type": "boolean",
|
|
21647
|
+
"decorators": [],
|
|
21648
|
+
"inheritance": {
|
|
21649
|
+
"file": "BaseIconButton"
|
|
21650
|
+
}
|
|
21651
|
+
},
|
|
21627
21652
|
{
|
|
21628
21653
|
"name": "caret",
|
|
21629
21654
|
"defaultValue": "true",
|
|
@@ -21659,7 +21684,7 @@
|
|
|
21659
21684
|
"deprecationMessage": "",
|
|
21660
21685
|
"rawdescription": "\n\nSet delay before tooltip is shown\n",
|
|
21661
21686
|
"description": "<p>Set delay before tooltip is shown</p>\n",
|
|
21662
|
-
"line":
|
|
21687
|
+
"line": 44,
|
|
21663
21688
|
"type": "number",
|
|
21664
21689
|
"decorators": [],
|
|
21665
21690
|
"inheritance": {
|
|
@@ -21701,7 +21726,7 @@
|
|
|
21701
21726
|
"deprecationMessage": "",
|
|
21702
21727
|
"rawdescription": "\n\nSet delay when tooltip disappears\n",
|
|
21703
21728
|
"description": "<p>Set delay when tooltip disappears</p>\n",
|
|
21704
|
-
"line":
|
|
21729
|
+
"line": 48,
|
|
21705
21730
|
"type": "number",
|
|
21706
21731
|
"decorators": [],
|
|
21707
21732
|
"inheritance": {
|
|
@@ -32201,6 +32226,20 @@
|
|
|
32201
32226
|
"file": "BaseIconButton"
|
|
32202
32227
|
}
|
|
32203
32228
|
},
|
|
32229
|
+
{
|
|
32230
|
+
"name": "autoAlign",
|
|
32231
|
+
"defaultValue": "false",
|
|
32232
|
+
"deprecated": false,
|
|
32233
|
+
"deprecationMessage": "",
|
|
32234
|
+
"rawdescription": "\n\n**Experimental**: Use floating-ui to position the tooltip\nThis is not toggleable - should be assigned once\n",
|
|
32235
|
+
"description": "<p><strong>Experimental</strong>: Use floating-ui to position the tooltip\nThis is not toggleable - should be assigned once</p>\n",
|
|
32236
|
+
"line": 40,
|
|
32237
|
+
"type": "boolean",
|
|
32238
|
+
"decorators": [],
|
|
32239
|
+
"inheritance": {
|
|
32240
|
+
"file": "BaseIconButton"
|
|
32241
|
+
}
|
|
32242
|
+
},
|
|
32204
32243
|
{
|
|
32205
32244
|
"name": "caret",
|
|
32206
32245
|
"defaultValue": "true",
|
|
@@ -32236,7 +32275,7 @@
|
|
|
32236
32275
|
"deprecationMessage": "",
|
|
32237
32276
|
"rawdescription": "\n\nSet delay before tooltip is shown\n",
|
|
32238
32277
|
"description": "<p>Set delay before tooltip is shown</p>\n",
|
|
32239
|
-
"line":
|
|
32278
|
+
"line": 44,
|
|
32240
32279
|
"type": "number",
|
|
32241
32280
|
"decorators": [],
|
|
32242
32281
|
"inheritance": {
|
|
@@ -32278,7 +32317,7 @@
|
|
|
32278
32317
|
"deprecationMessage": "",
|
|
32279
32318
|
"rawdescription": "\n\nSet delay when tooltip disappears\n",
|
|
32280
32319
|
"description": "<p>Set delay when tooltip disappears</p>\n",
|
|
32281
|
-
"line":
|
|
32320
|
+
"line": 48,
|
|
32282
32321
|
"type": "number",
|
|
32283
32322
|
"decorators": [],
|
|
32284
32323
|
"inheritance": {
|
|
@@ -33181,7 +33220,7 @@
|
|
|
33181
33220
|
},
|
|
33182
33221
|
{
|
|
33183
33222
|
"name": "IconButton",
|
|
33184
|
-
"id": "component-IconButton-
|
|
33223
|
+
"id": "component-IconButton-51758ccc9548e4288883169b57e7512220d12ca16445c4ff51c7084ae4ed320f3b06fa92fa97371db2f37ae1f7207df0e9f0fe205c83199eccd69b4a6c1a8f59",
|
|
33185
33224
|
"file": "src/button/icon-button.component.ts",
|
|
33186
33225
|
"encapsulation": [],
|
|
33187
33226
|
"entryComponents": [],
|
|
@@ -33191,7 +33230,7 @@
|
|
|
33191
33230
|
"selector": "cds-icon-button, ibm-icon-button",
|
|
33192
33231
|
"styleUrls": [],
|
|
33193
33232
|
"styles": [],
|
|
33194
|
-
"template": "<cds-tooltip\n\tclass=\"cds--icon-tooltip\"\n\t[description]=\"description\"\n\t[disabled]=\"disabled\"\n\t[caret]=\"caret\"\n\t[dropShadow]=\"dropShadow\"\n\t[highContrast]=\"highContrast\"\n\t[isOpen]=\"isOpen\"\n\t[align]=\"align\"\n\t[enterDelayMs]=\"enterDelayMs\"\n\t[leaveDelayMs]=\"leaveDelayMs\"\n\t(click)=\"emitClickEvent($event, 'tooltip')\">\n\t<button\n\t\t#button\n\t\t[id]=\"buttonId\"\n\t\t[disabled]=\"disabled\"\n\t\t[attr.type]=\"type\"\n\t\t[iconOnly]=\"true\"\n\t\t[ngClass]=\"buttonNgClass\"\n\t\t[cdsButton]=\"kind\"\n\t\t[size]=\"size\"\n\t\t[isExpressive]=\"isExpressive\"\n\t\t(click)=\"emitClickEvent($event)\"\n\t\t(focus)=\"focus.emit($event)\"\n\t\t(blur)=\"blur.emit($event)\">\n\t\t<ng-content></ng-content>\n\t</button>\n</cds-tooltip>\n",
|
|
33233
|
+
"template": "<cds-tooltip\n\tclass=\"cds--icon-tooltip\"\n\t[description]=\"description\"\n\t[disabled]=\"disabled\"\n\t[caret]=\"caret\"\n\t[dropShadow]=\"dropShadow\"\n\t[highContrast]=\"highContrast\"\n\t[isOpen]=\"isOpen\"\n\t[align]=\"align\"\n\t[autoAlign]=\"autoAlign\"\n\t[enterDelayMs]=\"enterDelayMs\"\n\t[leaveDelayMs]=\"leaveDelayMs\"\n\t(click)=\"emitClickEvent($event, 'tooltip')\">\n\t<button\n\t\t#button\n\t\t[id]=\"buttonId\"\n\t\t[disabled]=\"disabled\"\n\t\t[attr.type]=\"type\"\n\t\t[iconOnly]=\"true\"\n\t\t[ngClass]=\"buttonNgClass\"\n\t\t[cdsButton]=\"kind\"\n\t\t[size]=\"size\"\n\t\t[isExpressive]=\"isExpressive\"\n\t\t(click)=\"emitClickEvent($event)\"\n\t\t(focus)=\"focus.emit($event)\"\n\t\t(blur)=\"blur.emit($event)\">\n\t\t<ng-content></ng-content>\n\t</button>\n</cds-tooltip>\n",
|
|
33195
33234
|
"templateUrl": [],
|
|
33196
33235
|
"viewProviders": [],
|
|
33197
33236
|
"hostDirectives": [],
|
|
@@ -33202,15 +33241,15 @@
|
|
|
33202
33241
|
"deprecationMessage": "",
|
|
33203
33242
|
"jsdoctags": [
|
|
33204
33243
|
{
|
|
33205
|
-
"pos":
|
|
33206
|
-
"end":
|
|
33244
|
+
"pos": 1607,
|
|
33245
|
+
"end": 1813,
|
|
33207
33246
|
"flags": 8421376,
|
|
33208
33247
|
"modifierFlagsCache": 0,
|
|
33209
33248
|
"transformFlags": 0,
|
|
33210
33249
|
"kind": 344,
|
|
33211
33250
|
"tagName": {
|
|
33212
|
-
"pos":
|
|
33213
|
-
"end":
|
|
33251
|
+
"pos": 1608,
|
|
33252
|
+
"end": 1613,
|
|
33214
33253
|
"flags": 8421376,
|
|
33215
33254
|
"modifierFlagsCache": 0,
|
|
33216
33255
|
"transformFlags": 0,
|
|
@@ -33219,8 +33258,8 @@
|
|
|
33219
33258
|
},
|
|
33220
33259
|
"comment": "<p>: { [key: string]: string\nUser can pass additional button attributes if component property does not already exist\nKey is the attribute name & value is the attribute value for the button</p>\n",
|
|
33221
33260
|
"name": {
|
|
33222
|
-
"pos":
|
|
33223
|
-
"end":
|
|
33261
|
+
"pos": 1614,
|
|
33262
|
+
"end": 1617,
|
|
33224
33263
|
"flags": 8421376,
|
|
33225
33264
|
"modifierFlagsCache": 0,
|
|
33226
33265
|
"transformFlags": 0,
|
|
@@ -33231,7 +33270,7 @@
|
|
|
33231
33270
|
"isBracketed": false
|
|
33232
33271
|
}
|
|
33233
33272
|
],
|
|
33234
|
-
"line":
|
|
33273
|
+
"line": 75,
|
|
33235
33274
|
"type": "literal type",
|
|
33236
33275
|
"decorators": []
|
|
33237
33276
|
},
|
|
@@ -33242,7 +33281,7 @@
|
|
|
33242
33281
|
"deprecationMessage": "",
|
|
33243
33282
|
"rawdescription": "\n\nOverride id\n",
|
|
33244
33283
|
"description": "<p>Override id</p>\n",
|
|
33245
|
-
"line":
|
|
33284
|
+
"line": 101,
|
|
33246
33285
|
"type": "string",
|
|
33247
33286
|
"decorators": []
|
|
33248
33287
|
},
|
|
@@ -33252,7 +33291,7 @@
|
|
|
33252
33291
|
"deprecationMessage": "",
|
|
33253
33292
|
"rawdescription": "\n\nPass global carbon classes to icon button\n",
|
|
33254
33293
|
"description": "<p>Pass global carbon classes to icon button</p>\n",
|
|
33255
|
-
"line":
|
|
33294
|
+
"line": 62,
|
|
33256
33295
|
"type": "literal type",
|
|
33257
33296
|
"decorators": []
|
|
33258
33297
|
},
|
|
@@ -33262,7 +33301,7 @@
|
|
|
33262
33301
|
"deprecationMessage": "",
|
|
33263
33302
|
"rawdescription": "\n\nThe string or template content to be exposed by the tooltip.\n",
|
|
33264
33303
|
"description": "<p>The string or template content to be exposed by the tooltip.</p>\n",
|
|
33265
|
-
"line":
|
|
33304
|
+
"line": 125,
|
|
33266
33305
|
"type": "string | TemplateRef<any>",
|
|
33267
33306
|
"decorators": []
|
|
33268
33307
|
},
|
|
@@ -33273,7 +33312,7 @@
|
|
|
33273
33312
|
"deprecationMessage": "",
|
|
33274
33313
|
"rawdescription": "\n\nSet to `true` to disable button\n",
|
|
33275
33314
|
"description": "<p>Set to <code>true</code> to disable button</p>\n",
|
|
33276
|
-
"line":
|
|
33315
|
+
"line": 121,
|
|
33277
33316
|
"type": "boolean",
|
|
33278
33317
|
"decorators": []
|
|
33279
33318
|
},
|
|
@@ -33284,7 +33323,7 @@
|
|
|
33284
33323
|
"deprecationMessage": "",
|
|
33285
33324
|
"rawdescription": "\n\nSet to `true` to make button expressive\n",
|
|
33286
33325
|
"description": "<p>Set to <code>true</code> to make button expressive</p>\n",
|
|
33287
|
-
"line":
|
|
33326
|
+
"line": 117,
|
|
33288
33327
|
"type": "boolean",
|
|
33289
33328
|
"decorators": []
|
|
33290
33329
|
},
|
|
@@ -33295,7 +33334,7 @@
|
|
|
33295
33334
|
"deprecationMessage": "",
|
|
33296
33335
|
"rawdescription": "\n\nSets the button type.\n",
|
|
33297
33336
|
"description": "<p>Sets the button type.</p>\n",
|
|
33298
|
-
"line":
|
|
33337
|
+
"line": 105,
|
|
33299
33338
|
"type": "ButtonType",
|
|
33300
33339
|
"decorators": []
|
|
33301
33340
|
},
|
|
@@ -33306,7 +33345,7 @@
|
|
|
33306
33345
|
"deprecationMessage": "",
|
|
33307
33346
|
"rawdescription": "\n\nSpecify the size of the button.\n",
|
|
33308
33347
|
"description": "<p>Specify the size of the button.</p>\n",
|
|
33309
|
-
"line":
|
|
33348
|
+
"line": 109,
|
|
33310
33349
|
"type": "ButtonSize",
|
|
33311
33350
|
"decorators": []
|
|
33312
33351
|
},
|
|
@@ -33317,7 +33356,7 @@
|
|
|
33317
33356
|
"deprecationMessage": "",
|
|
33318
33357
|
"rawdescription": "\n\nSet button type, `button` by default\n",
|
|
33319
33358
|
"description": "<p>Set button type, <code>button</code> by default</p>\n",
|
|
33320
|
-
"line":
|
|
33359
|
+
"line": 113,
|
|
33321
33360
|
"type": "string",
|
|
33322
33361
|
"decorators": []
|
|
33323
33362
|
},
|
|
@@ -33335,6 +33374,20 @@
|
|
|
33335
33374
|
"file": "BaseIconButton"
|
|
33336
33375
|
}
|
|
33337
33376
|
},
|
|
33377
|
+
{
|
|
33378
|
+
"name": "autoAlign",
|
|
33379
|
+
"defaultValue": "false",
|
|
33380
|
+
"deprecated": false,
|
|
33381
|
+
"deprecationMessage": "",
|
|
33382
|
+
"rawdescription": "\n\n**Experimental**: Use floating-ui to position the tooltip\nThis is not toggleable - should be assigned once\n",
|
|
33383
|
+
"description": "<p><strong>Experimental</strong>: Use floating-ui to position the tooltip\nThis is not toggleable - should be assigned once</p>\n",
|
|
33384
|
+
"line": 40,
|
|
33385
|
+
"type": "boolean",
|
|
33386
|
+
"decorators": [],
|
|
33387
|
+
"inheritance": {
|
|
33388
|
+
"file": "BaseIconButton"
|
|
33389
|
+
}
|
|
33390
|
+
},
|
|
33338
33391
|
{
|
|
33339
33392
|
"name": "caret",
|
|
33340
33393
|
"defaultValue": "true",
|
|
@@ -33370,7 +33423,7 @@
|
|
|
33370
33423
|
"deprecationMessage": "",
|
|
33371
33424
|
"rawdescription": "\n\nSet delay before tooltip is shown\n",
|
|
33372
33425
|
"description": "<p>Set delay before tooltip is shown</p>\n",
|
|
33373
|
-
"line":
|
|
33426
|
+
"line": 44,
|
|
33374
33427
|
"type": "number",
|
|
33375
33428
|
"decorators": [],
|
|
33376
33429
|
"inheritance": {
|
|
@@ -33412,7 +33465,7 @@
|
|
|
33412
33465
|
"deprecationMessage": "",
|
|
33413
33466
|
"rawdescription": "\n\nSet delay when tooltip disappears\n",
|
|
33414
33467
|
"description": "<p>Set delay when tooltip disappears</p>\n",
|
|
33415
|
-
"line":
|
|
33468
|
+
"line": 48,
|
|
33416
33469
|
"type": "number",
|
|
33417
33470
|
"decorators": [],
|
|
33418
33471
|
"inheritance": {
|
|
@@ -33426,7 +33479,7 @@
|
|
|
33426
33479
|
"defaultValue": "new EventEmitter<Event>()",
|
|
33427
33480
|
"deprecated": false,
|
|
33428
33481
|
"deprecationMessage": "",
|
|
33429
|
-
"line":
|
|
33482
|
+
"line": 132,
|
|
33430
33483
|
"type": "EventEmitter"
|
|
33431
33484
|
},
|
|
33432
33485
|
{
|
|
@@ -33436,7 +33489,7 @@
|
|
|
33436
33489
|
"deprecationMessage": "",
|
|
33437
33490
|
"rawdescription": "\n\nCommon button events\n",
|
|
33438
33491
|
"description": "<p>Common button events</p>\n",
|
|
33439
|
-
"line":
|
|
33492
|
+
"line": 130,
|
|
33440
33493
|
"type": "EventEmitter"
|
|
33441
33494
|
},
|
|
33442
33495
|
{
|
|
@@ -33444,7 +33497,7 @@
|
|
|
33444
33497
|
"defaultValue": "new EventEmitter<Event>()",
|
|
33445
33498
|
"deprecated": false,
|
|
33446
33499
|
"deprecationMessage": "",
|
|
33447
|
-
"line":
|
|
33500
|
+
"line": 131,
|
|
33448
33501
|
"type": "EventEmitter"
|
|
33449
33502
|
},
|
|
33450
33503
|
{
|
|
@@ -33454,7 +33507,7 @@
|
|
|
33454
33507
|
"deprecationMessage": "",
|
|
33455
33508
|
"rawdescription": "\n\nEvent to emit when click event is fired from tooltip\n",
|
|
33456
33509
|
"description": "<p>Event to emit when click event is fired from tooltip</p>\n",
|
|
33457
|
-
"line":
|
|
33510
|
+
"line": 136,
|
|
33458
33511
|
"type": "EventEmitter"
|
|
33459
33512
|
}
|
|
33460
33513
|
],
|
|
@@ -33466,7 +33519,7 @@
|
|
|
33466
33519
|
"type": "ElementRef",
|
|
33467
33520
|
"optional": false,
|
|
33468
33521
|
"description": "",
|
|
33469
|
-
"line":
|
|
33522
|
+
"line": 96,
|
|
33470
33523
|
"decorators": [
|
|
33471
33524
|
{
|
|
33472
33525
|
"name": "ViewChild",
|
|
@@ -33485,7 +33538,7 @@
|
|
|
33485
33538
|
"type": "number",
|
|
33486
33539
|
"optional": false,
|
|
33487
33540
|
"description": "",
|
|
33488
|
-
"line":
|
|
33541
|
+
"line": 94,
|
|
33489
33542
|
"modifierKind": [
|
|
33490
33543
|
124
|
|
33491
33544
|
]
|
|
@@ -33512,7 +33565,7 @@
|
|
|
33512
33565
|
"optional": false,
|
|
33513
33566
|
"returnType": "void",
|
|
33514
33567
|
"typeParameters": [],
|
|
33515
|
-
"line":
|
|
33568
|
+
"line": 154,
|
|
33516
33569
|
"deprecated": false,
|
|
33517
33570
|
"deprecationMessage": "",
|
|
33518
33571
|
"rawdescription": "\n\nStop propogation of click event\nElse double fires (click) event\n",
|
|
@@ -33549,7 +33602,7 @@
|
|
|
33549
33602
|
"description": "<p>Get started with importing the module:</p>\n<div><pre class=\"line-numbers\"><code class=\"language-typescript\">import { ButtonModule } from 'carbon-components-angular';</code></pre></div><p><a href=\"../../?path=/story/components-button-icon-button--basic\">See demo</a></p>\n",
|
|
33550
33603
|
"rawdescription": "\n\nGet started with importing the module:\n\n```typescript\nimport { ButtonModule } from 'carbon-components-angular';\n```\n\n[See demo](../../?path=/story/components-button-icon-button--basic)\n",
|
|
33551
33604
|
"type": "component",
|
|
33552
|
-
"sourceCode": "import {\n\tAfterViewInit,\n\tComponent,\n\tElementRef,\n\tEventEmitter,\n\tInput,\n\tOutput,\n\tRenderer2,\n\tTemplateRef,\n\tViewChild\n} from \"@angular/core\";\nimport { BaseIconButton } from \"./base-icon-button.component\";\nimport { ButtonSize, ButtonType } from \"./button.types\";\n\n/**\n * Get started with importing the module:\n *\n * ```typescript\n * import { ButtonModule } from 'carbon-components-angular';\n * ```\n *\n * [See demo](../../?path=/story/components-button-icon-button--basic)\n */\n@Component({\n\tselector: \"cds-icon-button, ibm-icon-button\",\n\ttemplate: `\n\t<cds-tooltip\n\t\tclass=\"cds--icon-tooltip\"\n\t\t[description]=\"description\"\n\t\t[disabled]=\"disabled\"\n\t\t[caret]=\"caret\"\n\t\t[dropShadow]=\"dropShadow\"\n\t\t[highContrast]=\"highContrast\"\n\t\t[isOpen]=\"isOpen\"\n\t\t[align]=\"align\"\n\t\t[enterDelayMs]=\"enterDelayMs\"\n\t\t[leaveDelayMs]=\"leaveDelayMs\"\n\t\t(click)=\"emitClickEvent($event, 'tooltip')\">\n\t\t<button\n\t\t\t#button\n\t\t\t[id]=\"buttonId\"\n\t\t\t[disabled]=\"disabled\"\n\t\t\t[attr.type]=\"type\"\n\t\t\t[iconOnly]=\"true\"\n\t\t\t[ngClass]=\"buttonNgClass\"\n\t\t\t[cdsButton]=\"kind\"\n\t\t\t[size]=\"size\"\n\t\t\t[isExpressive]=\"isExpressive\"\n\t\t\t(click)=\"emitClickEvent($event)\"\n\t\t\t(focus)=\"focus.emit($event)\"\n\t\t\t(blur)=\"blur.emit($event)\">\n\t\t\t<ng-content></ng-content>\n\t\t</button>\n\t</cds-tooltip>\n\t`\n})\nexport class IconButton extends BaseIconButton implements AfterViewInit {\n\t/**\n\t * Pass global carbon classes to icon button\n\t */\n\t@Input() set buttonNgClass(obj: { [key: string]: boolean }) {\n\t\tthis.classList = Object.assign({ \"cds--btn--disabled\": this.disabled }, obj);\n\t}\n\n\tget buttonNgClass() {\n\t\treturn this.classList;\n\t}\n\n\t/**\n\t * @param obj: { [key: string]: string\n\t * User can pass additional button attributes if component property does not already exist\n\t * Key is the attribute name & value is the attribute value for the button\n\t */\n\t@Input() set buttonAttributes(obj: { [key: string]: string }) {\n\t\tif (this.button) {\n\t\t\t// Remove old attributes\n\t\t\tObject.keys(this.attributeList).forEach((key: string) => {\n\t\t\t\tthis.renderer.removeAttribute(this.button.nativeElement, key);\n\t\t\t});\n\t\t\t// Set new attributes\n\t\t\tObject.keys(obj).forEach((key: string) => {\n\t\t\t\tthis.renderer.setAttribute(this.button.nativeElement, key, obj[key]);\n\t\t\t});\n\t\t}\n\t\t// Set new attributes\n\t\tthis.attributeList = obj;\n\t}\n\n\tget buttonAttributes() {\n\t\treturn this.buttonAttributes;\n\t}\n\n\tstatic iconButtonCounter = 0;\n\n\t@ViewChild(\"button\") button: ElementRef;\n\n\t/**\n\t * Override id\n\t */\n\t@Input() buttonId = `icon-btn-${IconButton.iconButtonCounter++}`;\n\t/**\n\t * Sets the button type.\n\t */\n\t@Input() kind: ButtonType = \"primary\";\n\t/**\n\t * Specify the size of the button.\n\t */\n\t@Input() size: ButtonSize = \"lg\";\n\t/**\n\t * Set button type, `button` by default\n\t */\n\t@Input() type = \"button\";\n\t/**\n\t * Set to `true` to make button expressive\n\t */\n\t@Input() isExpressive = false;\n\t/**\n\t * Set to `true` to disable button\n\t */\n\t@Input() disabled = false;\n\t/**\n\t * The string or template content to be exposed by the tooltip.\n\t */\n\t@Input() description: string | TemplateRef<any>;\n\n\t/**\n\t * Common button events\n\t */\n\t@Output() click = new EventEmitter<Event>();\n\t@Output() focus = new EventEmitter<Event>();\n\t@Output() blur = new EventEmitter<Event>();\n\t/**\n\t * Event to emit when click event is fired from tooltip\n\t */\n\t@Output() tooltipClick = new EventEmitter<Event>();\n\n\tprivate classList: { [key: string]: boolean } = {};\n\tprivate attributeList: { [key: string]: string } = {};\n\n\tconstructor(private renderer: Renderer2) {\n\t\tsuper();\n\t}\n\n\tngAfterViewInit(): void {\n\t\t// Set attributes once element is found\n\t\tthis.buttonAttributes = this.attributeList;\n\t}\n\n\t/**\n\t * Stop propogation of click event\n\t * Else double fires (click) event\n\t */\n\temitClickEvent(event, element: \"tooltip\" | \"button\" = \"button\") {\n\t\tevent.preventDefault();\n\t\tevent.stopPropagation();\n\t\t// Prevents (click) event from bubbling since it would appear user clicked the `button`\n\t\tif (element === \"tooltip\") {\n\t\t\tthis.tooltipClick.emit(event);\n\t\t\treturn;\n\t\t}\n\t\tthis.click.emit(event);\n\t}\n}\n",
|
|
33605
|
+
"sourceCode": "import {\n\tAfterViewInit,\n\tComponent,\n\tElementRef,\n\tEventEmitter,\n\tInput,\n\tOutput,\n\tRenderer2,\n\tTemplateRef,\n\tViewChild\n} from \"@angular/core\";\nimport { BaseIconButton } from \"./base-icon-button.component\";\nimport { ButtonSize, ButtonType } from \"./button.types\";\n\n/**\n * Get started with importing the module:\n *\n * ```typescript\n * import { ButtonModule } from 'carbon-components-angular';\n * ```\n *\n * [See demo](../../?path=/story/components-button-icon-button--basic)\n */\n@Component({\n\tselector: \"cds-icon-button, ibm-icon-button\",\n\ttemplate: `\n\t<cds-tooltip\n\t\tclass=\"cds--icon-tooltip\"\n\t\t[description]=\"description\"\n\t\t[disabled]=\"disabled\"\n\t\t[caret]=\"caret\"\n\t\t[dropShadow]=\"dropShadow\"\n\t\t[highContrast]=\"highContrast\"\n\t\t[isOpen]=\"isOpen\"\n\t\t[align]=\"align\"\n\t\t[autoAlign]=\"autoAlign\"\n\t\t[enterDelayMs]=\"enterDelayMs\"\n\t\t[leaveDelayMs]=\"leaveDelayMs\"\n\t\t(click)=\"emitClickEvent($event, 'tooltip')\">\n\t\t<button\n\t\t\t#button\n\t\t\t[id]=\"buttonId\"\n\t\t\t[disabled]=\"disabled\"\n\t\t\t[attr.type]=\"type\"\n\t\t\t[iconOnly]=\"true\"\n\t\t\t[ngClass]=\"buttonNgClass\"\n\t\t\t[cdsButton]=\"kind\"\n\t\t\t[size]=\"size\"\n\t\t\t[isExpressive]=\"isExpressive\"\n\t\t\t(click)=\"emitClickEvent($event)\"\n\t\t\t(focus)=\"focus.emit($event)\"\n\t\t\t(blur)=\"blur.emit($event)\">\n\t\t\t<ng-content></ng-content>\n\t\t</button>\n\t</cds-tooltip>\n\t`\n})\nexport class IconButton extends BaseIconButton implements AfterViewInit {\n\t/**\n\t * Pass global carbon classes to icon button\n\t */\n\t@Input() set buttonNgClass(obj: { [key: string]: boolean }) {\n\t\tthis.classList = Object.assign({ \"cds--btn--disabled\": this.disabled }, obj);\n\t}\n\n\tget buttonNgClass() {\n\t\treturn this.classList;\n\t}\n\n\t/**\n\t * @param obj: { [key: string]: string\n\t * User can pass additional button attributes if component property does not already exist\n\t * Key is the attribute name & value is the attribute value for the button\n\t */\n\t@Input() set buttonAttributes(obj: { [key: string]: string }) {\n\t\tif (this.button) {\n\t\t\t// Remove old attributes\n\t\t\tObject.keys(this.attributeList).forEach((key: string) => {\n\t\t\t\tthis.renderer.removeAttribute(this.button.nativeElement, key);\n\t\t\t});\n\t\t\t// Set new attributes\n\t\t\tObject.keys(obj).forEach((key: string) => {\n\t\t\t\tthis.renderer.setAttribute(this.button.nativeElement, key, obj[key]);\n\t\t\t});\n\t\t}\n\t\t// Set new attributes\n\t\tthis.attributeList = obj;\n\t}\n\n\tget buttonAttributes() {\n\t\treturn this.buttonAttributes;\n\t}\n\n\tstatic iconButtonCounter = 0;\n\n\t@ViewChild(\"button\") button: ElementRef;\n\n\t/**\n\t * Override id\n\t */\n\t@Input() buttonId = `icon-btn-${IconButton.iconButtonCounter++}`;\n\t/**\n\t * Sets the button type.\n\t */\n\t@Input() kind: ButtonType = \"primary\";\n\t/**\n\t * Specify the size of the button.\n\t */\n\t@Input() size: ButtonSize = \"lg\";\n\t/**\n\t * Set button type, `button` by default\n\t */\n\t@Input() type = \"button\";\n\t/**\n\t * Set to `true` to make button expressive\n\t */\n\t@Input() isExpressive = false;\n\t/**\n\t * Set to `true` to disable button\n\t */\n\t@Input() disabled = false;\n\t/**\n\t * The string or template content to be exposed by the tooltip.\n\t */\n\t@Input() description: string | TemplateRef<any>;\n\n\t/**\n\t * Common button events\n\t */\n\t@Output() click = new EventEmitter<Event>();\n\t@Output() focus = new EventEmitter<Event>();\n\t@Output() blur = new EventEmitter<Event>();\n\t/**\n\t * Event to emit when click event is fired from tooltip\n\t */\n\t@Output() tooltipClick = new EventEmitter<Event>();\n\n\tprivate classList: { [key: string]: boolean } = {};\n\tprivate attributeList: { [key: string]: string } = {};\n\n\tconstructor(private renderer: Renderer2) {\n\t\tsuper();\n\t}\n\n\tngAfterViewInit(): void {\n\t\t// Set attributes once element is found\n\t\tthis.buttonAttributes = this.attributeList;\n\t}\n\n\t/**\n\t * Stop propogation of click event\n\t * Else double fires (click) event\n\t */\n\temitClickEvent(event, element: \"tooltip\" | \"button\" = \"button\") {\n\t\tevent.preventDefault();\n\t\tevent.stopPropagation();\n\t\t// Prevents (click) event from bubbling since it would appear user clicked the `button`\n\t\tif (element === \"tooltip\") {\n\t\t\tthis.tooltipClick.emit(event);\n\t\t\treturn;\n\t\t}\n\t\tthis.click.emit(event);\n\t}\n}\n",
|
|
33553
33606
|
"assetsDirs": [],
|
|
33554
33607
|
"styleUrlsData": "",
|
|
33555
33608
|
"stylesData": "",
|
|
@@ -33566,7 +33619,7 @@
|
|
|
33566
33619
|
"deprecationMessage": ""
|
|
33567
33620
|
}
|
|
33568
33621
|
],
|
|
33569
|
-
"line":
|
|
33622
|
+
"line": 139,
|
|
33570
33623
|
"jsdoctags": [
|
|
33571
33624
|
{
|
|
33572
33625
|
"name": "renderer",
|
|
@@ -33600,7 +33653,7 @@
|
|
|
33600
33653
|
}
|
|
33601
33654
|
],
|
|
33602
33655
|
"returnType": "void",
|
|
33603
|
-
"line":
|
|
33656
|
+
"line": 62,
|
|
33604
33657
|
"rawdescription": "\n\nPass global carbon classes to icon button\n",
|
|
33605
33658
|
"description": "<p>Pass global carbon classes to icon button</p>\n",
|
|
33606
33659
|
"jsdoctags": [
|
|
@@ -33619,7 +33672,7 @@
|
|
|
33619
33672
|
"name": "buttonNgClass",
|
|
33620
33673
|
"type": "",
|
|
33621
33674
|
"returnType": "",
|
|
33622
|
-
"line":
|
|
33675
|
+
"line": 66
|
|
33623
33676
|
}
|
|
33624
33677
|
},
|
|
33625
33678
|
"buttonAttributes": {
|
|
@@ -33638,14 +33691,14 @@
|
|
|
33638
33691
|
}
|
|
33639
33692
|
],
|
|
33640
33693
|
"returnType": "void",
|
|
33641
|
-
"line":
|
|
33694
|
+
"line": 75,
|
|
33642
33695
|
"rawdescription": "\n\nUser can pass additional button attributes if component property does not already exist\nKey is the attribute name & value is the attribute value for the button\n",
|
|
33643
33696
|
"description": "<p>User can pass additional button attributes if component property does not already exist\nKey is the attribute name & value is the attribute value for the button</p>\n",
|
|
33644
33697
|
"jsdoctags": [
|
|
33645
33698
|
{
|
|
33646
33699
|
"name": {
|
|
33647
|
-
"pos":
|
|
33648
|
-
"end":
|
|
33700
|
+
"pos": 1614,
|
|
33701
|
+
"end": 1617,
|
|
33649
33702
|
"flags": 8421376,
|
|
33650
33703
|
"modifierFlagsCache": 0,
|
|
33651
33704
|
"transformFlags": 0,
|
|
@@ -33656,8 +33709,8 @@
|
|
|
33656
33709
|
"deprecated": false,
|
|
33657
33710
|
"deprecationMessage": "",
|
|
33658
33711
|
"tagName": {
|
|
33659
|
-
"pos":
|
|
33660
|
-
"end":
|
|
33712
|
+
"pos": 1608,
|
|
33713
|
+
"end": 1613,
|
|
33661
33714
|
"flags": 8421376,
|
|
33662
33715
|
"modifierFlagsCache": 0,
|
|
33663
33716
|
"transformFlags": 0,
|
|
@@ -33672,7 +33725,7 @@
|
|
|
33672
33725
|
"name": "buttonAttributes",
|
|
33673
33726
|
"type": "",
|
|
33674
33727
|
"returnType": "",
|
|
33675
|
-
"line":
|
|
33728
|
+
"line": 90
|
|
33676
33729
|
}
|
|
33677
33730
|
}
|
|
33678
33731
|
}
|
|
@@ -69356,6 +69409,16 @@
|
|
|
69356
69409
|
"type": "object",
|
|
69357
69410
|
"defaultValue": "{\n\tprovide: AnimationFrameServiceSingleton,\n\tdeps: [[new Optional(), new SkipSelf(), AnimationFrameServiceSingleton], NgZone],\n\tuseFactory: ANIMATION_FRAME_SERVICE_SINGLETON_PROVIDER_FACTORY\n}"
|
|
69358
69411
|
},
|
|
69412
|
+
{
|
|
69413
|
+
"name": "AutoAlignTemplate",
|
|
69414
|
+
"ctype": "miscellaneous",
|
|
69415
|
+
"subtype": "variable",
|
|
69416
|
+
"file": "src/button/icon-button.stories.ts",
|
|
69417
|
+
"deprecated": false,
|
|
69418
|
+
"deprecationMessage": "",
|
|
69419
|
+
"type": "",
|
|
69420
|
+
"defaultValue": "(args) => ({\n\tprops: args,\n\ttemplate: `\n\t\t<div style=\"height:3000px\">\n\t\t\tScrolling will update the position of the tooltip:\n\t\t\t<div style=\"position: absolute; top: 500px; left: 500px;\">\n\t\t\t\t<cds-icon-button\n\t\t\t\t\tbuttonId=\"icon-btn1\"\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t[kind]=\"kind\"\n\t\t\t\t\t[size]=\"size\"\n\t\t\t\t\t[align]=\"align\"\n\t\t\t\t\t[autoAlign]=\"autoAlign\"\n\t\t\t\t\t[isOpen]=\"isOpen\"\n\t\t\t\t\t[buttonNgClass]=\"buttonNgClass\"\n\t\t\t\t\t[buttonAttributes]=\"buttonAttributes\"\n\t\t\t\t\t[disabled]=\"disabled\"\n\t\t\t\t\t[description]=\"description\"\n\t\t\t\t\t(click)=\"onClick($event)\"\n\t\t\t\t\t(mouseenter)=\"onMouseEnter($event)\"\n\t\t\t\t\t(mouseleave)=\"onMouseleave($event)\"\n\t\t\t\t\t(focus)=\"onFocus($event)\"\n\t\t\t\t\t(blur)=\"onBlur($event)\">\n\t\t\t\t\t<svg class=\"cds--btn__icon\" cdsIcon=\"copy\" size=\"16\"></svg>\n\t\t\t\t</cds-icon-button>\n\t\t\t</div>\n\t\t</div>\n\t`\n})"
|
|
69421
|
+
},
|
|
69359
69422
|
{
|
|
69360
69423
|
"name": "AutoAlignTemplate",
|
|
69361
69424
|
"ctype": "miscellaneous",
|
|
@@ -72860,6 +72923,16 @@
|
|
|
72860
72923
|
"type": "",
|
|
72861
72924
|
"defaultValue": "() => ({\n\ttemplate: `\n\t\t<ng-template #action let-item>\n\t\t\t<button\n\t\t\t\tibmButton=\"ghost\"\n\t\t\t\taria-label=\"Action\"\n\t\t\t\ticonOnly=\"true\">\n\t\t\t\t<svg ibmIcon=\"subtract--alt\" size=\"16\" class=\"cds--btn__icon\"></svg>\n\t\t\t</button>\n\t\t</ng-template>\n\t\t<cds-contained-list label=\"List title\">\n\t\t\t<cds-contained-list-item [action]=\"action\">List item</cds-contained-list-item>\n\t\t\t<cds-contained-list-item [action]=\"action\">List item</cds-contained-list-item>\n\t\t\t<cds-contained-list-item [action]=\"action\">List item</cds-contained-list-item>\n\t\t\t<cds-contained-list-item [action]=\"action\">List item</cds-contained-list-item>\n\t\t</cds-contained-list>\n\t`\n})"
|
|
72862
72925
|
},
|
|
72926
|
+
{
|
|
72927
|
+
"name": "WithAutoAlign",
|
|
72928
|
+
"ctype": "miscellaneous",
|
|
72929
|
+
"subtype": "variable",
|
|
72930
|
+
"file": "src/button/icon-button.stories.ts",
|
|
72931
|
+
"deprecated": false,
|
|
72932
|
+
"deprecationMessage": "",
|
|
72933
|
+
"type": "",
|
|
72934
|
+
"defaultValue": "AutoAlignTemplate.bind({})"
|
|
72935
|
+
},
|
|
72863
72936
|
{
|
|
72864
72937
|
"name": "WithAutoAlign",
|
|
72865
72938
|
"ctype": "miscellaneous",
|
|
@@ -75398,6 +75471,48 @@
|
|
|
75398
75471
|
"defaultValue": "{\n\tprovide: DocumentService,\n\tdeps: [[new Optional(), new SkipSelf(), DocumentService]],\n\tuseFactory: DOCUMENT_SERVICE_PROVIDER_FACTORY\n}"
|
|
75399
75472
|
}
|
|
75400
75473
|
],
|
|
75474
|
+
"src/button/icon-button.stories.ts": [
|
|
75475
|
+
{
|
|
75476
|
+
"name": "AutoAlignTemplate",
|
|
75477
|
+
"ctype": "miscellaneous",
|
|
75478
|
+
"subtype": "variable",
|
|
75479
|
+
"file": "src/button/icon-button.stories.ts",
|
|
75480
|
+
"deprecated": false,
|
|
75481
|
+
"deprecationMessage": "",
|
|
75482
|
+
"type": "",
|
|
75483
|
+
"defaultValue": "(args) => ({\n\tprops: args,\n\ttemplate: `\n\t\t<div style=\"height:3000px\">\n\t\t\tScrolling will update the position of the tooltip:\n\t\t\t<div style=\"position: absolute; top: 500px; left: 500px;\">\n\t\t\t\t<cds-icon-button\n\t\t\t\t\tbuttonId=\"icon-btn1\"\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t[kind]=\"kind\"\n\t\t\t\t\t[size]=\"size\"\n\t\t\t\t\t[align]=\"align\"\n\t\t\t\t\t[autoAlign]=\"autoAlign\"\n\t\t\t\t\t[isOpen]=\"isOpen\"\n\t\t\t\t\t[buttonNgClass]=\"buttonNgClass\"\n\t\t\t\t\t[buttonAttributes]=\"buttonAttributes\"\n\t\t\t\t\t[disabled]=\"disabled\"\n\t\t\t\t\t[description]=\"description\"\n\t\t\t\t\t(click)=\"onClick($event)\"\n\t\t\t\t\t(mouseenter)=\"onMouseEnter($event)\"\n\t\t\t\t\t(mouseleave)=\"onMouseleave($event)\"\n\t\t\t\t\t(focus)=\"onFocus($event)\"\n\t\t\t\t\t(blur)=\"onBlur($event)\">\n\t\t\t\t\t<svg class=\"cds--btn__icon\" cdsIcon=\"copy\" size=\"16\"></svg>\n\t\t\t\t</cds-icon-button>\n\t\t\t</div>\n\t\t</div>\n\t`\n})"
|
|
75484
|
+
},
|
|
75485
|
+
{
|
|
75486
|
+
"name": "Basic",
|
|
75487
|
+
"ctype": "miscellaneous",
|
|
75488
|
+
"subtype": "variable",
|
|
75489
|
+
"file": "src/button/icon-button.stories.ts",
|
|
75490
|
+
"deprecated": false,
|
|
75491
|
+
"deprecationMessage": "",
|
|
75492
|
+
"type": "",
|
|
75493
|
+
"defaultValue": "Template.bind({})"
|
|
75494
|
+
},
|
|
75495
|
+
{
|
|
75496
|
+
"name": "Template",
|
|
75497
|
+
"ctype": "miscellaneous",
|
|
75498
|
+
"subtype": "variable",
|
|
75499
|
+
"file": "src/button/icon-button.stories.ts",
|
|
75500
|
+
"deprecated": false,
|
|
75501
|
+
"deprecationMessage": "",
|
|
75502
|
+
"type": "",
|
|
75503
|
+
"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\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})"
|
|
75504
|
+
},
|
|
75505
|
+
{
|
|
75506
|
+
"name": "WithAutoAlign",
|
|
75507
|
+
"ctype": "miscellaneous",
|
|
75508
|
+
"subtype": "variable",
|
|
75509
|
+
"file": "src/button/icon-button.stories.ts",
|
|
75510
|
+
"deprecated": false,
|
|
75511
|
+
"deprecationMessage": "",
|
|
75512
|
+
"type": "",
|
|
75513
|
+
"defaultValue": "AutoAlignTemplate.bind({})"
|
|
75514
|
+
}
|
|
75515
|
+
],
|
|
75401
75516
|
"src/popover/popover.stories.ts": [
|
|
75402
75517
|
{
|
|
75403
75518
|
"name": "AutoAlignTemplate",
|
|
@@ -76035,28 +76150,6 @@
|
|
|
76035
76150
|
"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})"
|
|
76036
76151
|
}
|
|
76037
76152
|
],
|
|
76038
|
-
"src/button/icon-button.stories.ts": [
|
|
76039
|
-
{
|
|
76040
|
-
"name": "Basic",
|
|
76041
|
-
"ctype": "miscellaneous",
|
|
76042
|
-
"subtype": "variable",
|
|
76043
|
-
"file": "src/button/icon-button.stories.ts",
|
|
76044
|
-
"deprecated": false,
|
|
76045
|
-
"deprecationMessage": "",
|
|
76046
|
-
"type": "",
|
|
76047
|
-
"defaultValue": "Template.bind({})"
|
|
76048
|
-
},
|
|
76049
|
-
{
|
|
76050
|
-
"name": "Template",
|
|
76051
|
-
"ctype": "miscellaneous",
|
|
76052
|
-
"subtype": "variable",
|
|
76053
|
-
"file": "src/button/icon-button.stories.ts",
|
|
76054
|
-
"deprecated": false,
|
|
76055
|
-
"deprecationMessage": "",
|
|
76056
|
-
"type": "",
|
|
76057
|
-
"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\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})"
|
|
76058
|
-
}
|
|
76059
|
-
],
|
|
76060
76153
|
"src/checkbox/checkbox.stories.ts": [
|
|
76061
76154
|
{
|
|
76062
76155
|
"name": "Basic",
|
|
@@ -81054,7 +81147,7 @@
|
|
|
81054
81147
|
"linktype": "component",
|
|
81055
81148
|
"name": "BaseIconButton",
|
|
81056
81149
|
"coveragePercent": 100,
|
|
81057
|
-
"coverageCount": "
|
|
81150
|
+
"coverageCount": "9/9",
|
|
81058
81151
|
"status": "very-good"
|
|
81059
81152
|
},
|
|
81060
81153
|
{
|
|
@@ -81141,9 +81234,19 @@
|
|
|
81141
81234
|
"linktype": "component",
|
|
81142
81235
|
"name": "IconButton",
|
|
81143
81236
|
"coveragePercent": 76,
|
|
81144
|
-
"coverageCount": "
|
|
81237
|
+
"coverageCount": "20/26",
|
|
81145
81238
|
"status": "very-good"
|
|
81146
81239
|
},
|
|
81240
|
+
{
|
|
81241
|
+
"filePath": "src/button/icon-button.stories.ts",
|
|
81242
|
+
"type": "variable",
|
|
81243
|
+
"linktype": "miscellaneous",
|
|
81244
|
+
"linksubtype": "variable",
|
|
81245
|
+
"name": "AutoAlignTemplate",
|
|
81246
|
+
"coveragePercent": 0,
|
|
81247
|
+
"coverageCount": "0/1",
|
|
81248
|
+
"status": "low"
|
|
81249
|
+
},
|
|
81147
81250
|
{
|
|
81148
81251
|
"filePath": "src/button/icon-button.stories.ts",
|
|
81149
81252
|
"type": "variable",
|
|
@@ -81164,6 +81267,16 @@
|
|
|
81164
81267
|
"coverageCount": "0/1",
|
|
81165
81268
|
"status": "low"
|
|
81166
81269
|
},
|
|
81270
|
+
{
|
|
81271
|
+
"filePath": "src/button/icon-button.stories.ts",
|
|
81272
|
+
"type": "variable",
|
|
81273
|
+
"linktype": "miscellaneous",
|
|
81274
|
+
"linksubtype": "variable",
|
|
81275
|
+
"name": "WithAutoAlign",
|
|
81276
|
+
"coveragePercent": 0,
|
|
81277
|
+
"coverageCount": "0/1",
|
|
81278
|
+
"status": "low"
|
|
81279
|
+
},
|
|
81167
81280
|
{
|
|
81168
81281
|
"filePath": "src/checkbox/checkbox-exported-tests.ts",
|
|
81169
81282
|
"type": "class",
|
|
@@ -81266,8 +81379,8 @@
|
|
|
81266
81379
|
"type": "component",
|
|
81267
81380
|
"linktype": "component",
|
|
81268
81381
|
"name": "CodeSnippet",
|
|
81269
|
-
"coveragePercent":
|
|
81270
|
-
"coverageCount": "
|
|
81382
|
+
"coveragePercent": 45,
|
|
81383
|
+
"coverageCount": "21/46",
|
|
81271
81384
|
"status": "medium"
|
|
81272
81385
|
},
|
|
81273
81386
|
{
|
|
@@ -86896,8 +87009,8 @@
|
|
|
86896
87009
|
"type": "component",
|
|
86897
87010
|
"linktype": "component",
|
|
86898
87011
|
"name": "HeaderAction",
|
|
86899
|
-
"coveragePercent":
|
|
86900
|
-
"coverageCount": "
|
|
87012
|
+
"coveragePercent": 93,
|
|
87013
|
+
"coverageCount": "14/15",
|
|
86901
87014
|
"status": "very-good"
|
|
86902
87015
|
},
|
|
86903
87016
|
{
|