@vonage/vivid 5.3.0 → 5.4.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.
Files changed (157) hide show
  1. package/accordion-item/definition.js +1 -1
  2. package/alert/definition.cjs +1 -1
  3. package/alert/definition.js +2 -2
  4. package/badge/definition.js +1 -1
  5. package/banner/definition.js +1 -1
  6. package/bundled/calendar-picker.template.cjs +7 -7
  7. package/bundled/calendar-picker.template.js +101 -101
  8. package/bundled/definition11.cjs +13 -13
  9. package/bundled/definition11.js +202 -50
  10. package/bundled/definition19.cjs +24 -25
  11. package/bundled/definition19.js +152 -164
  12. package/bundled/definition6.cjs +3 -3
  13. package/bundled/definition6.js +19 -19
  14. package/bundled/definition9.cjs +5 -5
  15. package/bundled/definition9.js +394 -392
  16. package/bundled/listbox.cjs +1 -1
  17. package/bundled/listbox.js +82 -102
  18. package/bundled/localized.cjs +1 -1
  19. package/bundled/localized.js +18 -14
  20. package/bundled/vivid-element.cjs +5 -1
  21. package/bundled/vivid-element.js +401 -358
  22. package/calendar/index.cjs +1 -1
  23. package/calendar/index.js +14 -14
  24. package/card/definition.cjs +1 -1
  25. package/card/definition.js +1 -1
  26. package/color-picker/definition.cjs +1 -1
  27. package/color-picker/definition.js +1 -1
  28. package/combobox/definition.cjs +7 -27
  29. package/combobox/definition.js +8 -28
  30. package/combobox/index.cjs +6 -6
  31. package/combobox/index.js +57 -71
  32. package/custom-elements.json +305 -2
  33. package/date-picker/definition.cjs +1 -1
  34. package/date-picker/definition.js +1 -1
  35. package/date-range-picker/definition.cjs +1 -1
  36. package/date-range-picker/definition.js +1 -1
  37. package/date-time-picker/definition.cjs +1 -1
  38. package/date-time-picker/definition.js +1 -1
  39. package/dialog/definition.cjs +2 -2
  40. package/dialog/definition.js +2 -2
  41. package/dialog/index.cjs +7 -7
  42. package/dialog/index.js +6 -6
  43. package/elevation/definition.cjs +1 -1
  44. package/elevation/definition.js +1 -1
  45. package/fab/definition.js +1 -1
  46. package/header/definition.cjs +1 -1
  47. package/header/definition.js +1 -1
  48. package/index.cjs +3 -4
  49. package/index.js +2 -3
  50. package/lib/accordion/accordion.d.ts +1 -1
  51. package/lib/accordion/definition.d.ts +1 -1
  52. package/lib/audio-player/audio-player.d.ts +1 -1
  53. package/lib/combobox/combobox.d.ts +1 -0
  54. package/lib/combobox/combobox.options.d.ts +1 -1
  55. package/lib/divider/divider.d.ts +1 -1
  56. package/lib/menu-item/menu-item-role.d.ts +1 -1
  57. package/lib/popup/popup.d.ts +1 -1
  58. package/lib/searchable-select/locale.d.ts +4 -0
  59. package/lib/searchable-select/searchable-select.d.ts +3 -0
  60. package/lib/select/select.d.ts +3 -1
  61. package/lib/slider/slider.d.ts +1 -1
  62. package/lib/tabs/tabs.d.ts +2 -2
  63. package/lib/text-area/text-area.d.ts +1 -1
  64. package/lib/text-field/text-field.d.ts +1 -1
  65. package/locales/de-DE.cjs +4 -0
  66. package/locales/de-DE.js +4 -0
  67. package/locales/en-GB.cjs +4 -0
  68. package/locales/en-GB.js +4 -0
  69. package/locales/en-US.cjs +4 -0
  70. package/locales/en-US.js +4 -0
  71. package/locales/ja-JP.cjs +4 -0
  72. package/locales/ja-JP.js +4 -0
  73. package/locales/zh-CN.cjs +4 -0
  74. package/locales/zh-CN.js +4 -0
  75. package/menu/definition.cjs +4 -4
  76. package/menu/definition.js +4 -4
  77. package/nav-disclosure/definition.js +1 -1
  78. package/nav-item/definition.js +1 -1
  79. package/note/definition.js +1 -1
  80. package/number-field/definition.js +1 -1
  81. package/option/definition.cjs +6 -77
  82. package/option/definition.js +3 -78
  83. package/package.json +31 -5
  84. package/popup/definition.cjs +2 -2
  85. package/popup/definition.js +2 -2
  86. package/range-slider/definition.cjs +1 -1
  87. package/range-slider/definition.js +1 -1
  88. package/rich-text-editor/definition.cjs +2 -3
  89. package/rich-text-editor/definition.js +1 -2
  90. package/rich-text-editor/index.cjs +27 -27
  91. package/rich-text-editor/index.js +1208 -1198
  92. package/searchable-select/definition.cjs +103 -11
  93. package/searchable-select/definition.js +103 -11
  94. package/searchable-select/index.cjs +81 -69
  95. package/searchable-select/index.js +359 -273
  96. package/select/definition.cjs +24 -41
  97. package/select/definition.js +24 -41
  98. package/selectable-box/definition.cjs +1 -1
  99. package/selectable-box/definition.js +1 -1
  100. package/selectable-box/index.cjs +1 -1
  101. package/selectable-box/index.js +1 -1
  102. package/shared/aria/aria-mixin.d.ts +1 -1
  103. package/shared/foundation/listbox/listbox.d.ts +4 -0
  104. package/simple-color-picker/definition.cjs +1 -1
  105. package/simple-color-picker/definition.js +1 -1
  106. package/slider/definition.cjs +1 -1
  107. package/slider/definition.js +1 -1
  108. package/split-button/definition.js +1 -1
  109. package/styles/core/all.css +1 -1
  110. package/styles/core/theme.css +1 -1
  111. package/styles/core/typography.css +1 -1
  112. package/styles/tokens/theme-dark.css +4 -4
  113. package/styles/tokens/theme-light.css +4 -4
  114. package/styles/tokens/vivid-2-compat.css +1 -1
  115. package/tab/definition.js +1 -1
  116. package/tag/definition.js +1 -1
  117. package/text-field/definition.js +1 -1
  118. package/time-picker/definition.cjs +1 -1
  119. package/time-picker/definition.js +1 -1
  120. package/toggletip/definition.cjs +1 -1
  121. package/toggletip/definition.js +1 -1
  122. package/tooltip/definition.cjs +1 -1
  123. package/tooltip/definition.js +1 -1
  124. package/tree-item/definition.cjs +1 -1
  125. package/tree-item/definition.js +1 -1
  126. package/tree-view/definition.cjs +1 -1
  127. package/tree-view/definition.js +1 -1
  128. package/unbundled/affix.js +1 -1
  129. package/unbundled/calendar-picker.template.cjs +1 -1
  130. package/unbundled/calendar-picker.template.js +1 -1
  131. package/unbundled/definition.js +1 -1
  132. package/unbundled/definition2.js +1 -1
  133. package/unbundled/definition3.cjs +222 -141
  134. package/unbundled/definition3.js +220 -139
  135. package/unbundled/definition4.cjs +145 -235
  136. package/unbundled/definition4.js +143 -233
  137. package/unbundled/definition5.cjs +269 -27
  138. package/unbundled/definition5.js +267 -26
  139. package/unbundled/definition6.cjs +56 -0
  140. package/unbundled/definition6.js +52 -0
  141. package/unbundled/listbox.cjs +41 -63
  142. package/unbundled/listbox.js +39 -61
  143. package/unbundled/picker-field.template.cjs +1 -1
  144. package/unbundled/picker-field.template.js +1 -1
  145. package/unbundled/slider.template.cjs +1 -1
  146. package/unbundled/slider.template.js +1 -1
  147. package/unbundled/vivid-element.cjs +1 -1
  148. package/unbundled/vivid-element.js +1 -1
  149. package/video-player/definition.cjs +56 -16
  150. package/video-player/definition.js +56 -16
  151. package/video-player/index.cjs +36 -36
  152. package/video-player/index.js +2461 -2445
  153. package/vivid.api.json +285 -38
  154. package/bundled/option.cjs +0 -1
  155. package/bundled/option.js +0 -158
  156. package/unbundled/option.cjs +0 -217
  157. package/unbundled/option.js +0 -214
package/vivid.api.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "metadata": {
3
3
  "toolPackage": "@microsoft/api-extractor",
4
- "toolVersion": "7.52.10",
4
+ "toolVersion": "7.53.1",
5
5
  "schemaVersion": 1011,
6
6
  "oldestForwardsCompatibleVersion": 1001,
7
7
  "tsdocConfig": {
@@ -206,7 +206,7 @@
206
206
  },
207
207
  {
208
208
  "kind": "Content",
209
- "text": "typeof "
209
+ "text": "(typeof "
210
210
  },
211
211
  {
212
212
  "kind": "Reference",
@@ -215,7 +215,7 @@
215
215
  },
216
216
  {
217
217
  "kind": "Content",
218
- "text": "[keyof typeof "
218
+ "text": ")[keyof typeof "
219
219
  },
220
220
  {
221
221
  "kind": "Reference",
@@ -3187,7 +3187,7 @@
3187
3187
  },
3188
3188
  {
3189
3189
  "kind": "Content",
3190
- "text": "typeof "
3190
+ "text": "(typeof "
3191
3191
  },
3192
3192
  {
3193
3193
  "kind": "Reference",
@@ -3196,7 +3196,7 @@
3196
3196
  },
3197
3197
  {
3198
3198
  "kind": "Content",
3199
- "text": "[keyof typeof "
3199
+ "text": ")[keyof typeof "
3200
3200
  },
3201
3201
  {
3202
3202
  "kind": "Reference",
@@ -7943,7 +7943,7 @@
7943
7943
  },
7944
7944
  {
7945
7945
  "kind": "Content",
7946
- "text": "typeof "
7946
+ "text": "(typeof "
7947
7947
  },
7948
7948
  {
7949
7949
  "kind": "Reference",
@@ -7952,7 +7952,7 @@
7952
7952
  },
7953
7953
  {
7954
7954
  "kind": "Content",
7955
- "text": "[keyof typeof "
7955
+ "text": ")[keyof typeof "
7956
7956
  },
7957
7957
  {
7958
7958
  "kind": "Reference",
@@ -12773,6 +12773,55 @@
12773
12773
  "isProtected": false,
12774
12774
  "isAbstract": false
12775
12775
  },
12776
+ {
12777
+ "kind": "Method",
12778
+ "canonicalReference": "@vonage/vivid!VwcComboboxElement#_isDefaultSelected:member(1)",
12779
+ "docComment": "",
12780
+ "excerptTokens": [
12781
+ {
12782
+ "kind": "Content",
12783
+ "text": "_isDefaultSelected(option: "
12784
+ },
12785
+ {
12786
+ "kind": "Reference",
12787
+ "text": "ListboxOption",
12788
+ "canonicalReference": "@vonage/vivid!VwcOptionElement:class"
12789
+ },
12790
+ {
12791
+ "kind": "Content",
12792
+ "text": "): "
12793
+ },
12794
+ {
12795
+ "kind": "Content",
12796
+ "text": "boolean"
12797
+ },
12798
+ {
12799
+ "kind": "Content",
12800
+ "text": ";"
12801
+ }
12802
+ ],
12803
+ "isStatic": false,
12804
+ "returnTypeTokenRange": {
12805
+ "startIndex": 3,
12806
+ "endIndex": 4
12807
+ },
12808
+ "releaseTag": "Public",
12809
+ "isProtected": false,
12810
+ "overloadIndex": 1,
12811
+ "parameters": [
12812
+ {
12813
+ "parameterName": "option",
12814
+ "parameterTypeTokenRange": {
12815
+ "startIndex": 1,
12816
+ "endIndex": 2
12817
+ },
12818
+ "isOptional": false
12819
+ }
12820
+ ],
12821
+ "isOptional": false,
12822
+ "isAbstract": false,
12823
+ "name": "_isDefaultSelected"
12824
+ },
12776
12825
  {
12777
12826
  "kind": "Property",
12778
12827
  "canonicalReference": "@vonage/vivid!VwcComboboxElement#_popup:member",
@@ -23136,6 +23185,36 @@
23136
23185
  "isAbstract": false,
23137
23186
  "name": "connectedCallback"
23138
23187
  },
23188
+ {
23189
+ "kind": "Property",
23190
+ "canonicalReference": "@vonage/vivid!VwcSearchableSelectElement#deselectAllText:member",
23191
+ "docComment": "",
23192
+ "excerptTokens": [
23193
+ {
23194
+ "kind": "Content",
23195
+ "text": "deselectAllText: "
23196
+ },
23197
+ {
23198
+ "kind": "Content",
23199
+ "text": "string | undefined"
23200
+ },
23201
+ {
23202
+ "kind": "Content",
23203
+ "text": ";"
23204
+ }
23205
+ ],
23206
+ "isReadonly": false,
23207
+ "isOptional": false,
23208
+ "releaseTag": "Public",
23209
+ "name": "deselectAllText",
23210
+ "propertyTypeTokenRange": {
23211
+ "startIndex": 1,
23212
+ "endIndex": 2
23213
+ },
23214
+ "isStatic": false,
23215
+ "isProtected": false,
23216
+ "isAbstract": false
23217
+ },
23139
23218
  {
23140
23219
  "kind": "Method",
23141
23220
  "canonicalReference": "@vonage/vivid!VwcSearchableSelectElement#disconnectedCallback:member(1)",
@@ -23167,6 +23246,36 @@
23167
23246
  "isAbstract": false,
23168
23247
  "name": "disconnectedCallback"
23169
23248
  },
23249
+ {
23250
+ "kind": "Property",
23251
+ "canonicalReference": "@vonage/vivid!VwcSearchableSelectElement#enableSelectAll:member",
23252
+ "docComment": "",
23253
+ "excerptTokens": [
23254
+ {
23255
+ "kind": "Content",
23256
+ "text": "enableSelectAll: "
23257
+ },
23258
+ {
23259
+ "kind": "Content",
23260
+ "text": "boolean"
23261
+ },
23262
+ {
23263
+ "kind": "Content",
23264
+ "text": ";"
23265
+ }
23266
+ ],
23267
+ "isReadonly": false,
23268
+ "isOptional": false,
23269
+ "releaseTag": "Public",
23270
+ "name": "enableSelectAll",
23271
+ "propertyTypeTokenRange": {
23272
+ "startIndex": 1,
23273
+ "endIndex": 2
23274
+ },
23275
+ "isStatic": false,
23276
+ "isProtected": false,
23277
+ "isAbstract": false
23278
+ },
23170
23279
  {
23171
23280
  "kind": "Property",
23172
23281
  "canonicalReference": "@vonage/vivid!VwcSearchableSelectElement#externalTags:member",
@@ -23541,6 +23650,36 @@
23541
23650
  "isProtected": false,
23542
23651
  "isAbstract": false
23543
23652
  },
23653
+ {
23654
+ "kind": "Property",
23655
+ "canonicalReference": "@vonage/vivid!VwcSearchableSelectElement#selectAllText:member",
23656
+ "docComment": "",
23657
+ "excerptTokens": [
23658
+ {
23659
+ "kind": "Content",
23660
+ "text": "selectAllText: "
23661
+ },
23662
+ {
23663
+ "kind": "Content",
23664
+ "text": "string | undefined"
23665
+ },
23666
+ {
23667
+ "kind": "Content",
23668
+ "text": ";"
23669
+ }
23670
+ ],
23671
+ "isReadonly": false,
23672
+ "isOptional": false,
23673
+ "releaseTag": "Public",
23674
+ "name": "selectAllText",
23675
+ "propertyTypeTokenRange": {
23676
+ "startIndex": 1,
23677
+ "endIndex": 2
23678
+ },
23679
+ "isStatic": false,
23680
+ "isProtected": false,
23681
+ "isAbstract": false
23682
+ },
23544
23683
  {
23545
23684
  "kind": "Property",
23546
23685
  "canonicalReference": "@vonage/vivid!VwcSearchableSelectElement#selectedIndex:member",
@@ -23980,6 +24119,145 @@
23980
24119
  "name": "VwcSelectElement",
23981
24120
  "preserveMemberOrder": false,
23982
24121
  "members": [
24122
+ {
24123
+ "kind": "Method",
24124
+ "canonicalReference": "@vonage/vivid!VwcSelectElement#_isDefaultSelected:member(1)",
24125
+ "docComment": "",
24126
+ "excerptTokens": [
24127
+ {
24128
+ "kind": "Content",
24129
+ "text": "_isDefaultSelected(option: "
24130
+ },
24131
+ {
24132
+ "kind": "Reference",
24133
+ "text": "ListboxOption",
24134
+ "canonicalReference": "@vonage/vivid!VwcOptionElement:class"
24135
+ },
24136
+ {
24137
+ "kind": "Content",
24138
+ "text": "): "
24139
+ },
24140
+ {
24141
+ "kind": "Content",
24142
+ "text": "boolean"
24143
+ },
24144
+ {
24145
+ "kind": "Content",
24146
+ "text": ";"
24147
+ }
24148
+ ],
24149
+ "isStatic": false,
24150
+ "returnTypeTokenRange": {
24151
+ "startIndex": 3,
24152
+ "endIndex": 4
24153
+ },
24154
+ "releaseTag": "Public",
24155
+ "isProtected": false,
24156
+ "overloadIndex": 1,
24157
+ "parameters": [
24158
+ {
24159
+ "parameterName": "option",
24160
+ "parameterTypeTokenRange": {
24161
+ "startIndex": 1,
24162
+ "endIndex": 2
24163
+ },
24164
+ "isOptional": false
24165
+ }
24166
+ ],
24167
+ "isOptional": false,
24168
+ "isAbstract": false,
24169
+ "name": "_isDefaultSelected"
24170
+ },
24171
+ {
24172
+ "kind": "Method",
24173
+ "canonicalReference": "@vonage/vivid!VwcSelectElement#_newDefaultSelectedIndex:member(1)",
24174
+ "docComment": "",
24175
+ "excerptTokens": [
24176
+ {
24177
+ "kind": "Content",
24178
+ "text": "_newDefaultSelectedIndex(prev: "
24179
+ },
24180
+ {
24181
+ "kind": "Reference",
24182
+ "text": "ListboxOption",
24183
+ "canonicalReference": "@vonage/vivid!VwcOptionElement:class"
24184
+ },
24185
+ {
24186
+ "kind": "Content",
24187
+ "text": "[]"
24188
+ },
24189
+ {
24190
+ "kind": "Content",
24191
+ "text": ", next: "
24192
+ },
24193
+ {
24194
+ "kind": "Reference",
24195
+ "text": "ListboxOption",
24196
+ "canonicalReference": "@vonage/vivid!VwcOptionElement:class"
24197
+ },
24198
+ {
24199
+ "kind": "Content",
24200
+ "text": "[]"
24201
+ },
24202
+ {
24203
+ "kind": "Content",
24204
+ "text": ", currentSelectIndex: "
24205
+ },
24206
+ {
24207
+ "kind": "Content",
24208
+ "text": "number"
24209
+ },
24210
+ {
24211
+ "kind": "Content",
24212
+ "text": "): "
24213
+ },
24214
+ {
24215
+ "kind": "Content",
24216
+ "text": "number | null"
24217
+ },
24218
+ {
24219
+ "kind": "Content",
24220
+ "text": ";"
24221
+ }
24222
+ ],
24223
+ "isStatic": false,
24224
+ "returnTypeTokenRange": {
24225
+ "startIndex": 9,
24226
+ "endIndex": 10
24227
+ },
24228
+ "releaseTag": "Public",
24229
+ "isProtected": false,
24230
+ "overloadIndex": 1,
24231
+ "parameters": [
24232
+ {
24233
+ "parameterName": "prev",
24234
+ "parameterTypeTokenRange": {
24235
+ "startIndex": 1,
24236
+ "endIndex": 3
24237
+ },
24238
+ "isOptional": false
24239
+ },
24240
+ {
24241
+ "parameterName": "next",
24242
+ "parameterTypeTokenRange": {
24243
+ "startIndex": 4,
24244
+ "endIndex": 6
24245
+ },
24246
+ "isOptional": false
24247
+ },
24248
+ {
24249
+ "parameterName": "currentSelectIndex",
24250
+ "parameterTypeTokenRange": {
24251
+ "startIndex": 7,
24252
+ "endIndex": 8
24253
+ },
24254
+ "isOptional": false
24255
+ }
24256
+ ],
24257
+ "isOptional": false,
24258
+ "isAbstract": false,
24259
+ "name": "_newDefaultSelectedIndex"
24260
+ },
23983
24261
  {
23984
24262
  "kind": "Property",
23985
24263
  "canonicalReference": "@vonage/vivid!VwcSelectElement#appearance:member",
@@ -24285,37 +24563,6 @@
24285
24563
  "isProtected": false,
24286
24564
  "isAbstract": false
24287
24565
  },
24288
- {
24289
- "kind": "Method",
24290
- "canonicalReference": "@vonage/vivid!VwcSelectElement#setDefaultSelectedOption:member(1)",
24291
- "docComment": "",
24292
- "excerptTokens": [
24293
- {
24294
- "kind": "Content",
24295
- "text": "setDefaultSelectedOption(): "
24296
- },
24297
- {
24298
- "kind": "Content",
24299
- "text": "void"
24300
- },
24301
- {
24302
- "kind": "Content",
24303
- "text": ";"
24304
- }
24305
- ],
24306
- "isStatic": false,
24307
- "returnTypeTokenRange": {
24308
- "startIndex": 1,
24309
- "endIndex": 2
24310
- },
24311
- "releaseTag": "Public",
24312
- "isProtected": false,
24313
- "overloadIndex": 1,
24314
- "parameters": [],
24315
- "isOptional": false,
24316
- "isAbstract": false,
24317
- "name": "setDefaultSelectedOption"
24318
- },
24319
24566
  {
24320
24567
  "kind": "Method",
24321
24568
  "canonicalReference": "@vonage/vivid!VwcSelectElement#setSelectedOptions:member(1)",
@@ -1 +0,0 @@
1
- "use strict";const d=require("./affix.cjs"),i=require("./vivid-element.cjs"),c=require("./host-semantics.cjs"),p=require("./dom.cjs");var f=Object.defineProperty,u=Object.getOwnPropertyDescriptor,s=(r,e,o,l)=>{for(var a=l>1?void 0:l?u(e,o):e,n=r.length-1,h;n>=0;n--)(h=r[n])&&(a=(l?h(e,o,a):h(a))||a);return l&&a&&f(e,o,a),a};function x(r){return p.isHTMLElement(r)&&(r.getAttribute("role")==="option"||r instanceof HTMLOptionElement||r instanceof t)}class t extends c.HostSemantics(d.AffixIconWithTrailing(i.VividElement)){constructor(e,o,l,a){super(),this.defaultSelected=!1,this.dirtySelected=!1,this.value="",this._highlighted=!1,this._displayCheckmark=!1,this._vvdSearchText="",this._isNotMatching=!1,e&&(this.text=e),o&&(this.value=o),l&&(this.defaultSelected=l),a&&(this.selected=a),this.proxy=new Option(this.text,this.value,this.defaultSelected,this.selected),this.proxy.disabled=this.disabled}defaultSelectedChanged(){this.dirtySelected||(this.selected=this.defaultSelected,this.proxy instanceof HTMLOptionElement&&(this.proxy.selected=this.defaultSelected)),this.proxy instanceof HTMLOptionElement&&(this.proxy.defaultSelected=this.defaultSelected)}disabledChanged(){this.proxy instanceof HTMLOptionElement&&(this.proxy.disabled=this.disabled)}get selectedAttribute(){return this.defaultSelected}set selectedAttribute(e){this.defaultSelected=e}selectedChanged(){this.dirtySelected||(this.dirtySelected=!0),this.proxy instanceof HTMLOptionElement&&(this.proxy.selected=this.selected)}valueChanged(){if(typeof this.value!="string"){this.value="";return}this.proxy instanceof HTMLOptionElement&&(this.proxy.value=this.value)}get label(){return this._label??this.text}set label(e){this._label=e}set text(e){this._text=e}get text(){return this._text??""}_getAccessibleName(){return this.ariaLabel||`${this.text}${this.textSecondary?` ${this.textSecondary}`:""}`}get form(){return null}get _hasMatchedText(){return!!(this.matchedText??this._vvdSearchText)}get _matchedRange(){const e=this.matchedText??this._vvdSearchText;if(e){const o=this.text.toLowerCase().indexOf(e.toLowerCase());return o===-1?{from:0,to:0}:{from:o,to:o+e.length}}return{from:0,to:0}}connectedCallback(){super.connectedCallback(),this.dirtySelected||(this.selected=this.defaultSelected,this.dirtySelected=!1)}}s([i.attr({converter:{fromView:r=>{if(r===!0||r==="true")return!0;if(r===!1||r==="false")return!1},toView:r=>r}})],t.prototype,"checked",2);s([i.attr({attribute:"selected",mode:"boolean"})],t.prototype,"defaultSelected",2);s([i.attr({mode:"boolean"})],t.prototype,"disabled",2);s([i.attr({attribute:"current-selected",mode:"boolean"})],t.prototype,"selected",2);s([i.attr({attribute:"value"})],t.prototype,"value",2);s([i.attr({attribute:"label"})],t.prototype,"_label",2);s([i.attr({attribute:"text"})],t.prototype,"_text",2);s([i.attr({attribute:"text-secondary"})],t.prototype,"textSecondary",2);s([i.observable],t.prototype,"_highlighted",2);s([i.observable],t.prototype,"_displayCheckmark",2);s([i.attr({attribute:"matched-text"})],t.prototype,"matchedText",2);s([i.observable],t.prototype,"_vvdSearchText",2);s([i.volatile],t.prototype,"_hasMatchedText",1);s([i.observable],t.prototype,"_isNotMatching",2);s([i.volatile],t.prototype,"_matchedRange",1);s([i.attr({attribute:"tag-connotation"})],t.prototype,"tagConnotation",2);exports.ListboxOption=t;exports.isListboxOption=x;
package/bundled/option.js DELETED
@@ -1,158 +0,0 @@
1
- import { A as p } from "./affix.js";
2
- import { V as f, a, o as h, v as c } from "./vivid-element.js";
3
- import { H as u } from "./host-semantics.js";
4
- import { i as x } from "./dom.js";
5
- var y = Object.defineProperty, b = Object.getOwnPropertyDescriptor, i = (s, t, o, l) => {
6
- for (var r = l > 1 ? void 0 : l ? b(t, o) : t, d = s.length - 1, n; d >= 0; d--)
7
- (n = s[d]) && (r = (l ? n(t, o, r) : n(r)) || r);
8
- return l && r && y(t, o, r), r;
9
- };
10
- function S(s) {
11
- return x(s) && (s.getAttribute("role") === "option" || s instanceof HTMLOptionElement || s instanceof e);
12
- }
13
- class e extends u(
14
- p(f)
15
- ) {
16
- constructor(t, o, l, r) {
17
- super(), this.defaultSelected = !1, this.dirtySelected = !1, this.value = "", this._highlighted = !1, this._displayCheckmark = !1, this._vvdSearchText = "", this._isNotMatching = !1, t && (this.text = t), o && (this.value = o), l && (this.defaultSelected = l), r && (this.selected = r), this.proxy = new Option(
18
- this.text,
19
- this.value,
20
- this.defaultSelected,
21
- this.selected
22
- ), this.proxy.disabled = this.disabled;
23
- }
24
- defaultSelectedChanged() {
25
- this.dirtySelected || (this.selected = this.defaultSelected, this.proxy instanceof HTMLOptionElement && (this.proxy.selected = this.defaultSelected)), this.proxy instanceof HTMLOptionElement && (this.proxy.defaultSelected = this.defaultSelected);
26
- }
27
- disabledChanged() {
28
- this.proxy instanceof HTMLOptionElement && (this.proxy.disabled = this.disabled);
29
- }
30
- /**
31
- * @deprecated Use `defaultSelected` instead.
32
- */
33
- get selectedAttribute() {
34
- return this.defaultSelected;
35
- }
36
- set selectedAttribute(t) {
37
- this.defaultSelected = t;
38
- }
39
- selectedChanged() {
40
- this.dirtySelected || (this.dirtySelected = !0), this.proxy instanceof HTMLOptionElement && (this.proxy.selected = this.selected);
41
- }
42
- valueChanged() {
43
- if (typeof this.value != "string") {
44
- this.value = "";
45
- return;
46
- }
47
- this.proxy instanceof HTMLOptionElement && (this.proxy.value = this.value);
48
- }
49
- get label() {
50
- return this._label ?? this.text;
51
- }
52
- set label(t) {
53
- this._label = t;
54
- }
55
- set text(t) {
56
- this._text = t;
57
- }
58
- get text() {
59
- return this._text ?? "";
60
- }
61
- /**
62
- * Provides an accessible name for use by parent components.
63
- * Note: Does not implement full accessible name computation, e.g. slotted content is missed.
64
- * @internal
65
- */
66
- _getAccessibleName() {
67
- return this.ariaLabel || `${this.text}${this.textSecondary ? ` ${this.textSecondary}` : ""}`;
68
- }
69
- get form() {
70
- return null;
71
- }
72
- get _hasMatchedText() {
73
- return !!(this.matchedText ?? this._vvdSearchText);
74
- }
75
- get _matchedRange() {
76
- const t = this.matchedText ?? this._vvdSearchText;
77
- if (t) {
78
- const o = this.text.toLowerCase().indexOf(t.toLowerCase());
79
- return o === -1 ? { from: 0, to: 0 } : {
80
- from: o,
81
- to: o + t.length
82
- };
83
- }
84
- return { from: 0, to: 0 };
85
- }
86
- /**
87
- * @internal
88
- */
89
- connectedCallback() {
90
- super.connectedCallback(), this.dirtySelected || (this.selected = this.defaultSelected, this.dirtySelected = !1);
91
- }
92
- }
93
- i([
94
- a({
95
- converter: {
96
- fromView: (s) => {
97
- if (s === !0 || s === "true")
98
- return !0;
99
- if (s === !1 || s === "false")
100
- return !1;
101
- },
102
- toView: (s) => s
103
- }
104
- })
105
- ], e.prototype, "checked", 2);
106
- i([
107
- a({ attribute: "selected", mode: "boolean" })
108
- ], e.prototype, "defaultSelected", 2);
109
- i([
110
- a({ mode: "boolean" })
111
- ], e.prototype, "disabled", 2);
112
- i([
113
- a({ attribute: "current-selected", mode: "boolean" })
114
- ], e.prototype, "selected", 2);
115
- i([
116
- a({ attribute: "value" })
117
- ], e.prototype, "value", 2);
118
- i([
119
- a({
120
- attribute: "label"
121
- })
122
- ], e.prototype, "_label", 2);
123
- i([
124
- a({
125
- attribute: "text"
126
- })
127
- ], e.prototype, "_text", 2);
128
- i([
129
- a({ attribute: "text-secondary" })
130
- ], e.prototype, "textSecondary", 2);
131
- i([
132
- h
133
- ], e.prototype, "_highlighted", 2);
134
- i([
135
- h
136
- ], e.prototype, "_displayCheckmark", 2);
137
- i([
138
- a({ attribute: "matched-text" })
139
- ], e.prototype, "matchedText", 2);
140
- i([
141
- h
142
- ], e.prototype, "_vvdSearchText", 2);
143
- i([
144
- c
145
- ], e.prototype, "_hasMatchedText", 1);
146
- i([
147
- h
148
- ], e.prototype, "_isNotMatching", 2);
149
- i([
150
- c
151
- ], e.prototype, "_matchedRange", 1);
152
- i([
153
- a({ attribute: "tag-connotation" })
154
- ], e.prototype, "tagConnotation", 2);
155
- export {
156
- e as L,
157
- S as i
158
- };