carbon-components-angular 5.16.1 → 5.16.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/context-menu/context-menu.component.d.ts +1 -1
- package/docs/documentation/components/AccordionItem.html +35 -31
- package/docs/documentation/components/ContextMenuComponent.html +2 -2
- package/docs/documentation/components/DatePickerInput.html +77 -73
- package/docs/documentation/dependencies.html +1 -1
- package/docs/documentation/js/search/search_index.js +2 -2
- package/docs/documentation/modules/TableModule/dependencies.svg +216 -216
- package/docs/documentation/modules/TableModule.html +216 -216
- package/docs/documentation/modules/TabsModule/dependencies.svg +69 -69
- package/docs/documentation/modules/TabsModule.html +69 -69
- package/docs/documentation/modules/TagModule/dependencies.svg +4 -4
- package/docs/documentation/modules/TagModule.html +4 -4
- package/docs/documentation/modules/ThemeModule/dependencies.svg +15 -15
- package/docs/documentation/modules/ThemeModule.html +15 -15
- package/docs/documentation/modules/TilesModule/dependencies.svg +86 -86
- package/docs/documentation/modules/TilesModule.html +86 -86
- package/docs/documentation/modules/TimePickerSelectModule/dependencies.svg +4 -4
- package/docs/documentation/modules/TimePickerSelectModule.html +4 -4
- package/docs/documentation/modules/ToggleModule/dependencies.svg +8 -8
- package/docs/documentation/modules/ToggleModule.html +8 -8
- package/docs/documentation/modules/ToggletipModule/dependencies.svg +4 -4
- package/docs/documentation/modules/ToggletipModule.html +4 -4
- package/docs/documentation/modules/TooltipModule/dependencies.svg +28 -28
- package/docs/documentation/modules/TooltipModule.html +28 -28
- package/docs/documentation/modules/UIShellModule/dependencies.svg +4 -4
- package/docs/documentation/modules/UIShellModule.html +4 -4
- package/docs/documentation.json +56 -56
- package/docs/storybook/{accordion-accordion-stories.a7d25bc2.iframe.bundle.js → accordion-accordion-stories.1bbdffb4.iframe.bundle.js} +1 -1
- package/docs/storybook/{datepicker-datepicker-stories.758f8727.iframe.bundle.js → datepicker-datepicker-stories.79d4003a.iframe.bundle.js} +1 -1
- package/docs/storybook/iframe.html +2 -2
- package/docs/storybook/main.css +4516 -3397
- package/docs/storybook/main.d047ff32.iframe.bundle.js +1 -0
- package/docs/storybook/project.json +1 -1
- package/docs/storybook/{runtime~main.866e3846.iframe.bundle.js → runtime~main.fd114201.iframe.bundle.js} +1 -1
- package/esm2020/accordion/accordion-item.component.mjs +19 -15
- package/esm2020/context-menu/context-menu.component.mjs +2 -2
- package/esm2020/datepicker-input/datepicker-input.component.mjs +45 -41
- package/fesm2015/carbon-components-angular-accordion.mjs +18 -14
- package/fesm2015/carbon-components-angular-accordion.mjs.map +1 -1
- package/fesm2015/carbon-components-angular-context-menu.mjs +1 -1
- package/fesm2015/carbon-components-angular-context-menu.mjs.map +1 -1
- package/fesm2015/carbon-components-angular-datepicker-input.mjs +44 -40
- package/fesm2015/carbon-components-angular-datepicker-input.mjs.map +1 -1
- package/fesm2020/carbon-components-angular-accordion.mjs +18 -14
- package/fesm2020/carbon-components-angular-accordion.mjs.map +1 -1
- package/fesm2020/carbon-components-angular-context-menu.mjs +1 -1
- package/fesm2020/carbon-components-angular-context-menu.mjs.map +1 -1
- package/fesm2020/carbon-components-angular-datepicker-input.mjs +44 -40
- package/fesm2020/carbon-components-angular-datepicker-input.mjs.map +1 -1
- package/package.json +1 -1
- package/docs/storybook/main.e32a9e4c.iframe.bundle.js +0 -1
package/docs/documentation.json
CHANGED
|
@@ -17450,7 +17450,7 @@
|
|
|
17450
17450
|
},
|
|
17451
17451
|
{
|
|
17452
17452
|
"name": "AccordionItem",
|
|
17453
|
-
"id": "component-AccordionItem-
|
|
17453
|
+
"id": "component-AccordionItem-5c60436a04bd2d2dd26f5739bcfc62035e3b1b6aa0ae4c93edeab579c1094c7f24911a49ef4e123d064beaab59d9186fef49a1a869da5bdc17e9404a4a6a8f5a",
|
|
17454
17454
|
"file": "src/accordion/accordion-item.component.ts",
|
|
17455
17455
|
"encapsulation": [],
|
|
17456
17456
|
"entryComponents": [],
|
|
@@ -17462,7 +17462,7 @@
|
|
|
17462
17462
|
"styles": [
|
|
17463
17463
|
"\n\t\t:host {\n\t\t\tdisplay: list-item;\n\t\t}\n\t"
|
|
17464
17464
|
],
|
|
17465
|
-
"template": "<button\n\ttype=\"button\"\n\t[disabled]=\"disabled\"\n\t[attr.aria-expanded]=\"expanded\"\n\t[attr.aria-controls]=\"id\"\n\t(click)=\"toggleExpanded()\"\n\tclass=\"cds--accordion__heading\">\n\t<svg cdsIcon=\"chevron--right\" size=\"16\" class=\"cds--accordion__arrow\"></svg>\n\t<p *ngIf=\"!isTemplate(title)\"\n\t\tclass=\"cds--accordion__title\"\n\t\t[ngClass]=\"{\n\t\t\t'cds--skeleton__text': skeleton\n\t\t}\">\n\t\t{{!skeleton ? title : null}}\n\t</p>\n\t<ng-template\n\t\t*ngIf=\"isTemplate(title)\"\n\t\t[ngTemplateOutlet]=\"title\"\n\t\t[ngTemplateOutletContext]=\"context\">\n\t</ng-template>\n</button>\n<div [id]=\"id\" class=\"cds--accordion__content\">\n\t<ng-content *ngIf=\"!skeleton; else skeletonTemplate\"></ng-content>\n\t<ng-template #skeletonTemplate>\n\t\t<p class=\"cds--skeleton__text\" style=\"width: 90%\"></p>\n\t\t<p class=\"cds--skeleton__text\" style=\"width: 80%\"></p>\n\t\t<p class=\"cds--skeleton__text\" style=\"width: 95%\"></p>\n\t</ng-template>\n</div>\n\t",
|
|
17465
|
+
"template": "<button\n\ttype=\"button\"\n\t[disabled]=\"disabled\"\n\t[attr.aria-expanded]=\"expanded\"\n\t[attr.aria-controls]=\"id\"\n\t(click)=\"toggleExpanded()\"\n\tclass=\"cds--accordion__heading\">\n\t<svg cdsIcon=\"chevron--right\" size=\"16\" class=\"cds--accordion__arrow\"></svg>\n\t<p *ngIf=\"!isTemplate(title)\"\n\t\tclass=\"cds--accordion__title\"\n\t\t[ngClass]=\"{\n\t\t\t'cds--skeleton__text': skeleton\n\t\t}\">\n\t\t{{!skeleton ? title : null}}\n\t</p>\n\t<ng-template\n\t\t*ngIf=\"isTemplate(title)\"\n\t\t[ngTemplateOutlet]=\"title\"\n\t\t[ngTemplateOutletContext]=\"context\">\n\t</ng-template>\n</button>\n<div class=\"cds--accordion__wrapper\">\n\t<div [id]=\"id\" class=\"cds--accordion__content\">\n\t\t<ng-content *ngIf=\"!skeleton; else skeletonTemplate\"></ng-content>\n\t\t<ng-template #skeletonTemplate>\n\t\t\t<p class=\"cds--skeleton__text\" style=\"width: 90%\"></p>\n\t\t\t<p class=\"cds--skeleton__text\" style=\"width: 80%\"></p>\n\t\t\t<p class=\"cds--skeleton__text\" style=\"width: 95%\"></p>\n\t\t</ng-template>\n\t</div>\n</div>\n\t",
|
|
17466
17466
|
"templateUrl": [],
|
|
17467
17467
|
"viewProviders": [],
|
|
17468
17468
|
"hostDirectives": [],
|
|
@@ -17472,7 +17472,7 @@
|
|
|
17472
17472
|
"defaultValue": "null",
|
|
17473
17473
|
"deprecated": false,
|
|
17474
17474
|
"deprecationMessage": "",
|
|
17475
|
-
"line":
|
|
17475
|
+
"line": 54,
|
|
17476
17476
|
"type": "Object | null",
|
|
17477
17477
|
"decorators": []
|
|
17478
17478
|
},
|
|
@@ -17481,7 +17481,7 @@
|
|
|
17481
17481
|
"defaultValue": "false",
|
|
17482
17482
|
"deprecated": false,
|
|
17483
17483
|
"deprecationMessage": "",
|
|
17484
|
-
"line":
|
|
17484
|
+
"line": 61,
|
|
17485
17485
|
"type": "boolean",
|
|
17486
17486
|
"decorators": []
|
|
17487
17487
|
},
|
|
@@ -17490,7 +17490,7 @@
|
|
|
17490
17490
|
"defaultValue": "false",
|
|
17491
17491
|
"deprecated": false,
|
|
17492
17492
|
"deprecationMessage": "",
|
|
17493
|
-
"line":
|
|
17493
|
+
"line": 60,
|
|
17494
17494
|
"type": "boolean",
|
|
17495
17495
|
"decorators": []
|
|
17496
17496
|
},
|
|
@@ -17499,7 +17499,7 @@
|
|
|
17499
17499
|
"defaultValue": "`accordion-item-${AccordionItem.accordionItemCount++}`",
|
|
17500
17500
|
"deprecated": false,
|
|
17501
17501
|
"deprecationMessage": "",
|
|
17502
|
-
"line":
|
|
17502
|
+
"line": 55,
|
|
17503
17503
|
"type": "string",
|
|
17504
17504
|
"decorators": []
|
|
17505
17505
|
},
|
|
@@ -17508,7 +17508,7 @@
|
|
|
17508
17508
|
"defaultValue": "false",
|
|
17509
17509
|
"deprecated": false,
|
|
17510
17510
|
"deprecationMessage": "",
|
|
17511
|
-
"line":
|
|
17511
|
+
"line": 56,
|
|
17512
17512
|
"type": "boolean",
|
|
17513
17513
|
"decorators": []
|
|
17514
17514
|
},
|
|
@@ -17516,7 +17516,7 @@
|
|
|
17516
17516
|
"name": "title",
|
|
17517
17517
|
"deprecated": false,
|
|
17518
17518
|
"deprecationMessage": "",
|
|
17519
|
-
"line":
|
|
17519
|
+
"line": 53,
|
|
17520
17520
|
"type": "string | TemplateRef<any>",
|
|
17521
17521
|
"decorators": []
|
|
17522
17522
|
}
|
|
@@ -17527,7 +17527,7 @@
|
|
|
17527
17527
|
"defaultValue": "new EventEmitter()",
|
|
17528
17528
|
"deprecated": false,
|
|
17529
17529
|
"deprecationMessage": "",
|
|
17530
|
-
"line":
|
|
17530
|
+
"line": 57,
|
|
17531
17531
|
"type": "EventEmitter"
|
|
17532
17532
|
}
|
|
17533
17533
|
],
|
|
@@ -17540,7 +17540,7 @@
|
|
|
17540
17540
|
"type": "number",
|
|
17541
17541
|
"optional": false,
|
|
17542
17542
|
"description": "",
|
|
17543
|
-
"line":
|
|
17543
|
+
"line": 52,
|
|
17544
17544
|
"modifierKind": [
|
|
17545
17545
|
124
|
|
17546
17546
|
]
|
|
@@ -17553,7 +17553,7 @@
|
|
|
17553
17553
|
"type": "",
|
|
17554
17554
|
"optional": false,
|
|
17555
17555
|
"description": "",
|
|
17556
|
-
"line":
|
|
17556
|
+
"line": 59,
|
|
17557
17557
|
"decorators": [
|
|
17558
17558
|
{
|
|
17559
17559
|
"name": "HostBinding",
|
|
@@ -17572,7 +17572,7 @@
|
|
|
17572
17572
|
"type": "string",
|
|
17573
17573
|
"optional": false,
|
|
17574
17574
|
"description": "",
|
|
17575
|
-
"line":
|
|
17575
|
+
"line": 62,
|
|
17576
17576
|
"decorators": [
|
|
17577
17577
|
{
|
|
17578
17578
|
"name": "HostBinding",
|
|
@@ -17598,7 +17598,7 @@
|
|
|
17598
17598
|
"optional": false,
|
|
17599
17599
|
"returnType": "boolean",
|
|
17600
17600
|
"typeParameters": [],
|
|
17601
|
-
"line":
|
|
17601
|
+
"line": 71,
|
|
17602
17602
|
"deprecated": false,
|
|
17603
17603
|
"deprecationMessage": "",
|
|
17604
17604
|
"modifierKind": [
|
|
@@ -17622,7 +17622,7 @@
|
|
|
17622
17622
|
"optional": false,
|
|
17623
17623
|
"returnType": "void",
|
|
17624
17624
|
"typeParameters": [],
|
|
17625
|
-
"line":
|
|
17625
|
+
"line": 64,
|
|
17626
17626
|
"deprecated": false,
|
|
17627
17627
|
"deprecationMessage": "",
|
|
17628
17628
|
"modifierKind": [
|
|
@@ -17638,7 +17638,7 @@
|
|
|
17638
17638
|
"defaultValue": "\"listitem\"",
|
|
17639
17639
|
"deprecated": false,
|
|
17640
17640
|
"deprecationMessage": "",
|
|
17641
|
-
"line":
|
|
17641
|
+
"line": 62,
|
|
17642
17642
|
"type": "string",
|
|
17643
17643
|
"decorators": []
|
|
17644
17644
|
},
|
|
@@ -17647,7 +17647,7 @@
|
|
|
17647
17647
|
"defaultValue": "true",
|
|
17648
17648
|
"deprecated": false,
|
|
17649
17649
|
"deprecationMessage": "",
|
|
17650
|
-
"line":
|
|
17650
|
+
"line": 59,
|
|
17651
17651
|
"type": "boolean",
|
|
17652
17652
|
"decorators": []
|
|
17653
17653
|
}
|
|
@@ -17658,7 +17658,7 @@
|
|
|
17658
17658
|
"description": "",
|
|
17659
17659
|
"rawdescription": "\n",
|
|
17660
17660
|
"type": "component",
|
|
17661
|
-
"sourceCode": "import {\n\tComponent,\n\tInput,\n\tHostBinding,\n\tOutput,\n\tTemplateRef,\n\tEventEmitter\n} from \"@angular/core\";\n\n@Component({\n\tselector: \"cds-accordion-item, ibm-accordion-item\",\n\ttemplate: `\n\t\t<button\n\t\t\ttype=\"button\"\n\t\t\t[disabled]=\"disabled\"\n\t\t\t[attr.aria-expanded]=\"expanded\"\n\t\t\t[attr.aria-controls]=\"id\"\n\t\t\t(click)=\"toggleExpanded()\"\n\t\t\tclass=\"cds--accordion__heading\">\n\t\t\t<svg cdsIcon=\"chevron--right\" size=\"16\" class=\"cds--accordion__arrow\"></svg>\n\t\t\t<p *ngIf=\"!isTemplate(title)\"\n\t\t\t\tclass=\"cds--accordion__title\"\n\t\t\t\t[ngClass]=\"{\n\t\t\t\t\t'cds--skeleton__text': skeleton\n\t\t\t\t}\">\n\t\t\t\t{{!skeleton ? title : null}}\n\t\t\t</p>\n\t\t\t<ng-template\n\t\t\t\t*ngIf=\"isTemplate(title)\"\n\t\t\t\t[ngTemplateOutlet]=\"title\"\n\t\t\t\t[ngTemplateOutletContext]=\"context\">\n\t\t\t</ng-template>\n\t\t</button>\n\t\t<div [id]=\"id\" class=\"cds--accordion__content\">\n\t\t\t<ng-content *ngIf=\"!skeleton; else skeletonTemplate\"></ng-content>\n\t\t\t<ng-template #skeletonTemplate>\n\t\t\t\t<p class=\"cds--skeleton__text\" style=\"width: 90%\"></p>\n\t\t\t\t<p class=\"cds--skeleton__text\" style=\"width: 80%\"></p>\n\t\t\t\t<p class=\"cds--skeleton__text\" style=\"width: 95%\"></p>\n\t\t\t</ng-template>\n\t\t</div>\n\t`,\n\tstyles: [`\n\t\t:host {\n\t\t\tdisplay: list-item;\n\t\t}\n\t`]\n})\nexport class AccordionItem {\n\tstatic accordionItemCount = 0;\n\t@Input() title: string | TemplateRef<any>;\n\t@Input() context: Object | null = null;\n\t@Input() id = `accordion-item-${AccordionItem.accordionItemCount++}`;\n\t@Input() skeleton = false;\n\t@Output() selected = new EventEmitter();\n\n\t@HostBinding(\"class.cds--accordion__item\") itemClass = true;\n\t@HostBinding(\"class.cds--accordion__item--active\") @Input() expanded = false;\n\t@HostBinding(\"class.cds--accordion__item--disabled\") @Input() disabled = false;\n\t@HostBinding(\"attr.role\") role = \"listitem\";\n\n\tpublic toggleExpanded() {\n\t\tif (!this.skeleton) {\n\t\t\tthis.expanded = !this.expanded;\n\t\t\tthis.selected.emit({id: this.id, expanded: this.expanded});\n\t\t}\n\t}\n\n\tpublic isTemplate(value) {\n\t\treturn value instanceof TemplateRef;\n\t}\n}\n",
|
|
17661
|
+
"sourceCode": "import {\n\tComponent,\n\tInput,\n\tHostBinding,\n\tOutput,\n\tTemplateRef,\n\tEventEmitter\n} from \"@angular/core\";\n\n@Component({\n\tselector: \"cds-accordion-item, ibm-accordion-item\",\n\ttemplate: `\n\t\t<button\n\t\t\ttype=\"button\"\n\t\t\t[disabled]=\"disabled\"\n\t\t\t[attr.aria-expanded]=\"expanded\"\n\t\t\t[attr.aria-controls]=\"id\"\n\t\t\t(click)=\"toggleExpanded()\"\n\t\t\tclass=\"cds--accordion__heading\">\n\t\t\t<svg cdsIcon=\"chevron--right\" size=\"16\" class=\"cds--accordion__arrow\"></svg>\n\t\t\t<p *ngIf=\"!isTemplate(title)\"\n\t\t\t\tclass=\"cds--accordion__title\"\n\t\t\t\t[ngClass]=\"{\n\t\t\t\t\t'cds--skeleton__text': skeleton\n\t\t\t\t}\">\n\t\t\t\t{{!skeleton ? title : null}}\n\t\t\t</p>\n\t\t\t<ng-template\n\t\t\t\t*ngIf=\"isTemplate(title)\"\n\t\t\t\t[ngTemplateOutlet]=\"title\"\n\t\t\t\t[ngTemplateOutletContext]=\"context\">\n\t\t\t</ng-template>\n\t\t</button>\n\t\t<div class=\"cds--accordion__wrapper\">\n\t\t\t<div [id]=\"id\" class=\"cds--accordion__content\">\n\t\t\t\t<ng-content *ngIf=\"!skeleton; else skeletonTemplate\"></ng-content>\n\t\t\t\t<ng-template #skeletonTemplate>\n\t\t\t\t\t<p class=\"cds--skeleton__text\" style=\"width: 90%\"></p>\n\t\t\t\t\t<p class=\"cds--skeleton__text\" style=\"width: 80%\"></p>\n\t\t\t\t\t<p class=\"cds--skeleton__text\" style=\"width: 95%\"></p>\n\t\t\t\t</ng-template>\n\t\t\t</div>\n\t\t</div>\n\t`,\n\tstyles: [`\n\t\t:host {\n\t\t\tdisplay: list-item;\n\t\t}\n\t`]\n})\nexport class AccordionItem {\n\tstatic accordionItemCount = 0;\n\t@Input() title: string | TemplateRef<any>;\n\t@Input() context: Object | null = null;\n\t@Input() id = `accordion-item-${AccordionItem.accordionItemCount++}`;\n\t@Input() skeleton = false;\n\t@Output() selected = new EventEmitter();\n\n\t@HostBinding(\"class.cds--accordion__item\") itemClass = true;\n\t@HostBinding(\"class.cds--accordion__item--active\") @Input() expanded = false;\n\t@HostBinding(\"class.cds--accordion__item--disabled\") @Input() disabled = false;\n\t@HostBinding(\"attr.role\") role = \"listitem\";\n\n\tpublic toggleExpanded() {\n\t\tif (!this.skeleton) {\n\t\t\tthis.expanded = !this.expanded;\n\t\t\tthis.selected.emit({id: this.id, expanded: this.expanded});\n\t\t}\n\t}\n\n\tpublic isTemplate(value) {\n\t\treturn value instanceof TemplateRef;\n\t}\n}\n",
|
|
17662
17662
|
"assetsDirs": [],
|
|
17663
17663
|
"styleUrlsData": "",
|
|
17664
17664
|
"stylesData": "\n\t\t:host {\n\t\t\tdisplay: list-item;\n\t\t}\n\t\n"
|
|
@@ -23762,7 +23762,7 @@
|
|
|
23762
23762
|
},
|
|
23763
23763
|
{
|
|
23764
23764
|
"name": "ContextMenuComponent",
|
|
23765
|
-
"id": "component-ContextMenuComponent-
|
|
23765
|
+
"id": "component-ContextMenuComponent-2b490ec4514e751fbe491f6843669f3a8aa02eb276edfb3ab9b2c6d865225ee14c5b27a9bf24ff1153ca372087f5fed9bfc4a85ca020c506d8ca5df9cc28ff07",
|
|
23766
23766
|
"file": "src/context-menu/context-menu.component.ts",
|
|
23767
23767
|
"encapsulation": [],
|
|
23768
23768
|
"entryComponents": [],
|
|
@@ -23999,10 +23999,10 @@
|
|
|
23999
23999
|
],
|
|
24000
24000
|
"standalone": false,
|
|
24001
24001
|
"imports": [],
|
|
24002
|
-
"description": "<p>Get started with importing the module:</p>\n<div><pre class=\"line-numbers\"><code class=\"language-typescript\">import {
|
|
24003
|
-
"rawdescription": "\n\nGet started with importing the module:\n\n```typescript\nimport {
|
|
24002
|
+
"description": "<p>Get started with importing the module:</p>\n<div><pre class=\"line-numbers\"><code class=\"language-typescript\">import { ContextMenuModule } from 'carbon-components-angular';</code></pre></div><p><a href=\"../../?path=/story/components-context-menu--basic\">See demo</a></p>\n",
|
|
24003
|
+
"rawdescription": "\n\nGet started with importing the module:\n\n```typescript\nimport { ContextMenuModule } from 'carbon-components-angular';\n```\n\n[See demo](../../?path=/story/components-context-menu--basic)\n",
|
|
24004
24004
|
"type": "component",
|
|
24005
|
-
"sourceCode": "import {\n\tComponent,\n\tElementRef,\n\tHostListener,\n\tInput,\n\tSimpleChanges,\n\tOnChanges,\n\tHostBinding\n} from \"@angular/core\";\n\n/**\n * Get started with importing the module:\n *\n * ```typescript\n * import {
|
|
24005
|
+
"sourceCode": "import {\n\tComponent,\n\tElementRef,\n\tHostListener,\n\tInput,\n\tSimpleChanges,\n\tOnChanges,\n\tHostBinding\n} from \"@angular/core\";\n\n/**\n * Get started with importing the module:\n *\n * ```typescript\n * import { ContextMenuModule } from 'carbon-components-angular';\n * ```\n *\n * [See demo](../../?path=/story/components-context-menu--basic)\n */\n@Component({\n\tselector: \"cds-context-menu, ibm-context-menu\",\n\ttemplate: `\n\t\t\t<ng-content></ng-content>\n\t`,\n\tstyles: [`\n\t\t:host {\n\t\t\tdisplay: block;\n\t\t}\n\t`]\n})\nexport class ContextMenuComponent implements OnChanges {\n\t@Input() open = false;\n\t@Input() position = {\n\t\tleft: 0,\n\t\ttop: 0\n\t};\n\n\t@HostBinding(\"class.cds--menu\") contextMenu = true;\n\t@HostBinding(\"class.cds--menu--open\") get contextMenuOpen() { return this.open; }\n\t@HostBinding(\"class.cds--menu--shown\") get showMenu() { return this.open; }\n\t@HostBinding(\"attr.role\") role = \"menu\";\n\t@HostBinding(\"attr.tabindex\") tabindex = \"-1\";\n\t@HostBinding(\"style.left.px\") get leftPosition() { return this.position.left; }\n\t@HostBinding(\"style.top.px\") get topPosition() { return this.position.top; }\n\n\t@HostBinding(\"class.cds--menu--with-icons\") get classIcons() {\n\t\tconst svgElement = this.elementRef.nativeElement\n\t\t\t.querySelector(\".cds--menu-item .cds--menu-item__icon svg\") as HTMLElement;\n\t\treturn svgElement;\n\t}\n\n\tconstructor(protected elementRef: ElementRef) { }\n\n\tngOnChanges(changes: SimpleChanges) {\n\t\tif (changes.open && changes.open.currentValue) {\n\t\t\tthis.focusMenu();\n\t\t}\n\t}\n\n\tfocusMenu() {\n\t\t// wait until the next tick to let the DOM settle before changing the focus\n\t\tsetTimeout(() => {\n\t\t\tconst list: HTMLElement = this.elementRef.nativeElement;\n\t\t\tconst firstOption = list.querySelector(\".cds--menu-item\") as HTMLElement;\n\t\t\tfirstOption.focus();\n\t\t});\n\t}\n\n\t@HostListener(\"keydown\", [\"$event\"])\n\thandleNavigation(event: KeyboardEvent) {\n\t\tconst list: HTMLElement = this.elementRef.nativeElement;\n\t\tconst subMenus: HTMLElement[] = Array.from(list.querySelectorAll(\"cds-context-menu[role=menu]\"));\n\t\tconst menuItems: HTMLElement[] = (\n\t\t\tArray.from(list.querySelectorAll(\".cds--menu-item\")) as HTMLElement[])\n\t\t\t.filter(menuItem => !subMenus.some(subMenu => subMenu.contains(menuItem))\n\t\t);\n\t\tconst currentIndex = menuItems.findIndex(menuItem => parseInt(menuItem.getAttribute(\"tabindex\"), 10) === 0);\n\t\tconst currentMenuItem = menuItems[currentIndex];\n\n\t\tswitch (event.key) {\n\t\t\tcase \"ArrowDown\": {\n\t\t\t\tif (document.activeElement === list) {\n\t\t\t\t\tmenuItems[0].focus();\n\t\t\t\t} else {\n\t\t\t\t\tif (currentIndex !== -1 && currentIndex < menuItems.length - 1) {\n\t\t\t\t\t\tmenuItems[currentIndex + 1].focus();\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tcase \"ArrowUp\": {\n\t\t\t\tif (document.activeElement === list) {\n\t\t\t\t\tmenuItems[menuItems.length - 1].focus();\n\t\t\t\t} else {\n\t\t\t\t\tif (currentIndex !== -1 && currentIndex > 0) {\n\t\t\t\t\t\tmenuItems[currentIndex - 1].focus();\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tcase \"ArrowRight\": {\n\t\t\t\tif (currentIndex !== -1 && subMenus.some(subMenu => currentMenuItem.contains(subMenu))) {\n\t\t\t\t\tcurrentMenuItem.click();\n\t\t\t\t}\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tcase \"ArrowLeft\": {\n\t\t\t\tconst parent = currentMenuItem.parentElement.closest(\".cds--menu-item, .cds--menu-item\") as HTMLElement;\n\t\t\t\tif (parent) {\n\t\t\t\t\tparent.focus();\n\t\t\t\t}\n\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\t}\n}\n",
|
|
24006
24006
|
"assetsDirs": [],
|
|
24007
24007
|
"styleUrlsData": "",
|
|
24008
24008
|
"stylesData": "\n\t\t:host {\n\t\t\tdisplay: block;\n\t\t}\n\t\n",
|
|
@@ -25855,7 +25855,7 @@
|
|
|
25855
25855
|
},
|
|
25856
25856
|
{
|
|
25857
25857
|
"name": "DatePickerInput",
|
|
25858
|
-
"id": "component-DatePickerInput-
|
|
25858
|
+
"id": "component-DatePickerInput-c03777bb1eb1b6f572e4c84fe7d0c07fa1d862ec2751eaace7c1960ccdb65a4b5ae32236a0f2d9edbeb3c6dedfbd377a1ed7efb8839ee904350dd6e0b3e2d633",
|
|
25859
25859
|
"file": "src/datepicker-input/datepicker-input.component.ts",
|
|
25860
25860
|
"encapsulation": [],
|
|
25861
25861
|
"entryComponents": [],
|
|
@@ -25869,7 +25869,7 @@
|
|
|
25869
25869
|
"selector": "cds-date-picker-input, ibm-date-picker-input",
|
|
25870
25870
|
"styleUrls": [],
|
|
25871
25871
|
"styles": [],
|
|
25872
|
-
"template": "\t<div class=\"cds--form-item\">\n\t\t<div class=\"cds--date-picker\"\n\t\t\t[ngClass]=\"{\n\t\t\t\t'cds--date-picker--simple' : type === 'simple',\n\t\t\t\t'cds--date-picker--single' : type === 'single',\n\t\t\t\t'cds--date-picker--range' : type === 'range',\n\t\t\t\t'cds--date-picker--light' : theme === 'light',\n\t\t\t\t'cds--skeleton' : skeleton\n\t\t\t}\">\n\t\t\t<div class=\"cds--date-picker-container\">\n\t\t\t\t<label\n\t\t\t\t\t*ngIf=\"label\"\n\t\t\t\t\t[for]=\"id\"\n\t\t\t\t\tclass=\"cds--label\"\n\t\t\t\t\t[ngClass]=\"{'cds--label--disabled': disabled}\">\n\t\t\t\t\t<ng-container *ngIf=\"!isTemplate(label)\">{{label}}</ng-container>\n\t\t\t\t\t<ng-template *ngIf=\"isTemplate(label)\" [ngTemplateOutlet]=\"label\"></ng-template>\n\t\t\t\t</label>\n\t\t\t\t<div class=\"cds--date-picker-input__wrapper\"\n\t\t\t\t\t[ngClass]=\"{\n\t\t\t\t\t\t'cds--date-picker-input__wrapper--invalid': invalid,\n\t\t\t\t\t\t'cds--date-picker-input__wrapper--warn': warn\n\t\t\t\t\t}\">\n\t\t\t\t\t<input\n\t\t\t\t\t\t#input\n\t\t\t\t\t\t*ngIf=\"!skeleton\"\n\t\t\t\t\t\tautocomplete=\"off\"\n\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\tclass=\"cds--date-picker__input\"\n\t\t\t\t\t\t[ngClass]=\"{\n\t\t\t\t\t\t\t'cds--date-picker__input--sm': size === 'sm',\n\t\t\t\t\t\t\t'cds--date-picker__input--md': size === 'md',\n\t\t\t\t\t\t\t'cds--date-picker__input--lg': size === 'lg'\n\t\t\t\t\t\t}\"\n\t\t\t\t\t\t[attr.data-invalid]=\"invalid ? true : undefined\"\n\t\t\t\t\t\t[value]=\"value\"\n\t\t\t\t\t\t[pattern]=\"pattern\"\n\t\t\t\t\t\t[placeholder]=\"placeholder\"\n\t\t\t\t\t\t[id]= \"id\"\n\t\t\t\t\t\t[disabled]=\"disabled\"\n\t\t\t\t\t\t(change)=\"onChange($event)\"/>\n\t\t\t\t\t\t<svg\n\t\t\t\t\t\t\t*ngIf=\"type !== 'simple' && !warn && !invalid\"\n\t\t\t\t\t\t\tcdsIcon=\"calendar\"\n\t\t\t\t\t\t\tsize=\"16\"\n\t\t\t\t\t\t\tclass=\"cds--date-picker__icon\">\n\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t<svg\n\t\t\t\t\t\t\t*ngIf=\"!warn && invalid\"\n\t\t\t\t\t\t\tclass=\"cds--date-picker__icon cds--date-picker__icon--invalid\"\n\t\t\t\t\t\t\tcdsIcon=\"warning--filled\"\n\t\t\t\t\t\t\tsize=\"16\">\n\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t<svg\n\t\t\t\t\t\t\t*ngIf=\"!invalid && warn\"\n\t\t\t\t\t\t\tcdsIcon=\"warning--alt--filled\"\n\t\t\t\t\t\t\tsize=\"16\"\n\t\t\t\t\t\t\tclass=\"cds--date-picker__icon cds--date-picker__icon--warn\">\n\t\t\t\t\t\t</svg>\n\t\t\t\t</div>\n\t\t\t\t<div\n\t\t\t\t\t*ngIf=\"helperText && !invalid && !warn\"\n\t\t\t\t\tclass=\"cds--form__helper-text\"\n\t\t\t\t\t[ngClass]=\"{'cds--form__helper-text--disabled': disabled}\">\n\t\t\t\t\t<ng-container *ngIf=\"!isTemplate(helperText)\">{{helperText}}</ng-container>\n\t\t\t\t\t<ng-template *ngIf=\"isTemplate(helperText)\" [ngTemplateOutlet]=\"helperText\"></ng-template>\n\t\t\t\t</div>\n\t\t\t\t<div *ngIf=\"!warn && invalid\" class=\"cds--form-requirement\">\n\t\t\t\t\t<ng-container *ngIf=\"!isTemplate(invalidText)\">{{invalidText}}</ng-container>\n\t\t\t\t\t<ng-template *ngIf=\"isTemplate(invalidText)\" [ngTemplateOutlet]=\"invalidText\"></ng-template>\n\t\t\t\t</div>\n\t\t\t\t<div *ngIf=\"!invalid && warn\" class=\"cds--form-requirement\">\n\t\t\t\t\t<ng-container *ngIf=\"!isTemplate(warnText)\">{{warnText}}</ng-container>\n\t\t\t\t\t<ng-template *ngIf=\"isTemplate(warnText)\" [ngTemplateOutlet]=\"warnText\"></ng-template>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n</div>\n\t",
|
|
25872
|
+
"template": "\t<div class=\"cds--form-item\">\n\t\t<div class=\"cds--date-picker\"\n\t\t\t[ngClass]=\"{\n\t\t\t\t'cds--date-picker--simple' : type === 'simple',\n\t\t\t\t'cds--date-picker--single' : type === 'single',\n\t\t\t\t'cds--date-picker--range' : type === 'range',\n\t\t\t\t'cds--date-picker--light' : theme === 'light',\n\t\t\t\t'cds--skeleton' : skeleton\n\t\t\t}\">\n\t\t\t<div class=\"cds--date-picker-container\">\n\t\t\t\t<label\n\t\t\t\t\t*ngIf=\"label\"\n\t\t\t\t\t[for]=\"id\"\n\t\t\t\t\tclass=\"cds--label\"\n\t\t\t\t\t[ngClass]=\"{'cds--label--disabled': disabled}\">\n\t\t\t\t\t<ng-container *ngIf=\"!isTemplate(label)\">{{label}}</ng-container>\n\t\t\t\t\t<ng-template *ngIf=\"isTemplate(label)\" [ngTemplateOutlet]=\"label\"></ng-template>\n\t\t\t\t</label>\n\t\t\t\t<div class=\"cds--date-picker-input__wrapper\"\n\t\t\t\t\t[ngClass]=\"{\n\t\t\t\t\t\t'cds--date-picker-input__wrapper--invalid': invalid,\n\t\t\t\t\t\t'cds--date-picker-input__wrapper--warn': warn\n\t\t\t\t\t}\">\n\t\t\t\t\t<span>\n\t\t\t\t\t\t<input\n\t\t\t\t\t\t#input\n\t\t\t\t\t\t*ngIf=\"!skeleton\"\n\t\t\t\t\t\tautocomplete=\"off\"\n\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\tclass=\"cds--date-picker__input\"\n\t\t\t\t\t\t[ngClass]=\"{\n\t\t\t\t\t\t\t'cds--date-picker__input--sm': size === 'sm',\n\t\t\t\t\t\t\t'cds--date-picker__input--md': size === 'md',\n\t\t\t\t\t\t\t'cds--date-picker__input--lg': size === 'lg'\n\t\t\t\t\t\t}\"\n\t\t\t\t\t\t[attr.data-invalid]=\"invalid ? true : undefined\"\n\t\t\t\t\t\t[value]=\"value\"\n\t\t\t\t\t\t[pattern]=\"pattern\"\n\t\t\t\t\t\t[placeholder]=\"placeholder\"\n\t\t\t\t\t\t[id]= \"id\"\n\t\t\t\t\t\t[disabled]=\"disabled\"\n\t\t\t\t\t\t\t(change)=\"onChange($event)\"/>\n\t\t\t\t\t\t\t<svg\n\t\t\t\t\t\t\t\t*ngIf=\"type !== 'simple' && !warn && !invalid\"\n\t\t\t\t\t\t\t\tcdsIcon=\"calendar\"\n\t\t\t\t\t\t\t\tsize=\"16\"\n\t\t\t\t\t\t\t\tclass=\"cds--date-picker__icon\">\n\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t<svg\n\t\t\t\t\t\t\t\t*ngIf=\"!warn && invalid\"\n\t\t\t\t\t\t\t\tclass=\"cds--date-picker__icon cds--date-picker__icon--invalid\"\n\t\t\t\t\t\t\t\tcdsIcon=\"warning--filled\"\n\t\t\t\t\t\t\t\tsize=\"16\">\n\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t<svg\n\t\t\t\t\t\t\t\t*ngIf=\"!invalid && warn\"\n\t\t\t\t\t\t\t\tcdsIcon=\"warning--alt--filled\"\n\t\t\t\t\t\t\t\tsize=\"16\"\n\t\t\t\t\t\t\t\tclass=\"cds--date-picker__icon cds--date-picker__icon--warn\">\n\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t</span>\n\t\t\t\t</div>\n\t\t\t\t<div\n\t\t\t\t\t*ngIf=\"helperText && !invalid && !warn\"\n\t\t\t\t\tclass=\"cds--form__helper-text\"\n\t\t\t\t\t[ngClass]=\"{'cds--form__helper-text--disabled': disabled}\">\n\t\t\t\t\t<ng-container *ngIf=\"!isTemplate(helperText)\">{{helperText}}</ng-container>\n\t\t\t\t\t<ng-template *ngIf=\"isTemplate(helperText)\" [ngTemplateOutlet]=\"helperText\"></ng-template>\n\t\t\t\t</div>\n\t\t\t\t<div *ngIf=\"!warn && invalid\" class=\"cds--form-requirement\">\n\t\t\t\t\t<ng-container *ngIf=\"!isTemplate(invalidText)\">{{invalidText}}</ng-container>\n\t\t\t\t\t<ng-template *ngIf=\"isTemplate(invalidText)\" [ngTemplateOutlet]=\"invalidText\"></ng-template>\n\t\t\t\t</div>\n\t\t\t\t<div *ngIf=\"!invalid && warn\" class=\"cds--form-requirement\">\n\t\t\t\t\t<ng-container *ngIf=\"!isTemplate(warnText)\">{{warnText}}</ng-container>\n\t\t\t\t\t<ng-template *ngIf=\"isTemplate(warnText)\" [ngTemplateOutlet]=\"warnText\"></ng-template>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n</div>\n\t",
|
|
25873
25873
|
"templateUrl": [],
|
|
25874
25874
|
"viewProviders": [],
|
|
25875
25875
|
"hostDirectives": [],
|
|
@@ -25879,7 +25879,7 @@
|
|
|
25879
25879
|
"defaultValue": "false",
|
|
25880
25880
|
"deprecated": false,
|
|
25881
25881
|
"deprecationMessage": "",
|
|
25882
|
-
"line":
|
|
25882
|
+
"line": 130,
|
|
25883
25883
|
"type": "boolean",
|
|
25884
25884
|
"decorators": []
|
|
25885
25885
|
},
|
|
@@ -25888,7 +25888,7 @@
|
|
|
25888
25888
|
"defaultValue": "false",
|
|
25889
25889
|
"deprecated": false,
|
|
25890
25890
|
"deprecationMessage": "",
|
|
25891
|
-
"line":
|
|
25891
|
+
"line": 114,
|
|
25892
25892
|
"type": "boolean",
|
|
25893
25893
|
"decorators": []
|
|
25894
25894
|
},
|
|
@@ -25898,7 +25898,7 @@
|
|
|
25898
25898
|
"deprecationMessage": "",
|
|
25899
25899
|
"rawdescription": "\n\nSets the optional helper text.\n",
|
|
25900
25900
|
"description": "<p>Sets the optional helper text.</p>\n",
|
|
25901
|
-
"line":
|
|
25901
|
+
"line": 151,
|
|
25902
25902
|
"type": "string | TemplateRef<any>",
|
|
25903
25903
|
"decorators": []
|
|
25904
25904
|
},
|
|
@@ -25907,7 +25907,7 @@
|
|
|
25907
25907
|
"defaultValue": "`datepicker-${DatePickerInput.datePickerCount++}`",
|
|
25908
25908
|
"deprecated": false,
|
|
25909
25909
|
"deprecationMessage": "",
|
|
25910
|
-
"line":
|
|
25910
|
+
"line": 112,
|
|
25911
25911
|
"type": "string",
|
|
25912
25912
|
"decorators": []
|
|
25913
25913
|
},
|
|
@@ -25918,7 +25918,7 @@
|
|
|
25918
25918
|
"deprecationMessage": "",
|
|
25919
25919
|
"rawdescription": "\n\nSet to `true` for invalid state.\n",
|
|
25920
25920
|
"description": "<p>Set to <code>true</code> for invalid state.</p>\n",
|
|
25921
|
-
"line":
|
|
25921
|
+
"line": 134,
|
|
25922
25922
|
"type": "boolean",
|
|
25923
25923
|
"decorators": []
|
|
25924
25924
|
},
|
|
@@ -25928,7 +25928,7 @@
|
|
|
25928
25928
|
"deprecationMessage": "",
|
|
25929
25929
|
"rawdescription": "\n\nValue displayed if dropdown is in invalid state.\n",
|
|
25930
25930
|
"description": "<p>Value displayed if dropdown is in invalid state.</p>\n",
|
|
25931
|
-
"line":
|
|
25931
|
+
"line": 138,
|
|
25932
25932
|
"type": "string | TemplateRef<any>",
|
|
25933
25933
|
"decorators": []
|
|
25934
25934
|
},
|
|
@@ -25936,7 +25936,7 @@
|
|
|
25936
25936
|
"name": "label",
|
|
25937
25937
|
"deprecated": false,
|
|
25938
25938
|
"deprecationMessage": "",
|
|
25939
|
-
"line":
|
|
25939
|
+
"line": 116,
|
|
25940
25940
|
"type": "string | TemplateRef<any>",
|
|
25941
25941
|
"decorators": []
|
|
25942
25942
|
},
|
|
@@ -25945,7 +25945,7 @@
|
|
|
25945
25945
|
"defaultValue": "\"^\\\\d{1,2}/\\\\d{1,2}/\\\\d{4}$\"",
|
|
25946
25946
|
"deprecated": false,
|
|
25947
25947
|
"deprecationMessage": "",
|
|
25948
|
-
"line":
|
|
25948
|
+
"line": 120,
|
|
25949
25949
|
"type": "string",
|
|
25950
25950
|
"decorators": []
|
|
25951
25951
|
},
|
|
@@ -25954,7 +25954,7 @@
|
|
|
25954
25954
|
"defaultValue": "\"mm/dd/yyyy\"",
|
|
25955
25955
|
"deprecated": false,
|
|
25956
25956
|
"deprecationMessage": "",
|
|
25957
|
-
"line":
|
|
25957
|
+
"line": 118,
|
|
25958
25958
|
"type": "string",
|
|
25959
25959
|
"decorators": []
|
|
25960
25960
|
},
|
|
@@ -25963,7 +25963,7 @@
|
|
|
25963
25963
|
"defaultValue": "\"md\"",
|
|
25964
25964
|
"deprecated": false,
|
|
25965
25965
|
"deprecationMessage": "",
|
|
25966
|
-
"line":
|
|
25966
|
+
"line": 157,
|
|
25967
25967
|
"type": "\"sm\" | \"md\" | \"lg\"",
|
|
25968
25968
|
"decorators": []
|
|
25969
25969
|
},
|
|
@@ -25972,7 +25972,7 @@
|
|
|
25972
25972
|
"defaultValue": "false",
|
|
25973
25973
|
"deprecated": false,
|
|
25974
25974
|
"deprecationMessage": "",
|
|
25975
|
-
"line":
|
|
25975
|
+
"line": 153,
|
|
25976
25976
|
"type": "boolean",
|
|
25977
25977
|
"decorators": []
|
|
25978
25978
|
},
|
|
@@ -25983,15 +25983,15 @@
|
|
|
25983
25983
|
"deprecationMessage": "since v5 - Use `cdsLayer` directive instead\nSet to `\"light\"` to apply the light style",
|
|
25984
25984
|
"jsdoctags": [
|
|
25985
25985
|
{
|
|
25986
|
-
"pos":
|
|
25987
|
-
"end":
|
|
25986
|
+
"pos": 3702,
|
|
25987
|
+
"end": 3806,
|
|
25988
25988
|
"flags": 8421376,
|
|
25989
25989
|
"modifierFlagsCache": 0,
|
|
25990
25990
|
"transformFlags": 0,
|
|
25991
25991
|
"kind": 334,
|
|
25992
25992
|
"tagName": {
|
|
25993
|
-
"pos":
|
|
25994
|
-
"end":
|
|
25993
|
+
"pos": 3703,
|
|
25994
|
+
"end": 3713,
|
|
25995
25995
|
"flags": 8421376,
|
|
25996
25996
|
"modifierFlagsCache": 0,
|
|
25997
25997
|
"transformFlags": 0,
|
|
@@ -26001,7 +26001,7 @@
|
|
|
26001
26001
|
"comment": "<p>since v5 - Use <code>cdsLayer</code> directive instead\nSet to <code>"light"</code> to apply the light style</p>\n"
|
|
26002
26002
|
}
|
|
26003
26003
|
],
|
|
26004
|
-
"line":
|
|
26004
|
+
"line": 128,
|
|
26005
26005
|
"type": "\"light\" | \"dark\"",
|
|
26006
26006
|
"decorators": []
|
|
26007
26007
|
},
|
|
@@ -26012,7 +26012,7 @@
|
|
|
26012
26012
|
"deprecationMessage": "",
|
|
26013
26013
|
"rawdescription": "\n\nSelect a calendar type for the `model`.\nInternal purposes only.\n",
|
|
26014
26014
|
"description": "<p>Select a calendar type for the <code>model</code>.\nInternal purposes only.</p>\n",
|
|
26015
|
-
"line":
|
|
26015
|
+
"line": 110,
|
|
26016
26016
|
"type": "\"simple\" | \"single\" | \"range\"",
|
|
26017
26017
|
"decorators": []
|
|
26018
26018
|
},
|
|
@@ -26021,7 +26021,7 @@
|
|
|
26021
26021
|
"defaultValue": "\"\"",
|
|
26022
26022
|
"deprecated": false,
|
|
26023
26023
|
"deprecationMessage": "",
|
|
26024
|
-
"line":
|
|
26024
|
+
"line": 155,
|
|
26025
26025
|
"type": "string",
|
|
26026
26026
|
"decorators": []
|
|
26027
26027
|
},
|
|
@@ -26032,7 +26032,7 @@
|
|
|
26032
26032
|
"deprecationMessage": "",
|
|
26033
26033
|
"rawdescription": "\n\nSet to `true` to show a warning (contents set by warnText)\n",
|
|
26034
26034
|
"description": "<p>Set to <code>true</code> to show a warning (contents set by warnText)</p>\n",
|
|
26035
|
-
"line":
|
|
26035
|
+
"line": 142,
|
|
26036
26036
|
"type": "boolean",
|
|
26037
26037
|
"decorators": []
|
|
26038
26038
|
},
|
|
@@ -26042,7 +26042,7 @@
|
|
|
26042
26042
|
"deprecationMessage": "",
|
|
26043
26043
|
"rawdescription": "\n\nSets the warning text\n",
|
|
26044
26044
|
"description": "<p>Sets the warning text</p>\n",
|
|
26045
|
-
"line":
|
|
26045
|
+
"line": 146,
|
|
26046
26046
|
"type": "string | TemplateRef<any>",
|
|
26047
26047
|
"decorators": []
|
|
26048
26048
|
}
|
|
@@ -26053,7 +26053,7 @@
|
|
|
26053
26053
|
"defaultValue": "new EventEmitter()",
|
|
26054
26054
|
"deprecated": false,
|
|
26055
26055
|
"deprecationMessage": "",
|
|
26056
|
-
"line":
|
|
26056
|
+
"line": 122,
|
|
26057
26057
|
"type": "EventEmitter<string>"
|
|
26058
26058
|
}
|
|
26059
26059
|
],
|
|
@@ -26065,7 +26065,7 @@
|
|
|
26065
26065
|
"type": "ElementRef",
|
|
26066
26066
|
"optional": false,
|
|
26067
26067
|
"description": "",
|
|
26068
|
-
"line":
|
|
26068
|
+
"line": 159,
|
|
26069
26069
|
"decorators": [
|
|
26070
26070
|
{
|
|
26071
26071
|
"name": "ViewChild",
|
|
@@ -26084,7 +26084,7 @@
|
|
|
26084
26084
|
"type": "function",
|
|
26085
26085
|
"optional": false,
|
|
26086
26086
|
"description": "",
|
|
26087
|
-
"line":
|
|
26087
|
+
"line": 182
|
|
26088
26088
|
},
|
|
26089
26089
|
{
|
|
26090
26090
|
"name": "propagateChange",
|
|
@@ -26094,7 +26094,7 @@
|
|
|
26094
26094
|
"type": "",
|
|
26095
26095
|
"optional": false,
|
|
26096
26096
|
"description": "",
|
|
26097
|
-
"line":
|
|
26097
|
+
"line": 184
|
|
26098
26098
|
}
|
|
26099
26099
|
],
|
|
26100
26100
|
"methodsClass": [
|
|
@@ -26111,7 +26111,7 @@
|
|
|
26111
26111
|
"optional": false,
|
|
26112
26112
|
"returnType": "boolean",
|
|
26113
26113
|
"typeParameters": [],
|
|
26114
|
-
"line":
|
|
26114
|
+
"line": 186,
|
|
26115
26115
|
"deprecated": false,
|
|
26116
26116
|
"deprecationMessage": "",
|
|
26117
26117
|
"modifierKind": [
|
|
@@ -26142,7 +26142,7 @@
|
|
|
26142
26142
|
"optional": false,
|
|
26143
26143
|
"returnType": "void",
|
|
26144
26144
|
"typeParameters": [],
|
|
26145
|
-
"line":
|
|
26145
|
+
"line": 163,
|
|
26146
26146
|
"deprecated": false,
|
|
26147
26147
|
"deprecationMessage": "",
|
|
26148
26148
|
"jsdoctags": [
|
|
@@ -26170,7 +26170,7 @@
|
|
|
26170
26170
|
"optional": false,
|
|
26171
26171
|
"returnType": "void",
|
|
26172
26172
|
"typeParameters": [],
|
|
26173
|
-
"line":
|
|
26173
|
+
"line": 174,
|
|
26174
26174
|
"deprecated": false,
|
|
26175
26175
|
"deprecationMessage": "",
|
|
26176
26176
|
"modifierKind": [
|
|
@@ -26201,7 +26201,7 @@
|
|
|
26201
26201
|
"optional": false,
|
|
26202
26202
|
"returnType": "void",
|
|
26203
26203
|
"typeParameters": [],
|
|
26204
|
-
"line":
|
|
26204
|
+
"line": 178,
|
|
26205
26205
|
"deprecated": false,
|
|
26206
26206
|
"deprecationMessage": "",
|
|
26207
26207
|
"modifierKind": [
|
|
@@ -26232,7 +26232,7 @@
|
|
|
26232
26232
|
"optional": false,
|
|
26233
26233
|
"returnType": "void",
|
|
26234
26234
|
"typeParameters": [],
|
|
26235
|
-
"line":
|
|
26235
|
+
"line": 170,
|
|
26236
26236
|
"deprecated": false,
|
|
26237
26237
|
"deprecationMessage": "",
|
|
26238
26238
|
"modifierKind": [
|
|
@@ -26260,7 +26260,7 @@
|
|
|
26260
26260
|
"description": "",
|
|
26261
26261
|
"rawdescription": "\n",
|
|
26262
26262
|
"type": "component",
|
|
26263
|
-
"sourceCode": "import {\n\tComponent,\n\tInput,\n\tOutput,\n\tEventEmitter,\n\tElementRef,\n\tTemplateRef,\n\tViewChild\n} from \"@angular/core\";\nimport { NG_VALUE_ACCESSOR } from \"@angular/forms\";\n\n@Component({\n\tselector: \"cds-date-picker-input, ibm-date-picker-input\",\n\ttemplate: `\n\t<div class=\"cds--form-item\">\n\t\t<div class=\"cds--date-picker\"\n\t\t\t[ngClass]=\"{\n\t\t\t\t'cds--date-picker--simple' : type === 'simple',\n\t\t\t\t'cds--date-picker--single' : type === 'single',\n\t\t\t\t'cds--date-picker--range' : type === 'range',\n\t\t\t\t'cds--date-picker--light' : theme === 'light',\n\t\t\t\t'cds--skeleton' : skeleton\n\t\t\t}\">\n\t\t\t<div class=\"cds--date-picker-container\">\n\t\t\t\t<label\n\t\t\t\t\t*ngIf=\"label\"\n\t\t\t\t\t[for]=\"id\"\n\t\t\t\t\tclass=\"cds--label\"\n\t\t\t\t\t[ngClass]=\"{'cds--label--disabled': disabled}\">\n\t\t\t\t\t<ng-container *ngIf=\"!isTemplate(label)\">{{label}}</ng-container>\n\t\t\t\t\t<ng-template *ngIf=\"isTemplate(label)\" [ngTemplateOutlet]=\"label\"></ng-template>\n\t\t\t\t</label>\n\t\t\t\t<div class=\"cds--date-picker-input__wrapper\"\n\t\t\t\t\t[ngClass]=\"{\n\t\t\t\t\t\t'cds--date-picker-input__wrapper--invalid': invalid,\n\t\t\t\t\t\t'cds--date-picker-input__wrapper--warn': warn\n\t\t\t\t\t}\">\n\t\t\t\t\t<input\n\t\t\t\t\t\t#input\n\t\t\t\t\t\t*ngIf=\"!skeleton\"\n\t\t\t\t\t\tautocomplete=\"off\"\n\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\tclass=\"cds--date-picker__input\"\n\t\t\t\t\t\t[ngClass]=\"{\n\t\t\t\t\t\t\t'cds--date-picker__input--sm': size === 'sm',\n\t\t\t\t\t\t\t'cds--date-picker__input--md': size === 'md',\n\t\t\t\t\t\t\t'cds--date-picker__input--lg': size === 'lg'\n\t\t\t\t\t\t}\"\n\t\t\t\t\t\t[attr.data-invalid]=\"invalid ? true : undefined\"\n\t\t\t\t\t\t[value]=\"value\"\n\t\t\t\t\t\t[pattern]=\"pattern\"\n\t\t\t\t\t\t[placeholder]=\"placeholder\"\n\t\t\t\t\t\t[id]= \"id\"\n\t\t\t\t\t\t[disabled]=\"disabled\"\n\t\t\t\t\t\t(change)=\"onChange($event)\"/>\n\t\t\t\t\t\t<svg\n\t\t\t\t\t\t\t*ngIf=\"type !== 'simple' && !warn && !invalid\"\n\t\t\t\t\t\t\tcdsIcon=\"calendar\"\n\t\t\t\t\t\t\tsize=\"16\"\n\t\t\t\t\t\t\tclass=\"cds--date-picker__icon\">\n\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t<svg\n\t\t\t\t\t\t\t*ngIf=\"!warn && invalid\"\n\t\t\t\t\t\t\tclass=\"cds--date-picker__icon cds--date-picker__icon--invalid\"\n\t\t\t\t\t\t\tcdsIcon=\"warning--filled\"\n\t\t\t\t\t\t\tsize=\"16\">\n\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t<svg\n\t\t\t\t\t\t\t*ngIf=\"!invalid && warn\"\n\t\t\t\t\t\t\tcdsIcon=\"warning--alt--filled\"\n\t\t\t\t\t\t\tsize=\"16\"\n\t\t\t\t\t\t\tclass=\"cds--date-picker__icon cds--date-picker__icon--warn\">\n\t\t\t\t\t\t</svg>\n\t\t\t\t</div>\n\t\t\t\t<div\n\t\t\t\t\t*ngIf=\"helperText && !invalid && !warn\"\n\t\t\t\t\tclass=\"cds--form__helper-text\"\n\t\t\t\t\t[ngClass]=\"{'cds--form__helper-text--disabled': disabled}\">\n\t\t\t\t\t<ng-container *ngIf=\"!isTemplate(helperText)\">{{helperText}}</ng-container>\n\t\t\t\t\t<ng-template *ngIf=\"isTemplate(helperText)\" [ngTemplateOutlet]=\"helperText\"></ng-template>\n\t\t\t\t</div>\n\t\t\t\t<div *ngIf=\"!warn && invalid\" class=\"cds--form-requirement\">\n\t\t\t\t\t<ng-container *ngIf=\"!isTemplate(invalidText)\">{{invalidText}}</ng-container>\n\t\t\t\t\t<ng-template *ngIf=\"isTemplate(invalidText)\" [ngTemplateOutlet]=\"invalidText\"></ng-template>\n\t\t\t\t</div>\n\t\t\t\t<div *ngIf=\"!invalid && warn\" class=\"cds--form-requirement\">\n\t\t\t\t\t<ng-container *ngIf=\"!isTemplate(warnText)\">{{warnText}}</ng-container>\n\t\t\t\t\t<ng-template *ngIf=\"isTemplate(warnText)\" [ngTemplateOutlet]=\"warnText\"></ng-template>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n</div>\n\t`,\n\tproviders: [\n\t\t{\n\t\t\tprovide: NG_VALUE_ACCESSOR,\n\t\t\tuseExisting: DatePickerInput,\n\t\t\tmulti: true\n\t\t}\n\t]\n})\nexport class DatePickerInput {\n\tprivate static datePickerCount = 0;\n\t/**\n\t * Select a calendar type for the `model`.\n\t * Internal purposes only.\n\t */\n\t@Input() type: \"simple\" | \"single\" | \"range\" = \"simple\";\n\n\t@Input() id = `datepicker-${DatePickerInput.datePickerCount++}`;\n\n\t@Input() hasIcon = false;\n\n\t@Input() label: string | TemplateRef<any>;\n\n\t@Input() placeholder = \"mm/dd/yyyy\";\n\n\t@Input() pattern = \"^\\\\d{1,2}/\\\\d{1,2}/\\\\d{4}$\";\n\n\t@Output() valueChange: EventEmitter<string> = new EventEmitter();\n\n\t/**\n\t * @deprecated since v5 - Use `cdsLayer` directive instead\n\t * Set to `\"light\"` to apply the light style\n\t */\n\t@Input() theme: \"light\" | \"dark\" = \"dark\";\n\n\t@Input() disabled = false;\n\t/**\n\t * Set to `true` for invalid state.\n\t */\n\t@Input() invalid = false;\n\t/**\n\t * Value displayed if dropdown is in invalid state.\n\t */\n\t@Input() invalidText: string | TemplateRef<any>;\n\t/**\n\t * Set to `true` to show a warning (contents set by warnText)\n\t */\n\t@Input() warn = false;\n\t/**\n\t * Sets the warning text\n\t */\n\t@Input() warnText: string | TemplateRef<any>;\n\n\t/**\n\t * Sets the optional helper text.\n\t */\n\t@Input() helperText: string | TemplateRef<any>;\n\n\t@Input() skeleton = false;\n\n\t@Input() value = \"\";\n\n\t@Input() size: \"sm\" | \"md\" | \"lg\" = \"md\";\n\n\t@ViewChild(\"input\") input: ElementRef;\n\n\tconstructor(protected elementRef: ElementRef) { }\n\n\tonChange(event) {\n\t\tthis.value = event.target.value;\n\t\tthis.valueChange.emit(this.value);\n\t\tthis.propagateChange(this.value);\n\t\tthis.onTouched();\n\t}\n\n\tpublic writeValue(value: any) {\n\t\tthis.value = value;\n\t}\n\n\tpublic registerOnChange(fn: any) {\n\t\tthis.propagateChange = fn;\n\t}\n\n\tpublic registerOnTouched(fn: any) {\n\t\tthis.onTouched = fn;\n\t}\n\n\tonTouched: () => any = () => { };\n\n\tpropagateChange = (_: any) => { };\n\n\tpublic isTemplate(value) {\n\t\treturn value instanceof TemplateRef;\n\t}\n}\n",
|
|
26263
|
+
"sourceCode": "import {\n\tComponent,\n\tInput,\n\tOutput,\n\tEventEmitter,\n\tElementRef,\n\tTemplateRef,\n\tViewChild\n} from \"@angular/core\";\nimport { NG_VALUE_ACCESSOR } from \"@angular/forms\";\n\n@Component({\n\tselector: \"cds-date-picker-input, ibm-date-picker-input\",\n\ttemplate: `\n\t<div class=\"cds--form-item\">\n\t\t<div class=\"cds--date-picker\"\n\t\t\t[ngClass]=\"{\n\t\t\t\t'cds--date-picker--simple' : type === 'simple',\n\t\t\t\t'cds--date-picker--single' : type === 'single',\n\t\t\t\t'cds--date-picker--range' : type === 'range',\n\t\t\t\t'cds--date-picker--light' : theme === 'light',\n\t\t\t\t'cds--skeleton' : skeleton\n\t\t\t}\">\n\t\t\t<div class=\"cds--date-picker-container\">\n\t\t\t\t<label\n\t\t\t\t\t*ngIf=\"label\"\n\t\t\t\t\t[for]=\"id\"\n\t\t\t\t\tclass=\"cds--label\"\n\t\t\t\t\t[ngClass]=\"{'cds--label--disabled': disabled}\">\n\t\t\t\t\t<ng-container *ngIf=\"!isTemplate(label)\">{{label}}</ng-container>\n\t\t\t\t\t<ng-template *ngIf=\"isTemplate(label)\" [ngTemplateOutlet]=\"label\"></ng-template>\n\t\t\t\t</label>\n\t\t\t\t<div class=\"cds--date-picker-input__wrapper\"\n\t\t\t\t\t[ngClass]=\"{\n\t\t\t\t\t\t'cds--date-picker-input__wrapper--invalid': invalid,\n\t\t\t\t\t\t'cds--date-picker-input__wrapper--warn': warn\n\t\t\t\t\t}\">\n\t\t\t\t\t<span>\n\t\t\t\t\t\t<input\n\t\t\t\t\t\t#input\n\t\t\t\t\t\t*ngIf=\"!skeleton\"\n\t\t\t\t\t\tautocomplete=\"off\"\n\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\tclass=\"cds--date-picker__input\"\n\t\t\t\t\t\t[ngClass]=\"{\n\t\t\t\t\t\t\t'cds--date-picker__input--sm': size === 'sm',\n\t\t\t\t\t\t\t'cds--date-picker__input--md': size === 'md',\n\t\t\t\t\t\t\t'cds--date-picker__input--lg': size === 'lg'\n\t\t\t\t\t\t}\"\n\t\t\t\t\t\t[attr.data-invalid]=\"invalid ? true : undefined\"\n\t\t\t\t\t\t[value]=\"value\"\n\t\t\t\t\t\t[pattern]=\"pattern\"\n\t\t\t\t\t\t[placeholder]=\"placeholder\"\n\t\t\t\t\t\t[id]= \"id\"\n\t\t\t\t\t\t[disabled]=\"disabled\"\n\t\t\t\t\t\t\t(change)=\"onChange($event)\"/>\n\t\t\t\t\t\t\t<svg\n\t\t\t\t\t\t\t\t*ngIf=\"type !== 'simple' && !warn && !invalid\"\n\t\t\t\t\t\t\t\tcdsIcon=\"calendar\"\n\t\t\t\t\t\t\t\tsize=\"16\"\n\t\t\t\t\t\t\t\tclass=\"cds--date-picker__icon\">\n\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t<svg\n\t\t\t\t\t\t\t\t*ngIf=\"!warn && invalid\"\n\t\t\t\t\t\t\t\tclass=\"cds--date-picker__icon cds--date-picker__icon--invalid\"\n\t\t\t\t\t\t\t\tcdsIcon=\"warning--filled\"\n\t\t\t\t\t\t\t\tsize=\"16\">\n\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t<svg\n\t\t\t\t\t\t\t\t*ngIf=\"!invalid && warn\"\n\t\t\t\t\t\t\t\tcdsIcon=\"warning--alt--filled\"\n\t\t\t\t\t\t\t\tsize=\"16\"\n\t\t\t\t\t\t\t\tclass=\"cds--date-picker__icon cds--date-picker__icon--warn\">\n\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t</span>\n\t\t\t\t</div>\n\t\t\t\t<div\n\t\t\t\t\t*ngIf=\"helperText && !invalid && !warn\"\n\t\t\t\t\tclass=\"cds--form__helper-text\"\n\t\t\t\t\t[ngClass]=\"{'cds--form__helper-text--disabled': disabled}\">\n\t\t\t\t\t<ng-container *ngIf=\"!isTemplate(helperText)\">{{helperText}}</ng-container>\n\t\t\t\t\t<ng-template *ngIf=\"isTemplate(helperText)\" [ngTemplateOutlet]=\"helperText\"></ng-template>\n\t\t\t\t</div>\n\t\t\t\t<div *ngIf=\"!warn && invalid\" class=\"cds--form-requirement\">\n\t\t\t\t\t<ng-container *ngIf=\"!isTemplate(invalidText)\">{{invalidText}}</ng-container>\n\t\t\t\t\t<ng-template *ngIf=\"isTemplate(invalidText)\" [ngTemplateOutlet]=\"invalidText\"></ng-template>\n\t\t\t\t</div>\n\t\t\t\t<div *ngIf=\"!invalid && warn\" class=\"cds--form-requirement\">\n\t\t\t\t\t<ng-container *ngIf=\"!isTemplate(warnText)\">{{warnText}}</ng-container>\n\t\t\t\t\t<ng-template *ngIf=\"isTemplate(warnText)\" [ngTemplateOutlet]=\"warnText\"></ng-template>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n</div>\n\t`,\n\tproviders: [\n\t\t{\n\t\t\tprovide: NG_VALUE_ACCESSOR,\n\t\t\tuseExisting: DatePickerInput,\n\t\t\tmulti: true\n\t\t}\n\t]\n})\nexport class DatePickerInput {\n\tprivate static datePickerCount = 0;\n\t/**\n\t * Select a calendar type for the `model`.\n\t * Internal purposes only.\n\t */\n\t@Input() type: \"simple\" | \"single\" | \"range\" = \"simple\";\n\n\t@Input() id = `datepicker-${DatePickerInput.datePickerCount++}`;\n\n\t@Input() hasIcon = false;\n\n\t@Input() label: string | TemplateRef<any>;\n\n\t@Input() placeholder = \"mm/dd/yyyy\";\n\n\t@Input() pattern = \"^\\\\d{1,2}/\\\\d{1,2}/\\\\d{4}$\";\n\n\t@Output() valueChange: EventEmitter<string> = new EventEmitter();\n\n\t/**\n\t * @deprecated since v5 - Use `cdsLayer` directive instead\n\t * Set to `\"light\"` to apply the light style\n\t */\n\t@Input() theme: \"light\" | \"dark\" = \"dark\";\n\n\t@Input() disabled = false;\n\t/**\n\t * Set to `true` for invalid state.\n\t */\n\t@Input() invalid = false;\n\t/**\n\t * Value displayed if dropdown is in invalid state.\n\t */\n\t@Input() invalidText: string | TemplateRef<any>;\n\t/**\n\t * Set to `true` to show a warning (contents set by warnText)\n\t */\n\t@Input() warn = false;\n\t/**\n\t * Sets the warning text\n\t */\n\t@Input() warnText: string | TemplateRef<any>;\n\n\t/**\n\t * Sets the optional helper text.\n\t */\n\t@Input() helperText: string | TemplateRef<any>;\n\n\t@Input() skeleton = false;\n\n\t@Input() value = \"\";\n\n\t@Input() size: \"sm\" | \"md\" | \"lg\" = \"md\";\n\n\t@ViewChild(\"input\") input: ElementRef;\n\n\tconstructor(protected elementRef: ElementRef) { }\n\n\tonChange(event) {\n\t\tthis.value = event.target.value;\n\t\tthis.valueChange.emit(this.value);\n\t\tthis.propagateChange(this.value);\n\t\tthis.onTouched();\n\t}\n\n\tpublic writeValue(value: any) {\n\t\tthis.value = value;\n\t}\n\n\tpublic registerOnChange(fn: any) {\n\t\tthis.propagateChange = fn;\n\t}\n\n\tpublic registerOnTouched(fn: any) {\n\t\tthis.onTouched = fn;\n\t}\n\n\tonTouched: () => any = () => { };\n\n\tpropagateChange = (_: any) => { };\n\n\tpublic isTemplate(value) {\n\t\treturn value instanceof TemplateRef;\n\t}\n}\n",
|
|
26264
26264
|
"assetsDirs": [],
|
|
26265
26265
|
"styleUrlsData": "",
|
|
26266
26266
|
"stylesData": "",
|
|
@@ -26277,7 +26277,7 @@
|
|
|
26277
26277
|
"deprecationMessage": ""
|
|
26278
26278
|
}
|
|
26279
26279
|
],
|
|
26280
|
-
"line":
|
|
26280
|
+
"line": 159,
|
|
26281
26281
|
"jsdoctags": [
|
|
26282
26282
|
{
|
|
26283
26283
|
"name": "elementRef",
|
|
@@ -69405,7 +69405,7 @@
|
|
|
69405
69405
|
"deprecated": false,
|
|
69406
69406
|
"deprecationMessage": "",
|
|
69407
69407
|
"type": "",
|
|
69408
|
-
"defaultValue": "(args) => ({\n\tprops: args,\n\ttemplate: `\n\t\t<p>With initial value</p>\n\t\t<cds-date-picker\n\t\t\t[label]=\"label\"\n\t\t\t[rangeLabel]=\"label\"\n\t\t\t[size]=\"size\"\n\t\t\trange=\"true\"\n\t\t\tid=\"initial-value-datepicker\"\n\t\t\t[placeholder]=\"placeholder\"\n\t\t\t[language]=\"language\"\n\t\t\t[theme]=\"theme\"\n\t\t\t[disabled]=\"disabled\"\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[rangeInvalid]=\"invalid\"\n\t\t\t[rangeInvalidText]=\"invalidText\"\n\t\t\t[dateFormat]=\"dateFormat\"\n\t\t\t[value]=\"value\"\n\t\t\t(valueChange)=\"valueChange($event)\"\n\t\t\t[helperText]=\"helperText\">\n\t\t</cds-date-picker>\n\t\t<p style=\"margin-top: 20px;\">Without initial value</p>\n\t\t<cds-date-picker\n\t\t\t[label]=\"label\"\n\t\t\t[rangeLabel]=\"label\"\n\t\t\t[size]=\"size\"\n\t\t\trange=\"true\"\n\t\t\t[language]=\"language\"\n\t\t\t[placeholder]=\"placeholder\"\n\t\t\t[theme]=\"theme\"\n\t\t\t[disabled]=\"disabled\"\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[rangeWarn]=\"warn\"\n\t\t\t[rangeWarnText]=\"warnText\"\n\t\t\t[dateFormat]=\"dateFormat\"\n\t\t\t(valueChange)=\"valueChange($event)\"\n\t\t\t[helperText]=\"helperText\">\n\t\t</cds-date-picker>\n\t`\n})"
|
|
69408
|
+
"defaultValue": "(args) => ({\n\tprops: args,\n\ttemplate: `\n\t\t<p>With initial value</p>\n\t\t<cds-date-picker\n\t\t\t[label]=\"label\"\n\t\t\t[rangeLabel]=\"label\"\n\t\t\t[size]=\"size\"\n\t\t\trange=\"true\"\n\t\t\tid=\"initial-value-range-datepicker\"\n\t\t\t[placeholder]=\"placeholder\"\n\t\t\t[language]=\"language\"\n\t\t\t[theme]=\"theme\"\n\t\t\t[disabled]=\"disabled\"\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[rangeInvalid]=\"invalid\"\n\t\t\t[rangeInvalidText]=\"invalidText\"\n\t\t\t[dateFormat]=\"dateFormat\"\n\t\t\t[value]=\"value\"\n\t\t\t(valueChange)=\"valueChange($event)\"\n\t\t\t[helperText]=\"helperText\">\n\t\t</cds-date-picker>\n\t\t<p style=\"margin-top: 20px;\">Without initial value</p>\n\t\t<cds-date-picker\n\t\t\t[label]=\"label\"\n\t\t\t[rangeLabel]=\"label\"\n\t\t\t[size]=\"size\"\n\t\t\trange=\"true\"\n\t\t\t[language]=\"language\"\n\t\t\t[placeholder]=\"placeholder\"\n\t\t\t[theme]=\"theme\"\n\t\t\t[disabled]=\"disabled\"\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[rangeWarn]=\"warn\"\n\t\t\t[rangeWarnText]=\"warnText\"\n\t\t\t[dateFormat]=\"dateFormat\"\n\t\t\t(valueChange)=\"valueChange($event)\"\n\t\t\t[helperText]=\"helperText\">\n\t\t</cds-date-picker>\n\t`\n})"
|
|
69409
69409
|
},
|
|
69410
69410
|
{
|
|
69411
69411
|
"name": "RangeTemplate",
|
|
@@ -74121,7 +74121,7 @@
|
|
|
74121
74121
|
"deprecated": false,
|
|
74122
74122
|
"deprecationMessage": "",
|
|
74123
74123
|
"type": "",
|
|
74124
|
-
"defaultValue": "(args) => ({\n\tprops: args,\n\ttemplate: `\n\t\t<p>With initial value</p>\n\t\t<cds-date-picker\n\t\t\t[label]=\"label\"\n\t\t\t[rangeLabel]=\"label\"\n\t\t\t[size]=\"size\"\n\t\t\trange=\"true\"\n\t\t\tid=\"initial-value-datepicker\"\n\t\t\t[placeholder]=\"placeholder\"\n\t\t\t[language]=\"language\"\n\t\t\t[theme]=\"theme\"\n\t\t\t[disabled]=\"disabled\"\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[rangeInvalid]=\"invalid\"\n\t\t\t[rangeInvalidText]=\"invalidText\"\n\t\t\t[dateFormat]=\"dateFormat\"\n\t\t\t[value]=\"value\"\n\t\t\t(valueChange)=\"valueChange($event)\"\n\t\t\t[helperText]=\"helperText\">\n\t\t</cds-date-picker>\n\t\t<p style=\"margin-top: 20px;\">Without initial value</p>\n\t\t<cds-date-picker\n\t\t\t[label]=\"label\"\n\t\t\t[rangeLabel]=\"label\"\n\t\t\t[size]=\"size\"\n\t\t\trange=\"true\"\n\t\t\t[language]=\"language\"\n\t\t\t[placeholder]=\"placeholder\"\n\t\t\t[theme]=\"theme\"\n\t\t\t[disabled]=\"disabled\"\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[rangeWarn]=\"warn\"\n\t\t\t[rangeWarnText]=\"warnText\"\n\t\t\t[dateFormat]=\"dateFormat\"\n\t\t\t(valueChange)=\"valueChange($event)\"\n\t\t\t[helperText]=\"helperText\">\n\t\t</cds-date-picker>\n\t`\n})"
|
|
74124
|
+
"defaultValue": "(args) => ({\n\tprops: args,\n\ttemplate: `\n\t\t<p>With initial value</p>\n\t\t<cds-date-picker\n\t\t\t[label]=\"label\"\n\t\t\t[rangeLabel]=\"label\"\n\t\t\t[size]=\"size\"\n\t\t\trange=\"true\"\n\t\t\tid=\"initial-value-range-datepicker\"\n\t\t\t[placeholder]=\"placeholder\"\n\t\t\t[language]=\"language\"\n\t\t\t[theme]=\"theme\"\n\t\t\t[disabled]=\"disabled\"\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[rangeInvalid]=\"invalid\"\n\t\t\t[rangeInvalidText]=\"invalidText\"\n\t\t\t[dateFormat]=\"dateFormat\"\n\t\t\t[value]=\"value\"\n\t\t\t(valueChange)=\"valueChange($event)\"\n\t\t\t[helperText]=\"helperText\">\n\t\t</cds-date-picker>\n\t\t<p style=\"margin-top: 20px;\">Without initial value</p>\n\t\t<cds-date-picker\n\t\t\t[label]=\"label\"\n\t\t\t[rangeLabel]=\"label\"\n\t\t\t[size]=\"size\"\n\t\t\trange=\"true\"\n\t\t\t[language]=\"language\"\n\t\t\t[placeholder]=\"placeholder\"\n\t\t\t[theme]=\"theme\"\n\t\t\t[disabled]=\"disabled\"\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[rangeWarn]=\"warn\"\n\t\t\t[rangeWarnText]=\"warnText\"\n\t\t\t[dateFormat]=\"dateFormat\"\n\t\t\t(valueChange)=\"valueChange($event)\"\n\t\t\t[helperText]=\"helperText\">\n\t\t</cds-date-picker>\n\t`\n})"
|
|
74125
74125
|
},
|
|
74126
74126
|
{
|
|
74127
74127
|
"name": "Single",
|