@solid-design-system/components 4.0.0-next.1 → 4.0.0-next.10

package/dist/custom-elements.json

@@ -65,6 +65,13 @@
               "privacy": "public",
               "default": "new LocalizeController(this)"
             },
+            {
+              "kind": "field",
+              "name": "accordionObserver",
+              "type": {
+                "text": "MutationObserver"
+              }
+            },
             {
               "kind": "field",
               "name": "open",
@@ -1409,9 +1416,9 @@
               "kind": "field",
               "name": "variant",
               "type": {
-                "text": "'default' | 'success' | 'error'"
+                "text": "'blue' | 'green' | 'red'"
               },
-              "default": "'default'",
+              "default": "'blue'",
               "description": "The badge's variant.",
               "attribute": "variant",
               "reflects": true
@@ -1491,9 +1498,9 @@
             {
               "name": "variant",
               "type": {
-                "text": "'default' | 'success' | 'error'"
+                "text": "'blue' | 'green' | 'red'"
               },
-              "default": "'default'",
+              "default": "'blue'",
               "description": "The badge's variant.",
               "fieldName": "variant"
             },
@@ -3923,9 +3930,19 @@
             {
               "kind": "field",
               "name": "placeholder",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
               "description": "Placeholder text to show as a hint when the combobox is empty.",
               "attribute": "placeholder"
             },
+            {
+              "kind": "field",
+              "name": "maxOptionsTagLabel",
+              "description": "Label text shown on tag if max-options-visible is reached.",
+              "attribute": "max-options-tag-label"
+            },
             {
               "kind": "field",
               "name": "disabled",
@@ -4294,9 +4311,18 @@
             },
             {
               "name": "placeholder",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
               "description": "Placeholder text to show as a hint when the combobox is empty.",
               "fieldName": "placeholder"
             },
+            {
+              "name": "max-options-tag-label",
+              "description": "Label text shown on tag if max-options-visible is reached.",
+              "fieldName": "maxOptionsTagLabel"
+            },
             {
               "name": "disabled",
               "type": {
@@ -6343,6 +6369,14 @@
               "attribute": "back-variant",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "activeSide",
+              "type": {
+                "text": "'front' | 'back'"
+              },
+              "default": "'front'"
+            },
             {
               "kind": "field",
               "name": "dir",
@@ -10689,6 +10723,17 @@
                 "module": "components/accordion/accordion.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "accordionObserver",
+              "type": {
+                "text": "MutationObserver"
+              },
+              "inheritedFrom": {
+                "name": "SdAccordion",
+                "module": "components/accordion/accordion.js"
+              }
+            },
             {
               "kind": "field",
               "name": "open",
@@ -12130,6 +12175,12 @@
           "kind": "class",
           "description": "",
           "name": "SdSelect",
+          "cssProperties": [
+            {
+              "description": "Set the maximum width of the tags and to show an ellipsis. Defaults to \"15ch\"",
+              "name": "--tag-max-width"
+            }
+          ],
           "cssParts": [
             {
               "description": "The form control that wraps the label, input, and help text.",
@@ -12299,9 +12350,19 @@
             {
               "kind": "field",
               "name": "placeholder",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
               "description": "Placeholder text to show as a hint when the select is empty.",
               "attribute": "placeholder"
             },
+            {
+              "kind": "field",
+              "name": "maxOptionsTagLabel",
+              "description": "Label text shown on tag if max-options-visible is reached.",
+              "attribute": "max-options-tag-label"
+            },
             {
               "kind": "field",
               "name": "disabled",
@@ -12634,9 +12695,18 @@
             },
             {
               "name": "placeholder",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
               "description": "Placeholder text to show as a hint when the select is empty.",
               "fieldName": "placeholder"
             },
+            {
+              "name": "max-options-tag-label",
+              "description": "Label text shown on tag if max-options-visible is reached.",
+              "fieldName": "maxOptionsTagLabel"
+            },
             {
               "name": "disabled",
               "type": {
@@ -16442,10 +16512,6 @@
             {
               "description": "The `<div>` element wrapper around the play-button that defines the circular background.",
               "name": "play-button-bg"
-            },
-            {
-              "description": "The `<div>` element styled as an absolutely positioned transparent overlay.",
-              "name": "overlay"
             }
           ],
           "slots": [
@@ -16470,21 +16536,10 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Set to `true` to hide the play icon and the overlay.",
+              "description": "Set to `true` to hide the play icon.",
               "attribute": "playing",
               "reflects": true
             },
-            {
-              "kind": "field",
-              "name": "overlay",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Set to `true` to show a dark overlay. Only used when `playing` is `false`.",
-              "attribute": "overlay",
-              "reflects": true
-            },
             {
               "kind": "field",
               "name": "isBelowBreakpoint",
@@ -16559,18 +16614,9 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Set to `true` to hide the play icon and the overlay.",
+              "description": "Set to `true` to hide the play icon.",
               "fieldName": "playing"
             },
-            {
-              "name": "overlay",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Set to `true` to show a dark overlay. Only used when `playing` is `false`.",
-              "fieldName": "overlay"
-            },
             {
               "name": "isBelowBreakpoint",
               "type": {
@@ -16642,7 +16688,7 @@
   "package": {
     "name": "@solid-design-system/components",
     "description": "Solid Design System: Components",
-    "version": "4.0.0-next.1",
+    "version": "4.0.0-next.10",
     "author": "Union Investment",
     "homepage": "https://solid-design-system.fe.union-investment.de/docs/",
     "license": "MIT"

package/dist/solid-components.js

@@ -4,154 +4,154 @@ import {
 import "./chunks/chunk.HAL7R4WT.js";
 import {
   SdTeaser
-} from "./chunks/chunk.76ZNNLGN.js";
+} from "./chunks/chunk.O5W5RLTG.js";
 import {
   SdTeaserMedia
-} from "./chunks/chunk.7OHSCBBX.js";
+} from "./chunks/chunk.OZBWEFM7.js";
 import {
   SdTextarea
-} from "./chunks/chunk.VHGHICFG.js";
+} from "./chunks/chunk.DVSGWCY2.js";
 import {
   SdTooltip
-} from "./chunks/chunk.XVFJS7VS.js";
+} from "./chunks/chunk.O3MWFP7G.js";
 import {
   SdVideo
-} from "./chunks/chunk.SPBPHTSS.js";
+} from "./chunks/chunk.T7U45C76.js";
 import {
   SdSelect
-} from "./chunks/chunk.I3PY3VYP.js";
+} from "./chunks/chunk.YQJ2FRJY.js";
 import {
   SdStep
-} from "./chunks/chunk.3LGDUVS4.js";
+} from "./chunks/chunk.II5QKXKB.js";
 import {
   SdStepGroup
-} from "./chunks/chunk.PIR4YJUS.js";
+} from "./chunks/chunk.7245PZD4.js";
 import {
   SdSwitch
-} from "./chunks/chunk.2IBVAXOX.js";
+} from "./chunks/chunk.L6MU3DLL.js";
 import {
   SdTab
-} from "./chunks/chunk.7BEDTYS7.js";
+} from "./chunks/chunk.FYPZKHQ2.js";
 import {
   SdTabGroup
-} from "./chunks/chunk.56SNEGI4.js";
+} from "./chunks/chunk.WBTUVFBA.js";
 import {
   SdTabPanel
-} from "./chunks/chunk.6CUAQSFA.js";
+} from "./chunks/chunk.K6B7NG4F.js";
 import {
   SdOptgroup
-} from "./chunks/chunk.4WYIZLVF.js";
+} from "./chunks/chunk.FPZWHLNC.js";
 import {
   SdOption
-} from "./chunks/chunk.SSH6ATRK.js";
+} from "./chunks/chunk.JYRKP32Z.js";
 import {
   SdQuickfact
-} from "./chunks/chunk.6JI7NL3E.js";
+} from "./chunks/chunk.W6Z5BPA5.js";
 import {
   SdRadioButton
-} from "./chunks/chunk.MTSAWJLV.js";
+} from "./chunks/chunk.XFF2H3JK.js";
 import {
   SdRadioGroup
-} from "./chunks/chunk.BVC5FY4L.js";
+} from "./chunks/chunk.LEOC6FW6.js";
 import {
   SdRadio
-} from "./chunks/chunk.J7MMF6WJ.js";
+} from "./chunks/chunk.O4QXE2LJ.js";
 import {
   SdScrollable
-} from "./chunks/chunk.DQPVSTUQ.js";
+} from "./chunks/chunk.STNLNYKE.js";
 import {
   SdInclude
-} from "./chunks/chunk.PDRECIYA.js";
+} from "./chunks/chunk.QQ4M35EE.js";
 import {
   SdInput
-} from "./chunks/chunk.QP3SM2LZ.js";
+} from "./chunks/chunk.RKAIYDTU.js";
 import {
   SdLink
-} from "./chunks/chunk.U5NFPAOX.js";
+} from "./chunks/chunk.YGC3JJ2C.js";
 import {
   SdMapMarker
-} from "./chunks/chunk.R4BETATX.js";
+} from "./chunks/chunk.AYZRRY6G.js";
 import {
   SdNavigationItem
-} from "./chunks/chunk.BXB5WF23.js";
+} from "./chunks/chunk.6XP4L2GR.js";
 import {
   SdNotification
-} from "./chunks/chunk.ZGPGFEVP.js";
+} from "./chunks/chunk.BUN3ON73.js";
 import {
   SdDropdown
-} from "./chunks/chunk.PGZ5AWZ2.js";
+} from "./chunks/chunk.MF3CL2AP.js";
 import {
   SdExpandable
-} from "./chunks/chunk.J2XBUIBC.js";
+} from "./chunks/chunk.MEGJ7CBG.js";
 import {
   SdFlipcard
-} from "./chunks/chunk.WWS3CQ2Z.js";
+} from "./chunks/chunk.4NEMGQ57.js";
 import {
   SdHeader
-} from "./chunks/chunk.Z2UY62T2.js";
+} from "./chunks/chunk.SI6BILWU.js";
 import {
   SdCheckbox
-} from "./chunks/chunk.HPR3PWAE.js";
+} from "./chunks/chunk.4WWL72HB.js";
 import {
   SdCheckboxGroup
-} from "./chunks/chunk.65BWRJEA.js";
+} from "./chunks/chunk.AZWDFCND.js";
 import {
   SdCombobox
-} from "./chunks/chunk.EFEBQQHC.js";
+} from "./chunks/chunk.ISNWRY34.js";
 import {
   SdTag
-} from "./chunks/chunk.NM6QP6RJ.js";
+} from "./chunks/chunk.4WC43I2G.js";
 import {
   SdPopup
-} from "./chunks/chunk.V7TQ6VJU.js";
+} from "./chunks/chunk.4XYZAEKQ.js";
 import "./chunks/chunk.GI7VDIWX.js";
 import "./chunks/chunk.WBJBQ4QI.js";
 import "./chunks/chunk.UIQBHPD3.js";
 import {
   SdDialog
-} from "./chunks/chunk.727ERQ4F.js";
+} from "./chunks/chunk.ALGO2EYV.js";
 import {
   SdDivider
-} from "./chunks/chunk.JIKTGTDS.js";
+} from "./chunks/chunk.FJRTIKOG.js";
 import {
   SdDrawer
-} from "./chunks/chunk.U6RY25TF.js";
+} from "./chunks/chunk.SFM7ZSKY.js";
 import "./chunks/chunk.VBQLCQSN.js";
 import "./chunks/chunk.XHCTCU2Q.js";
 import "./chunks/chunk.WDWV53JP.js";
 import {
   SdBadge
-} from "./chunks/chunk.RZRTIYXA.js";
+} from "./chunks/chunk.TYDRZQYV.js";
 import {
   SdBrandshape
-} from "./chunks/chunk.H655M7FD.js";
+} from "./chunks/chunk.UO7UGXMA.js";
 import {
   SdButton
-} from "./chunks/chunk.4QKRGAOL.js";
+} from "./chunks/chunk.YYRZLQAY.js";
 import {
   SdSpinner
-} from "./chunks/chunk.D6JZ4IKM.js";
+} from "./chunks/chunk.23UMRH3O.js";
 import "./chunks/chunk.KVKRZJS7.js";
-import "./chunks/chunk.ZWJI7SLE.js";
+import "./chunks/chunk.TLVJDDZL.js";
 import {
   SdCarousel
-} from "./chunks/chunk.QCICV36Z.js";
+} from "./chunks/chunk.C7ITLHV2.js";
 import "./chunks/chunk.F4VGSDIW.js";
 import "./chunks/chunk.2LMWBUBT.js";
 import "./chunks/chunk.NOWCQZBS.js";
 import {
   SdCarouselItem
-} from "./chunks/chunk.RNSJAVQE.js";
+} from "./chunks/chunk.3SACKHZW.js";
 import {
   SdAccordionGroup
-} from "./chunks/chunk.IN3GJ5QL.js";
+} from "./chunks/chunk.6TKVFZLG.js";
 import {
   SdAccordion
-} from "./chunks/chunk.DAM3ICHP.js";
+} from "./chunks/chunk.JCLUIZEF.js";
 import "./chunks/chunk.N4LHE3QK.js";
 import {
   SdIcon
-} from "./chunks/chunk.3IT4HBTI.js";
+} from "./chunks/chunk.NTKMCOLR.js";
 import "./chunks/chunk.P52GZVKG.js";
 import "./chunks/chunk.RPB53XXV.js";
 import {
@@ -164,19 +164,19 @@ import "./chunks/chunk.EY4JPJJQ.js";
 import "./chunks/chunk.B4BZKR24.js";
 import {
   SdAnimation
-} from "./chunks/chunk.UC5E3AEF.js";
+} from "./chunks/chunk.4XJBD3PS.js";
 import "./chunks/chunk.X2OQMWGY.js";
 import "./chunks/chunk.TJOP7HQP.js";
 import {
   SdAudio
-} from "./chunks/chunk.QAZYUCBK.js";
+} from "./chunks/chunk.X55CH4SC.js";
 import "./chunks/chunk.YEZS5ZR2.js";
 import {
   LocalizeController
 } from "./chunks/chunk.YKM42GKF.js";
 import "./chunks/chunk.MNYQWRJE.js";
 import "./chunks/chunk.2S2CNWKY.js";
-import "./chunks/chunk.UDZYWRPT.js";
+import "./chunks/chunk.DNCLRX5Q.js";
 import "./chunks/chunk.POFWU6ZT.js";
 import "./chunks/chunk.S3NI7NKU.js";
 export {

package/dist/utilities/autocomplete-config.js

@@ -1,8 +1,8 @@
 import {
   setupAutocomplete
 } from "../chunks/chunk.6DKXZWRN.js";
-import "../chunks/chunk.V7TQ6VJU.js";
-import "../chunks/chunk.UDZYWRPT.js";
+import "../chunks/chunk.4XYZAEKQ.js";
+import "../chunks/chunk.DNCLRX5Q.js";
 import "../chunks/chunk.S3NI7NKU.js";
 export {
   setupAutocomplete

package/dist/vscode.html-custom-data.json

@@ -197,11 +197,7 @@
         {
           "name": "variant",
           "description": "The badge's variant.",
-          "values": [
-            { "name": "default" },
-            { "name": "success" },
-            { "name": "error" }
-          ]
+          "values": [{ "name": "blue" }, { "name": "green" }, { "name": "red" }]
         },
         {
           "name": "inverted",
@@ -626,6 +622,11 @@
           "description": "Placeholder text to show as a hint when the combobox is empty.",
           "values": []
         },
+        {
+          "name": "max-options-tag-label",
+          "description": "Label text shown on tag if max-options-visible is reached.",
+          "values": []
+        },
         {
           "name": "disabled",
           "description": "Disables the combobox control.",
@@ -2070,7 +2071,7 @@
     },
     {
       "name": "sd-select",
-      "description": "Selects allow you to choose items from a menu of predefined options.\n---\n\n\n### **Events:**\n - **sd-change** - Emitted when the control's value changes.\n- **sd-clear** - Emitted when the control's value is cleared.\n- **sd-input** - Emitted when the control receives input.\n- **sd-focus** - Emitted when the control gains focus.\n- **sd-blur** - Emitted when the control loses focus.\n- **sd-show** - Emitted when the select's menu opens.\n- **sd-after-show** - Emitted after the select's menu opens and all animations are complete.\n- **sd-hide** - Emitted when the select's menu closes.\n- **sd-after-hide** - Emitted after the select's menu closes and all animations are complete.\n- **sd-invalid** - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n\n### **Methods:**\n - **show()** - Shows the listbox.\n- **hide()** - Hides the listbox.\n- **checkValidity()** - Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid.\n- **getForm(): _HTMLFormElement | null_** - Gets the associated form, if one exists.\n- **reportValidity()** - Checks for validity and shows the browser's validation message if the control is invalid.\n- **setCustomValidity(message: _string_)** - Sets a custom validation message. Pass an empty string to restore validity.\n- **focus(options: _FocusOptions_)** - Sets focus on the control.\n- **blur()** - Removes focus from the control.\n- **emit(name: _string_, options: _CustomEventInit_)** - Emits a custom event with more convenient defaults.\n\n### **Slots:**\n - _default_ - The listbox options. Must be `<sd-option>` elements. You can use `<sd-divider>` to group items visually.\n- **label** - The input's label. Alternatively, you can use the `label` attribute.\n- **help-text** - Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.\n- **clear-icon** - An icon to use in lieu of the default clear icon.\n- **expand-icon** - The icon to show when the control is expanded and collapsed. Rotates on open and close.\n- **tooltip** - An optional tooltip that helps describe the input. Use this slot with the `sd-tooltip` component.\n\n### **CSS Parts:**\n - **form-control** - The form control that wraps the label, input, and help text.\n- **form-control-label** - The label's wrapper.\n- **form-control-input** - The select's wrapper.\n- **form-control-help-text** - The help text's wrapper.\n- **combobox** - The container the wraps the combobox, clear icon, and expand button.\n- **display-input** - The element that displays the selected option's label, an `<input>` element.\n- **listbox** - The listbox container where options are slotted.\n- **tags** - The container that houses option tags when `multiselect` is used.\n- **tag** - The individual tags that represent each multiselect option.\n- **tag__base** - The tag's base part.\n- **tag__content** - The tag's content part.\n- **tag__removable-indicator** - The tag's remove button.\n- **clear-button** - The clear button.\n- **expand-icon** - The container that wraps the expand icon.",
+      "description": "Selects allow you to choose items from a menu of predefined options.\n---\n\n\n### **Events:**\n - **sd-change** - Emitted when the control's value changes.\n- **sd-clear** - Emitted when the control's value is cleared.\n- **sd-input** - Emitted when the control receives input.\n- **sd-focus** - Emitted when the control gains focus.\n- **sd-blur** - Emitted when the control loses focus.\n- **sd-show** - Emitted when the select's menu opens.\n- **sd-after-show** - Emitted after the select's menu opens and all animations are complete.\n- **sd-hide** - Emitted when the select's menu closes.\n- **sd-after-hide** - Emitted after the select's menu closes and all animations are complete.\n- **sd-invalid** - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n\n### **Methods:**\n - **show()** - Shows the listbox.\n- **hide()** - Hides the listbox.\n- **checkValidity()** - Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid.\n- **getForm(): _HTMLFormElement | null_** - Gets the associated form, if one exists.\n- **reportValidity()** - Checks for validity and shows the browser's validation message if the control is invalid.\n- **setCustomValidity(message: _string_)** - Sets a custom validation message. Pass an empty string to restore validity.\n- **focus(options: _FocusOptions_)** - Sets focus on the control.\n- **blur()** - Removes focus from the control.\n- **emit(name: _string_, options: _CustomEventInit_)** - Emits a custom event with more convenient defaults.\n\n### **Slots:**\n - _default_ - The listbox options. Must be `<sd-option>` elements. You can use `<sd-divider>` to group items visually.\n- **label** - The input's label. Alternatively, you can use the `label` attribute.\n- **help-text** - Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.\n- **clear-icon** - An icon to use in lieu of the default clear icon.\n- **expand-icon** - The icon to show when the control is expanded and collapsed. Rotates on open and close.\n- **tooltip** - An optional tooltip that helps describe the input. Use this slot with the `sd-tooltip` component.\n\n### **CSS Properties:**\n - **--tag-max-width** - Set the maximum width of the tags and to show an ellipsis. Defaults to \"15ch\" _(default: undefined)_\n\n### **CSS Parts:**\n - **form-control** - The form control that wraps the label, input, and help text.\n- **form-control-label** - The label's wrapper.\n- **form-control-input** - The select's wrapper.\n- **form-control-help-text** - The help text's wrapper.\n- **combobox** - The container the wraps the combobox, clear icon, and expand button.\n- **display-input** - The element that displays the selected option's label, an `<input>` element.\n- **listbox** - The listbox container where options are slotted.\n- **tags** - The container that houses option tags when `multiselect` is used.\n- **tag** - The individual tags that represent each multiselect option.\n- **tag__base** - The tag's base part.\n- **tag__content** - The tag's content part.\n- **tag__removable-indicator** - The tag's remove button.\n- **clear-button** - The clear button.\n- **expand-icon** - The container that wraps the expand icon.",
       "attributes": [
         {
           "name": "open",
@@ -2097,6 +2098,11 @@
           "description": "Placeholder text to show as a hint when the select is empty.",
           "values": []
         },
+        {
+          "name": "max-options-tag-label",
+          "description": "Label text shown on tag if max-options-visible is reached.",
+          "values": []
+        },
         {
           "name": "disabled",
           "description": "Disables the select control.",
@@ -2845,16 +2851,11 @@
     },
     {
       "name": "sd-video",
-      "description": "Used to wrap external video elements (e. g. from Moving Image or bare <video>-Tags) and provide some basic styling for Union Investment.\n---\n\n\n### **Events:**\n - **sd-play** - Event emitted when clicking the `play-icon`. Listen for this event and use it to play the wrapped video.\n\n### **Methods:**\n - **emit(name: _string_, options: _CustomEventInit_)** - Emits a custom event with more convenient defaults.\n\n### **Slots:**\n - _default_ - The default slot used to pass a video player element.\n- **play-icon** - The video's play icon.\n- **poster** - Specifies an image to be shown before initial play of the wrapped video. Acts like the `poster` attribute on the native video tag.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **play-button** - The `<button>` element wrapper around the play-icon slot (full screen to field all click events).\n- **play-button-bg** - The `<div>` element wrapper around the play-button that defines the circular background.\n- **overlay** - The `<div>` element styled as an absolutely positioned transparent overlay.",
+      "description": "Used to wrap external video elements (e. g. from Moving Image or bare <video>-Tags) and provide some basic styling for Union Investment.\n---\n\n\n### **Events:**\n - **sd-play** - Event emitted when clicking the `play-icon`. Listen for this event and use it to play the wrapped video.\n\n### **Methods:**\n - **emit(name: _string_, options: _CustomEventInit_)** - Emits a custom event with more convenient defaults.\n\n### **Slots:**\n - _default_ - The default slot used to pass a video player element.\n- **play-icon** - The video's play icon.\n- **poster** - Specifies an image to be shown before initial play of the wrapped video. Acts like the `poster` attribute on the native video tag.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **play-button** - The `<button>` element wrapper around the play-icon slot (full screen to field all click events).\n- **play-button-bg** - The `<div>` element wrapper around the play-button that defines the circular background.",
       "attributes": [
         {
           "name": "playing",
-          "description": "Set to `true` to hide the play icon and the overlay.",
-          "values": []
-        },
-        {
-          "name": "overlay",
-          "description": "Set to `true` to show a dark overlay. Only used when `playing` is `false`.",
+          "description": "Set to `true` to hide the play icon.",
           "values": []
         },
         {