@synergy-design-system/components 2.15.2 → 2.17.0

package/dist/components/tab-panel/tab-panel.js

@@ -1,12 +1,12 @@
 import {
   tab_panel_default
-} from "../../chunks/chunk.ANU6ZUZH.js";
-import "../../chunks/chunk.CJRPQHH7.js";
+} from "../../chunks/chunk.DDOSGMTC.js";
+import "../../chunks/chunk.NMV6QEGX.js";
 import "../../chunks/chunk.XHWYGYMQ.js";
 import "../../chunks/chunk.HVXG4JG6.js";
 import "../../chunks/chunk.74IOULXM.js";
 import "../../chunks/chunk.NLYVOJGK.js";
-import "../../chunks/chunk.BOFHYW24.js";
+import "../../chunks/chunk.4H7Y7UVK.js";
 import "../../chunks/chunk.2GFK6XTO.js";
 export {
   tab_panel_default as default

package/dist/components/tag/tag.component.js

@@ -1,23 +1,23 @@
 import {
   SynTag
-} from "../../chunks/chunk.KFTVF4BF.js";
+} from "../../chunks/chunk.LGXHBN6B.js";
 import "../../chunks/chunk.B6R3IVGO.js";
 import "../../chunks/chunk.6EPU7YUS.js";
-import "../../chunks/chunk.FTXJRZO7.js";
+import "../../chunks/chunk.UQ3KSMJM.js";
 import "../../chunks/chunk.6QYKWCSO.js";
 import "../../chunks/chunk.DZ7YIR5N.js";
-import "../../chunks/chunk.SXSOAZE2.js";
+import "../../chunks/chunk.ETTFHZ32.js";
 import "../../chunks/chunk.HA5UYBEI.js";
 import "../../chunks/chunk.YTEJW7IF.js";
 import "../../chunks/chunk.LUXDS4EY.js";
 import "../../chunks/chunk.PJO6TM3T.js";
 import "../../chunks/chunk.ZBW4ZSZ7.js";
-import "../../chunks/chunk.234ERFCE.js";
-import "../../chunks/chunk.74IOULXM.js";
 import "../../chunks/chunk.GIU3H3J3.js";
 import "../../chunks/chunk.S5N2TE2L.js";
+import "../../chunks/chunk.234ERFCE.js";
+import "../../chunks/chunk.74IOULXM.js";
 import "../../chunks/chunk.NLYVOJGK.js";
-import "../../chunks/chunk.BOFHYW24.js";
+import "../../chunks/chunk.4H7Y7UVK.js";
 import "../../chunks/chunk.2GFK6XTO.js";
 export {
   SynTag as default

package/dist/components/tag/tag.js

@@ -1,24 +1,24 @@
 import {
   tag_default
-} from "../../chunks/chunk.7VJNCPYS.js";
-import "../../chunks/chunk.KFTVF4BF.js";
+} from "../../chunks/chunk.2G6V7DP2.js";
+import "../../chunks/chunk.LGXHBN6B.js";
 import "../../chunks/chunk.B6R3IVGO.js";
 import "../../chunks/chunk.6EPU7YUS.js";
-import "../../chunks/chunk.FTXJRZO7.js";
+import "../../chunks/chunk.UQ3KSMJM.js";
 import "../../chunks/chunk.6QYKWCSO.js";
 import "../../chunks/chunk.DZ7YIR5N.js";
-import "../../chunks/chunk.SXSOAZE2.js";
+import "../../chunks/chunk.ETTFHZ32.js";
 import "../../chunks/chunk.HA5UYBEI.js";
 import "../../chunks/chunk.YTEJW7IF.js";
 import "../../chunks/chunk.LUXDS4EY.js";
 import "../../chunks/chunk.PJO6TM3T.js";
 import "../../chunks/chunk.ZBW4ZSZ7.js";
-import "../../chunks/chunk.234ERFCE.js";
-import "../../chunks/chunk.74IOULXM.js";
 import "../../chunks/chunk.GIU3H3J3.js";
 import "../../chunks/chunk.S5N2TE2L.js";
+import "../../chunks/chunk.234ERFCE.js";
+import "../../chunks/chunk.74IOULXM.js";
 import "../../chunks/chunk.NLYVOJGK.js";
-import "../../chunks/chunk.BOFHYW24.js";
+import "../../chunks/chunk.4H7Y7UVK.js";
 import "../../chunks/chunk.2GFK6XTO.js";
 export {
   tag_default as default

package/dist/components/textarea/textarea.component.js

@@ -1,6 +1,6 @@
 import {
   SynTextarea
-} from "../../chunks/chunk.KOSQ4UIO.js";
+} from "../../chunks/chunk.7TE6SX6I.js";
 import "../../chunks/chunk.YBIBWRKC.js";
 import "../../chunks/chunk.FQWBH6B3.js";
 import "../../chunks/chunk.3NXKLKWH.js";
@@ -9,7 +9,7 @@ import "../../chunks/chunk.AMIQC3O7.js";
 import "../../chunks/chunk.WVVQK5TE.js";
 import "../../chunks/chunk.74IOULXM.js";
 import "../../chunks/chunk.NLYVOJGK.js";
-import "../../chunks/chunk.BOFHYW24.js";
+import "../../chunks/chunk.4H7Y7UVK.js";
 import "../../chunks/chunk.2GFK6XTO.js";
 export {
   SynTextarea as default

package/dist/components/textarea/textarea.js

@@ -1,7 +1,7 @@
 import {
   textarea_default
-} from "../../chunks/chunk.ZFCXHJ3K.js";
-import "../../chunks/chunk.KOSQ4UIO.js";
+} from "../../chunks/chunk.TTDAKHPU.js";
+import "../../chunks/chunk.7TE6SX6I.js";
 import "../../chunks/chunk.YBIBWRKC.js";
 import "../../chunks/chunk.FQWBH6B3.js";
 import "../../chunks/chunk.3NXKLKWH.js";
@@ -10,7 +10,7 @@ import "../../chunks/chunk.AMIQC3O7.js";
 import "../../chunks/chunk.WVVQK5TE.js";
 import "../../chunks/chunk.74IOULXM.js";
 import "../../chunks/chunk.NLYVOJGK.js";
-import "../../chunks/chunk.BOFHYW24.js";
+import "../../chunks/chunk.4H7Y7UVK.js";
 import "../../chunks/chunk.2GFK6XTO.js";
 export {
   textarea_default as default

package/dist/components/tooltip/tooltip.component.js

@@ -1,18 +1,18 @@
 import {
   SynTooltip
-} from "../../chunks/chunk.A7XOI4NS.js";
+} from "../../chunks/chunk.VR2H45IE.js";
 import "../../chunks/chunk.4X3HY2V5.js";
 import "../../chunks/chunk.O644HRW3.js";
-import "../../chunks/chunk.67BGUF26.js";
+import "../../chunks/chunk.PFLZ6U6X.js";
 import "../../chunks/chunk.AZ3N5IOO.js";
 import "../../chunks/chunk.C2ENQBPM.js";
 import "../../chunks/chunk.A3OYJILJ.js";
 import "../../chunks/chunk.HQ6QUSK7.js";
-import "../../chunks/chunk.74IOULXM.js";
 import "../../chunks/chunk.GIU3H3J3.js";
 import "../../chunks/chunk.S5N2TE2L.js";
+import "../../chunks/chunk.74IOULXM.js";
 import "../../chunks/chunk.NLYVOJGK.js";
-import "../../chunks/chunk.BOFHYW24.js";
+import "../../chunks/chunk.4H7Y7UVK.js";
 import "../../chunks/chunk.2GFK6XTO.js";
 export {
   SynTooltip as default

package/dist/components/tooltip/tooltip.js

@@ -1,19 +1,19 @@
 import {
   tooltip_default
-} from "../../chunks/chunk.B7KAAOM4.js";
-import "../../chunks/chunk.A7XOI4NS.js";
+} from "../../chunks/chunk.3DXJYVPI.js";
+import "../../chunks/chunk.VR2H45IE.js";
 import "../../chunks/chunk.4X3HY2V5.js";
 import "../../chunks/chunk.O644HRW3.js";
-import "../../chunks/chunk.67BGUF26.js";
+import "../../chunks/chunk.PFLZ6U6X.js";
 import "../../chunks/chunk.AZ3N5IOO.js";
 import "../../chunks/chunk.C2ENQBPM.js";
 import "../../chunks/chunk.A3OYJILJ.js";
 import "../../chunks/chunk.HQ6QUSK7.js";
-import "../../chunks/chunk.74IOULXM.js";
 import "../../chunks/chunk.GIU3H3J3.js";
 import "../../chunks/chunk.S5N2TE2L.js";
+import "../../chunks/chunk.74IOULXM.js";
 import "../../chunks/chunk.NLYVOJGK.js";
-import "../../chunks/chunk.BOFHYW24.js";
+import "../../chunks/chunk.4H7Y7UVK.js";
 import "../../chunks/chunk.2GFK6XTO.js";
 export {
   tooltip_default as default

package/dist/components/validate/utility.js

@@ -4,8 +4,8 @@ import {
   isChangeEvent,
   isInvalidEvent,
   normalizeEventAttribute
-} from "../../chunks/chunk.II46OKZT.js";
-import "../../chunks/chunk.BOFHYW24.js";
+} from "../../chunks/chunk.57H3XT6Q.js";
+import "../../chunks/chunk.4H7Y7UVK.js";
 import "../../chunks/chunk.2GFK6XTO.js";
 export {
   getEventNameForElement,

package/dist/components/validate/validate.component.js

@@ -1,30 +1,30 @@
 import {
   SynValidate
-} from "../../chunks/chunk.GPKLUHUN.js";
-import "../../chunks/chunk.II46OKZT.js";
+} from "../../chunks/chunk.ZMTR7ZMP.js";
+import "../../chunks/chunk.57H3XT6Q.js";
 import "../../chunks/chunk.MVM3NN6Y.js";
-import "../../chunks/chunk.3FIGQFA4.js";
-import "../../chunks/chunk.FTXJRZO7.js";
+import "../../chunks/chunk.6Z4AYCNJ.js";
+import "../../chunks/chunk.UQ3KSMJM.js";
 import "../../chunks/chunk.6QYKWCSO.js";
 import "../../chunks/chunk.DZ7YIR5N.js";
 import "../../chunks/chunk.C2ENQBPM.js";
 import "../../chunks/chunk.A3OYJILJ.js";
 import "../../chunks/chunk.HQ6QUSK7.js";
 import "../../chunks/chunk.WVVQK5TE.js";
-import "../../chunks/chunk.JRYXECAY.js";
-import "../../chunks/chunk.IFXKIEOU.js";
-import "../../chunks/chunk.SXSOAZE2.js";
+import "../../chunks/chunk.ETTFHZ32.js";
 import "../../chunks/chunk.HA5UYBEI.js";
 import "../../chunks/chunk.YTEJW7IF.js";
 import "../../chunks/chunk.LUXDS4EY.js";
 import "../../chunks/chunk.PJO6TM3T.js";
 import "../../chunks/chunk.ZBW4ZSZ7.js";
-import "../../chunks/chunk.234ERFCE.js";
-import "../../chunks/chunk.74IOULXM.js";
 import "../../chunks/chunk.GIU3H3J3.js";
 import "../../chunks/chunk.S5N2TE2L.js";
+import "../../chunks/chunk.234ERFCE.js";
+import "../../chunks/chunk.74IOULXM.js";
 import "../../chunks/chunk.NLYVOJGK.js";
-import "../../chunks/chunk.BOFHYW24.js";
+import "../../chunks/chunk.4H7Y7UVK.js";
+import "../../chunks/chunk.JRYXECAY.js";
+import "../../chunks/chunk.IFXKIEOU.js";
 import "../../chunks/chunk.2GFK6XTO.js";
 export {
   SynValidate as default

package/dist/components/validate/validate.js

@@ -1,31 +1,31 @@
 import {
   validate_default
-} from "../../chunks/chunk.CDP25RAN.js";
-import "../../chunks/chunk.GPKLUHUN.js";
-import "../../chunks/chunk.II46OKZT.js";
+} from "../../chunks/chunk.POWZO4E7.js";
+import "../../chunks/chunk.ZMTR7ZMP.js";
+import "../../chunks/chunk.57H3XT6Q.js";
 import "../../chunks/chunk.MVM3NN6Y.js";
-import "../../chunks/chunk.3FIGQFA4.js";
-import "../../chunks/chunk.FTXJRZO7.js";
+import "../../chunks/chunk.6Z4AYCNJ.js";
+import "../../chunks/chunk.UQ3KSMJM.js";
 import "../../chunks/chunk.6QYKWCSO.js";
 import "../../chunks/chunk.DZ7YIR5N.js";
 import "../../chunks/chunk.C2ENQBPM.js";
 import "../../chunks/chunk.A3OYJILJ.js";
 import "../../chunks/chunk.HQ6QUSK7.js";
 import "../../chunks/chunk.WVVQK5TE.js";
-import "../../chunks/chunk.JRYXECAY.js";
-import "../../chunks/chunk.IFXKIEOU.js";
-import "../../chunks/chunk.SXSOAZE2.js";
+import "../../chunks/chunk.ETTFHZ32.js";
 import "../../chunks/chunk.HA5UYBEI.js";
 import "../../chunks/chunk.YTEJW7IF.js";
 import "../../chunks/chunk.LUXDS4EY.js";
 import "../../chunks/chunk.PJO6TM3T.js";
 import "../../chunks/chunk.ZBW4ZSZ7.js";
-import "../../chunks/chunk.234ERFCE.js";
-import "../../chunks/chunk.74IOULXM.js";
 import "../../chunks/chunk.GIU3H3J3.js";
 import "../../chunks/chunk.S5N2TE2L.js";
+import "../../chunks/chunk.234ERFCE.js";
+import "../../chunks/chunk.74IOULXM.js";
 import "../../chunks/chunk.NLYVOJGK.js";
-import "../../chunks/chunk.BOFHYW24.js";
+import "../../chunks/chunk.4H7Y7UVK.js";
+import "../../chunks/chunk.JRYXECAY.js";
+import "../../chunks/chunk.IFXKIEOU.js";
 import "../../chunks/chunk.2GFK6XTO.js";
 export {
   validate_default as default

package/dist/custom-elements.json

@@ -10642,6 +10642,22 @@
             {
               "description": "The thumb(s) that the user can drag to change the range.",
               "name": "thumb"
+            },
+            {
+              "description": "The base of the tooltip",
+              "name": "tooltip__base"
+            },
+            {
+              "description": "The arrow of the tooltip",
+              "name": "tooltip__arrow"
+            },
+            {
+              "description": "The popup of the tooltip",
+              "name": "tooltip__popup"
+            },
+            {
+              "description": "The body of the tooltip",
+              "name": "tooltip__body"
             }
           ],
           "slots": [
@@ -10774,6 +10790,16 @@
               "description": "The current values of the input (in ascending order) as a string of space separated values",
               "attribute": "value"
             },
+            {
+              "kind": "field",
+              "name": "restrictMovement",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Set to true to restrict the movement of a thumb to its next and previous thumb.\nThis only affects multi range components",
+              "attribute": "restrict-movement"
+            },
             {
               "kind": "field",
               "name": "valueAsArray",
@@ -10897,15 +10923,6 @@
                 "text": "NodeJS.Timeout"
               }
             },
-            {
-              "kind": "field",
-              "name": "#nextId",
-              "privacy": "private",
-              "type": {
-                "text": "number"
-              },
-              "default": "1"
-            },
             {
               "kind": "field",
               "name": "#lastChangeValue",
@@ -11001,6 +11018,33 @@
                 }
               ]
             },
+            {
+              "kind": "method",
+              "name": "#movementBoundariesForThumb",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "thumb",
+                  "type": {
+                    "text": "HTMLDivElement"
+                  },
+                  "description": "The thumb element that was moved"
+                },
+                {
+                  "name": "value",
+                  "type": {
+                    "text": "number"
+                  },
+                  "description": "The current value of a thumb"
+                }
+              ],
+              "description": "Get the boundaries of a given thumb",
+              "return": {
+                "type": {
+                  "text": ""
+                }
+              }
+            },
             {
               "kind": "method",
               "name": "#onClickThumb",
@@ -11273,6 +11317,15 @@
               "description": "The current values of the input (in ascending order) as a string of space separated values",
               "fieldName": "value"
             },
+            {
+              "name": "restrict-movement",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Set to true to restrict the movement of a thumb to its next and previous thumb.\nThis only affects multi range components",
+              "fieldName": "restrictMovement"
+            },
             {
               "name": "form",
               "type": {
@@ -11291,7 +11344,7 @@
           "tagNameWithoutPrefix": "range",
           "tagName": "syn-range",
           "customElement": true,
-          "jsDoc": "/**\n * @summary Ranges allow the user to select values within a given range using one or two thumbs.\n * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-range--docs\n * @status stable\n *\n * @dependency syn-tooltip\n *\n * @slot label - The range's label. Alternatively, you can use the `label` attribute.\n * @slot prefix - Used to prepend a presentational icon or similar element to the range.\n * @slot suffix - Used to append a presentational icon or similar element to the range.\n * @slot help-text - Text that describes how to use the range.\n * Alternatively, you can use the `help-text` attribute.\n * @slot ticks - Used to display tick marks at specific intervals along the range.\n *\n * @event syn-blur - Emitted when the control loses focus.\n * @event syn-change - Emitted when an alteration to the control's value is committed by the user.\n * @event syn-focus - Emitted when the control gains focus.\n * @event syn-input - Emitted when the control receives input.\n * @event syn-invalid - Emitted when the form control has been checked for validity\n * and its constraints aren't satisfied.\n * @event syn-move - Emitted when the user moves a thumb, either via touch or keyboard.\n * Use `Event.preventDefault()` to prevent movement.\n *\n * @csspart form-control - The form control that wraps the label, input, and help text.\n * @csspart form-control-label - The label's wrapper.\n * @csspart form-control-help-text - The help text's wrapper.\n * @csspart base - The component's base wrapper.\n * @csspart input-wrapper - The container that wraps the input track and ticks.\n * @csspart track-wrapper - The wrapper for the track.\n * @csspart track - The inactive track.\n * @csspart active-track - The active track.\n * @csspart prefix - The container that wraps the prefix.\n * @csspart suffix - The container that wraps the suffix.\n * @csspart ticks - The container that wraps the tick marks.\n * @csspart thumb - The thumb(s) that the user can drag to change the range.\n *\n * @cssproperty --thumb-size - The size of a thumb.\n * @cssproperty --thumb-hit-area-size - The clickable area around the thumb.\n * Per default this is set to 140% of the thumb size. Must be a scale css value (defaults to 1.4).\n * @cssproperty --track-hit-area-size - The clickable area around the track (top and left).\n * @cssproperty --track-color-active - Color of the track representing the current value.\n * @cssproperty --track-color-inactive - Color of the track that represents the remaining value.\n * @cssproperty --track-height - The height of the track.\n * @cssproperty --track-active-offset - The point of origin of the active track,\n * starting at the left side of the range.\n */",
+          "jsDoc": "/**\n * @summary Ranges allow the user to select values within a given range using one or two thumbs.\n * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-range--docs\n * @status stable\n *\n * @dependency syn-tooltip\n *\n * @slot label - The range's label. Alternatively, you can use the `label` attribute.\n * @slot prefix - Used to prepend a presentational icon or similar element to the range.\n * @slot suffix - Used to append a presentational icon or similar element to the range.\n * @slot help-text - Text that describes how to use the range.\n * Alternatively, you can use the `help-text` attribute.\n * @slot ticks - Used to display tick marks at specific intervals along the range.\n *\n * @event syn-blur - Emitted when the control loses focus.\n * @event syn-change - Emitted when an alteration to the control's value is committed by the user.\n * @event syn-focus - Emitted when the control gains focus.\n * @event syn-input - Emitted when the control receives input.\n * @event syn-invalid - Emitted when the form control has been checked for validity\n * and its constraints aren't satisfied.\n * @event syn-move - Emitted when the user moves a thumb, either via touch or keyboard.\n * Use `Event.preventDefault()` to prevent movement.\n *\n * @csspart form-control - The form control that wraps the label, input, and help text.\n * @csspart form-control-label - The label's wrapper.\n * @csspart form-control-help-text - The help text's wrapper.\n * @csspart base - The component's base wrapper.\n * @csspart input-wrapper - The container that wraps the input track and ticks.\n * @csspart track-wrapper - The wrapper for the track.\n * @csspart track - The inactive track.\n * @csspart active-track - The active track.\n * @csspart prefix - The container that wraps the prefix.\n * @csspart suffix - The container that wraps the suffix.\n * @csspart ticks - The container that wraps the tick marks.\n * @csspart thumb - The thumb(s) that the user can drag to change the range.\n *\n * @csspart tooltip__base - The base of the tooltip\n * @csspart tooltip__arrow - The arrow of the tooltip\n * @csspart tooltip__popup - The popup of the tooltip\n * @csspart tooltip__body - The body of the tooltip\n *\n * @cssproperty --thumb-size - The size of a thumb.\n * @cssproperty --thumb-hit-area-size - The clickable area around the thumb.\n * Per default this is set to 140% of the thumb size. Must be a scale css value (defaults to 1.4).\n * @cssproperty --track-hit-area-size - The clickable area around the track (top and left).\n * @cssproperty --track-color-active - Color of the track representing the current value.\n * @cssproperty --track-color-inactive - Color of the track that represents the remaining value.\n * @cssproperty --track-height - The height of the track.\n * @cssproperty --track-active-offset - The point of origin of the active track,\n * starting at the left side of the range.\n */",
           "documentation": "https://synergy-design-system.github.io/?path=/docs/components-syn-range--docs",
           "status": "stable",
           "dependencies": [
@@ -15762,7 +15815,7 @@
   "package": {
     "name": "@synergy-design-system/components",
     "description": "",
-    "version": "2.15.2",
+    "version": "2.17.0",
     "author": {
       "name": "SICK Global UX Foundation",
       "url": "https://www.sick.com"

package/dist/styles/index.css

@@ -1,5 +1,5 @@
 /**
- * @synergy-design-system/components version 2.15.2
+ * @synergy-design-system/components version 2.17.0
  * SICK Global UX Foundation
  * 
  * This file is created automatically in the build process!