carbon-components-angular 5.36.0 → 5.37.0
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/Select.html +252 -45
- package/docs/documentation/components/TimePickerSelect.html +218 -24
- package/docs/documentation/coverage.html +7 -7
- package/docs/documentation.json +206 -63
- package/docs/storybook/{9672.c7063b22.iframe.bundle.js → 9672.48c27c98.iframe.bundle.js} +1 -1
- package/docs/storybook/iframe.html +2 -2
- package/docs/storybook/{main.e57ae153.iframe.bundle.js → main.b583315a.iframe.bundle.js} +1 -1
- package/docs/storybook/project.json +1 -1
- package/docs/storybook/{runtime~main.58219115.iframe.bundle.js → runtime~main.3bc73b8f.iframe.bundle.js} +1 -1
- package/docs/storybook/select-select-stories.c1077d92.iframe.bundle.js +1 -0
- package/esm2020/select/select.component.mjs +38 -6
- package/fesm2015/carbon-components-angular-select.mjs +37 -5
- package/fesm2015/carbon-components-angular-select.mjs.map +1 -1
- package/fesm2020/carbon-components-angular-select.mjs +37 -5
- package/fesm2020/carbon-components-angular-select.mjs.map +1 -1
- package/package.json +1 -1
- package/select/select.component.d.ts +7 -1
- package/docs/storybook/select-select-stories.f28348e5.iframe.bundle.js +0 -1
package/docs/documentation.json
CHANGED
|
@@ -47921,7 +47921,7 @@
|
|
|
47921
47921
|
},
|
|
47922
47922
|
{
|
|
47923
47923
|
"name": "Select",
|
|
47924
|
-
"id": "component-Select-
|
|
47924
|
+
"id": "component-Select-b56838c9a6ad3fa2101ba902a6132ed17f96dd38751fe11a6df0919b1a2fdc3c81b4c3ae5523df12ae3b7ba8a8bd0f4167d2454dac365196a6400973427bee2d",
|
|
47925
47925
|
"file": "src/select/select.component.ts",
|
|
47926
47926
|
"encapsulation": [],
|
|
47927
47927
|
"entryComponents": [],
|
|
@@ -47935,7 +47935,7 @@
|
|
|
47935
47935
|
"selector": "cds-select, ibm-select",
|
|
47936
47936
|
"styleUrls": [],
|
|
47937
47937
|
"styles": [],
|
|
47938
|
-
"template": "<div class=\"cds--form-item\">\n\t<ng-template [ngIf]=\"skeleton\">\n\t\t<div *ngIf=\"label\" class=\"cds--label cds--skeleton\"></div>\n\t\t<div class=\"cds--select cds--skeleton\"></div>\n\t</ng-template>\n\t<div\n\t\t*ngIf=\"!skeleton\"\n\t\tclass=\"cds--select\"\n\t\t[ngClass]=\"{\n\t\t\t'cds--select--inline': display === 'inline',\n\t\t\t'cds--select--light': theme === 'light',\n\t\t\t'cds--select--invalid': invalid,\n\t\t\t'cds--select--warning': warn,\n\t\t\t'cds--select--disabled': disabled\n\t\t}\">\n\t\t<label\n\t\t\t*ngIf=\"label\"\n\t\t\t[for]=\"id\"\n\t\t\tclass=\"cds--label\"\n\t\t\t[ngClass]=\"{'cds--label--disabled': disabled}\">\n\t\t\t<ng-container *ngIf=\"!isTemplate(label)\">{{label}}</ng-container>\n\t\t\t<ng-template *ngIf=\"isTemplate(label)\" [ngTemplateOutlet]=\"label\"></ng-template>\n\t\t</label>\n\t\t<div *ngIf=\"display === 'inline'; else noInline\" class=\"cds--select-input--inline__wrapper\">\n\t\t\t<ng-container *ngTemplateOutlet=\"noInline\"></ng-container>\n\t\t</div>\n\t\t<div\n\t\t\t*ngIf=\"helperText\"\n\t\t\tclass=\"cds--form__helper-text\"\n\t\t\t[ngClass]=\"{\n\t\t\t\t'cds--form__helper-text--disabled': disabled\n\t\t\t}\">\n\t\t\t<ng-container *ngIf=\"!isTemplate(helperText)\">{{helperText}}</ng-container>\n\t\t\t<ng-template *ngIf=\"isTemplate(helperText)\" [ngTemplateOutlet]=\"helperText\"></ng-template>\n\t\t</div>\n\t</div>\n</div>\n\n<!-- select element: dynamically projected based on 'display' variant -->\n<ng-template #noInline>\n\t<div class=\"cds--select-input__wrapper\" [attr.data-invalid]=\"(invalid ? true : null)\">\n\t\t<select\n\t\t\t#select\n\t\t\t[attr.id]=\"id\"\n\t\t\t[attr.aria-label]=\"ariaLabel\"\n\t\t\t[disabled]=\"disabled\"\n\t\t\t(change)=\"onChange($event)\"\n\t\t\t[attr.aria-invalid]=\"invalid ? 'true' : null\"\n\t\t\tclass=\"cds--select-input\"\n\t\t\t[ngClass]=\"{\n\t\t\t\t'cds--select-input--sm': size === 'sm',\n\t\t\t\t'cds--select-input--md': size === 'md',\n\t\t\t\t'cds--select-input--lg': size === 'lg'\n\t\t\t}\">\n\t\t\t<ng-content></ng-content>\n\t\t</select>\n\t\t<svg\n\t\t\tfocusable=\"false\"\n\t\t\tpreserveAspectRatio=\"xMidYMid meet\"\n\t\t\tstyle=\"will-change: transform;\"\n\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\tclass=\"cds--select__arrow\"\n\t\t\twidth=\"16\"\n\t\t\theight=\"16\"\n\t\t\tviewBox=\"0 0 16 16\"\n\t\t\taria-hidden=\"true\">\n\t\t\t<path d=\"M8 11L3 6 3.7 5.3 8 9.6 12.3 5.3 13 6z\"></path>\n\t\t</svg>\n\t\t<svg\n\t\t\t*ngIf=\"invalid\"\n\t\t\tcdsIcon=\"warning--filled\"\n\t\t\tsize=\"16\"\n\t\t\tclass=\"cds--select__invalid-icon\">\n\t\t</svg>\n\t\t<svg\n\t\t\t*ngIf=\"!invalid && warn\"\n\t\t\tcdsIcon=\"warning--alt--filled\"\n\t\t\tsize=\"16\"\n\t\t\tclass=\"cds--select__invalid-icon cds--select__invalid-icon--warning\">\n\t\t</svg>\n\t</div>\n\t<div\n\t\t*ngIf=\"invalid && invalidText\" role=\"alert\" class=\"cds--form-requirement\" aria-live=\"polite\">\n\t\t<ng-container *ngIf=\"!isTemplate(invalidText)\">{{invalidText}}</ng-container>\n\t\t<ng-template *ngIf=\"isTemplate(invalidText)\" [ngTemplateOutlet]=\"invalidText\"></ng-template>\n\t</div>\n\t<div *ngIf=\"!invalid && warn\" class=\"cds--form-requirement\">\n\t\t<ng-container *ngIf=\"!isTemplate(warnText)\">{{warnText}}</ng-container>\n\t\t<ng-template *ngIf=\"isTemplate(warnText)\" [ngTemplateOutlet]=\"warnText\"></ng-template>\n\t</div>\n</ng-template>\n\t",
|
|
47938
|
+
"template": "<div class=\"cds--form-item\">\n\t<ng-template [ngIf]=\"skeleton\">\n\t\t<div *ngIf=\"label\" class=\"cds--label cds--skeleton\"></div>\n\t\t<div class=\"cds--select cds--skeleton\"></div>\n\t</ng-template>\n\t<div\n\t\t*ngIf=\"!skeleton\"\n\t\tclass=\"cds--select\"\n\t\t[ngClass]=\"{\n\t\t\t'cds--select--inline': display === 'inline',\n\t\t\t'cds--select--light': theme === 'light',\n\t\t\t'cds--select--invalid': invalid,\n\t\t\t'cds--select--warning': warn,\n\t\t\t'cds--select--disabled': disabled,\n\t\t\t'cds--select--readonly': readonly\n\t\t}\">\n\t\t<label\n\t\t\t*ngIf=\"label\"\n\t\t\t[for]=\"id\"\n\t\t\tclass=\"cds--label\"\n\t\t\t[ngClass]=\"{'cds--label--disabled': disabled}\">\n\t\t\t<ng-container *ngIf=\"!isTemplate(label)\">{{label}}</ng-container>\n\t\t\t<ng-template *ngIf=\"isTemplate(label)\" [ngTemplateOutlet]=\"label\"></ng-template>\n\t\t</label>\n\t\t<div *ngIf=\"display === 'inline'; else noInline\" class=\"cds--select-input--inline__wrapper\">\n\t\t\t<ng-container *ngTemplateOutlet=\"noInline\"></ng-container>\n\t\t</div>\n\t\t<div\n\t\t\t*ngIf=\"helperText\"\n\t\t\tclass=\"cds--form__helper-text\"\n\t\t\t[ngClass]=\"{\n\t\t\t\t'cds--form__helper-text--disabled': disabled\n\t\t\t}\">\n\t\t\t<ng-container *ngIf=\"!isTemplate(helperText)\">{{helperText}}</ng-container>\n\t\t\t<ng-template *ngIf=\"isTemplate(helperText)\" [ngTemplateOutlet]=\"helperText\"></ng-template>\n\t\t</div>\n\t</div>\n</div>\n\n<!-- select element: dynamically projected based on 'display' variant -->\n<ng-template #noInline>\n\t<div class=\"cds--select-input__wrapper\" [attr.data-invalid]=\"(invalid ? true : null)\">\n\t\t<select\n\t\t\t#select\n\t\t\t[attr.id]=\"id\"\n\t\t\t[attr.aria-label]=\"ariaLabel\"\n\t\t\t[disabled]=\"disabled\"\n\t\t\t(change)=\"onChange($event)\"\n\t\t\t[attr.aria-invalid]=\"invalid ? 'true' : null\"\n\t\t\t[attr.aria-readonly]=\"readonly ? 'true' : null\"\n\t\t\tclass=\"cds--select-input\"\n\t\t\t[ngClass]=\"{\n\t\t\t\t'cds--select-input--sm': size === 'sm',\n\t\t\t\t'cds--select-input--md': size === 'md',\n\t\t\t\t'cds--select-input--lg': size === 'lg'\n\t\t\t}\"\n\t\t\t(mousedown)=\"onMouseDown($event)\"\n\t\t\t(keydown)=\"onKeyDown($event)\">\n\t\t\t<ng-content></ng-content>\n\t\t</select>\n\t\t<svg\n\t\t\tfocusable=\"false\"\n\t\t\tpreserveAspectRatio=\"xMidYMid meet\"\n\t\t\tstyle=\"will-change: transform;\"\n\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\tclass=\"cds--select__arrow\"\n\t\t\twidth=\"16\"\n\t\t\theight=\"16\"\n\t\t\tviewBox=\"0 0 16 16\"\n\t\t\taria-hidden=\"true\">\n\t\t\t<path d=\"M8 11L3 6 3.7 5.3 8 9.6 12.3 5.3 13 6z\"></path>\n\t\t</svg>\n\t\t<svg\n\t\t\t*ngIf=\"invalid\"\n\t\t\tcdsIcon=\"warning--filled\"\n\t\t\tsize=\"16\"\n\t\t\tclass=\"cds--select__invalid-icon\">\n\t\t</svg>\n\t\t<svg\n\t\t\t*ngIf=\"!invalid && warn\"\n\t\t\tcdsIcon=\"warning--alt--filled\"\n\t\t\tsize=\"16\"\n\t\t\tclass=\"cds--select__invalid-icon cds--select__invalid-icon--warning\">\n\t\t</svg>\n\t</div>\n\t<div\n\t\t*ngIf=\"invalid && invalidText\" role=\"alert\" class=\"cds--form-requirement\" aria-live=\"polite\">\n\t\t<ng-container *ngIf=\"!isTemplate(invalidText)\">{{invalidText}}</ng-container>\n\t\t<ng-template *ngIf=\"isTemplate(invalidText)\" [ngTemplateOutlet]=\"invalidText\"></ng-template>\n\t</div>\n\t<div *ngIf=\"!invalid && warn\" class=\"cds--form-requirement\">\n\t\t<ng-container *ngIf=\"!isTemplate(warnText)\">{{warnText}}</ng-container>\n\t\t<ng-template *ngIf=\"isTemplate(warnText)\" [ngTemplateOutlet]=\"warnText\"></ng-template>\n\t</div>\n</ng-template>\n\t",
|
|
47939
47939
|
"templateUrl": [],
|
|
47940
47940
|
"viewProviders": [],
|
|
47941
47941
|
"hostDirectives": [],
|
|
@@ -47944,7 +47944,7 @@
|
|
|
47944
47944
|
"name": "ariaLabel",
|
|
47945
47945
|
"deprecated": false,
|
|
47946
47946
|
"deprecationMessage": "",
|
|
47947
|
-
"line":
|
|
47947
|
+
"line": 199,
|
|
47948
47948
|
"type": "string",
|
|
47949
47949
|
"decorators": []
|
|
47950
47950
|
},
|
|
@@ -47955,7 +47955,7 @@
|
|
|
47955
47955
|
"deprecationMessage": "",
|
|
47956
47956
|
"rawdescription": "\n\nSet to true to disable component.\n",
|
|
47957
47957
|
"description": "<p>Set to true to disable component.</p>\n",
|
|
47958
|
-
"line":
|
|
47958
|
+
"line": 180,
|
|
47959
47959
|
"type": "boolean",
|
|
47960
47960
|
"decorators": []
|
|
47961
47961
|
},
|
|
@@ -47966,7 +47966,7 @@
|
|
|
47966
47966
|
"deprecationMessage": "",
|
|
47967
47967
|
"rawdescription": "\n\n`inline` or `default` select displays\n",
|
|
47968
47968
|
"description": "<p><code>inline</code> or <code>default</code> select displays</p>\n",
|
|
47969
|
-
"line":
|
|
47969
|
+
"line": 148,
|
|
47970
47970
|
"type": "\"inline\" | \"default\"",
|
|
47971
47971
|
"decorators": []
|
|
47972
47972
|
},
|
|
@@ -47976,7 +47976,7 @@
|
|
|
47976
47976
|
"deprecationMessage": "",
|
|
47977
47977
|
"rawdescription": "\n\nOptional helper text that appears under the label.\n",
|
|
47978
47978
|
"description": "<p>Optional helper text that appears under the label.</p>\n",
|
|
47979
|
-
"line":
|
|
47979
|
+
"line": 156,
|
|
47980
47980
|
"type": "string | TemplateRef<any>",
|
|
47981
47981
|
"decorators": []
|
|
47982
47982
|
},
|
|
@@ -47987,7 +47987,7 @@
|
|
|
47987
47987
|
"deprecationMessage": "",
|
|
47988
47988
|
"rawdescription": "\n\nSets the unique ID. Defaults to `select-${total count of selects instantiated}`\n",
|
|
47989
47989
|
"description": "<p>Sets the unique ID. Defaults to <code>select-${total count of selects instantiated}</code></p>\n",
|
|
47990
|
-
"line":
|
|
47990
|
+
"line": 172,
|
|
47991
47991
|
"type": "string",
|
|
47992
47992
|
"decorators": []
|
|
47993
47993
|
},
|
|
@@ -47998,7 +47998,7 @@
|
|
|
47998
47998
|
"deprecationMessage": "",
|
|
47999
47999
|
"rawdescription": "\n\nSet to `true` for an invalid select component.\n",
|
|
48000
48000
|
"description": "<p>Set to <code>true</code> for an invalid select component.</p>\n",
|
|
48001
|
-
"line":
|
|
48001
|
+
"line": 188,
|
|
48002
48002
|
"type": "boolean",
|
|
48003
48003
|
"decorators": []
|
|
48004
48004
|
},
|
|
@@ -48008,7 +48008,7 @@
|
|
|
48008
48008
|
"deprecationMessage": "",
|
|
48009
48009
|
"rawdescription": "\n\nSets the invalid text.\n",
|
|
48010
48010
|
"description": "<p>Sets the invalid text.</p>\n",
|
|
48011
|
-
"line":
|
|
48011
|
+
"line": 160,
|
|
48012
48012
|
"type": "string | TemplateRef<any>",
|
|
48013
48013
|
"decorators": []
|
|
48014
48014
|
},
|
|
@@ -48018,10 +48018,21 @@
|
|
|
48018
48018
|
"deprecationMessage": "",
|
|
48019
48019
|
"rawdescription": "\n\nLabel for the select. Appears above the input.\n",
|
|
48020
48020
|
"description": "<p>Label for the select. Appears above the input.</p>\n",
|
|
48021
|
-
"line":
|
|
48021
|
+
"line": 152,
|
|
48022
48022
|
"type": "string | TemplateRef<any>",
|
|
48023
48023
|
"decorators": []
|
|
48024
48024
|
},
|
|
48025
|
+
{
|
|
48026
|
+
"name": "readonly",
|
|
48027
|
+
"defaultValue": "false",
|
|
48028
|
+
"deprecated": false,
|
|
48029
|
+
"deprecationMessage": "",
|
|
48030
|
+
"rawdescription": "\n\nSet to `true` for readonly state.\n",
|
|
48031
|
+
"description": "<p>Set to <code>true</code> for readonly state.</p>\n",
|
|
48032
|
+
"line": 192,
|
|
48033
|
+
"type": "boolean",
|
|
48034
|
+
"decorators": []
|
|
48035
|
+
},
|
|
48025
48036
|
{
|
|
48026
48037
|
"name": "size",
|
|
48027
48038
|
"defaultValue": "\"md\"",
|
|
@@ -48029,7 +48040,7 @@
|
|
|
48029
48040
|
"deprecationMessage": "",
|
|
48030
48041
|
"rawdescription": "\n\nNumber input field render size\n",
|
|
48031
48042
|
"description": "<p>Number input field render size</p>\n",
|
|
48032
|
-
"line":
|
|
48043
|
+
"line": 176,
|
|
48033
48044
|
"type": "\"sm\" | \"md\" | \"lg\"",
|
|
48034
48045
|
"decorators": []
|
|
48035
48046
|
},
|
|
@@ -48040,7 +48051,7 @@
|
|
|
48040
48051
|
"deprecationMessage": "",
|
|
48041
48052
|
"rawdescription": "\n\nSet to true for a loading select.\n",
|
|
48042
48053
|
"description": "<p>Set to true for a loading select.</p>\n",
|
|
48043
|
-
"line":
|
|
48054
|
+
"line": 184,
|
|
48044
48055
|
"type": "boolean",
|
|
48045
48056
|
"decorators": []
|
|
48046
48057
|
},
|
|
@@ -48051,15 +48062,15 @@
|
|
|
48051
48062
|
"deprecationMessage": "since v5 - Use `cdsLayer` directive instead\n`light` or `dark` select theme",
|
|
48052
48063
|
"jsdoctags": [
|
|
48053
48064
|
{
|
|
48054
|
-
"pos":
|
|
48055
|
-
"end":
|
|
48065
|
+
"pos": 5564,
|
|
48066
|
+
"end": 5657,
|
|
48056
48067
|
"flags": 16842752,
|
|
48057
48068
|
"modifierFlagsCache": 0,
|
|
48058
48069
|
"transformFlags": 0,
|
|
48059
48070
|
"kind": 338,
|
|
48060
48071
|
"tagName": {
|
|
48061
|
-
"pos":
|
|
48062
|
-
"end":
|
|
48072
|
+
"pos": 5565,
|
|
48073
|
+
"end": 5575,
|
|
48063
48074
|
"flags": 16842752,
|
|
48064
48075
|
"modifierFlagsCache": 0,
|
|
48065
48076
|
"transformFlags": 0,
|
|
@@ -48069,7 +48080,7 @@
|
|
|
48069
48080
|
"comment": "<p>since v5 - Use <code>cdsLayer</code> directive instead\n<code>light</code> or <code>dark</code> select theme</p>\n"
|
|
48070
48081
|
}
|
|
48071
48082
|
],
|
|
48072
|
-
"line":
|
|
48083
|
+
"line": 198,
|
|
48073
48084
|
"type": "\"light\" | \"dark\"",
|
|
48074
48085
|
"decorators": []
|
|
48075
48086
|
},
|
|
@@ -48077,7 +48088,7 @@
|
|
|
48077
48088
|
"name": "value",
|
|
48078
48089
|
"deprecated": false,
|
|
48079
48090
|
"deprecationMessage": "",
|
|
48080
|
-
"line":
|
|
48091
|
+
"line": 205,
|
|
48081
48092
|
"type": "any",
|
|
48082
48093
|
"decorators": []
|
|
48083
48094
|
},
|
|
@@ -48088,7 +48099,7 @@
|
|
|
48088
48099
|
"deprecationMessage": "",
|
|
48089
48100
|
"rawdescription": "\n\nSet to `true` to show a warning (contents set by warningText)\n",
|
|
48090
48101
|
"description": "<p>Set to <code>true</code> to show a warning (contents set by warningText)</p>\n",
|
|
48091
|
-
"line":
|
|
48102
|
+
"line": 164,
|
|
48092
48103
|
"type": "boolean",
|
|
48093
48104
|
"decorators": []
|
|
48094
48105
|
},
|
|
@@ -48098,7 +48109,7 @@
|
|
|
48098
48109
|
"deprecationMessage": "",
|
|
48099
48110
|
"rawdescription": "\n\nSets the warning text\n",
|
|
48100
48111
|
"description": "<p>Sets the warning text</p>\n",
|
|
48101
|
-
"line":
|
|
48112
|
+
"line": 168,
|
|
48102
48113
|
"type": "string | TemplateRef<any>",
|
|
48103
48114
|
"decorators": []
|
|
48104
48115
|
}
|
|
@@ -48109,7 +48120,7 @@
|
|
|
48109
48120
|
"defaultValue": "new EventEmitter()",
|
|
48110
48121
|
"deprecated": false,
|
|
48111
48122
|
"deprecationMessage": "",
|
|
48112
|
-
"line":
|
|
48123
|
+
"line": 201,
|
|
48113
48124
|
"type": "EventEmitter"
|
|
48114
48125
|
}
|
|
48115
48126
|
],
|
|
@@ -48121,7 +48132,7 @@
|
|
|
48121
48132
|
"type": "ElementRef",
|
|
48122
48133
|
"optional": false,
|
|
48123
48134
|
"description": "",
|
|
48124
|
-
"line":
|
|
48135
|
+
"line": 203,
|
|
48125
48136
|
"decorators": [
|
|
48126
48137
|
{
|
|
48127
48138
|
"name": "ViewChild",
|
|
@@ -48140,7 +48151,7 @@
|
|
|
48140
48151
|
"type": "number",
|
|
48141
48152
|
"optional": false,
|
|
48142
48153
|
"description": "<p>Tracks the total number of selects instantiated. Used to generate unique IDs</p>\n",
|
|
48143
|
-
"line":
|
|
48154
|
+
"line": 143,
|
|
48144
48155
|
"rawdescription": "\n\nTracks the total number of selects instantiated. Used to generate unique IDs\n",
|
|
48145
48156
|
"modifierKind": [
|
|
48146
48157
|
126
|
|
@@ -48154,7 +48165,7 @@
|
|
|
48154
48165
|
"optional": false,
|
|
48155
48166
|
"returnType": "void",
|
|
48156
48167
|
"typeParameters": [],
|
|
48157
|
-
"line":
|
|
48168
|
+
"line": 271,
|
|
48158
48169
|
"deprecated": false,
|
|
48159
48170
|
"deprecationMessage": "",
|
|
48160
48171
|
"rawdescription": "\n\nListens for the host blurring, and notifies the model\n",
|
|
@@ -48182,7 +48193,7 @@
|
|
|
48182
48193
|
"optional": false,
|
|
48183
48194
|
"returnType": "boolean",
|
|
48184
48195
|
"typeParameters": [],
|
|
48185
|
-
"line":
|
|
48196
|
+
"line": 275,
|
|
48186
48197
|
"deprecated": false,
|
|
48187
48198
|
"deprecationMessage": "",
|
|
48188
48199
|
"modifierKind": [
|
|
@@ -48213,7 +48224,7 @@
|
|
|
48213
48224
|
"optional": false,
|
|
48214
48225
|
"returnType": "void",
|
|
48215
48226
|
"typeParameters": [],
|
|
48216
|
-
"line":
|
|
48227
|
+
"line": 261,
|
|
48217
48228
|
"deprecated": false,
|
|
48218
48229
|
"deprecationMessage": "",
|
|
48219
48230
|
"rawdescription": "\n\nHandles the change event from the `select`.\nSends events to the change handler and emits a `selected` event.\n",
|
|
@@ -48230,6 +48241,62 @@
|
|
|
48230
48241
|
}
|
|
48231
48242
|
]
|
|
48232
48243
|
},
|
|
48244
|
+
{
|
|
48245
|
+
"name": "onKeyDown",
|
|
48246
|
+
"args": [
|
|
48247
|
+
{
|
|
48248
|
+
"name": "event",
|
|
48249
|
+
"type": "KeyboardEvent",
|
|
48250
|
+
"deprecated": false,
|
|
48251
|
+
"deprecationMessage": ""
|
|
48252
|
+
}
|
|
48253
|
+
],
|
|
48254
|
+
"optional": false,
|
|
48255
|
+
"returnType": "void",
|
|
48256
|
+
"typeParameters": [],
|
|
48257
|
+
"line": 295,
|
|
48258
|
+
"deprecated": false,
|
|
48259
|
+
"deprecationMessage": "",
|
|
48260
|
+
"jsdoctags": [
|
|
48261
|
+
{
|
|
48262
|
+
"name": "event",
|
|
48263
|
+
"type": "KeyboardEvent",
|
|
48264
|
+
"deprecated": false,
|
|
48265
|
+
"deprecationMessage": "",
|
|
48266
|
+
"tagName": {
|
|
48267
|
+
"text": "param"
|
|
48268
|
+
}
|
|
48269
|
+
}
|
|
48270
|
+
]
|
|
48271
|
+
},
|
|
48272
|
+
{
|
|
48273
|
+
"name": "onMouseDown",
|
|
48274
|
+
"args": [
|
|
48275
|
+
{
|
|
48276
|
+
"name": "event",
|
|
48277
|
+
"type": "MouseEvent",
|
|
48278
|
+
"deprecated": false,
|
|
48279
|
+
"deprecationMessage": ""
|
|
48280
|
+
}
|
|
48281
|
+
],
|
|
48282
|
+
"optional": false,
|
|
48283
|
+
"returnType": "void",
|
|
48284
|
+
"typeParameters": [],
|
|
48285
|
+
"line": 285,
|
|
48286
|
+
"deprecated": false,
|
|
48287
|
+
"deprecationMessage": "",
|
|
48288
|
+
"jsdoctags": [
|
|
48289
|
+
{
|
|
48290
|
+
"name": "event",
|
|
48291
|
+
"type": "MouseEvent",
|
|
48292
|
+
"deprecated": false,
|
|
48293
|
+
"deprecationMessage": "",
|
|
48294
|
+
"tagName": {
|
|
48295
|
+
"text": "param"
|
|
48296
|
+
}
|
|
48297
|
+
}
|
|
48298
|
+
]
|
|
48299
|
+
},
|
|
48233
48300
|
{
|
|
48234
48301
|
"name": "registerOnChange",
|
|
48235
48302
|
"args": [
|
|
@@ -48243,7 +48310,7 @@
|
|
|
48243
48310
|
"optional": false,
|
|
48244
48311
|
"returnType": "void",
|
|
48245
48312
|
"typeParameters": [],
|
|
48246
|
-
"line":
|
|
48313
|
+
"line": 239,
|
|
48247
48314
|
"deprecated": false,
|
|
48248
48315
|
"deprecationMessage": "",
|
|
48249
48316
|
"rawdescription": "\n\nRegisters a listener that notifies the model when the control updates\n",
|
|
@@ -48273,7 +48340,7 @@
|
|
|
48273
48340
|
"optional": false,
|
|
48274
48341
|
"returnType": "void",
|
|
48275
48342
|
"typeParameters": [],
|
|
48276
|
-
"line":
|
|
48343
|
+
"line": 246,
|
|
48277
48344
|
"deprecated": false,
|
|
48278
48345
|
"deprecationMessage": "",
|
|
48279
48346
|
"rawdescription": "\n\nRegisters a listener that notifies the model when the control is blurred\n",
|
|
@@ -48303,7 +48370,7 @@
|
|
|
48303
48370
|
"optional": false,
|
|
48304
48371
|
"returnType": "void",
|
|
48305
48372
|
"typeParameters": [],
|
|
48306
|
-
"line":
|
|
48373
|
+
"line": 253,
|
|
48307
48374
|
"deprecated": false,
|
|
48308
48375
|
"deprecationMessage": "",
|
|
48309
48376
|
"rawdescription": "\n\nSets the disabled state through the model\n",
|
|
@@ -48333,7 +48400,7 @@
|
|
|
48333
48400
|
"optional": false,
|
|
48334
48401
|
"returnType": "void",
|
|
48335
48402
|
"typeParameters": [],
|
|
48336
|
-
"line":
|
|
48403
|
+
"line": 232,
|
|
48337
48404
|
"deprecated": false,
|
|
48338
48405
|
"deprecationMessage": "",
|
|
48339
48406
|
"rawdescription": "\n\nReceives a value from the model.\n",
|
|
@@ -48363,7 +48430,7 @@
|
|
|
48363
48430
|
"deprecationMessage": "",
|
|
48364
48431
|
"rawdescription": "\n\nListens for the host blurring, and notifies the model\n",
|
|
48365
48432
|
"description": "<p>Listens for the host blurring, and notifies the model</p>\n",
|
|
48366
|
-
"line":
|
|
48433
|
+
"line": 271
|
|
48367
48434
|
}
|
|
48368
48435
|
],
|
|
48369
48436
|
"standalone": false,
|
|
@@ -48371,7 +48438,7 @@
|
|
|
48371
48438
|
"description": "<p><code>cds-select</code> provides a styled <code>select</code> component. Get started with importing the module:</p>\n<b>Example :</b><div><pre class=\"line-numbers\"><code class=\"language-typescript\">import { SelectModule } from 'carbon-components-angular';</code></pre></div><b>Example :</b><div><pre class=\"line-numbers\"><code class=\"language-html\"><cds-select [(ngModel)]="model">\n <option value="default" disabled selected hidden>Choose an option</option>\n <option value="option1">Option 1</option>\n <option value="option2">Option 2</option>\n <option value="option3">Option 3</option>\n</cds-select>\n ```\n\n[See demo](../../?path=/story/components-select--basic)</code></pre></div>",
|
|
48372
48439
|
"rawdescription": "\n\n`cds-select` provides a styled `select` component. Get started with importing the module:\n\n```typescript\nimport { SelectModule } from 'carbon-components-angular';\n```\n\n```html\n<cds-select [(ngModel)]=\"model\">\n\t<option value=\"default\" disabled selected hidden>Choose an option</option>\n\t<option value=\"option1\">Option 1</option>\n\t<option value=\"option2\">Option 2</option>\n\t<option value=\"option3\">Option 3</option>\n</cds-select>\n\t```\n\n[See demo](../../?path=/story/components-select--basic)\n",
|
|
48373
48440
|
"type": "component",
|
|
48374
|
-
"sourceCode": "import {\n\tAfterViewInit,\n\tComponent,\n\tElementRef,\n\tInput,\n\tOutput,\n\tHostListener,\n\tEventEmitter,\n\tTemplateRef,\n\tViewChild\n} from \"@angular/core\";\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from \"@angular/forms\";\n\n/**\n * `cds-select` provides a styled `select` component. Get started with importing the module:\n *\n * ```typescript\n * import { SelectModule } from 'carbon-components-angular';\n * ```\n *\n * ```html\n * <cds-select [(ngModel)]=\"model\">\n * \t<option value=\"default\" disabled selected hidden>Choose an option</option>\n * \t<option value=\"option1\">Option 1</option>\n *\t<option value=\"option2\">Option 2</option>\n * \t<option value=\"option3\">Option 3</option>\n * </cds-select>\n *\t```\n *\n * [See demo](../../?path=/story/components-select--basic)\n */\n@Component({\n\tselector: \"cds-select, ibm-select\",\n\ttemplate: `\n\t\t<div class=\"cds--form-item\">\n\t\t\t<ng-template [ngIf]=\"skeleton\">\n\t\t\t\t<div *ngIf=\"label\" class=\"cds--label cds--skeleton\"></div>\n\t\t\t\t<div class=\"cds--select cds--skeleton\"></div>\n\t\t\t</ng-template>\n\t\t\t<div\n\t\t\t\t*ngIf=\"!skeleton\"\n\t\t\t\tclass=\"cds--select\"\n\t\t\t\t[ngClass]=\"{\n\t\t\t\t\t'cds--select--inline': display === 'inline',\n\t\t\t\t\t'cds--select--light': theme === 'light',\n\t\t\t\t\t'cds--select--invalid': invalid,\n\t\t\t\t\t'cds--select--warning': warn,\n\t\t\t\t\t'cds--select--disabled': disabled\n\t\t\t\t}\">\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 *ngIf=\"display === 'inline'; else noInline\" class=\"cds--select-input--inline__wrapper\">\n\t\t\t\t\t<ng-container *ngTemplateOutlet=\"noInline\"></ng-container>\n\t\t\t\t</div>\n\t\t\t\t<div\n\t\t\t\t\t*ngIf=\"helperText\"\n\t\t\t\t\tclass=\"cds--form__helper-text\"\n\t\t\t\t\t[ngClass]=\"{\n\t\t\t\t\t\t'cds--form__helper-text--disabled': disabled\n\t\t\t\t\t}\">\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</div>\n\t\t</div>\n\n\t\t<!-- select element: dynamically projected based on 'display' variant -->\n\t\t<ng-template #noInline>\n\t\t\t<div class=\"cds--select-input__wrapper\" [attr.data-invalid]=\"(invalid ? true : null)\">\n\t\t\t\t<select\n\t\t\t\t\t#select\n\t\t\t\t\t[attr.id]=\"id\"\n\t\t\t\t\t[attr.aria-label]=\"ariaLabel\"\n\t\t\t\t\t[disabled]=\"disabled\"\n\t\t\t\t\t(change)=\"onChange($event)\"\n\t\t\t\t\t[attr.aria-invalid]=\"invalid ? 'true' : null\"\n\t\t\t\t\tclass=\"cds--select-input\"\n\t\t\t\t\t[ngClass]=\"{\n\t\t\t\t\t\t'cds--select-input--sm': size === 'sm',\n\t\t\t\t\t\t'cds--select-input--md': size === 'md',\n\t\t\t\t\t\t'cds--select-input--lg': size === 'lg'\n\t\t\t\t\t}\">\n\t\t\t\t\t<ng-content></ng-content>\n\t\t\t\t</select>\n\t\t\t\t<svg\n\t\t\t\t\tfocusable=\"false\"\n\t\t\t\t\tpreserveAspectRatio=\"xMidYMid meet\"\n\t\t\t\t\tstyle=\"will-change: transform;\"\n\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\t\tclass=\"cds--select__arrow\"\n\t\t\t\t\twidth=\"16\"\n\t\t\t\t\theight=\"16\"\n\t\t\t\t\tviewBox=\"0 0 16 16\"\n\t\t\t\t\taria-hidden=\"true\">\n\t\t\t\t\t<path d=\"M8 11L3 6 3.7 5.3 8 9.6 12.3 5.3 13 6z\"></path>\n\t\t\t\t</svg>\n\t\t\t\t<svg\n\t\t\t\t\t*ngIf=\"invalid\"\n\t\t\t\t\tcdsIcon=\"warning--filled\"\n\t\t\t\t\tsize=\"16\"\n\t\t\t\t\tclass=\"cds--select__invalid-icon\">\n\t\t\t\t</svg>\n\t\t\t\t<svg\n\t\t\t\t\t*ngIf=\"!invalid && warn\"\n\t\t\t\t\tcdsIcon=\"warning--alt--filled\"\n\t\t\t\t\tsize=\"16\"\n\t\t\t\t\tclass=\"cds--select__invalid-icon cds--select__invalid-icon--warning\">\n\t\t\t\t</svg>\n\t\t\t</div>\n\t\t\t<div\n\t\t\t\t*ngIf=\"invalid && invalidText\" role=\"alert\" class=\"cds--form-requirement\" aria-live=\"polite\">\n\t\t\t\t<ng-container *ngIf=\"!isTemplate(invalidText)\">{{invalidText}}</ng-container>\n\t\t\t\t<ng-template *ngIf=\"isTemplate(invalidText)\" [ngTemplateOutlet]=\"invalidText\"></ng-template>\n\t\t\t</div>\n\t\t\t<div *ngIf=\"!invalid && warn\" class=\"cds--form-requirement\">\n\t\t\t\t<ng-container *ngIf=\"!isTemplate(warnText)\">{{warnText}}</ng-container>\n\t\t\t\t<ng-template *ngIf=\"isTemplate(warnText)\" [ngTemplateOutlet]=\"warnText\"></ng-template>\n\t\t\t</div>\n\t\t</ng-template>\n\t`,\n\tproviders: [\n\t\t{\n\t\t\tprovide: NG_VALUE_ACCESSOR,\n\t\t\tuseExisting: Select,\n\t\t\tmulti: true\n\t\t}\n\t]\n})\nexport class Select implements ControlValueAccessor, AfterViewInit {\n\t/**\n\t * Tracks the total number of selects instantiated. Used to generate unique IDs\n\t */\n\tstatic selectCount = 0;\n\n\t/**\n\t * `inline` or `default` select displays\n\t */\n\t@Input() display: \"inline\" | \"default\" = \"default\";\n\t/**\n\t * Label for the select. Appears above the input.\n\t */\n\t@Input() label: string | TemplateRef<any>;\n\t/**\n\t * Optional helper text that appears under the label.\n\t */\n\t@Input() helperText: string | TemplateRef<any>;\n\t/**\n\t * Sets the invalid text.\n\t */\n\t@Input() invalidText: string | TemplateRef<any>;\n\t/**\n\t * Set to `true` to show a warning (contents set by warningText)\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\t/**\n\t * Sets the unique ID. Defaults to `select-${total count of selects instantiated}`\n\t */\n\t@Input() id = `select-${Select.selectCount++}`;\n\t/**\n\t * Number input field render size\n\t */\n\t@Input() size: \"sm\" | \"md\" | \"lg\" = \"md\";\n\t/**\n\t * Set to true to disable component.\n\t */\n\t@Input() disabled = false;\n\t/**\n\t * Set to true for a loading select.\n\t */\n\t@Input() skeleton = false;\n\t/**\n\t * Set to `true` for an invalid select component.\n\t */\n\t@Input() invalid = false;\n\n\t/**\n\t * @deprecated since v5 - Use `cdsLayer` directive instead\n\t * `light` or `dark` select theme\n\t */\n\t@Input() theme: \"light\" | \"dark\" = \"dark\";\n\t@Input() ariaLabel: string;\n\n\t@Output() valueChange = new EventEmitter();\n\n\t@ViewChild(\"select\") select: ElementRef;\n\n\t@Input() set value(v) {\n\t\tthis._value = v;\n\t\tif (this.select) {\n\t\t\tthis.select.nativeElement.value = this._value;\n\t\t}\n\t}\n\n\tget value() {\n\t\treturn this._value;\n\t}\n\n\tprotected _value;\n\n\tngAfterViewInit() {\n\t\tif (\n\t\t\tthis.value !== undefined &&\n\t\t\tthis.value !== null &&\n\t\t\tthis.select &&\n\t\t\tthis.select.nativeElement.value !== this.value\n\t\t) {\n\t\t\tthis.select.nativeElement.value = this.value;\n\t\t}\n\t}\n\n\t/**\n\t * Receives a value from the model.\n\t */\n\twriteValue(obj: any) {\n\t\tthis.value = obj;\n\t}\n\n\t/**\n\t * Registers a listener that notifies the model when the control updates\n\t */\n\tregisterOnChange(fn: any) {\n\t\tthis.onChangeHandler = fn;\n\t}\n\n\t/**\n\t * Registers a listener that notifies the model when the control is blurred\n\t */\n\tregisterOnTouched(fn: any) {\n\t\tthis.onTouchedHandler = fn;\n\t}\n\n\t/**\n\t * Sets the disabled state through the model\n\t */\n\tsetDisabledState(isDisabled: boolean) {\n\t\tthis.disabled = isDisabled;\n\t}\n\n\t/**\n\t * Handles the change event from the `select`.\n\t * Sends events to the change handler and emits a `selected` event.\n\t */\n\tonChange(event) {\n\t\tthis.value = event.target.value;\n\t\tthis.onChangeHandler(event.target.value);\n\t\tthis.valueChange.emit(event.target.value);\n\t}\n\n\t/**\n\t * Listens for the host blurring, and notifies the model\n\t */\n\t@HostListener(\"focusout\")\n\tfocusOut() {\n\t\tthis.onTouchedHandler();\n\t}\n\n\tpublic isTemplate(value) {\n\t\treturn value instanceof TemplateRef;\n\t}\n\n\t/**\n\t * placeholder declarations. Replaced by the functions provided to `registerOnChange` and `registerOnTouched`\n\t */\n\tprotected onChangeHandler = (_: any) => { };\n\tprotected onTouchedHandler = () => { };\n}\n",
|
|
48441
|
+
"sourceCode": "import {\n\tAfterViewInit,\n\tComponent,\n\tElementRef,\n\tInput,\n\tOutput,\n\tHostListener,\n\tEventEmitter,\n\tTemplateRef,\n\tViewChild\n} from \"@angular/core\";\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from \"@angular/forms\";\n\n/**\n * `cds-select` provides a styled `select` component. Get started with importing the module:\n *\n * ```typescript\n * import { SelectModule } from 'carbon-components-angular';\n * ```\n *\n * ```html\n * <cds-select [(ngModel)]=\"model\">\n * \t<option value=\"default\" disabled selected hidden>Choose an option</option>\n * \t<option value=\"option1\">Option 1</option>\n *\t<option value=\"option2\">Option 2</option>\n * \t<option value=\"option3\">Option 3</option>\n * </cds-select>\n *\t```\n *\n * [See demo](../../?path=/story/components-select--basic)\n */\n@Component({\n\tselector: \"cds-select, ibm-select\",\n\ttemplate: `\n\t\t<div class=\"cds--form-item\">\n\t\t\t<ng-template [ngIf]=\"skeleton\">\n\t\t\t\t<div *ngIf=\"label\" class=\"cds--label cds--skeleton\"></div>\n\t\t\t\t<div class=\"cds--select cds--skeleton\"></div>\n\t\t\t</ng-template>\n\t\t\t<div\n\t\t\t\t*ngIf=\"!skeleton\"\n\t\t\t\tclass=\"cds--select\"\n\t\t\t\t[ngClass]=\"{\n\t\t\t\t\t'cds--select--inline': display === 'inline',\n\t\t\t\t\t'cds--select--light': theme === 'light',\n\t\t\t\t\t'cds--select--invalid': invalid,\n\t\t\t\t\t'cds--select--warning': warn,\n\t\t\t\t\t'cds--select--disabled': disabled,\n\t\t\t\t\t'cds--select--readonly': readonly\n\t\t\t\t}\">\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 *ngIf=\"display === 'inline'; else noInline\" class=\"cds--select-input--inline__wrapper\">\n\t\t\t\t\t<ng-container *ngTemplateOutlet=\"noInline\"></ng-container>\n\t\t\t\t</div>\n\t\t\t\t<div\n\t\t\t\t\t*ngIf=\"helperText\"\n\t\t\t\t\tclass=\"cds--form__helper-text\"\n\t\t\t\t\t[ngClass]=\"{\n\t\t\t\t\t\t'cds--form__helper-text--disabled': disabled\n\t\t\t\t\t}\">\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</div>\n\t\t</div>\n\n\t\t<!-- select element: dynamically projected based on 'display' variant -->\n\t\t<ng-template #noInline>\n\t\t\t<div class=\"cds--select-input__wrapper\" [attr.data-invalid]=\"(invalid ? true : null)\">\n\t\t\t\t<select\n\t\t\t\t\t#select\n\t\t\t\t\t[attr.id]=\"id\"\n\t\t\t\t\t[attr.aria-label]=\"ariaLabel\"\n\t\t\t\t\t[disabled]=\"disabled\"\n\t\t\t\t\t(change)=\"onChange($event)\"\n\t\t\t\t\t[attr.aria-invalid]=\"invalid ? 'true' : null\"\n\t\t\t\t\t[attr.aria-readonly]=\"readonly ? 'true' : null\"\n\t\t\t\t\tclass=\"cds--select-input\"\n\t\t\t\t\t[ngClass]=\"{\n\t\t\t\t\t\t'cds--select-input--sm': size === 'sm',\n\t\t\t\t\t\t'cds--select-input--md': size === 'md',\n\t\t\t\t\t\t'cds--select-input--lg': size === 'lg'\n\t\t\t\t\t}\"\n\t\t\t\t\t(mousedown)=\"onMouseDown($event)\"\n\t\t\t\t\t(keydown)=\"onKeyDown($event)\">\n\t\t\t\t\t<ng-content></ng-content>\n\t\t\t\t</select>\n\t\t\t\t<svg\n\t\t\t\t\tfocusable=\"false\"\n\t\t\t\t\tpreserveAspectRatio=\"xMidYMid meet\"\n\t\t\t\t\tstyle=\"will-change: transform;\"\n\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\t\tclass=\"cds--select__arrow\"\n\t\t\t\t\twidth=\"16\"\n\t\t\t\t\theight=\"16\"\n\t\t\t\t\tviewBox=\"0 0 16 16\"\n\t\t\t\t\taria-hidden=\"true\">\n\t\t\t\t\t<path d=\"M8 11L3 6 3.7 5.3 8 9.6 12.3 5.3 13 6z\"></path>\n\t\t\t\t</svg>\n\t\t\t\t<svg\n\t\t\t\t\t*ngIf=\"invalid\"\n\t\t\t\t\tcdsIcon=\"warning--filled\"\n\t\t\t\t\tsize=\"16\"\n\t\t\t\t\tclass=\"cds--select__invalid-icon\">\n\t\t\t\t</svg>\n\t\t\t\t<svg\n\t\t\t\t\t*ngIf=\"!invalid && warn\"\n\t\t\t\t\tcdsIcon=\"warning--alt--filled\"\n\t\t\t\t\tsize=\"16\"\n\t\t\t\t\tclass=\"cds--select__invalid-icon cds--select__invalid-icon--warning\">\n\t\t\t\t</svg>\n\t\t\t</div>\n\t\t\t<div\n\t\t\t\t*ngIf=\"invalid && invalidText\" role=\"alert\" class=\"cds--form-requirement\" aria-live=\"polite\">\n\t\t\t\t<ng-container *ngIf=\"!isTemplate(invalidText)\">{{invalidText}}</ng-container>\n\t\t\t\t<ng-template *ngIf=\"isTemplate(invalidText)\" [ngTemplateOutlet]=\"invalidText\"></ng-template>\n\t\t\t</div>\n\t\t\t<div *ngIf=\"!invalid && warn\" class=\"cds--form-requirement\">\n\t\t\t\t<ng-container *ngIf=\"!isTemplate(warnText)\">{{warnText}}</ng-container>\n\t\t\t\t<ng-template *ngIf=\"isTemplate(warnText)\" [ngTemplateOutlet]=\"warnText\"></ng-template>\n\t\t\t</div>\n\t\t</ng-template>\n\t`,\n\tproviders: [\n\t\t{\n\t\t\tprovide: NG_VALUE_ACCESSOR,\n\t\t\tuseExisting: Select,\n\t\t\tmulti: true\n\t\t}\n\t]\n})\nexport class Select implements ControlValueAccessor, AfterViewInit {\n\t/**\n\t * Tracks the total number of selects instantiated. Used to generate unique IDs\n\t */\n\tstatic selectCount = 0;\n\n\t/**\n\t * `inline` or `default` select displays\n\t */\n\t@Input() display: \"inline\" | \"default\" = \"default\";\n\t/**\n\t * Label for the select. Appears above the input.\n\t */\n\t@Input() label: string | TemplateRef<any>;\n\t/**\n\t * Optional helper text that appears under the label.\n\t */\n\t@Input() helperText: string | TemplateRef<any>;\n\t/**\n\t * Sets the invalid text.\n\t */\n\t@Input() invalidText: string | TemplateRef<any>;\n\t/**\n\t * Set to `true` to show a warning (contents set by warningText)\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\t/**\n\t * Sets the unique ID. Defaults to `select-${total count of selects instantiated}`\n\t */\n\t@Input() id = `select-${Select.selectCount++}`;\n\t/**\n\t * Number input field render size\n\t */\n\t@Input() size: \"sm\" | \"md\" | \"lg\" = \"md\";\n\t/**\n\t * Set to true to disable component.\n\t */\n\t@Input() disabled = false;\n\t/**\n\t * Set to true for a loading select.\n\t */\n\t@Input() skeleton = false;\n\t/**\n\t * Set to `true` for an invalid select component.\n\t */\n\t@Input() invalid = false;\n\t/**\n\t * Set to `true` for readonly state.\n\t */\n\t@Input() readonly = false;\n\n\t/**\n\t * @deprecated since v5 - Use `cdsLayer` directive instead\n\t * `light` or `dark` select theme\n\t */\n\t@Input() theme: \"light\" | \"dark\" = \"dark\";\n\t@Input() ariaLabel: string;\n\n\t@Output() valueChange = new EventEmitter();\n\n\t@ViewChild(\"select\") select: ElementRef;\n\n\t@Input() set value(v) {\n\t\tthis._value = v;\n\t\tif (this.select) {\n\t\t\tthis.select.nativeElement.value = this._value;\n\t\t}\n\t}\n\n\tget value() {\n\t\treturn this._value;\n\t}\n\n\tprotected _value;\n\n\tngAfterViewInit() {\n\t\tif (\n\t\t\tthis.value !== undefined &&\n\t\t\tthis.value !== null &&\n\t\t\tthis.select &&\n\t\t\tthis.select.nativeElement.value !== this.value\n\t\t) {\n\t\t\tthis.select.nativeElement.value = this.value;\n\t\t}\n\t}\n\n\t/**\n\t * Receives a value from the model.\n\t */\n\twriteValue(obj: any) {\n\t\tthis.value = obj;\n\t}\n\n\t/**\n\t * Registers a listener that notifies the model when the control updates\n\t */\n\tregisterOnChange(fn: any) {\n\t\tthis.onChangeHandler = fn;\n\t}\n\n\t/**\n\t * Registers a listener that notifies the model when the control is blurred\n\t */\n\tregisterOnTouched(fn: any) {\n\t\tthis.onTouchedHandler = fn;\n\t}\n\n\t/**\n\t * Sets the disabled state through the model\n\t */\n\tsetDisabledState(isDisabled: boolean) {\n\t\tthis.disabled = isDisabled;\n\t}\n\n\t/**\n\t * Handles the change event from the `select`.\n\t * Sends events to the change handler and emits a `selected` event.\n\t */\n\tonChange(event) {\n\t\tthis.value = event.target.value;\n\t\tthis.onChangeHandler(event.target.value);\n\t\tthis.valueChange.emit(event.target.value);\n\t}\n\n\t/**\n\t * Listens for the host blurring, and notifies the model\n\t */\n\t@HostListener(\"focusout\")\n\tfocusOut() {\n\t\tthis.onTouchedHandler();\n\t}\n\n\tpublic isTemplate(value) {\n\t\treturn value instanceof TemplateRef;\n\t}\n\n\t/**\n\t * placeholder declarations. Replaced by the functions provided to `registerOnChange` and `registerOnTouched`\n\t */\n\tprotected onChangeHandler = (_: any) => { };\n\tprotected onTouchedHandler = () => { };\n\n\tonMouseDown(event: MouseEvent) {\n\t\t/**\n\t\t * This prevents the select from opening with mouse\n\t\t */\n\t\tif (this.readonly) {\n\t\t\tevent.preventDefault();\n\t\t\t(<HTMLElement>event.target).focus();\n\t\t}\n\t}\n\n\tonKeyDown(event: KeyboardEvent) {\n\t\tconst selectAccessKeys = [\"ArrowDown\", \"ArrowUp\", \"ArrowLeft\", \"ArrowRight\", \" \"];\n\t\t/**\n\t\t * This prevents the select from opening for the above keys\n\t\t */\n\t\tif (this.readonly && selectAccessKeys.includes(event.key)) {\n\t\t\tevent.preventDefault();\n\t\t}\n\t}\n}\n",
|
|
48375
48442
|
"assetsDirs": [],
|
|
48376
48443
|
"styleUrlsData": "",
|
|
48377
48444
|
"stylesData": "",
|
|
@@ -48397,7 +48464,7 @@
|
|
|
48397
48464
|
}
|
|
48398
48465
|
],
|
|
48399
48466
|
"returnType": "void",
|
|
48400
|
-
"line":
|
|
48467
|
+
"line": 205,
|
|
48401
48468
|
"jsdoctags": [
|
|
48402
48469
|
{
|
|
48403
48470
|
"name": "v",
|
|
@@ -48414,7 +48481,7 @@
|
|
|
48414
48481
|
"name": "value",
|
|
48415
48482
|
"type": "",
|
|
48416
48483
|
"returnType": "",
|
|
48417
|
-
"line":
|
|
48484
|
+
"line": 212
|
|
48418
48485
|
}
|
|
48419
48486
|
}
|
|
48420
48487
|
}
|
|
@@ -62106,7 +62173,7 @@
|
|
|
62106
62173
|
"deprecationMessage": "",
|
|
62107
62174
|
"rawdescription": "\n\nSet to true to disable component.\n",
|
|
62108
62175
|
"description": "<p>Set to true to disable component.</p>\n",
|
|
62109
|
-
"line":
|
|
62176
|
+
"line": 180,
|
|
62110
62177
|
"type": "boolean",
|
|
62111
62178
|
"decorators": [],
|
|
62112
62179
|
"inheritance": {
|
|
@@ -62120,7 +62187,7 @@
|
|
|
62120
62187
|
"deprecationMessage": "",
|
|
62121
62188
|
"rawdescription": "\n\n`inline` or `default` select displays\n",
|
|
62122
62189
|
"description": "<p><code>inline</code> or <code>default</code> select displays</p>\n",
|
|
62123
|
-
"line":
|
|
62190
|
+
"line": 148,
|
|
62124
62191
|
"type": "\"inline\" | \"default\"",
|
|
62125
62192
|
"decorators": [],
|
|
62126
62193
|
"inheritance": {
|
|
@@ -62133,7 +62200,7 @@
|
|
|
62133
62200
|
"deprecationMessage": "",
|
|
62134
62201
|
"rawdescription": "\n\nOptional helper text that appears under the label.\n",
|
|
62135
62202
|
"description": "<p>Optional helper text that appears under the label.</p>\n",
|
|
62136
|
-
"line":
|
|
62203
|
+
"line": 156,
|
|
62137
62204
|
"type": "string | TemplateRef<any>",
|
|
62138
62205
|
"decorators": [],
|
|
62139
62206
|
"inheritance": {
|
|
@@ -62147,7 +62214,7 @@
|
|
|
62147
62214
|
"deprecationMessage": "",
|
|
62148
62215
|
"rawdescription": "\n\nSet to `true` for an invalid select component.\n",
|
|
62149
62216
|
"description": "<p>Set to <code>true</code> for an invalid select component.</p>\n",
|
|
62150
|
-
"line":
|
|
62217
|
+
"line": 188,
|
|
62151
62218
|
"type": "boolean",
|
|
62152
62219
|
"decorators": [],
|
|
62153
62220
|
"inheritance": {
|
|
@@ -62160,13 +62227,27 @@
|
|
|
62160
62227
|
"deprecationMessage": "",
|
|
62161
62228
|
"rawdescription": "\n\nSets the invalid text.\n",
|
|
62162
62229
|
"description": "<p>Sets the invalid text.</p>\n",
|
|
62163
|
-
"line":
|
|
62230
|
+
"line": 160,
|
|
62164
62231
|
"type": "string | TemplateRef<any>",
|
|
62165
62232
|
"decorators": [],
|
|
62166
62233
|
"inheritance": {
|
|
62167
62234
|
"file": "Select"
|
|
62168
62235
|
}
|
|
62169
62236
|
},
|
|
62237
|
+
{
|
|
62238
|
+
"name": "readonly",
|
|
62239
|
+
"defaultValue": "false",
|
|
62240
|
+
"deprecated": false,
|
|
62241
|
+
"deprecationMessage": "",
|
|
62242
|
+
"rawdescription": "\n\nSet to `true` for readonly state.\n",
|
|
62243
|
+
"description": "<p>Set to <code>true</code> for readonly state.</p>\n",
|
|
62244
|
+
"line": 192,
|
|
62245
|
+
"type": "boolean",
|
|
62246
|
+
"decorators": [],
|
|
62247
|
+
"inheritance": {
|
|
62248
|
+
"file": "Select"
|
|
62249
|
+
}
|
|
62250
|
+
},
|
|
62170
62251
|
{
|
|
62171
62252
|
"name": "size",
|
|
62172
62253
|
"defaultValue": "\"md\"",
|
|
@@ -62174,7 +62255,7 @@
|
|
|
62174
62255
|
"deprecationMessage": "",
|
|
62175
62256
|
"rawdescription": "\n\nNumber input field render size\n",
|
|
62176
62257
|
"description": "<p>Number input field render size</p>\n",
|
|
62177
|
-
"line":
|
|
62258
|
+
"line": 176,
|
|
62178
62259
|
"type": "\"sm\" | \"md\" | \"lg\"",
|
|
62179
62260
|
"decorators": [],
|
|
62180
62261
|
"inheritance": {
|
|
@@ -62185,7 +62266,7 @@
|
|
|
62185
62266
|
"name": "value",
|
|
62186
62267
|
"deprecated": false,
|
|
62187
62268
|
"deprecationMessage": "",
|
|
62188
|
-
"line":
|
|
62269
|
+
"line": 205,
|
|
62189
62270
|
"type": "any",
|
|
62190
62271
|
"decorators": [],
|
|
62191
62272
|
"inheritance": {
|
|
@@ -62199,7 +62280,7 @@
|
|
|
62199
62280
|
"deprecationMessage": "",
|
|
62200
62281
|
"rawdescription": "\n\nSet to `true` to show a warning (contents set by warningText)\n",
|
|
62201
62282
|
"description": "<p>Set to <code>true</code> to show a warning (contents set by warningText)</p>\n",
|
|
62202
|
-
"line":
|
|
62283
|
+
"line": 164,
|
|
62203
62284
|
"type": "boolean",
|
|
62204
62285
|
"decorators": [],
|
|
62205
62286
|
"inheritance": {
|
|
@@ -62212,7 +62293,7 @@
|
|
|
62212
62293
|
"deprecationMessage": "",
|
|
62213
62294
|
"rawdescription": "\n\nSets the warning text\n",
|
|
62214
62295
|
"description": "<p>Sets the warning text</p>\n",
|
|
62215
|
-
"line":
|
|
62296
|
+
"line": 168,
|
|
62216
62297
|
"type": "string | TemplateRef<any>",
|
|
62217
62298
|
"decorators": [],
|
|
62218
62299
|
"inheritance": {
|
|
@@ -62226,7 +62307,7 @@
|
|
|
62226
62307
|
"defaultValue": "new EventEmitter()",
|
|
62227
62308
|
"deprecated": false,
|
|
62228
62309
|
"deprecationMessage": "",
|
|
62229
|
-
"line":
|
|
62310
|
+
"line": 201,
|
|
62230
62311
|
"type": "EventEmitter",
|
|
62231
62312
|
"inheritance": {
|
|
62232
62313
|
"file": "Select"
|
|
@@ -62298,7 +62379,7 @@
|
|
|
62298
62379
|
"type": "ElementRef",
|
|
62299
62380
|
"optional": false,
|
|
62300
62381
|
"description": "",
|
|
62301
|
-
"line":
|
|
62382
|
+
"line": 203,
|
|
62302
62383
|
"decorators": [
|
|
62303
62384
|
{
|
|
62304
62385
|
"name": "ViewChild",
|
|
@@ -62320,7 +62401,7 @@
|
|
|
62320
62401
|
"type": "number",
|
|
62321
62402
|
"optional": false,
|
|
62322
62403
|
"description": "<p>Tracks the total number of selects instantiated. Used to generate unique IDs</p>\n",
|
|
62323
|
-
"line":
|
|
62404
|
+
"line": 143,
|
|
62324
62405
|
"rawdescription": "\n\nTracks the total number of selects instantiated. Used to generate unique IDs\n",
|
|
62325
62406
|
"modifierKind": [
|
|
62326
62407
|
126
|
|
@@ -62337,7 +62418,7 @@
|
|
|
62337
62418
|
"optional": false,
|
|
62338
62419
|
"returnType": "void",
|
|
62339
62420
|
"typeParameters": [],
|
|
62340
|
-
"line":
|
|
62421
|
+
"line": 271,
|
|
62341
62422
|
"deprecated": false,
|
|
62342
62423
|
"deprecationMessage": "",
|
|
62343
62424
|
"rawdescription": "\n\nListens for the host blurring, and notifies the model\n",
|
|
@@ -62368,7 +62449,7 @@
|
|
|
62368
62449
|
"optional": false,
|
|
62369
62450
|
"returnType": "boolean",
|
|
62370
62451
|
"typeParameters": [],
|
|
62371
|
-
"line":
|
|
62452
|
+
"line": 275,
|
|
62372
62453
|
"deprecated": false,
|
|
62373
62454
|
"deprecationMessage": "",
|
|
62374
62455
|
"modifierKind": [
|
|
@@ -62402,7 +62483,7 @@
|
|
|
62402
62483
|
"optional": false,
|
|
62403
62484
|
"returnType": "void",
|
|
62404
62485
|
"typeParameters": [],
|
|
62405
|
-
"line":
|
|
62486
|
+
"line": 261,
|
|
62406
62487
|
"deprecated": false,
|
|
62407
62488
|
"deprecationMessage": "",
|
|
62408
62489
|
"rawdescription": "\n\nHandles the change event from the `select`.\nSends events to the change handler and emits a `selected` event.\n",
|
|
@@ -62422,6 +62503,68 @@
|
|
|
62422
62503
|
"file": "Select"
|
|
62423
62504
|
}
|
|
62424
62505
|
},
|
|
62506
|
+
{
|
|
62507
|
+
"name": "onKeyDown",
|
|
62508
|
+
"args": [
|
|
62509
|
+
{
|
|
62510
|
+
"name": "event",
|
|
62511
|
+
"type": "KeyboardEvent",
|
|
62512
|
+
"deprecated": false,
|
|
62513
|
+
"deprecationMessage": ""
|
|
62514
|
+
}
|
|
62515
|
+
],
|
|
62516
|
+
"optional": false,
|
|
62517
|
+
"returnType": "void",
|
|
62518
|
+
"typeParameters": [],
|
|
62519
|
+
"line": 295,
|
|
62520
|
+
"deprecated": false,
|
|
62521
|
+
"deprecationMessage": "",
|
|
62522
|
+
"jsdoctags": [
|
|
62523
|
+
{
|
|
62524
|
+
"name": "event",
|
|
62525
|
+
"type": "KeyboardEvent",
|
|
62526
|
+
"deprecated": false,
|
|
62527
|
+
"deprecationMessage": "",
|
|
62528
|
+
"tagName": {
|
|
62529
|
+
"text": "param"
|
|
62530
|
+
}
|
|
62531
|
+
}
|
|
62532
|
+
],
|
|
62533
|
+
"inheritance": {
|
|
62534
|
+
"file": "Select"
|
|
62535
|
+
}
|
|
62536
|
+
},
|
|
62537
|
+
{
|
|
62538
|
+
"name": "onMouseDown",
|
|
62539
|
+
"args": [
|
|
62540
|
+
{
|
|
62541
|
+
"name": "event",
|
|
62542
|
+
"type": "MouseEvent",
|
|
62543
|
+
"deprecated": false,
|
|
62544
|
+
"deprecationMessage": ""
|
|
62545
|
+
}
|
|
62546
|
+
],
|
|
62547
|
+
"optional": false,
|
|
62548
|
+
"returnType": "void",
|
|
62549
|
+
"typeParameters": [],
|
|
62550
|
+
"line": 285,
|
|
62551
|
+
"deprecated": false,
|
|
62552
|
+
"deprecationMessage": "",
|
|
62553
|
+
"jsdoctags": [
|
|
62554
|
+
{
|
|
62555
|
+
"name": "event",
|
|
62556
|
+
"type": "MouseEvent",
|
|
62557
|
+
"deprecated": false,
|
|
62558
|
+
"deprecationMessage": "",
|
|
62559
|
+
"tagName": {
|
|
62560
|
+
"text": "param"
|
|
62561
|
+
}
|
|
62562
|
+
}
|
|
62563
|
+
],
|
|
62564
|
+
"inheritance": {
|
|
62565
|
+
"file": "Select"
|
|
62566
|
+
}
|
|
62567
|
+
},
|
|
62425
62568
|
{
|
|
62426
62569
|
"name": "registerOnChange",
|
|
62427
62570
|
"args": [
|
|
@@ -62435,7 +62578,7 @@
|
|
|
62435
62578
|
"optional": false,
|
|
62436
62579
|
"returnType": "void",
|
|
62437
62580
|
"typeParameters": [],
|
|
62438
|
-
"line":
|
|
62581
|
+
"line": 239,
|
|
62439
62582
|
"deprecated": false,
|
|
62440
62583
|
"deprecationMessage": "",
|
|
62441
62584
|
"rawdescription": "\n\nRegisters a listener that notifies the model when the control updates\n",
|
|
@@ -62468,7 +62611,7 @@
|
|
|
62468
62611
|
"optional": false,
|
|
62469
62612
|
"returnType": "void",
|
|
62470
62613
|
"typeParameters": [],
|
|
62471
|
-
"line":
|
|
62614
|
+
"line": 246,
|
|
62472
62615
|
"deprecated": false,
|
|
62473
62616
|
"deprecationMessage": "",
|
|
62474
62617
|
"rawdescription": "\n\nRegisters a listener that notifies the model when the control is blurred\n",
|
|
@@ -62501,7 +62644,7 @@
|
|
|
62501
62644
|
"optional": false,
|
|
62502
62645
|
"returnType": "void",
|
|
62503
62646
|
"typeParameters": [],
|
|
62504
|
-
"line":
|
|
62647
|
+
"line": 253,
|
|
62505
62648
|
"deprecated": false,
|
|
62506
62649
|
"deprecationMessage": "",
|
|
62507
62650
|
"rawdescription": "\n\nSets the disabled state through the model\n",
|
|
@@ -62534,7 +62677,7 @@
|
|
|
62534
62677
|
"optional": false,
|
|
62535
62678
|
"returnType": "void",
|
|
62536
62679
|
"typeParameters": [],
|
|
62537
|
-
"line":
|
|
62680
|
+
"line": 232,
|
|
62538
62681
|
"deprecated": false,
|
|
62539
62682
|
"deprecationMessage": "",
|
|
62540
62683
|
"rawdescription": "\n\nReceives a value from the model.\n",
|
|
@@ -62603,7 +62746,7 @@
|
|
|
62603
62746
|
"deprecationMessage": "",
|
|
62604
62747
|
"rawdescription": "\n\nListens for the host blurring, and notifies the model\n",
|
|
62605
62748
|
"description": "<p>Listens for the host blurring, and notifies the model</p>\n",
|
|
62606
|
-
"line":
|
|
62749
|
+
"line": 271,
|
|
62607
62750
|
"inheritance": {
|
|
62608
62751
|
"file": "Select"
|
|
62609
62752
|
}
|
|
@@ -72968,7 +73111,7 @@
|
|
|
72968
73111
|
"deprecated": false,
|
|
72969
73112
|
"deprecationMessage": "",
|
|
72970
73113
|
"type": "",
|
|
72971
|
-
"defaultValue": "(args) => ({\n\tprops: args,\n\ttemplate: `\n\t\t<cds-select\n\t\t\t[(ngModel)]=\"model\"\n\t\t\t[skeleton]=\"skeleton\"\n\t\t\t[disabled]=\"disabled\"\n\t\t\t[size]=\"size\"\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[label]=\"label\"\n\t\t\t[helperText]=\"helperText\"\n\t\t\t[theme]=\"theme\"\n\t\t\t[(ngModel)]=\"model\"\n\t\t\t[display]=\"display\"\n\t\t\tariaLabel='ngModel select'>\n\t\t\t<option value=\"default\" disabled selected hidden>Choose an option</option>\n\t\t\t<option value=\"option1\">Option 1</option>\n\t\t\t<option value=\"option2\">Option 2</option>\n\t\t\t<option value=\"option3\">Option 3</option>\n\t\t</cds-select>\n\t`\n})"
|
|
73114
|
+
"defaultValue": "(args) => ({\n\tprops: args,\n\ttemplate: `\n\t\t<cds-select\n\t\t\t[(ngModel)]=\"model\"\n\t\t\t[skeleton]=\"skeleton\"\n\t\t\t[disabled]=\"disabled\"\n\t\t\t[readonly]=\"readonly\"\n\t\t\t[size]=\"size\"\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[label]=\"label\"\n\t\t\t[helperText]=\"helperText\"\n\t\t\t[theme]=\"theme\"\n\t\t\t[(ngModel)]=\"model\"\n\t\t\t[display]=\"display\"\n\t\t\tariaLabel='ngModel select'>\n\t\t\t<option value=\"default\" disabled selected hidden>Choose an option</option>\n\t\t\t<option value=\"option1\">Option 1</option>\n\t\t\t<option value=\"option2\">Option 2</option>\n\t\t\t<option value=\"option3\">Option 3</option>\n\t\t</cds-select>\n\t`\n})"
|
|
72972
73115
|
},
|
|
72973
73116
|
{
|
|
72974
73117
|
"name": "NgTemplate",
|
|
@@ -74263,7 +74406,7 @@
|
|
|
74263
74406
|
"deprecated": false,
|
|
74264
74407
|
"deprecationMessage": "",
|
|
74265
74408
|
"type": "",
|
|
74266
|
-
"defaultValue": "(args) => ({\n\tprops: args,\n\ttemplate: `\n\t\t<cds-select\n\t\t\t[skeleton]=\"skeleton\"\n\t\t\t[disabled]=\"disabled\"\n\t\t\t[size]=\"size\"\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[label]=\"label\"\n\t\t\t[helperText]=\"helperText\"\n\t\t\t[theme]=\"theme\"\n\t\t\t[(ngModel)]=\"model\"\n\t\t\t[display]=\"display\">\n\t\t\t<option value=\"default\" disabled selected hidden>Choose an option</option>\n\t\t\t<option value=\"solong\">A much longer option that is worth having around to check how text flows</option>\n\t\t\t<optgroup label=\"Category 1\">\n\t\t\t\t<option value=\"option1\">Option 1</option>\n\t\t\t\t<option value=\"option2\">Option 2</option>\n\t\t\t</optgroup>\n\t\t\t<optgroup label=\"Category 2\">\n\t\t\t\t<option value=\"option1\">Option 1</option>\n\t\t\t\t<option value=\"option2\">Option 2</option>\n\t\t\t</optgroup>\n\t\t</cds-select>\n\t`\n})"
|
|
74409
|
+
"defaultValue": "(args) => ({\n\tprops: args,\n\ttemplate: `\n\t\t<cds-select\n\t\t\t[skeleton]=\"skeleton\"\n\t\t\t[disabled]=\"disabled\"\n\t\t\t[readonly]=\"readonly\"\n\t\t\t[size]=\"size\"\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[label]=\"label\"\n\t\t\t[helperText]=\"helperText\"\n\t\t\t[theme]=\"theme\"\n\t\t\t[(ngModel)]=\"model\"\n\t\t\t[display]=\"display\">\n\t\t\t<option value=\"default\" disabled selected hidden>Choose an option</option>\n\t\t\t<option value=\"solong\">A much longer option that is worth having around to check how text flows</option>\n\t\t\t<optgroup label=\"Category 1\">\n\t\t\t\t<option value=\"option1\">Option 1</option>\n\t\t\t\t<option value=\"option2\">Option 2</option>\n\t\t\t</optgroup>\n\t\t\t<optgroup label=\"Category 2\">\n\t\t\t\t<option value=\"option1\">Option 1</option>\n\t\t\t\t<option value=\"option2\">Option 2</option>\n\t\t\t</optgroup>\n\t\t</cds-select>\n\t`\n})"
|
|
74267
74410
|
},
|
|
74268
74411
|
{
|
|
74269
74412
|
"name": "Template",
|
|
@@ -79387,7 +79530,7 @@
|
|
|
79387
79530
|
"deprecated": false,
|
|
79388
79531
|
"deprecationMessage": "",
|
|
79389
79532
|
"type": "",
|
|
79390
|
-
"defaultValue": "(args) => ({\n\tprops: args,\n\ttemplate: `\n\t\t<cds-select\n\t\t\t[(ngModel)]=\"model\"\n\t\t\t[skeleton]=\"skeleton\"\n\t\t\t[disabled]=\"disabled\"\n\t\t\t[size]=\"size\"\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[label]=\"label\"\n\t\t\t[helperText]=\"helperText\"\n\t\t\t[theme]=\"theme\"\n\t\t\t[(ngModel)]=\"model\"\n\t\t\t[display]=\"display\"\n\t\t\tariaLabel='ngModel select'>\n\t\t\t<option value=\"default\" disabled selected hidden>Choose an option</option>\n\t\t\t<option value=\"option1\">Option 1</option>\n\t\t\t<option value=\"option2\">Option 2</option>\n\t\t\t<option value=\"option3\">Option 3</option>\n\t\t</cds-select>\n\t`\n})"
|
|
79533
|
+
"defaultValue": "(args) => ({\n\tprops: args,\n\ttemplate: `\n\t\t<cds-select\n\t\t\t[(ngModel)]=\"model\"\n\t\t\t[skeleton]=\"skeleton\"\n\t\t\t[disabled]=\"disabled\"\n\t\t\t[readonly]=\"readonly\"\n\t\t\t[size]=\"size\"\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[label]=\"label\"\n\t\t\t[helperText]=\"helperText\"\n\t\t\t[theme]=\"theme\"\n\t\t\t[(ngModel)]=\"model\"\n\t\t\t[display]=\"display\"\n\t\t\tariaLabel='ngModel select'>\n\t\t\t<option value=\"default\" disabled selected hidden>Choose an option</option>\n\t\t\t<option value=\"option1\">Option 1</option>\n\t\t\t<option value=\"option2\">Option 2</option>\n\t\t\t<option value=\"option3\">Option 3</option>\n\t\t</cds-select>\n\t`\n})"
|
|
79391
79534
|
},
|
|
79392
79535
|
{
|
|
79393
79536
|
"name": "OptionsSelected",
|
|
@@ -79437,7 +79580,7 @@
|
|
|
79437
79580
|
"deprecated": false,
|
|
79438
79581
|
"deprecationMessage": "",
|
|
79439
79582
|
"type": "",
|
|
79440
|
-
"defaultValue": "(args) => ({\n\tprops: args,\n\ttemplate: `\n\t\t<cds-select\n\t\t\t[skeleton]=\"skeleton\"\n\t\t\t[disabled]=\"disabled\"\n\t\t\t[size]=\"size\"\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[label]=\"label\"\n\t\t\t[helperText]=\"helperText\"\n\t\t\t[theme]=\"theme\"\n\t\t\t[(ngModel)]=\"model\"\n\t\t\t[display]=\"display\">\n\t\t\t<option value=\"default\" disabled selected hidden>Choose an option</option>\n\t\t\t<option value=\"solong\">A much longer option that is worth having around to check how text flows</option>\n\t\t\t<optgroup label=\"Category 1\">\n\t\t\t\t<option value=\"option1\">Option 1</option>\n\t\t\t\t<option value=\"option2\">Option 2</option>\n\t\t\t</optgroup>\n\t\t\t<optgroup label=\"Category 2\">\n\t\t\t\t<option value=\"option1\">Option 1</option>\n\t\t\t\t<option value=\"option2\">Option 2</option>\n\t\t\t</optgroup>\n\t\t</cds-select>\n\t`\n})"
|
|
79583
|
+
"defaultValue": "(args) => ({\n\tprops: args,\n\ttemplate: `\n\t\t<cds-select\n\t\t\t[skeleton]=\"skeleton\"\n\t\t\t[disabled]=\"disabled\"\n\t\t\t[readonly]=\"readonly\"\n\t\t\t[size]=\"size\"\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[label]=\"label\"\n\t\t\t[helperText]=\"helperText\"\n\t\t\t[theme]=\"theme\"\n\t\t\t[(ngModel)]=\"model\"\n\t\t\t[display]=\"display\">\n\t\t\t<option value=\"default\" disabled selected hidden>Choose an option</option>\n\t\t\t<option value=\"solong\">A much longer option that is worth having around to check how text flows</option>\n\t\t\t<optgroup label=\"Category 1\">\n\t\t\t\t<option value=\"option1\">Option 1</option>\n\t\t\t\t<option value=\"option2\">Option 2</option>\n\t\t\t</optgroup>\n\t\t\t<optgroup label=\"Category 2\">\n\t\t\t\t<option value=\"option1\">Option 1</option>\n\t\t\t\t<option value=\"option2\">Option 2</option>\n\t\t\t</optgroup>\n\t\t</cds-select>\n\t`\n})"
|
|
79441
79584
|
},
|
|
79442
79585
|
{
|
|
79443
79586
|
"name": "ValueProperty",
|
|
@@ -86844,9 +86987,9 @@
|
|
|
86844
86987
|
"type": "component",
|
|
86845
86988
|
"linktype": "component",
|
|
86846
86989
|
"name": "Select",
|
|
86847
|
-
"coveragePercent":
|
|
86848
|
-
"coverageCount": "
|
|
86849
|
-
"status": "
|
|
86990
|
+
"coveragePercent": 72,
|
|
86991
|
+
"coverageCount": "21/29",
|
|
86992
|
+
"status": "good"
|
|
86850
86993
|
},
|
|
86851
86994
|
{
|
|
86852
86995
|
"filePath": "src/select/select.stories.ts",
|
|
@@ -88450,8 +88593,8 @@
|
|
|
88450
88593
|
"type": "component",
|
|
88451
88594
|
"linktype": "component",
|
|
88452
88595
|
"name": "TimePickerSelect",
|
|
88453
|
-
"coveragePercent":
|
|
88454
|
-
"coverageCount": "
|
|
88596
|
+
"coveragePercent": 52,
|
|
88597
|
+
"coverageCount": "19/36",
|
|
88455
88598
|
"status": "good"
|
|
88456
88599
|
},
|
|
88457
88600
|
{
|