carbon-components-angular 5.57.7 → 5.57.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/docs/documentation/components/Search.html +2 -2
- package/docs/documentation/js/search/search_index.js +2 -2
- package/docs/documentation/modules/ThemeModule/dependencies.svg +13 -13
- package/docs/documentation/modules/ThemeModule.html +13 -13
- package/docs/documentation/modules/TilesModule/dependencies.svg +108 -108
- package/docs/documentation/modules/TilesModule.html +108 -108
- package/docs/documentation/modules/TimePickerModule/dependencies.svg +7 -7
- package/docs/documentation/modules/TimePickerModule.html +7 -7
- package/docs/documentation/modules/TimePickerSelectModule/dependencies.svg +45 -49
- package/docs/documentation/modules/TimePickerSelectModule.html +45 -49
- package/docs/documentation/modules/ToggleModule/dependencies.svg +40 -44
- package/docs/documentation/modules/ToggleModule.html +40 -44
- package/docs/documentation/modules/ToggletipModule/dependencies.svg +37 -37
- package/docs/documentation/modules/ToggletipModule.html +37 -37
- package/docs/documentation/modules/TooltipModule/dependencies.svg +4 -4
- package/docs/documentation/modules/TooltipModule.html +4 -4
- package/docs/documentation/modules/TreeviewModule/dependencies.svg +37 -37
- package/docs/documentation/modules/TreeviewModule.html +37 -37
- package/docs/documentation.json +142 -142
- package/docs/storybook/5868.b4e430ef.iframe.bundle.js +1 -0
- package/docs/storybook/contained-list-contained-list-stories.78647fe4.iframe.bundle.js +1 -0
- package/docs/storybook/iframe.html +2 -2
- package/docs/storybook/{main.cbd21ea8.iframe.bundle.js → main.c603de4f.iframe.bundle.js} +1 -1
- package/docs/storybook/project.json +1 -1
- package/docs/storybook/{runtime~main.c8376105.iframe.bundle.js → runtime~main.73123593.iframe.bundle.js} +1 -1
- package/docs/storybook/{search-search-stories.1ec59397.iframe.bundle.js → search-search-stories.f110ce00.iframe.bundle.js} +1 -1
- package/docs/storybook/ui-shell-ui-shell-stories.a7356f0e.iframe.bundle.js +1 -0
- package/esm2020/search/search.component.mjs +3 -3
- package/fesm2015/carbon-components-angular-search.mjs +2 -2
- package/fesm2015/carbon-components-angular-search.mjs.map +1 -1
- package/fesm2020/carbon-components-angular-search.mjs +2 -2
- package/fesm2020/carbon-components-angular-search.mjs.map +1 -1
- package/package.json +1 -1
- package/docs/storybook/5868.6c94dae1.iframe.bundle.js +0 -1
- package/docs/storybook/contained-list-contained-list-stories.b7913db8.iframe.bundle.js +0 -1
- package/docs/storybook/ui-shell-ui-shell-stories.032f0170.iframe.bundle.js +0 -1
package/docs/documentation.json
CHANGED
|
@@ -49030,7 +49030,7 @@
|
|
|
49030
49030
|
},
|
|
49031
49031
|
{
|
|
49032
49032
|
"name": "Search",
|
|
49033
|
-
"id": "component-Search-
|
|
49033
|
+
"id": "component-Search-27937b0743354490a01e9b586a821796ce8599a84ed088b33331b02f9440e082c079eb681ff8d5fb22a14f55f2b2ed5143cb8f1c8a0b28395ba0254b7ae41ff3",
|
|
49034
49034
|
"file": "src/search/search.component.ts",
|
|
49035
49035
|
"encapsulation": [],
|
|
49036
49036
|
"entryComponents": [],
|
|
@@ -49896,7 +49896,7 @@
|
|
|
49896
49896
|
"description": "<p>Get started with importing the module:</p>\n<b>Example :</b><div><pre class=\"line-numbers\"><code class=\"language-typescript\">import { SearchModule } from 'carbon-components-angular';</code></pre></div><p><a href=\"../../?path=/story/components-search--basic\">See demo</a></p>\n",
|
|
49897
49897
|
"rawdescription": "\n\nGet started with importing the module:\n\n```typescript\nimport { SearchModule } from 'carbon-components-angular';\n```\n\n[See demo](../../?path=/story/components-search--basic)\n",
|
|
49898
49898
|
"type": "component",
|
|
49899
|
-
"sourceCode": "import {\n\tComponent,\n\tInput,\n\tEventEmitter,\n\tOutput,\n\tHostBinding,\n\tElementRef,\n\tHostListener,\n\tViewChild\n} from \"@angular/core\";\nimport { NG_VALUE_ACCESSOR, ControlValueAccessor } from \"@angular/forms\";\nimport { I18n } from \"carbon-components-angular/i18n\";\n\n/**\n * Get started with importing the module:\n *\n * ```typescript\n * import { SearchModule } from 'carbon-components-angular';\n * ```\n *\n * [See demo](../../?path=/story/components-search--basic)\n */\n@Component({\n\tselector: \"cds-search, ibm-search\",\n\ttemplateUrl: \"search.component.html\",\n\tproviders: [\n\t\t{\n\t\t\tprovide: NG_VALUE_ACCESSOR,\n\t\t\tuseExisting: Search,\n\t\t\tmulti: true\n\t\t}\n\t]\n})\nexport class Search implements ControlValueAccessor {\n\t/**\n\t * Variable used for creating unique ids for search components.\n\t */\n\tstatic searchCount = 0;\n\n\t@HostBinding(\"class.cds--form-item\") get containerClass() {\n\t\treturn !(this.toolbar || this.expandable);\n\t}\n\n\t@HostBinding(\"class.cds--text-input--fluid__skeleton\") get fluidSkeletonClass() {\n\t\treturn this.skeleton && this.fluid;\n\t}\n\n\t/**\n\t * @deprecated since v5 - Use `cdsLayer` directive instead\n\t * `light` or `dark` search theme.\n\t */\n\t@Input() theme: \"light\" | \"dark\" = \"dark\";\n\n\t/**\n\t * Size of the search field.\n\t */\n\t@Input() size: \"sm\" | \"md\" | \"lg\" = \"md\";\n\n\t/**\n\t * Set to `true` for a disabled search input.\n\t */\n\t@Input() disabled = false;\n\t/**\n\t * Set to `true` for a toolbar search component.\n\t */\n\t@Input() toolbar = false;\n\t/**\n\t * Set to `true` to make the search component expandable.\n\t * `expandable` would override `toolbar` property behaviours.\n\t */\n\t@Input() expandable = false;\n\t/**\n\t * Set to `true` for a loading search component.\n\t */\n\t@Input() skeleton = false;\n\t/**\n\t * Set to `true` to expand the toolbar search component.\n\t */\n\t@Input() active = false;\n\t/**\n\t * Specifies whether the search component is used in the table toolbar.\n\t */\n\t@Input() tableSearch = false;\n\t/**\n\t * Sets the name attribute on the `input` element.\n\t */\n\t@Input() name: string;\n\t/**\n\t * The unique id for the search component.\n\t */\n\t@Input() id = `search-${Search.searchCount}`;\n\t/**\n\t * Reflects the required attribute of the `input` element.\n\t */\n\t@Input() required: boolean;\n\t/**\n\t * Sets the value attribute on the `input` element.\n\t */\n\t@Input() value = \"\";\n\t/**\n\t * Sets the autocomplete attribute on the `input` element.\n\t * For reference: https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete#Values\n\t */\n\t@Input() autocomplete = \"on\";\n\t/**\n\t * Sets the text inside the `label` tag.\n\t */\n\t@Input() label = this.i18n.get().SEARCH.LABEL;\n\t/**\n\t * Sets the placeholder attribute on the `input` element.\n\t */\n\t@Input() placeholder = this.i18n.get().SEARCH.PLACEHOLDER;\n\t/**\n\t * Used to set the `title` attribute of the clear button.\n\t */\n\t@Input() clearButtonTitle = this.i18n.get().SEARCH.CLEAR_BUTTON;\n\t/**\n\t * Title for the search trigger\n\t */\n\t@Input() searchTitle = \"\";\n\t/**\n\t * Sets the aria label on the `div` element with the `search` role.\n\t */\n\t@Input() ariaLabel: string;\n\t/**\n\t * Experimental: enable fluid state\n\t */\n\t@Input() fluid = false;\n\t/**\n\t * Emits an event when value is changed.\n\t */\n\t@Output() valueChange = new EventEmitter<string>();\n\t@Output() open = new EventEmitter<boolean>();\n\t/**\n\t * Emits an event when the clear button is clicked.\n\t */\n\t@Output() clear = new EventEmitter();\n\t/**\n\t * Emits an event on enter.\n\t */\n\t@Output() search = new EventEmitter<string>();\n\n\t@ViewChild(\"input\") inputRef: ElementRef;\n\n\t/**\n\t * Sets `true` when composing text via IME.\n\t */\n\tprotected isComposing = false;\n\n\t/**\n\t * Creates an instance of `Search`.\n\t * @param i18n The i18n translations.\n\t */\n\tconstructor(protected elementRef: ElementRef, protected i18n: I18n) {\n\t\tSearch.searchCount++;\n\t}\n\n\t/**\n\t * This is the initial value set to the component\n\t * @param value The input value.\n\t */\n\tpublic writeValue(value: any) {\n\t\tthis.value = value;\n\t}\n\n\t/**\n\t * Sets a method in order to propagate changes back to the form.\n\t */\n\tpublic registerOnChange(fn: any) {\n\t\tthis.propagateChange = fn;\n\t}\n\n\t/**\n\t * Registers a callback to be triggered when the control has been touched.\n\t * @param fn Callback to be triggered when the search input is touched.\n\t */\n\tpublic registerOnTouched(fn: any) {\n\t\tthis.onTouched = fn;\n\t}\n\n\t/**\n\t * Called when search input is blurred. Needed to properly implement `ControlValueAccessor`.\n\t */\n\tonTouched: () => any = () => {};\n\n\t/**\n\t * Method set in `registerOnChange` to propagate changes back to the form.\n\t */\n\tpropagateChange = (_: any) => {};\n\n\t/**\n\t * Called when text is written in the input.\n\t * @param search The input text.\n\t */\n\tonSearch(search: string) {\n\t\tif (this.isComposing) { // check for IME use\n\t\t\treturn;\n\t\t}\n\t\tthis.value = search;\n\t\tthis.doValueChange();\n\t}\n\n\t/**\n\t * Called on enter.\n\t */\n\tonEnter() {\n\t\tthis.search.emit(this.value);\n\t}\n\n\t/**\n\t * Called when clear button is clicked.\n\t */\n\tclearSearch(): void {\n\t\tthis.value = \"\";\n\t\tthis.
|
|
49899
|
+
"sourceCode": "import {\n\tComponent,\n\tInput,\n\tEventEmitter,\n\tOutput,\n\tHostBinding,\n\tElementRef,\n\tHostListener,\n\tViewChild\n} from \"@angular/core\";\nimport { NG_VALUE_ACCESSOR, ControlValueAccessor } from \"@angular/forms\";\nimport { I18n } from \"carbon-components-angular/i18n\";\n\n/**\n * Get started with importing the module:\n *\n * ```typescript\n * import { SearchModule } from 'carbon-components-angular';\n * ```\n *\n * [See demo](../../?path=/story/components-search--basic)\n */\n@Component({\n\tselector: \"cds-search, ibm-search\",\n\ttemplateUrl: \"search.component.html\",\n\tproviders: [\n\t\t{\n\t\t\tprovide: NG_VALUE_ACCESSOR,\n\t\t\tuseExisting: Search,\n\t\t\tmulti: true\n\t\t}\n\t]\n})\nexport class Search implements ControlValueAccessor {\n\t/**\n\t * Variable used for creating unique ids for search components.\n\t */\n\tstatic searchCount = 0;\n\n\t@HostBinding(\"class.cds--form-item\") get containerClass() {\n\t\treturn !(this.toolbar || this.expandable);\n\t}\n\n\t@HostBinding(\"class.cds--text-input--fluid__skeleton\") get fluidSkeletonClass() {\n\t\treturn this.skeleton && this.fluid;\n\t}\n\n\t/**\n\t * @deprecated since v5 - Use `cdsLayer` directive instead\n\t * `light` or `dark` search theme.\n\t */\n\t@Input() theme: \"light\" | \"dark\" = \"dark\";\n\n\t/**\n\t * Size of the search field.\n\t */\n\t@Input() size: \"sm\" | \"md\" | \"lg\" = \"md\";\n\n\t/**\n\t * Set to `true` for a disabled search input.\n\t */\n\t@Input() disabled = false;\n\t/**\n\t * Set to `true` for a toolbar search component.\n\t */\n\t@Input() toolbar = false;\n\t/**\n\t * Set to `true` to make the search component expandable.\n\t * `expandable` would override `toolbar` property behaviours.\n\t */\n\t@Input() expandable = false;\n\t/**\n\t * Set to `true` for a loading search component.\n\t */\n\t@Input() skeleton = false;\n\t/**\n\t * Set to `true` to expand the toolbar search component.\n\t */\n\t@Input() active = false;\n\t/**\n\t * Specifies whether the search component is used in the table toolbar.\n\t */\n\t@Input() tableSearch = false;\n\t/**\n\t * Sets the name attribute on the `input` element.\n\t */\n\t@Input() name: string;\n\t/**\n\t * The unique id for the search component.\n\t */\n\t@Input() id = `search-${Search.searchCount}`;\n\t/**\n\t * Reflects the required attribute of the `input` element.\n\t */\n\t@Input() required: boolean;\n\t/**\n\t * Sets the value attribute on the `input` element.\n\t */\n\t@Input() value = \"\";\n\t/**\n\t * Sets the autocomplete attribute on the `input` element.\n\t * For reference: https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete#Values\n\t */\n\t@Input() autocomplete = \"on\";\n\t/**\n\t * Sets the text inside the `label` tag.\n\t */\n\t@Input() label = this.i18n.get().SEARCH.LABEL;\n\t/**\n\t * Sets the placeholder attribute on the `input` element.\n\t */\n\t@Input() placeholder = this.i18n.get().SEARCH.PLACEHOLDER;\n\t/**\n\t * Used to set the `title` attribute of the clear button.\n\t */\n\t@Input() clearButtonTitle = this.i18n.get().SEARCH.CLEAR_BUTTON;\n\t/**\n\t * Title for the search trigger\n\t */\n\t@Input() searchTitle = \"\";\n\t/**\n\t * Sets the aria label on the `div` element with the `search` role.\n\t */\n\t@Input() ariaLabel: string;\n\t/**\n\t * Experimental: enable fluid state\n\t */\n\t@Input() fluid = false;\n\t/**\n\t * Emits an event when value is changed.\n\t */\n\t@Output() valueChange = new EventEmitter<string>();\n\t@Output() open = new EventEmitter<boolean>();\n\t/**\n\t * Emits an event when the clear button is clicked.\n\t */\n\t@Output() clear = new EventEmitter();\n\t/**\n\t * Emits an event on enter.\n\t */\n\t@Output() search = new EventEmitter<string>();\n\n\t@ViewChild(\"input\") inputRef: ElementRef;\n\n\t/**\n\t * Sets `true` when composing text via IME.\n\t */\n\tprotected isComposing = false;\n\n\t/**\n\t * Creates an instance of `Search`.\n\t * @param i18n The i18n translations.\n\t */\n\tconstructor(protected elementRef: ElementRef, protected i18n: I18n) {\n\t\tSearch.searchCount++;\n\t}\n\n\t/**\n\t * This is the initial value set to the component\n\t * @param value The input value.\n\t */\n\tpublic writeValue(value: any) {\n\t\tthis.value = value;\n\t}\n\n\t/**\n\t * Sets a method in order to propagate changes back to the form.\n\t */\n\tpublic registerOnChange(fn: any) {\n\t\tthis.propagateChange = fn;\n\t}\n\n\t/**\n\t * Registers a callback to be triggered when the control has been touched.\n\t * @param fn Callback to be triggered when the search input is touched.\n\t */\n\tpublic registerOnTouched(fn: any) {\n\t\tthis.onTouched = fn;\n\t}\n\n\t/**\n\t * Called when search input is blurred. Needed to properly implement `ControlValueAccessor`.\n\t */\n\tonTouched: () => any = () => {};\n\n\t/**\n\t * Method set in `registerOnChange` to propagate changes back to the form.\n\t */\n\tpropagateChange = (_: any) => {};\n\n\t/**\n\t * Called when text is written in the input.\n\t * @param search The input text.\n\t */\n\tonSearch(search: string) {\n\t\tif (this.isComposing) { // check for IME use\n\t\t\treturn;\n\t\t}\n\t\tthis.value = search;\n\t\tthis.doValueChange();\n\t}\n\n\t/**\n\t * Called on enter.\n\t */\n\tonEnter() {\n\t\tthis.search.emit(this.value);\n\t}\n\n\t/**\n\t * Called when clear button is clicked.\n\t */\n\tclearSearch(): void {\n\t\tthis.value = \"\";\n\t\tthis.doValueChange();\n\t\tthis.clear.emit();\n\t}\n\n\tdoValueChange() {\n\t\tthis.propagateChange(this.value);\n\t\tthis.valueChange.emit(this.value);\n\t}\n\n\topenSearch() {\n\t\tthis.active = true;\n\t\tthis.open.emit(this.active);\n\t\tsetTimeout(() => this.inputRef.nativeElement.focus());\n\t}\n\n\t@HostListener(\"keydown\", [\"$event\"])\n\tkeyDown(event: KeyboardEvent) {\n\t\tif (this.toolbar || this.expandable) {\n\t\t\tif (event.key === \"Escape\") {\n\t\t\t\tif (this.value === \"\") {\n\t\t\t\t\tthis.active = false;\n\t\t\t\t\tthis.open.emit(this.active);\n\t\t\t\t}\n\t\t\t} else if (event.key === \"Enter\") {\n\t\t\t\tthis.openSearch();\n\t\t\t}\n\t\t}\n\n\t\tif (event.key === \"Escape\") {\n\t\t\tif (this.value !== \"\") {\n\t\t\t\tthis.clearSearch();\n\t\t\t}\n\t\t}\n\t}\n\n\t@HostListener(\"focusout\", [\"$event\"])\n\tfocusOut(event) {\n\t\tthis.onTouched();\n\t\tif ((this.expandable || this.toolbar) &&\n\t\t\tthis.inputRef &&\n\t\t\tthis.inputRef.nativeElement.value === \"\" &&\n\t\t\t!(this.elementRef.nativeElement as HTMLElement).contains(event.relatedTarget)) {\n\t\t\tthis.active = false;\n\t\t\tthis.open.emit(this.active);\n\t\t}\n\t}\n\n\t@HostListener(\"focusin\", [\"$event\"])\n\tfocusIn(event) {\n\t\tthis.onTouched();\n\t\t// set input focus if search icon get focus from tab key press event.\n\t\tif ((this.expandable || this.toolbar) &&\n\t\t\tthis.inputRef && !event.relatedTarget &&\n\t\t\t!(this.elementRef.nativeElement as HTMLElement).contains(event.relatedTarget) ) {\n\t\t\tthis.openSearch();\n\t\t}\n\t}\n\n\t/**\n\t * Called when using IME composition.\n\t */\n\t@HostListener(\"compositionstart\", [\"$event\"])\n\tcompositionStart(event) {\n\t\tthis.isComposing = true;\n\t}\n\n\t/**\n\t * Called when IME composition finishes.\n\t */\n\t@HostListener(\"compositionend\", [\"$event\"])\n\tcompositionEnd(event) {\n\t\tthis.isComposing = false;\n\t\tthis.onSearch(this.value + event.data);\n\t}\n}\n",
|
|
49900
49900
|
"assetsDirs": [],
|
|
49901
49901
|
"styleUrlsData": "",
|
|
49902
49902
|
"stylesData": "",
|
|
@@ -74824,7 +74824,7 @@
|
|
|
74824
74824
|
"name": "Basic",
|
|
74825
74825
|
"ctype": "miscellaneous",
|
|
74826
74826
|
"subtype": "variable",
|
|
74827
|
-
"file": "src/
|
|
74827
|
+
"file": "src/breadcrumb/breadcrumb.stories.ts",
|
|
74828
74828
|
"deprecated": false,
|
|
74829
74829
|
"deprecationMessage": "",
|
|
74830
74830
|
"type": "",
|
|
@@ -74834,7 +74834,7 @@
|
|
|
74834
74834
|
"name": "Basic",
|
|
74835
74835
|
"ctype": "miscellaneous",
|
|
74836
74836
|
"subtype": "variable",
|
|
74837
|
-
"file": "src/button/button.stories.ts",
|
|
74837
|
+
"file": "src/button/button-set.stories.ts",
|
|
74838
74838
|
"deprecated": false,
|
|
74839
74839
|
"deprecationMessage": "",
|
|
74840
74840
|
"type": "",
|
|
@@ -74844,7 +74844,7 @@
|
|
|
74844
74844
|
"name": "Basic",
|
|
74845
74845
|
"ctype": "miscellaneous",
|
|
74846
74846
|
"subtype": "variable",
|
|
74847
|
-
"file": "src/button/
|
|
74847
|
+
"file": "src/button/button.stories.ts",
|
|
74848
74848
|
"deprecated": false,
|
|
74849
74849
|
"deprecationMessage": "",
|
|
74850
74850
|
"type": "",
|
|
@@ -74854,7 +74854,7 @@
|
|
|
74854
74854
|
"name": "Basic",
|
|
74855
74855
|
"ctype": "miscellaneous",
|
|
74856
74856
|
"subtype": "variable",
|
|
74857
|
-
"file": "src/
|
|
74857
|
+
"file": "src/button/icon-button.stories.ts",
|
|
74858
74858
|
"deprecated": false,
|
|
74859
74859
|
"deprecationMessage": "",
|
|
74860
74860
|
"type": "",
|
|
@@ -75074,7 +75074,7 @@
|
|
|
75074
75074
|
"name": "Basic",
|
|
75075
75075
|
"ctype": "miscellaneous",
|
|
75076
75076
|
"subtype": "variable",
|
|
75077
|
-
"file": "src/
|
|
75077
|
+
"file": "src/modal/modal.stories.ts",
|
|
75078
75078
|
"deprecated": false,
|
|
75079
75079
|
"deprecationMessage": "",
|
|
75080
75080
|
"type": "",
|
|
@@ -75084,7 +75084,7 @@
|
|
|
75084
75084
|
"name": "Basic",
|
|
75085
75085
|
"ctype": "miscellaneous",
|
|
75086
75086
|
"subtype": "variable",
|
|
75087
|
-
"file": "src/
|
|
75087
|
+
"file": "src/menu-button/menu-button.stories.ts",
|
|
75088
75088
|
"deprecated": false,
|
|
75089
75089
|
"deprecationMessage": "",
|
|
75090
75090
|
"type": "",
|
|
@@ -75094,7 +75094,7 @@
|
|
|
75094
75094
|
"name": "Basic",
|
|
75095
75095
|
"ctype": "miscellaneous",
|
|
75096
75096
|
"subtype": "variable",
|
|
75097
|
-
"file": "src/
|
|
75097
|
+
"file": "src/pagination/pagination-nav.stories.ts",
|
|
75098
75098
|
"deprecated": false,
|
|
75099
75099
|
"deprecationMessage": "",
|
|
75100
75100
|
"type": "",
|
|
@@ -75104,7 +75104,7 @@
|
|
|
75104
75104
|
"name": "Basic",
|
|
75105
75105
|
"ctype": "miscellaneous",
|
|
75106
75106
|
"subtype": "variable",
|
|
75107
|
-
"file": "src/pagination/pagination
|
|
75107
|
+
"file": "src/pagination/pagination.stories.ts",
|
|
75108
75108
|
"deprecated": false,
|
|
75109
75109
|
"deprecationMessage": "",
|
|
75110
75110
|
"type": "",
|
|
@@ -75114,7 +75114,7 @@
|
|
|
75114
75114
|
"name": "Basic",
|
|
75115
75115
|
"ctype": "miscellaneous",
|
|
75116
75116
|
"subtype": "variable",
|
|
75117
|
-
"file": "src/
|
|
75117
|
+
"file": "src/number-input/number.stories.ts",
|
|
75118
75118
|
"deprecated": false,
|
|
75119
75119
|
"deprecationMessage": "",
|
|
75120
75120
|
"type": "",
|
|
@@ -77686,41 +77686,41 @@
|
|
|
77686
77686
|
"name": "Template",
|
|
77687
77687
|
"ctype": "miscellaneous",
|
|
77688
77688
|
"subtype": "variable",
|
|
77689
|
-
"file": "src/
|
|
77689
|
+
"file": "src/breadcrumb/breadcrumb.stories.ts",
|
|
77690
77690
|
"deprecated": false,
|
|
77691
77691
|
"deprecationMessage": "",
|
|
77692
77692
|
"type": "",
|
|
77693
|
-
"defaultValue": "(args) => ({\n\tprops: args,\n\ttemplate: `\n\t\t<cds-
|
|
77693
|
+
"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})"
|
|
77694
77694
|
},
|
|
77695
77695
|
{
|
|
77696
77696
|
"name": "Template",
|
|
77697
77697
|
"ctype": "miscellaneous",
|
|
77698
77698
|
"subtype": "variable",
|
|
77699
|
-
"file": "src/button/button.stories.ts",
|
|
77699
|
+
"file": "src/button/button-set.stories.ts",
|
|
77700
77700
|
"deprecated": false,
|
|
77701
77701
|
"deprecationMessage": "",
|
|
77702
77702
|
"type": "",
|
|
77703
|
-
"defaultValue": "(args) => ({\n\tprops: args,\n\ttemplate: `\n\t\t<button
|
|
77703
|
+
"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})"
|
|
77704
77704
|
},
|
|
77705
77705
|
{
|
|
77706
77706
|
"name": "Template",
|
|
77707
77707
|
"ctype": "miscellaneous",
|
|
77708
77708
|
"subtype": "variable",
|
|
77709
|
-
"file": "src/button/
|
|
77709
|
+
"file": "src/button/button.stories.ts",
|
|
77710
77710
|
"deprecated": false,
|
|
77711
77711
|
"deprecationMessage": "",
|
|
77712
77712
|
"type": "",
|
|
77713
|
-
"defaultValue": "(args) => ({\n\tprops: args,\n\ttemplate: `\n\t\t<
|
|
77713
|
+
"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})"
|
|
77714
77714
|
},
|
|
77715
77715
|
{
|
|
77716
77716
|
"name": "Template",
|
|
77717
77717
|
"ctype": "miscellaneous",
|
|
77718
77718
|
"subtype": "variable",
|
|
77719
|
-
"file": "src/
|
|
77719
|
+
"file": "src/button/icon-button.stories.ts",
|
|
77720
77720
|
"deprecated": false,
|
|
77721
77721
|
"deprecationMessage": "",
|
|
77722
77722
|
"type": "",
|
|
77723
|
-
"defaultValue": "(args) => ({\n\tprops: args,\n\ttemplate: `\n\t\t<cds-
|
|
77723
|
+
"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})"
|
|
77724
77724
|
},
|
|
77725
77725
|
{
|
|
77726
77726
|
"name": "Template",
|
|
@@ -77936,51 +77936,51 @@
|
|
|
77936
77936
|
"name": "Template",
|
|
77937
77937
|
"ctype": "miscellaneous",
|
|
77938
77938
|
"subtype": "variable",
|
|
77939
|
-
"file": "src/
|
|
77939
|
+
"file": "src/modal/modal.stories.ts",
|
|
77940
77940
|
"deprecated": false,
|
|
77941
77941
|
"deprecationMessage": "",
|
|
77942
77942
|
"type": "",
|
|
77943
|
-
"defaultValue": "(args) => ({\n\tprops: args,\n\ttemplate: `\n\t\t
|
|
77943
|
+
"defaultValue": "(args) => ({\n\tprops: args,\n\ttemplate: `\n\t\t<!--\n\t\tapp-* components are for demo purposes only.\n\t\tYou can create your own implementation by using the component source found at:\n\t\thttps://github.com/IBM/carbon-components-angular/tree/master/src/modal/stories/modal.component.ts\n\t\t-->\n\t\t<app-modal-story [modalText]=\"modalText\" [size]=\"size\" [showCloseButton]=\"showCloseButton\"></app-modal-story>\n\t\t<cds-placeholder></cds-placeholder>\n\t`\n})"
|
|
77944
77944
|
},
|
|
77945
77945
|
{
|
|
77946
77946
|
"name": "Template",
|
|
77947
77947
|
"ctype": "miscellaneous",
|
|
77948
77948
|
"subtype": "variable",
|
|
77949
|
-
"file": "src/
|
|
77949
|
+
"file": "src/menu-button/menu-button.stories.ts",
|
|
77950
77950
|
"deprecated": false,
|
|
77951
77951
|
"deprecationMessage": "",
|
|
77952
77952
|
"type": "",
|
|
77953
|
-
"defaultValue": "(args) => ({\n\tprops: args,\n\ttemplate: `\n\t\t
|
|
77953
|
+
"defaultValue": "(args) => ({\n\tprops: args,\n\ttemplate: `\n\t\t<cds-menu-button\n\t\t\t[kind]=\"kind\"\n\t\t\t[size]=\"size\"\n\t\t\t[menuAlignment]=\"menuAlignment\"\n\t\t\t[label]=\"label\">\n\t\t\t<cds-menu-item label=\"First action with a long label description\"></cds-menu-item>\n\t\t\t<cds-menu-item label=\"Second action\" (click)=\"onClick($event)\"></cds-menu-item>\n\t\t\t<cds-menu-item label=\"Third action\" [disabled]=\"true\"></cds-menu-item>\n\t\t\t<cds-menu-divider></cds-menu-divider>\n\t\t\t<cds-menu-item label=\"Cut\" info=\"⌘X\"></cds-menu-item>\n\t\t\t<cds-menu-item label=\"Option with icon\" icon=\"calendar\"></cds-menu-item>\n\t\t\t<cds-menu-divider></cds-menu-divider>\n\t\t\t<cds-menu-item label=\"Danger action\" [danger]=\"true\"></cds-menu-item>\n\t\t</cds-menu-button>\n\t`\n})"
|
|
77954
77954
|
},
|
|
77955
77955
|
{
|
|
77956
77956
|
"name": "Template",
|
|
77957
77957
|
"ctype": "miscellaneous",
|
|
77958
77958
|
"subtype": "variable",
|
|
77959
|
-
"file": "src/
|
|
77959
|
+
"file": "src/pagination/pagination-nav.stories.ts",
|
|
77960
77960
|
"deprecated": false,
|
|
77961
77961
|
"deprecationMessage": "",
|
|
77962
77962
|
"type": "",
|
|
77963
|
-
"defaultValue": "(args) => ({\n\tprops: args,\n\ttemplate: `\n\t\t
|
|
77963
|
+
"defaultValue": "(args) => ({\n\tprops: args,\n\ttemplate: `\n\t\t<!--\n\t\tapp-* components are for demo purposes only.\n\t\tYou can create your own implementation by using the component source found at:\n\t\thttps://github.com/IBM/carbon-components-angular/tree/master/src/pagination/pagination-nav/stories/pagination-nav-story.component.ts\n\t\t-->\n\t\t<app-pagination\n\t\t\t[disabled]=\"disabled\"\n\t\t\t[totalDataLength]=\"totalDataLength\"\n\t\t\t[numOfItemsToShow]=\"numOfItemsToShow\"\n\t\t\t[skeleton]=\"skeleton\"\n\t\t\t[size]=\"size\">\n\t\t</app-pagination>\n\t`\n})"
|
|
77964
77964
|
},
|
|
77965
77965
|
{
|
|
77966
77966
|
"name": "Template",
|
|
77967
77967
|
"ctype": "miscellaneous",
|
|
77968
77968
|
"subtype": "variable",
|
|
77969
|
-
"file": "src/pagination/pagination
|
|
77969
|
+
"file": "src/pagination/pagination.stories.ts",
|
|
77970
77970
|
"deprecated": false,
|
|
77971
77971
|
"deprecationMessage": "",
|
|
77972
77972
|
"type": "",
|
|
77973
|
-
"defaultValue": "(args) => ({\n\tprops: args,\n\ttemplate: `\n\t\t<!--\n\t\tapp-* components are for demo purposes only.\n\t\tYou can create your own implementation by using the component source found at:\n\t\thttps://github.com/IBM/carbon-components-angular/tree/master/src/pagination/
|
|
77973
|
+
"defaultValue": "(args) => ({\n\tprops: args,\n\ttemplate: `\n\t\t<!--\n\t\tapp-* components are for demo purposes only.\n\t\tYou can create your own implementation by using the component source found at:\n\t\thttps://github.com/IBM/carbon-components-angular/tree/master/src/pagination/stories/pagination.component.ts\n\t\t-->\n\t\t<app-pagination\n\t\t\t[disabled]=\"disabled\"\n\t\t\t[pageInputDisabled]=\"pageInputDisabled\"\n\t\t\t[pagesUnknown]=\"pagesUnknown\"\n\t\t\t[totalDataLength]=\"totalDataLength\"\n\t\t\t[showPageInput]=\"showPageInput\"\n\t\t\t[skeleton]=\"skeleton\">\n\t\t</app-pagination>\n\t`\n})"
|
|
77974
77974
|
},
|
|
77975
77975
|
{
|
|
77976
77976
|
"name": "Template",
|
|
77977
77977
|
"ctype": "miscellaneous",
|
|
77978
77978
|
"subtype": "variable",
|
|
77979
|
-
"file": "src/
|
|
77979
|
+
"file": "src/number-input/number.stories.ts",
|
|
77980
77980
|
"deprecated": false,
|
|
77981
77981
|
"deprecationMessage": "",
|
|
77982
77982
|
"type": "",
|
|
77983
|
-
"defaultValue": "(args) => ({\n\tprops: args,\n\ttemplate: `\n\t\t
|
|
77983
|
+
"defaultValue": "(args) => ({\n\tprops: args,\n\ttemplate: `\n\t\t<cds-number\n\t\t\t[label]=\"label\"\n\t\t\t[helperText]=\"[helperText]\"\n\t\t\t[theme]=\"theme\"\n\t\t\t[min]=\"min\"\n\t\t\t[max]=\"max\"\n\t\t\t[step]=\"step\"\n\t\t\t[invalid]=\"invalid\"\n\t\t\t[invalidText]=\"invalidText\"\n\t\t\t[warn]=\"warn\"\n\t\t\t[warnText]=\"warnText\"\n\t\t\t[size]=\"size\"\n\t\t\t[readonly]=\"readonly\"\n\t\t\t[disabled]=\"disabled\"\n\t\t\t[fluid]=\"fluid\"\n\t\t\t(change)=\"change($event)\">\n\t\t</cds-number>\n\t`\n})"
|
|
77984
77984
|
},
|
|
77985
77985
|
{
|
|
77986
77986
|
"name": "Template",
|
|
@@ -81538,199 +81538,199 @@
|
|
|
81538
81538
|
"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})"
|
|
81539
81539
|
}
|
|
81540
81540
|
],
|
|
81541
|
-
"src/
|
|
81541
|
+
"src/breadcrumb/breadcrumb.stories.ts": [
|
|
81542
81542
|
{
|
|
81543
81543
|
"name": "Basic",
|
|
81544
81544
|
"ctype": "miscellaneous",
|
|
81545
81545
|
"subtype": "variable",
|
|
81546
|
-
"file": "src/
|
|
81546
|
+
"file": "src/breadcrumb/breadcrumb.stories.ts",
|
|
81547
81547
|
"deprecated": false,
|
|
81548
81548
|
"deprecationMessage": "",
|
|
81549
81549
|
"type": "",
|
|
81550
81550
|
"defaultValue": "Template.bind({})"
|
|
81551
81551
|
},
|
|
81552
81552
|
{
|
|
81553
|
-
"name": "
|
|
81553
|
+
"name": "breadcrumbItems",
|
|
81554
81554
|
"ctype": "miscellaneous",
|
|
81555
81555
|
"subtype": "variable",
|
|
81556
|
-
"file": "src/
|
|
81556
|
+
"file": "src/breadcrumb/breadcrumb.stories.ts",
|
|
81557
81557
|
"deprecated": false,
|
|
81558
81558
|
"deprecationMessage": "",
|
|
81559
|
-
"type": ""
|
|
81560
|
-
|
|
81561
|
-
}
|
|
81562
|
-
],
|
|
81563
|
-
"src/button/button.stories.ts": [
|
|
81559
|
+
"type": ""
|
|
81560
|
+
},
|
|
81564
81561
|
{
|
|
81565
|
-
"name": "
|
|
81562
|
+
"name": "createBreadcrumbItems",
|
|
81566
81563
|
"ctype": "miscellaneous",
|
|
81567
81564
|
"subtype": "variable",
|
|
81568
|
-
"file": "src/
|
|
81565
|
+
"file": "src/breadcrumb/breadcrumb.stories.ts",
|
|
81569
81566
|
"deprecated": false,
|
|
81570
81567
|
"deprecationMessage": "",
|
|
81571
81568
|
"type": "",
|
|
81572
|
-
"defaultValue": "
|
|
81569
|
+
"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}"
|
|
81573
81570
|
},
|
|
81574
81571
|
{
|
|
81575
|
-
"name": "
|
|
81572
|
+
"name": "CurrentPage",
|
|
81576
81573
|
"ctype": "miscellaneous",
|
|
81577
81574
|
"subtype": "variable",
|
|
81578
|
-
"file": "src/
|
|
81575
|
+
"file": "src/breadcrumb/breadcrumb.stories.ts",
|
|
81579
81576
|
"deprecated": false,
|
|
81580
81577
|
"deprecationMessage": "",
|
|
81581
81578
|
"type": "",
|
|
81582
|
-
"defaultValue": "(
|
|
81579
|
+
"defaultValue": "CurrentPageTemplate.bind({})"
|
|
81583
81580
|
},
|
|
81584
81581
|
{
|
|
81585
|
-
"name": "
|
|
81582
|
+
"name": "CurrentPageTemplate",
|
|
81586
81583
|
"ctype": "miscellaneous",
|
|
81587
81584
|
"subtype": "variable",
|
|
81588
|
-
"file": "src/
|
|
81585
|
+
"file": "src/breadcrumb/breadcrumb.stories.ts",
|
|
81589
81586
|
"deprecated": false,
|
|
81590
81587
|
"deprecationMessage": "",
|
|
81591
81588
|
"type": "",
|
|
81592
|
-
"defaultValue": "
|
|
81589
|
+
"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})"
|
|
81593
81590
|
},
|
|
81594
81591
|
{
|
|
81595
|
-
"name": "
|
|
81592
|
+
"name": "Model",
|
|
81596
81593
|
"ctype": "miscellaneous",
|
|
81597
81594
|
"subtype": "variable",
|
|
81598
|
-
"file": "src/
|
|
81595
|
+
"file": "src/breadcrumb/breadcrumb.stories.ts",
|
|
81599
81596
|
"deprecated": false,
|
|
81600
81597
|
"deprecationMessage": "",
|
|
81601
81598
|
"type": "",
|
|
81602
|
-
"defaultValue": "(
|
|
81603
|
-
}
|
|
81604
|
-
],
|
|
81605
|
-
"src/breadcrumb/breadcrumb.stories.ts": [
|
|
81599
|
+
"defaultValue": "ModelTemplate.bind({})"
|
|
81600
|
+
},
|
|
81606
81601
|
{
|
|
81607
|
-
"name": "
|
|
81602
|
+
"name": "ModelTemplate",
|
|
81608
81603
|
"ctype": "miscellaneous",
|
|
81609
81604
|
"subtype": "variable",
|
|
81610
81605
|
"file": "src/breadcrumb/breadcrumb.stories.ts",
|
|
81611
81606
|
"deprecated": false,
|
|
81612
81607
|
"deprecationMessage": "",
|
|
81613
81608
|
"type": "",
|
|
81614
|
-
"defaultValue": "
|
|
81609
|
+
"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})"
|
|
81615
81610
|
},
|
|
81616
81611
|
{
|
|
81617
|
-
"name": "
|
|
81612
|
+
"name": "ModelWithTemplate",
|
|
81618
81613
|
"ctype": "miscellaneous",
|
|
81619
81614
|
"subtype": "variable",
|
|
81620
81615
|
"file": "src/breadcrumb/breadcrumb.stories.ts",
|
|
81621
81616
|
"deprecated": false,
|
|
81622
81617
|
"deprecationMessage": "",
|
|
81623
|
-
"type": ""
|
|
81618
|
+
"type": "",
|
|
81619
|
+
"defaultValue": "ModelWTemplate.bind({})"
|
|
81624
81620
|
},
|
|
81625
81621
|
{
|
|
81626
|
-
"name": "
|
|
81622
|
+
"name": "ModelWTemplate",
|
|
81627
81623
|
"ctype": "miscellaneous",
|
|
81628
81624
|
"subtype": "variable",
|
|
81629
81625
|
"file": "src/breadcrumb/breadcrumb.stories.ts",
|
|
81630
81626
|
"deprecated": false,
|
|
81631
81627
|
"deprecationMessage": "",
|
|
81632
81628
|
"type": "",
|
|
81633
|
-
"defaultValue": "(
|
|
81629
|
+
"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})"
|
|
81634
81630
|
},
|
|
81635
81631
|
{
|
|
81636
|
-
"name": "
|
|
81632
|
+
"name": "Skeleton",
|
|
81637
81633
|
"ctype": "miscellaneous",
|
|
81638
81634
|
"subtype": "variable",
|
|
81639
81635
|
"file": "src/breadcrumb/breadcrumb.stories.ts",
|
|
81640
81636
|
"deprecated": false,
|
|
81641
81637
|
"deprecationMessage": "",
|
|
81642
81638
|
"type": "",
|
|
81643
|
-
"defaultValue": "
|
|
81639
|
+
"defaultValue": "WithSkeleton.bind({})"
|
|
81644
81640
|
},
|
|
81645
81641
|
{
|
|
81646
|
-
"name": "
|
|
81642
|
+
"name": "Template",
|
|
81647
81643
|
"ctype": "miscellaneous",
|
|
81648
81644
|
"subtype": "variable",
|
|
81649
81645
|
"file": "src/breadcrumb/breadcrumb.stories.ts",
|
|
81650
81646
|
"deprecated": false,
|
|
81651
81647
|
"deprecationMessage": "",
|
|
81652
81648
|
"type": "",
|
|
81653
|
-
"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
|
|
81649
|
+
"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})"
|
|
81654
81650
|
},
|
|
81655
81651
|
{
|
|
81656
|
-
"name": "
|
|
81652
|
+
"name": "WithSkeleton",
|
|
81657
81653
|
"ctype": "miscellaneous",
|
|
81658
81654
|
"subtype": "variable",
|
|
81659
81655
|
"file": "src/breadcrumb/breadcrumb.stories.ts",
|
|
81660
81656
|
"deprecated": false,
|
|
81661
81657
|
"deprecationMessage": "",
|
|
81662
81658
|
"type": "",
|
|
81663
|
-
"defaultValue": "
|
|
81659
|
+
"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})"
|
|
81664
81660
|
},
|
|
81665
81661
|
{
|
|
81666
|
-
"name": "
|
|
81662
|
+
"name": "withTemplate",
|
|
81667
81663
|
"ctype": "miscellaneous",
|
|
81668
81664
|
"subtype": "variable",
|
|
81669
81665
|
"file": "src/breadcrumb/breadcrumb.stories.ts",
|
|
81670
81666
|
"deprecated": false,
|
|
81671
81667
|
"deprecationMessage": "",
|
|
81672
81668
|
"type": "",
|
|
81673
|
-
"defaultValue": "(
|
|
81674
|
-
}
|
|
81669
|
+
"defaultValue": "(templateRef, items) => items.map(item => Object.assign(item, { template: templateRef }))"
|
|
81670
|
+
}
|
|
81671
|
+
],
|
|
81672
|
+
"src/button/button-set.stories.ts": [
|
|
81675
81673
|
{
|
|
81676
|
-
"name": "
|
|
81674
|
+
"name": "Basic",
|
|
81677
81675
|
"ctype": "miscellaneous",
|
|
81678
81676
|
"subtype": "variable",
|
|
81679
|
-
"file": "src/
|
|
81677
|
+
"file": "src/button/button-set.stories.ts",
|
|
81680
81678
|
"deprecated": false,
|
|
81681
81679
|
"deprecationMessage": "",
|
|
81682
81680
|
"type": "",
|
|
81683
|
-
"defaultValue": "
|
|
81681
|
+
"defaultValue": "Template.bind({})"
|
|
81684
81682
|
},
|
|
81685
81683
|
{
|
|
81686
|
-
"name": "
|
|
81684
|
+
"name": "Template",
|
|
81687
81685
|
"ctype": "miscellaneous",
|
|
81688
81686
|
"subtype": "variable",
|
|
81689
|
-
"file": "src/
|
|
81687
|
+
"file": "src/button/button-set.stories.ts",
|
|
81690
81688
|
"deprecated": false,
|
|
81691
81689
|
"deprecationMessage": "",
|
|
81692
81690
|
"type": "",
|
|
81693
|
-
"defaultValue": "(args) => ({\n\tprops:
|
|
81694
|
-
}
|
|
81691
|
+
"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})"
|
|
81692
|
+
}
|
|
81693
|
+
],
|
|
81694
|
+
"src/button/button.stories.ts": [
|
|
81695
81695
|
{
|
|
81696
|
-
"name": "
|
|
81696
|
+
"name": "Basic",
|
|
81697
81697
|
"ctype": "miscellaneous",
|
|
81698
81698
|
"subtype": "variable",
|
|
81699
|
-
"file": "src/
|
|
81699
|
+
"file": "src/button/button.stories.ts",
|
|
81700
81700
|
"deprecated": false,
|
|
81701
81701
|
"deprecationMessage": "",
|
|
81702
81702
|
"type": "",
|
|
81703
|
-
"defaultValue": "
|
|
81703
|
+
"defaultValue": "Template.bind({})"
|
|
81704
81704
|
},
|
|
81705
81705
|
{
|
|
81706
81706
|
"name": "Template",
|
|
81707
81707
|
"ctype": "miscellaneous",
|
|
81708
81708
|
"subtype": "variable",
|
|
81709
|
-
"file": "src/
|
|
81709
|
+
"file": "src/button/button.stories.ts",
|
|
81710
81710
|
"deprecated": false,
|
|
81711
81711
|
"deprecationMessage": "",
|
|
81712
81712
|
"type": "",
|
|
81713
|
-
"defaultValue": "(args) => ({\n\tprops: args,\n\ttemplate: `\n\t\t<
|
|
81713
|
+
"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})"
|
|
81714
81714
|
},
|
|
81715
81715
|
{
|
|
81716
|
-
"name": "
|
|
81716
|
+
"name": "WithIcon",
|
|
81717
81717
|
"ctype": "miscellaneous",
|
|
81718
81718
|
"subtype": "variable",
|
|
81719
|
-
"file": "src/
|
|
81719
|
+
"file": "src/button/button.stories.ts",
|
|
81720
81720
|
"deprecated": false,
|
|
81721
81721
|
"deprecationMessage": "",
|
|
81722
81722
|
"type": "",
|
|
81723
|
-
"defaultValue": "(
|
|
81723
|
+
"defaultValue": "WithIconTemplate.bind({})"
|
|
81724
81724
|
},
|
|
81725
81725
|
{
|
|
81726
|
-
"name": "
|
|
81726
|
+
"name": "WithIconTemplate",
|
|
81727
81727
|
"ctype": "miscellaneous",
|
|
81728
81728
|
"subtype": "variable",
|
|
81729
|
-
"file": "src/
|
|
81729
|
+
"file": "src/button/button.stories.ts",
|
|
81730
81730
|
"deprecated": false,
|
|
81731
81731
|
"deprecationMessage": "",
|
|
81732
81732
|
"type": "",
|
|
81733
|
-
"defaultValue": "(
|
|
81733
|
+
"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})"
|
|
81734
81734
|
}
|
|
81735
81735
|
],
|
|
81736
81736
|
"src/checkbox/checkbox.stories.ts": [
|
|
@@ -82883,28 +82883,6 @@
|
|
|
82883
82883
|
"defaultValue": "(args) => ({\n\tprops: args,\n\ttemplate: `\n\t\t<cds-loading [isActive]=\"isActive\" [size]=\"size\" [overlay]=\"overlay\"></cds-loading>\n\t`\n})"
|
|
82884
82884
|
}
|
|
82885
82885
|
],
|
|
82886
|
-
"src/menu-button/menu-button.stories.ts": [
|
|
82887
|
-
{
|
|
82888
|
-
"name": "Basic",
|
|
82889
|
-
"ctype": "miscellaneous",
|
|
82890
|
-
"subtype": "variable",
|
|
82891
|
-
"file": "src/menu-button/menu-button.stories.ts",
|
|
82892
|
-
"deprecated": false,
|
|
82893
|
-
"deprecationMessage": "",
|
|
82894
|
-
"type": "",
|
|
82895
|
-
"defaultValue": "Template.bind({})"
|
|
82896
|
-
},
|
|
82897
|
-
{
|
|
82898
|
-
"name": "Template",
|
|
82899
|
-
"ctype": "miscellaneous",
|
|
82900
|
-
"subtype": "variable",
|
|
82901
|
-
"file": "src/menu-button/menu-button.stories.ts",
|
|
82902
|
-
"deprecated": false,
|
|
82903
|
-
"deprecationMessage": "",
|
|
82904
|
-
"type": "",
|
|
82905
|
-
"defaultValue": "(args) => ({\n\tprops: args,\n\ttemplate: `\n\t\t<cds-menu-button\n\t\t\t[kind]=\"kind\"\n\t\t\t[size]=\"size\"\n\t\t\t[menuAlignment]=\"menuAlignment\"\n\t\t\t[label]=\"label\">\n\t\t\t<cds-menu-item label=\"First action with a long label description\"></cds-menu-item>\n\t\t\t<cds-menu-item label=\"Second action\" (click)=\"onClick($event)\"></cds-menu-item>\n\t\t\t<cds-menu-item label=\"Third action\" [disabled]=\"true\"></cds-menu-item>\n\t\t\t<cds-menu-divider></cds-menu-divider>\n\t\t\t<cds-menu-item label=\"Cut\" info=\"⌘X\"></cds-menu-item>\n\t\t\t<cds-menu-item label=\"Option with icon\" icon=\"calendar\"></cds-menu-item>\n\t\t\t<cds-menu-divider></cds-menu-divider>\n\t\t\t<cds-menu-item label=\"Danger action\" [danger]=\"true\"></cds-menu-item>\n\t\t</cds-menu-button>\n\t`\n})"
|
|
82906
|
-
}
|
|
82907
|
-
],
|
|
82908
82886
|
"src/modal/modal.stories.ts": [
|
|
82909
82887
|
{
|
|
82910
82888
|
"name": "Basic",
|
|
@@ -83027,120 +83005,142 @@
|
|
|
83027
83005
|
"defaultValue": "(args) => ({\n\tprops: args,\n\ttemplate: `\n\t\t<!--\n\t\tapp-* components are for demo purposes only.\n\t\tYou can create your own implementation by using the component source found at:\n\t\thttps://github.com/IBM/carbon-components-angular/tree/master/src/modal/stories/alert-modal.component.ts\n\t\t-->\n\t\t<app-alert-modal-story\n\t\t\t[modalType]=\"modalType\"\n\t\t\t[modalLabel]=\"modalLabel\"\n\t\t\t[modalTitle]=\"modalTitle\"\n\t\t\t[modalContent]=\"modalContent\"\n\t\t\t[size]=\"size\"\n\t\t\t[showCloseButton]=\"showCloseButton\"\n\t\t\t[buttons]=\"buttons\">\n\t\t</app-alert-modal-story>\n\t\t<cds-placeholder></cds-placeholder>\n\t`\n})"
|
|
83028
83006
|
}
|
|
83029
83007
|
],
|
|
83030
|
-
"src/
|
|
83008
|
+
"src/menu-button/menu-button.stories.ts": [
|
|
83031
83009
|
{
|
|
83032
83010
|
"name": "Basic",
|
|
83033
83011
|
"ctype": "miscellaneous",
|
|
83034
83012
|
"subtype": "variable",
|
|
83035
|
-
"file": "src/
|
|
83013
|
+
"file": "src/menu-button/menu-button.stories.ts",
|
|
83036
83014
|
"deprecated": false,
|
|
83037
83015
|
"deprecationMessage": "",
|
|
83038
83016
|
"type": "",
|
|
83039
83017
|
"defaultValue": "Template.bind({})"
|
|
83040
83018
|
},
|
|
83041
83019
|
{
|
|
83042
|
-
"name": "
|
|
83020
|
+
"name": "Template",
|
|
83043
83021
|
"ctype": "miscellaneous",
|
|
83044
83022
|
"subtype": "variable",
|
|
83045
|
-
"file": "src/
|
|
83023
|
+
"file": "src/menu-button/menu-button.stories.ts",
|
|
83024
|
+
"deprecated": false,
|
|
83025
|
+
"deprecationMessage": "",
|
|
83026
|
+
"type": "",
|
|
83027
|
+
"defaultValue": "(args) => ({\n\tprops: args,\n\ttemplate: `\n\t\t<cds-menu-button\n\t\t\t[kind]=\"kind\"\n\t\t\t[size]=\"size\"\n\t\t\t[menuAlignment]=\"menuAlignment\"\n\t\t\t[label]=\"label\">\n\t\t\t<cds-menu-item label=\"First action with a long label description\"></cds-menu-item>\n\t\t\t<cds-menu-item label=\"Second action\" (click)=\"onClick($event)\"></cds-menu-item>\n\t\t\t<cds-menu-item label=\"Third action\" [disabled]=\"true\"></cds-menu-item>\n\t\t\t<cds-menu-divider></cds-menu-divider>\n\t\t\t<cds-menu-item label=\"Cut\" info=\"⌘X\"></cds-menu-item>\n\t\t\t<cds-menu-item label=\"Option with icon\" icon=\"calendar\"></cds-menu-item>\n\t\t\t<cds-menu-divider></cds-menu-divider>\n\t\t\t<cds-menu-item label=\"Danger action\" [danger]=\"true\"></cds-menu-item>\n\t\t</cds-menu-button>\n\t`\n})"
|
|
83028
|
+
}
|
|
83029
|
+
],
|
|
83030
|
+
"src/pagination/pagination-nav.stories.ts": [
|
|
83031
|
+
{
|
|
83032
|
+
"name": "Basic",
|
|
83033
|
+
"ctype": "miscellaneous",
|
|
83034
|
+
"subtype": "variable",
|
|
83035
|
+
"file": "src/pagination/pagination-nav.stories.ts",
|
|
83046
83036
|
"deprecated": false,
|
|
83047
83037
|
"deprecationMessage": "",
|
|
83048
83038
|
"type": "",
|
|
83049
83039
|
"defaultValue": "Template.bind({})"
|
|
83050
83040
|
},
|
|
83051
83041
|
{
|
|
83052
|
-
"name": "
|
|
83042
|
+
"name": "Template",
|
|
83053
83043
|
"ctype": "miscellaneous",
|
|
83054
83044
|
"subtype": "variable",
|
|
83055
|
-
"file": "src/
|
|
83045
|
+
"file": "src/pagination/pagination-nav.stories.ts",
|
|
83056
83046
|
"deprecated": false,
|
|
83057
83047
|
"deprecationMessage": "",
|
|
83058
83048
|
"type": "",
|
|
83059
|
-
"defaultValue": "(args) => ({\n\tprops: args,\n\ttemplate: `\n\t\t
|
|
83060
|
-
}
|
|
83049
|
+
"defaultValue": "(args) => ({\n\tprops: args,\n\ttemplate: `\n\t\t<!--\n\t\tapp-* components are for demo purposes only.\n\t\tYou can create your own implementation by using the component source found at:\n\t\thttps://github.com/IBM/carbon-components-angular/tree/master/src/pagination/pagination-nav/stories/pagination-nav-story.component.ts\n\t\t-->\n\t\t<app-pagination\n\t\t\t[disabled]=\"disabled\"\n\t\t\t[totalDataLength]=\"totalDataLength\"\n\t\t\t[numOfItemsToShow]=\"numOfItemsToShow\"\n\t\t\t[skeleton]=\"skeleton\"\n\t\t\t[size]=\"size\">\n\t\t</app-pagination>\n\t`\n})"
|
|
83050
|
+
}
|
|
83051
|
+
],
|
|
83052
|
+
"src/pagination/pagination.stories.ts": [
|
|
83061
83053
|
{
|
|
83062
|
-
"name": "
|
|
83054
|
+
"name": "Basic",
|
|
83063
83055
|
"ctype": "miscellaneous",
|
|
83064
83056
|
"subtype": "variable",
|
|
83065
|
-
"file": "src/
|
|
83057
|
+
"file": "src/pagination/pagination.stories.ts",
|
|
83066
83058
|
"deprecated": false,
|
|
83067
83059
|
"deprecationMessage": "",
|
|
83068
83060
|
"type": "",
|
|
83069
|
-
"defaultValue": "
|
|
83061
|
+
"defaultValue": "Template.bind({})"
|
|
83070
83062
|
},
|
|
83071
83063
|
{
|
|
83072
|
-
"name": "
|
|
83064
|
+
"name": "Template",
|
|
83065
|
+
"ctype": "miscellaneous",
|
|
83066
|
+
"subtype": "variable",
|
|
83067
|
+
"file": "src/pagination/pagination.stories.ts",
|
|
83068
|
+
"deprecated": false,
|
|
83069
|
+
"deprecationMessage": "",
|
|
83070
|
+
"type": "",
|
|
83071
|
+
"defaultValue": "(args) => ({\n\tprops: args,\n\ttemplate: `\n\t\t<!--\n\t\tapp-* components are for demo purposes only.\n\t\tYou can create your own implementation by using the component source found at:\n\t\thttps://github.com/IBM/carbon-components-angular/tree/master/src/pagination/stories/pagination.component.ts\n\t\t-->\n\t\t<app-pagination\n\t\t\t[disabled]=\"disabled\"\n\t\t\t[pageInputDisabled]=\"pageInputDisabled\"\n\t\t\t[pagesUnknown]=\"pagesUnknown\"\n\t\t\t[totalDataLength]=\"totalDataLength\"\n\t\t\t[showPageInput]=\"showPageInput\"\n\t\t\t[skeleton]=\"skeleton\">\n\t\t</app-pagination>\n\t`\n})"
|
|
83072
|
+
}
|
|
83073
|
+
],
|
|
83074
|
+
"src/number-input/number.stories.ts": [
|
|
83075
|
+
{
|
|
83076
|
+
"name": "Basic",
|
|
83073
83077
|
"ctype": "miscellaneous",
|
|
83074
83078
|
"subtype": "variable",
|
|
83075
83079
|
"file": "src/number-input/number.stories.ts",
|
|
83076
83080
|
"deprecated": false,
|
|
83077
83081
|
"deprecationMessage": "",
|
|
83078
83082
|
"type": "",
|
|
83079
|
-
"defaultValue": "
|
|
83083
|
+
"defaultValue": "Template.bind({})"
|
|
83080
83084
|
},
|
|
83081
83085
|
{
|
|
83082
|
-
"name": "
|
|
83086
|
+
"name": "Fluid",
|
|
83083
83087
|
"ctype": "miscellaneous",
|
|
83084
83088
|
"subtype": "variable",
|
|
83085
83089
|
"file": "src/number-input/number.stories.ts",
|
|
83086
83090
|
"deprecated": false,
|
|
83087
83091
|
"deprecationMessage": "",
|
|
83088
83092
|
"type": "",
|
|
83089
|
-
"defaultValue": "(
|
|
83093
|
+
"defaultValue": "Template.bind({})"
|
|
83090
83094
|
},
|
|
83091
83095
|
{
|
|
83092
|
-
"name": "
|
|
83096
|
+
"name": "ModelTemplate",
|
|
83093
83097
|
"ctype": "miscellaneous",
|
|
83094
83098
|
"subtype": "variable",
|
|
83095
83099
|
"file": "src/number-input/number.stories.ts",
|
|
83096
83100
|
"deprecated": false,
|
|
83097
83101
|
"deprecationMessage": "",
|
|
83098
83102
|
"type": "",
|
|
83099
|
-
"defaultValue": "(args) => ({\n\tprops: args,\n\ttemplate: `\n\t\t<cds-number\n\t\t\t[label]=\"label\"\n\t\t\t[helperText]=\"[helperText]\"\n\t\t\t[theme]=\"theme\"\n\t\t\t[min]=\"min\"\n\t\t\t[max]=\"max\"\n\t\t\t[step]=\"step\"\n\t\t\t[
|
|
83100
|
-
}
|
|
83101
|
-
],
|
|
83102
|
-
"src/pagination/pagination-nav.stories.ts": [
|
|
83103
|
+
"defaultValue": "(args) => ({\n\tprops: args,\n\ttemplate: `\n\t\t<cds-number\n\t\t\t[label]=\"label\"\n\t\t\t[helperText]=\"[helperText]\"\n\t\t\t[theme]=\"theme\"\n\t\t\t[min]=\"min\"\n\t\t\t[size]=\"size\"\n\t\t\t[max]=\"max\"\n\t\t\t[step]=\"step\"\n\t\t\t[precision]=\"precision\"\n\t\t\t[invalid]=\"invalid\"\n\t\t\t[invalidText]=\"invalidText\"\n\t\t\t[warn]=\"warn\"\n\t\t\t[warnText]=\"warnText\"\n\t\t\t[disabled]=\"disabled\"\n\t\t\t[(ngModel)]=\"value\"\n\t\t\t[fluid]=\"fluid\"\n\t\t\t(change)=\"change($event)\">\n\t\t</cds-number>\n\t\t{{ value }}\n\t`\n})"
|
|
83104
|
+
},
|
|
83103
83105
|
{
|
|
83104
|
-
"name": "
|
|
83106
|
+
"name": "NgModel",
|
|
83105
83107
|
"ctype": "miscellaneous",
|
|
83106
83108
|
"subtype": "variable",
|
|
83107
|
-
"file": "src/
|
|
83109
|
+
"file": "src/number-input/number.stories.ts",
|
|
83108
83110
|
"deprecated": false,
|
|
83109
83111
|
"deprecationMessage": "",
|
|
83110
83112
|
"type": "",
|
|
83111
|
-
"defaultValue": "
|
|
83113
|
+
"defaultValue": "ModelTemplate.bind({})"
|
|
83112
83114
|
},
|
|
83113
83115
|
{
|
|
83114
|
-
"name": "
|
|
83116
|
+
"name": "Skeleton",
|
|
83115
83117
|
"ctype": "miscellaneous",
|
|
83116
83118
|
"subtype": "variable",
|
|
83117
|
-
"file": "src/
|
|
83119
|
+
"file": "src/number-input/number.stories.ts",
|
|
83118
83120
|
"deprecated": false,
|
|
83119
83121
|
"deprecationMessage": "",
|
|
83120
83122
|
"type": "",
|
|
83121
|
-
"defaultValue": "(
|
|
83122
|
-
}
|
|
83123
|
-
],
|
|
83124
|
-
"src/pagination/pagination.stories.ts": [
|
|
83123
|
+
"defaultValue": "SkeletonTemplate.bind({})"
|
|
83124
|
+
},
|
|
83125
83125
|
{
|
|
83126
|
-
"name": "
|
|
83126
|
+
"name": "SkeletonTemplate",
|
|
83127
83127
|
"ctype": "miscellaneous",
|
|
83128
83128
|
"subtype": "variable",
|
|
83129
|
-
"file": "src/
|
|
83129
|
+
"file": "src/number-input/number.stories.ts",
|
|
83130
83130
|
"deprecated": false,
|
|
83131
83131
|
"deprecationMessage": "",
|
|
83132
83132
|
"type": "",
|
|
83133
|
-
"defaultValue": "
|
|
83133
|
+
"defaultValue": "(args) => ({\n\tprops: args,\n\ttemplate: `\n\t\t<cds-number\n\t\t\tlabel=\"Number input label\"\n\t\t\tskeleton=\"true\"\n\t\t\t[fluid]=\"fluid\"\n\t\t\t(change)=\"change($event)\">\n\t\t</cds-number>\n\t`\n})"
|
|
83134
83134
|
},
|
|
83135
83135
|
{
|
|
83136
83136
|
"name": "Template",
|
|
83137
83137
|
"ctype": "miscellaneous",
|
|
83138
83138
|
"subtype": "variable",
|
|
83139
|
-
"file": "src/
|
|
83139
|
+
"file": "src/number-input/number.stories.ts",
|
|
83140
83140
|
"deprecated": false,
|
|
83141
83141
|
"deprecationMessage": "",
|
|
83142
83142
|
"type": "",
|
|
83143
|
-
"defaultValue": "(args) => ({\n\tprops: args,\n\ttemplate: `\n\t\t
|
|
83143
|
+
"defaultValue": "(args) => ({\n\tprops: args,\n\ttemplate: `\n\t\t<cds-number\n\t\t\t[label]=\"label\"\n\t\t\t[helperText]=\"[helperText]\"\n\t\t\t[theme]=\"theme\"\n\t\t\t[min]=\"min\"\n\t\t\t[max]=\"max\"\n\t\t\t[step]=\"step\"\n\t\t\t[invalid]=\"invalid\"\n\t\t\t[invalidText]=\"invalidText\"\n\t\t\t[warn]=\"warn\"\n\t\t\t[warnText]=\"warnText\"\n\t\t\t[size]=\"size\"\n\t\t\t[readonly]=\"readonly\"\n\t\t\t[disabled]=\"disabled\"\n\t\t\t[fluid]=\"fluid\"\n\t\t\t(change)=\"change($event)\">\n\t\t</cds-number>\n\t`\n})"
|
|
83144
83144
|
}
|
|
83145
83145
|
],
|
|
83146
83146
|
"src/progress-bar/progress-bar.stories.ts": [
|