carbon-components-angular 5.56.0 → 5.56.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/icon-button.component.d.ts +5 -1
- package/docs/documentation/components/IconButton.html +53 -14
- package/docs/documentation/coverage.html +3 -3
- package/docs/documentation/js/search/search_index.js +2 -2
- package/docs/documentation/modules/TagModule/dependencies.svg +37 -37
- package/docs/documentation/modules/TagModule.html +37 -37
- package/docs/documentation/modules/ThemeModule/dependencies.svg +4 -4
- package/docs/documentation/modules/ThemeModule.html +4 -4
- package/docs/documentation/modules/TilesModule/dependencies.svg +107 -107
- package/docs/documentation/modules/TilesModule.html +107 -107
- package/docs/documentation/modules/TimePickerModule/dependencies.svg +17 -17
- package/docs/documentation/modules/TimePickerModule.html +17 -17
- package/docs/documentation/modules/TimePickerSelectModule/dependencies.svg +4 -4
- package/docs/documentation/modules/TimePickerSelectModule.html +4 -4
- package/docs/documentation/modules/ToggleModule/dependencies.svg +42 -46
- package/docs/documentation/modules/ToggleModule.html +42 -46
- package/docs/documentation/modules/ToggletipModule/dependencies.svg +4 -4
- package/docs/documentation/modules/ToggletipModule.html +4 -4
- package/docs/documentation/modules/TreeviewModule/dependencies.svg +37 -37
- package/docs/documentation/modules/TreeviewModule.html +37 -37
- package/docs/documentation.json +104 -93
- package/docs/storybook/7141.9d9ce230.iframe.bundle.js +1 -0
- package/docs/storybook/button-button-set-stories.1094a620.iframe.bundle.js +1 -0
- package/docs/storybook/button-button-stories.a0ff29b1.iframe.bundle.js +1 -0
- package/docs/storybook/button-icon-button-stories.db9a9ba5.iframe.bundle.js +1 -0
- package/docs/storybook/code-snippet-code-snippet-stories.cc0ddba0.iframe.bundle.js +1 -0
- package/docs/storybook/iframe.html +2 -2
- package/docs/storybook/index-stories.69d5a816.iframe.bundle.js +1 -0
- package/docs/storybook/input-input-stories.68ee4653.iframe.bundle.js +1 -0
- package/docs/storybook/input-password-stories.3084ebfc.iframe.bundle.js +1 -0
- package/docs/storybook/input-textarea-stories.e3f84fc4.iframe.bundle.js +1 -0
- package/docs/storybook/{main.848bbb16.iframe.bundle.js → main.6feba07b.iframe.bundle.js} +1 -1
- package/docs/storybook/patterns-loading-large-loading-stories.67f20584.iframe.bundle.js +1 -0
- package/docs/storybook/project.json +1 -1
- package/docs/storybook/{runtime~main.e82ba84b.iframe.bundle.js → runtime~main.ee91208b.iframe.bundle.js} +1 -1
- package/docs/storybook/tiles-expandable-tile-stories.8658f693.iframe.bundle.js +1 -0
- package/docs/storybook/toggletip-toggletip-stories.f20fbe75.iframe.bundle.js +1 -0
- package/docs/storybook/ui-shell-ui-shell-stories.157336b4.iframe.bundle.js +1 -0
- package/esm2020/button/icon-button.component.mjs +10 -4
- package/esm2020/code-snippet/code-snippet.component.mjs +1 -1
- package/esm2020/modal/modal-header.component.mjs +1 -1
- package/esm2020/pagination/pagination-nav/pagination-nav.component.mjs +1 -1
- package/esm2020/ui-shell/header/header-action.component.mjs +1 -1
- package/fesm2015/carbon-components-angular-button.mjs +9 -3
- package/fesm2015/carbon-components-angular-button.mjs.map +1 -1
- package/fesm2015/carbon-components-angular-code-snippet.mjs +1 -1
- package/fesm2015/carbon-components-angular-code-snippet.mjs.map +1 -1
- package/fesm2015/carbon-components-angular-modal.mjs +1 -1
- package/fesm2015/carbon-components-angular-modal.mjs.map +1 -1
- package/fesm2015/carbon-components-angular-pagination.mjs +1 -1
- package/fesm2015/carbon-components-angular-pagination.mjs.map +1 -1
- package/fesm2015/carbon-components-angular-ui-shell.mjs +1 -1
- package/fesm2015/carbon-components-angular-ui-shell.mjs.map +1 -1
- package/fesm2020/carbon-components-angular-button.mjs +9 -3
- package/fesm2020/carbon-components-angular-button.mjs.map +1 -1
- package/fesm2020/carbon-components-angular-code-snippet.mjs +1 -1
- package/fesm2020/carbon-components-angular-code-snippet.mjs.map +1 -1
- package/fesm2020/carbon-components-angular-modal.mjs +1 -1
- package/fesm2020/carbon-components-angular-modal.mjs.map +1 -1
- package/fesm2020/carbon-components-angular-pagination.mjs +1 -1
- package/fesm2020/carbon-components-angular-pagination.mjs.map +1 -1
- package/fesm2020/carbon-components-angular-ui-shell.mjs +1 -1
- package/fesm2020/carbon-components-angular-ui-shell.mjs.map +1 -1
- package/package.json +1 -1
- package/docs/storybook/7141.e6990367.iframe.bundle.js +0 -1
- package/docs/storybook/button-button-set-stories.ed1d0fd9.iframe.bundle.js +0 -1
- package/docs/storybook/button-button-stories.de18db98.iframe.bundle.js +0 -1
- package/docs/storybook/button-icon-button-stories.4a9748f3.iframe.bundle.js +0 -1
- package/docs/storybook/code-snippet-code-snippet-stories.2701eee9.iframe.bundle.js +0 -1
- package/docs/storybook/index-stories.fba8f9b4.iframe.bundle.js +0 -1
- package/docs/storybook/input-input-stories.4bd7425d.iframe.bundle.js +0 -1
- package/docs/storybook/input-password-stories.575fa23d.iframe.bundle.js +0 -1
- package/docs/storybook/input-textarea-stories.75dfc9b8.iframe.bundle.js +0 -1
- package/docs/storybook/patterns-loading-large-loading-stories.a8a467eb.iframe.bundle.js +0 -1
- package/docs/storybook/tiles-expandable-tile-stories.97c48cb1.iframe.bundle.js +0 -1
- package/docs/storybook/toggletip-toggletip-stories.73f8eaaa.iframe.bundle.js +0 -1
- package/docs/storybook/ui-shell-ui-shell-stories.642f613c.iframe.bundle.js +0 -1
package/docs/documentation.json
CHANGED
|
@@ -34503,7 +34503,7 @@
|
|
|
34503
34503
|
},
|
|
34504
34504
|
{
|
|
34505
34505
|
"name": "IconButton",
|
|
34506
|
-
"id": "component-IconButton-
|
|
34506
|
+
"id": "component-IconButton-edf3bbe1c9106645ec3623e28d5b0e5714a657c6f37a1b87ed4006000faba99f48a0c3f833a653dd3dfa2f9774943aecdf505dfe418f5d2d4ff38baef63bedab",
|
|
34507
34507
|
"file": "src/button/icon-button.component.ts",
|
|
34508
34508
|
"encapsulation": [],
|
|
34509
34509
|
"entryComponents": [],
|
|
@@ -34513,7 +34513,7 @@
|
|
|
34513
34513
|
"selector": "cds-icon-button, ibm-icon-button",
|
|
34514
34514
|
"styleUrls": [],
|
|
34515
34515
|
"styles": [],
|
|
34516
|
-
"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",
|
|
34516
|
+
"template": "<cds-tooltip\n\tclass=\"cds--icon-tooltip\"\n\t[description]=\"description\"\n\t[disabled]=\"showTooltipWhenDisabled ? false : 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",
|
|
34517
34517
|
"templateUrl": [],
|
|
34518
34518
|
"viewProviders": [],
|
|
34519
34519
|
"hostDirectives": [],
|
|
@@ -34524,15 +34524,15 @@
|
|
|
34524
34524
|
"deprecationMessage": "",
|
|
34525
34525
|
"jsdoctags": [
|
|
34526
34526
|
{
|
|
34527
|
-
"pos":
|
|
34528
|
-
"end":
|
|
34527
|
+
"pos": 1641,
|
|
34528
|
+
"end": 1847,
|
|
34529
34529
|
"flags": 16842752,
|
|
34530
34530
|
"modifierFlagsCache": 0,
|
|
34531
34531
|
"transformFlags": 0,
|
|
34532
34532
|
"kind": 348,
|
|
34533
34533
|
"tagName": {
|
|
34534
|
-
"pos":
|
|
34535
|
-
"end":
|
|
34534
|
+
"pos": 1642,
|
|
34535
|
+
"end": 1647,
|
|
34536
34536
|
"flags": 16842752,
|
|
34537
34537
|
"modifierFlagsCache": 0,
|
|
34538
34538
|
"transformFlags": 0,
|
|
@@ -34541,8 +34541,8 @@
|
|
|
34541
34541
|
},
|
|
34542
34542
|
"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",
|
|
34543
34543
|
"name": {
|
|
34544
|
-
"pos":
|
|
34545
|
-
"end":
|
|
34544
|
+
"pos": 1648,
|
|
34545
|
+
"end": 1651,
|
|
34546
34546
|
"flags": 16842752,
|
|
34547
34547
|
"modifierFlagsCache": 0,
|
|
34548
34548
|
"transformFlags": 0,
|
|
@@ -34621,6 +34621,17 @@
|
|
|
34621
34621
|
"type": "ButtonType",
|
|
34622
34622
|
"decorators": []
|
|
34623
34623
|
},
|
|
34624
|
+
{
|
|
34625
|
+
"name": "showTooltipWhenDisabled",
|
|
34626
|
+
"defaultValue": "false",
|
|
34627
|
+
"deprecated": false,
|
|
34628
|
+
"deprecationMessage": "",
|
|
34629
|
+
"rawdescription": "\n\nIndicates whether the tooltip should be shown when the button is disabled\n",
|
|
34630
|
+
"description": "<p>Indicates whether the tooltip should be shown when the button is disabled</p>\n",
|
|
34631
|
+
"line": 129,
|
|
34632
|
+
"type": "boolean",
|
|
34633
|
+
"decorators": []
|
|
34634
|
+
},
|
|
34624
34635
|
{
|
|
34625
34636
|
"name": "size",
|
|
34626
34637
|
"defaultValue": "\"lg\"",
|
|
@@ -34762,7 +34773,7 @@
|
|
|
34762
34773
|
"defaultValue": "new EventEmitter<Event>()",
|
|
34763
34774
|
"deprecated": false,
|
|
34764
34775
|
"deprecationMessage": "",
|
|
34765
|
-
"line":
|
|
34776
|
+
"line": 136,
|
|
34766
34777
|
"type": "EventEmitter"
|
|
34767
34778
|
},
|
|
34768
34779
|
{
|
|
@@ -34772,7 +34783,7 @@
|
|
|
34772
34783
|
"deprecationMessage": "",
|
|
34773
34784
|
"rawdescription": "\n\nCommon button events\n",
|
|
34774
34785
|
"description": "<p>Common button events</p>\n",
|
|
34775
|
-
"line":
|
|
34786
|
+
"line": 134,
|
|
34776
34787
|
"type": "EventEmitter"
|
|
34777
34788
|
},
|
|
34778
34789
|
{
|
|
@@ -34780,7 +34791,7 @@
|
|
|
34780
34791
|
"defaultValue": "new EventEmitter<Event>()",
|
|
34781
34792
|
"deprecated": false,
|
|
34782
34793
|
"deprecationMessage": "",
|
|
34783
|
-
"line":
|
|
34794
|
+
"line": 135,
|
|
34784
34795
|
"type": "EventEmitter"
|
|
34785
34796
|
},
|
|
34786
34797
|
{
|
|
@@ -34790,7 +34801,7 @@
|
|
|
34790
34801
|
"deprecationMessage": "",
|
|
34791
34802
|
"rawdescription": "\n\nEvent to emit when click event is fired from tooltip\n",
|
|
34792
34803
|
"description": "<p>Event to emit when click event is fired from tooltip</p>\n",
|
|
34793
|
-
"line":
|
|
34804
|
+
"line": 140,
|
|
34794
34805
|
"type": "EventEmitter"
|
|
34795
34806
|
}
|
|
34796
34807
|
],
|
|
@@ -34848,7 +34859,7 @@
|
|
|
34848
34859
|
"optional": false,
|
|
34849
34860
|
"returnType": "void",
|
|
34850
34861
|
"typeParameters": [],
|
|
34851
|
-
"line":
|
|
34862
|
+
"line": 158,
|
|
34852
34863
|
"deprecated": false,
|
|
34853
34864
|
"deprecationMessage": "",
|
|
34854
34865
|
"rawdescription": "\n\nStop propogation of click event\nElse double fires (click) event\n",
|
|
@@ -34885,7 +34896,7 @@
|
|
|
34885
34896
|
"description": "<p>Get started with importing the module:</p>\n<b>Example :</b><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",
|
|
34886
34897
|
"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",
|
|
34887
34898
|
"type": "component",
|
|
34888
|
-
"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",
|
|
34899
|
+
"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]=\"showTooltipWhenDisabled ? false : 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\t/**\n\t * Indicates whether the tooltip should be shown when the button is disabled\n\t */\n\t@Input() showTooltipWhenDisabled = false;\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",
|
|
34889
34900
|
"assetsDirs": [],
|
|
34890
34901
|
"styleUrlsData": "",
|
|
34891
34902
|
"stylesData": "",
|
|
@@ -34902,7 +34913,7 @@
|
|
|
34902
34913
|
"deprecationMessage": ""
|
|
34903
34914
|
}
|
|
34904
34915
|
],
|
|
34905
|
-
"line":
|
|
34916
|
+
"line": 143,
|
|
34906
34917
|
"jsdoctags": [
|
|
34907
34918
|
{
|
|
34908
34919
|
"name": "renderer",
|
|
@@ -34982,8 +34993,8 @@
|
|
|
34982
34993
|
"jsdoctags": [
|
|
34983
34994
|
{
|
|
34984
34995
|
"name": {
|
|
34985
|
-
"pos":
|
|
34986
|
-
"end":
|
|
34996
|
+
"pos": 1648,
|
|
34997
|
+
"end": 1651,
|
|
34987
34998
|
"flags": 16842752,
|
|
34988
34999
|
"modifierFlagsCache": 0,
|
|
34989
35000
|
"transformFlags": 0,
|
|
@@ -34994,8 +35005,8 @@
|
|
|
34994
35005
|
"deprecated": false,
|
|
34995
35006
|
"deprecationMessage": "",
|
|
34996
35007
|
"tagName": {
|
|
34997
|
-
"pos":
|
|
34998
|
-
"end":
|
|
35008
|
+
"pos": 1642,
|
|
35009
|
+
"end": 1647,
|
|
34999
35010
|
"flags": 16842752,
|
|
35000
35011
|
"modifierFlagsCache": 0,
|
|
35001
35012
|
"transformFlags": 0,
|
|
@@ -73512,7 +73523,7 @@
|
|
|
73512
73523
|
"deprecated": false,
|
|
73513
73524
|
"deprecationMessage": "",
|
|
73514
73525
|
"type": "",
|
|
73515
|
-
"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[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})"
|
|
73526
|
+
"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[disabled]=\"disabled\"\n\t\t\t\t\t[showTooltipWhenDisabled]=\"showTooltipWhenDisabled\"\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})"
|
|
73516
73527
|
},
|
|
73517
73528
|
{
|
|
73518
73529
|
"name": "AutoAlignTemplate",
|
|
@@ -73578,7 +73589,7 @@
|
|
|
73578
73589
|
"name": "Basic",
|
|
73579
73590
|
"ctype": "miscellaneous",
|
|
73580
73591
|
"subtype": "variable",
|
|
73581
|
-
"file": "src/
|
|
73592
|
+
"file": "src/breadcrumb/breadcrumb.stories.ts",
|
|
73582
73593
|
"deprecated": false,
|
|
73583
73594
|
"deprecationMessage": "",
|
|
73584
73595
|
"type": "",
|
|
@@ -73588,7 +73599,7 @@
|
|
|
73588
73599
|
"name": "Basic",
|
|
73589
73600
|
"ctype": "miscellaneous",
|
|
73590
73601
|
"subtype": "variable",
|
|
73591
|
-
"file": "src/button/button.stories.ts",
|
|
73602
|
+
"file": "src/button/button-set.stories.ts",
|
|
73592
73603
|
"deprecated": false,
|
|
73593
73604
|
"deprecationMessage": "",
|
|
73594
73605
|
"type": "",
|
|
@@ -73598,7 +73609,7 @@
|
|
|
73598
73609
|
"name": "Basic",
|
|
73599
73610
|
"ctype": "miscellaneous",
|
|
73600
73611
|
"subtype": "variable",
|
|
73601
|
-
"file": "src/button/
|
|
73612
|
+
"file": "src/button/button.stories.ts",
|
|
73602
73613
|
"deprecated": false,
|
|
73603
73614
|
"deprecationMessage": "",
|
|
73604
73615
|
"type": "",
|
|
@@ -73608,7 +73619,7 @@
|
|
|
73608
73619
|
"name": "Basic",
|
|
73609
73620
|
"ctype": "miscellaneous",
|
|
73610
73621
|
"subtype": "variable",
|
|
73611
|
-
"file": "src/
|
|
73622
|
+
"file": "src/button/icon-button.stories.ts",
|
|
73612
73623
|
"deprecated": false,
|
|
73613
73624
|
"deprecationMessage": "",
|
|
73614
73625
|
"type": "",
|
|
@@ -76420,41 +76431,41 @@
|
|
|
76420
76431
|
"name": "Template",
|
|
76421
76432
|
"ctype": "miscellaneous",
|
|
76422
76433
|
"subtype": "variable",
|
|
76423
|
-
"file": "src/
|
|
76434
|
+
"file": "src/breadcrumb/breadcrumb.stories.ts",
|
|
76424
76435
|
"deprecated": false,
|
|
76425
76436
|
"deprecationMessage": "",
|
|
76426
76437
|
"type": "",
|
|
76427
|
-
"defaultValue": "(args) => ({\n\tprops: args,\n\ttemplate: `\n\t\t<cds-
|
|
76438
|
+
"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})"
|
|
76428
76439
|
},
|
|
76429
76440
|
{
|
|
76430
76441
|
"name": "Template",
|
|
76431
76442
|
"ctype": "miscellaneous",
|
|
76432
76443
|
"subtype": "variable",
|
|
76433
|
-
"file": "src/button/button.stories.ts",
|
|
76444
|
+
"file": "src/button/button-set.stories.ts",
|
|
76434
76445
|
"deprecated": false,
|
|
76435
76446
|
"deprecationMessage": "",
|
|
76436
76447
|
"type": "",
|
|
76437
|
-
"defaultValue": "(args) => ({\n\tprops: args,\n\ttemplate: `\n\t\t<button
|
|
76448
|
+
"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})"
|
|
76438
76449
|
},
|
|
76439
76450
|
{
|
|
76440
76451
|
"name": "Template",
|
|
76441
76452
|
"ctype": "miscellaneous",
|
|
76442
76453
|
"subtype": "variable",
|
|
76443
|
-
"file": "src/button/
|
|
76454
|
+
"file": "src/button/button.stories.ts",
|
|
76444
76455
|
"deprecated": false,
|
|
76445
76456
|
"deprecationMessage": "",
|
|
76446
76457
|
"type": "",
|
|
76447
|
-
"defaultValue": "(args) => ({\n\tprops: args,\n\ttemplate: `\n\t\t<
|
|
76458
|
+
"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})"
|
|
76448
76459
|
},
|
|
76449
76460
|
{
|
|
76450
76461
|
"name": "Template",
|
|
76451
76462
|
"ctype": "miscellaneous",
|
|
76452
76463
|
"subtype": "variable",
|
|
76453
|
-
"file": "src/
|
|
76464
|
+
"file": "src/button/icon-button.stories.ts",
|
|
76454
76465
|
"deprecated": false,
|
|
76455
76466
|
"deprecationMessage": "",
|
|
76456
76467
|
"type": "",
|
|
76457
|
-
"defaultValue": "(args) => ({\n\tprops: args,\n\ttemplate: `\n\t\t<cds-
|
|
76468
|
+
"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})"
|
|
76458
76469
|
},
|
|
76459
76470
|
{
|
|
76460
76471
|
"name": "Template",
|
|
@@ -79755,7 +79766,7 @@
|
|
|
79755
79766
|
"deprecated": false,
|
|
79756
79767
|
"deprecationMessage": "",
|
|
79757
79768
|
"type": "",
|
|
79758
|
-
"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[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})"
|
|
79769
|
+
"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[disabled]=\"disabled\"\n\t\t\t\t\t[showTooltipWhenDisabled]=\"showTooltipWhenDisabled\"\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})"
|
|
79759
79770
|
},
|
|
79760
79771
|
{
|
|
79761
79772
|
"name": "Basic",
|
|
@@ -79775,7 +79786,7 @@
|
|
|
79775
79786
|
"deprecated": false,
|
|
79776
79787
|
"deprecationMessage": "",
|
|
79777
79788
|
"type": "",
|
|
79778
|
-
"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})"
|
|
79789
|
+
"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})"
|
|
79779
79790
|
},
|
|
79780
79791
|
{
|
|
79781
79792
|
"name": "WithAutoAlign",
|
|
@@ -80230,199 +80241,199 @@
|
|
|
80230
80241
|
"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})"
|
|
80231
80242
|
}
|
|
80232
80243
|
],
|
|
80233
|
-
"src/
|
|
80244
|
+
"src/breadcrumb/breadcrumb.stories.ts": [
|
|
80234
80245
|
{
|
|
80235
80246
|
"name": "Basic",
|
|
80236
80247
|
"ctype": "miscellaneous",
|
|
80237
80248
|
"subtype": "variable",
|
|
80238
|
-
"file": "src/
|
|
80249
|
+
"file": "src/breadcrumb/breadcrumb.stories.ts",
|
|
80239
80250
|
"deprecated": false,
|
|
80240
80251
|
"deprecationMessage": "",
|
|
80241
80252
|
"type": "",
|
|
80242
80253
|
"defaultValue": "Template.bind({})"
|
|
80243
80254
|
},
|
|
80244
80255
|
{
|
|
80245
|
-
"name": "
|
|
80256
|
+
"name": "breadcrumbItems",
|
|
80246
80257
|
"ctype": "miscellaneous",
|
|
80247
80258
|
"subtype": "variable",
|
|
80248
|
-
"file": "src/
|
|
80259
|
+
"file": "src/breadcrumb/breadcrumb.stories.ts",
|
|
80249
80260
|
"deprecated": false,
|
|
80250
80261
|
"deprecationMessage": "",
|
|
80251
|
-
"type": ""
|
|
80252
|
-
|
|
80253
|
-
}
|
|
80254
|
-
],
|
|
80255
|
-
"src/button/button.stories.ts": [
|
|
80262
|
+
"type": ""
|
|
80263
|
+
},
|
|
80256
80264
|
{
|
|
80257
|
-
"name": "
|
|
80265
|
+
"name": "createBreadcrumbItems",
|
|
80258
80266
|
"ctype": "miscellaneous",
|
|
80259
80267
|
"subtype": "variable",
|
|
80260
|
-
"file": "src/
|
|
80268
|
+
"file": "src/breadcrumb/breadcrumb.stories.ts",
|
|
80261
80269
|
"deprecated": false,
|
|
80262
80270
|
"deprecationMessage": "",
|
|
80263
80271
|
"type": "",
|
|
80264
|
-
"defaultValue": "
|
|
80272
|
+
"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}"
|
|
80265
80273
|
},
|
|
80266
80274
|
{
|
|
80267
|
-
"name": "
|
|
80275
|
+
"name": "CurrentPage",
|
|
80268
80276
|
"ctype": "miscellaneous",
|
|
80269
80277
|
"subtype": "variable",
|
|
80270
|
-
"file": "src/
|
|
80278
|
+
"file": "src/breadcrumb/breadcrumb.stories.ts",
|
|
80271
80279
|
"deprecated": false,
|
|
80272
80280
|
"deprecationMessage": "",
|
|
80273
80281
|
"type": "",
|
|
80274
|
-
"defaultValue": "(
|
|
80282
|
+
"defaultValue": "CurrentPageTemplate.bind({})"
|
|
80275
80283
|
},
|
|
80276
80284
|
{
|
|
80277
|
-
"name": "
|
|
80285
|
+
"name": "CurrentPageTemplate",
|
|
80278
80286
|
"ctype": "miscellaneous",
|
|
80279
80287
|
"subtype": "variable",
|
|
80280
|
-
"file": "src/
|
|
80288
|
+
"file": "src/breadcrumb/breadcrumb.stories.ts",
|
|
80281
80289
|
"deprecated": false,
|
|
80282
80290
|
"deprecationMessage": "",
|
|
80283
80291
|
"type": "",
|
|
80284
|
-
"defaultValue": "
|
|
80292
|
+
"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})"
|
|
80285
80293
|
},
|
|
80286
80294
|
{
|
|
80287
|
-
"name": "
|
|
80295
|
+
"name": "Model",
|
|
80288
80296
|
"ctype": "miscellaneous",
|
|
80289
80297
|
"subtype": "variable",
|
|
80290
|
-
"file": "src/
|
|
80298
|
+
"file": "src/breadcrumb/breadcrumb.stories.ts",
|
|
80291
80299
|
"deprecated": false,
|
|
80292
80300
|
"deprecationMessage": "",
|
|
80293
80301
|
"type": "",
|
|
80294
|
-
"defaultValue": "(
|
|
80295
|
-
}
|
|
80296
|
-
],
|
|
80297
|
-
"src/breadcrumb/breadcrumb.stories.ts": [
|
|
80302
|
+
"defaultValue": "ModelTemplate.bind({})"
|
|
80303
|
+
},
|
|
80298
80304
|
{
|
|
80299
|
-
"name": "
|
|
80305
|
+
"name": "ModelTemplate",
|
|
80300
80306
|
"ctype": "miscellaneous",
|
|
80301
80307
|
"subtype": "variable",
|
|
80302
80308
|
"file": "src/breadcrumb/breadcrumb.stories.ts",
|
|
80303
80309
|
"deprecated": false,
|
|
80304
80310
|
"deprecationMessage": "",
|
|
80305
80311
|
"type": "",
|
|
80306
|
-
"defaultValue": "
|
|
80312
|
+
"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})"
|
|
80307
80313
|
},
|
|
80308
80314
|
{
|
|
80309
|
-
"name": "
|
|
80315
|
+
"name": "ModelWithTemplate",
|
|
80310
80316
|
"ctype": "miscellaneous",
|
|
80311
80317
|
"subtype": "variable",
|
|
80312
80318
|
"file": "src/breadcrumb/breadcrumb.stories.ts",
|
|
80313
80319
|
"deprecated": false,
|
|
80314
80320
|
"deprecationMessage": "",
|
|
80315
|
-
"type": ""
|
|
80321
|
+
"type": "",
|
|
80322
|
+
"defaultValue": "ModelWTemplate.bind({})"
|
|
80316
80323
|
},
|
|
80317
80324
|
{
|
|
80318
|
-
"name": "
|
|
80325
|
+
"name": "ModelWTemplate",
|
|
80319
80326
|
"ctype": "miscellaneous",
|
|
80320
80327
|
"subtype": "variable",
|
|
80321
80328
|
"file": "src/breadcrumb/breadcrumb.stories.ts",
|
|
80322
80329
|
"deprecated": false,
|
|
80323
80330
|
"deprecationMessage": "",
|
|
80324
80331
|
"type": "",
|
|
80325
|
-
"defaultValue": "(
|
|
80332
|
+
"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})"
|
|
80326
80333
|
},
|
|
80327
80334
|
{
|
|
80328
|
-
"name": "
|
|
80335
|
+
"name": "Skeleton",
|
|
80329
80336
|
"ctype": "miscellaneous",
|
|
80330
80337
|
"subtype": "variable",
|
|
80331
80338
|
"file": "src/breadcrumb/breadcrumb.stories.ts",
|
|
80332
80339
|
"deprecated": false,
|
|
80333
80340
|
"deprecationMessage": "",
|
|
80334
80341
|
"type": "",
|
|
80335
|
-
"defaultValue": "
|
|
80342
|
+
"defaultValue": "WithSkeleton.bind({})"
|
|
80336
80343
|
},
|
|
80337
80344
|
{
|
|
80338
|
-
"name": "
|
|
80345
|
+
"name": "Template",
|
|
80339
80346
|
"ctype": "miscellaneous",
|
|
80340
80347
|
"subtype": "variable",
|
|
80341
80348
|
"file": "src/breadcrumb/breadcrumb.stories.ts",
|
|
80342
80349
|
"deprecated": false,
|
|
80343
80350
|
"deprecationMessage": "",
|
|
80344
80351
|
"type": "",
|
|
80345
|
-
"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
|
|
80352
|
+
"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})"
|
|
80346
80353
|
},
|
|
80347
80354
|
{
|
|
80348
|
-
"name": "
|
|
80355
|
+
"name": "WithSkeleton",
|
|
80349
80356
|
"ctype": "miscellaneous",
|
|
80350
80357
|
"subtype": "variable",
|
|
80351
80358
|
"file": "src/breadcrumb/breadcrumb.stories.ts",
|
|
80352
80359
|
"deprecated": false,
|
|
80353
80360
|
"deprecationMessage": "",
|
|
80354
80361
|
"type": "",
|
|
80355
|
-
"defaultValue": "
|
|
80362
|
+
"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})"
|
|
80356
80363
|
},
|
|
80357
80364
|
{
|
|
80358
|
-
"name": "
|
|
80365
|
+
"name": "withTemplate",
|
|
80359
80366
|
"ctype": "miscellaneous",
|
|
80360
80367
|
"subtype": "variable",
|
|
80361
80368
|
"file": "src/breadcrumb/breadcrumb.stories.ts",
|
|
80362
80369
|
"deprecated": false,
|
|
80363
80370
|
"deprecationMessage": "",
|
|
80364
80371
|
"type": "",
|
|
80365
|
-
"defaultValue": "(
|
|
80366
|
-
}
|
|
80372
|
+
"defaultValue": "(templateRef, items) => items.map(item => Object.assign(item, { template: templateRef }))"
|
|
80373
|
+
}
|
|
80374
|
+
],
|
|
80375
|
+
"src/button/button-set.stories.ts": [
|
|
80367
80376
|
{
|
|
80368
|
-
"name": "
|
|
80377
|
+
"name": "Basic",
|
|
80369
80378
|
"ctype": "miscellaneous",
|
|
80370
80379
|
"subtype": "variable",
|
|
80371
|
-
"file": "src/
|
|
80380
|
+
"file": "src/button/button-set.stories.ts",
|
|
80372
80381
|
"deprecated": false,
|
|
80373
80382
|
"deprecationMessage": "",
|
|
80374
80383
|
"type": "",
|
|
80375
|
-
"defaultValue": "
|
|
80384
|
+
"defaultValue": "Template.bind({})"
|
|
80376
80385
|
},
|
|
80377
80386
|
{
|
|
80378
|
-
"name": "
|
|
80387
|
+
"name": "Template",
|
|
80379
80388
|
"ctype": "miscellaneous",
|
|
80380
80389
|
"subtype": "variable",
|
|
80381
|
-
"file": "src/
|
|
80390
|
+
"file": "src/button/button-set.stories.ts",
|
|
80382
80391
|
"deprecated": false,
|
|
80383
80392
|
"deprecationMessage": "",
|
|
80384
80393
|
"type": "",
|
|
80385
|
-
"defaultValue": "(args) => ({\n\tprops:
|
|
80386
|
-
}
|
|
80394
|
+
"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})"
|
|
80395
|
+
}
|
|
80396
|
+
],
|
|
80397
|
+
"src/button/button.stories.ts": [
|
|
80387
80398
|
{
|
|
80388
|
-
"name": "
|
|
80399
|
+
"name": "Basic",
|
|
80389
80400
|
"ctype": "miscellaneous",
|
|
80390
80401
|
"subtype": "variable",
|
|
80391
|
-
"file": "src/
|
|
80402
|
+
"file": "src/button/button.stories.ts",
|
|
80392
80403
|
"deprecated": false,
|
|
80393
80404
|
"deprecationMessage": "",
|
|
80394
80405
|
"type": "",
|
|
80395
|
-
"defaultValue": "
|
|
80406
|
+
"defaultValue": "Template.bind({})"
|
|
80396
80407
|
},
|
|
80397
80408
|
{
|
|
80398
80409
|
"name": "Template",
|
|
80399
80410
|
"ctype": "miscellaneous",
|
|
80400
80411
|
"subtype": "variable",
|
|
80401
|
-
"file": "src/
|
|
80412
|
+
"file": "src/button/button.stories.ts",
|
|
80402
80413
|
"deprecated": false,
|
|
80403
80414
|
"deprecationMessage": "",
|
|
80404
80415
|
"type": "",
|
|
80405
|
-
"defaultValue": "(args) => ({\n\tprops: args,\n\ttemplate: `\n\t\t<
|
|
80416
|
+
"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})"
|
|
80406
80417
|
},
|
|
80407
80418
|
{
|
|
80408
|
-
"name": "
|
|
80419
|
+
"name": "WithIcon",
|
|
80409
80420
|
"ctype": "miscellaneous",
|
|
80410
80421
|
"subtype": "variable",
|
|
80411
|
-
"file": "src/
|
|
80422
|
+
"file": "src/button/button.stories.ts",
|
|
80412
80423
|
"deprecated": false,
|
|
80413
80424
|
"deprecationMessage": "",
|
|
80414
80425
|
"type": "",
|
|
80415
|
-
"defaultValue": "(
|
|
80426
|
+
"defaultValue": "WithIconTemplate.bind({})"
|
|
80416
80427
|
},
|
|
80417
80428
|
{
|
|
80418
|
-
"name": "
|
|
80429
|
+
"name": "WithIconTemplate",
|
|
80419
80430
|
"ctype": "miscellaneous",
|
|
80420
80431
|
"subtype": "variable",
|
|
80421
|
-
"file": "src/
|
|
80432
|
+
"file": "src/button/button.stories.ts",
|
|
80422
80433
|
"deprecated": false,
|
|
80423
80434
|
"deprecationMessage": "",
|
|
80424
80435
|
"type": "",
|
|
80425
|
-
"defaultValue": "(
|
|
80436
|
+
"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})"
|
|
80426
80437
|
}
|
|
80427
80438
|
],
|
|
80428
80439
|
"src/checkbox/checkbox.stories.ts": [
|
|
@@ -85690,8 +85701,8 @@
|
|
|
85690
85701
|
"type": "component",
|
|
85691
85702
|
"linktype": "component",
|
|
85692
85703
|
"name": "IconButton",
|
|
85693
|
-
"coveragePercent":
|
|
85694
|
-
"coverageCount": "
|
|
85704
|
+
"coveragePercent": 77,
|
|
85705
|
+
"coverageCount": "21/27",
|
|
85695
85706
|
"status": "very-good"
|
|
85696
85707
|
},
|
|
85697
85708
|
{
|