@synergy-design-system/vue 2.11.3 → 2.11.4

package/dist/components/SynVueDropdown.vue.d.ts

@@ -50,6 +50,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
      * Syncs the popup width or height to that of the trigger element.
      */
     sync?: SynDropdown["sync"];
+    /**
+  * The dropdown will close when the user interacts outside of this element (e.g.
+  * clicking).
+  * Useful for composing other
+  components that use a dropdown internally.
+   */
+    containingElement?: SynDropdown["containingElement"];
 }, {
     nativeElement: import("vue").Ref<SynDropdown | undefined, SynDropdown | undefined>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -99,6 +106,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
      * Syncs the popup width or height to that of the trigger element.
      */
     sync?: SynDropdown["sync"];
+    /**
+  * The dropdown will close when the user interacts outside of this element (e.g.
+  * clicking).
+  * Useful for composing other
+  components that use a dropdown internally.
+   */
+    containingElement?: SynDropdown["containingElement"];
 }> & Readonly<{
     "onSyn-after-hide"?: ((e: SynAfterHideEvent) => any) | undefined;
     "onSyn-after-show"?: ((e: SynAfterShowEvent) => any) | undefined;

package/dist/components/SynVueRange.vue.d.ts

@@ -64,6 +64,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
    */
     form?: SynRange["form"];
     /**
+  * A function used to format the tooltip's value.
+  The value of the thumb is passed as the only argument.
+  The function should return a string to display in the tooltip.
+   */
+    tooltipFormatter?: SynRange["tooltipFormatter"];
+    /**
      * Support for two way data binding
      */
     modelValue?: SynRange["value"];
@@ -129,6 +135,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
    */
     form?: SynRange["form"];
     /**
+  * A function used to format the tooltip's value.
+  The value of the thumb is passed as the only argument.
+  The function should return a string to display in the tooltip.
+   */
+    tooltipFormatter?: SynRange["tooltipFormatter"];
+    /**
      * Support for two way data binding
      */
     modelValue?: SynRange["value"];

package/package.json

@@ -4,7 +4,7 @@
     "url": "https://www.sick.com"
   },
   "dependencies": {
-    "@synergy-design-system/components": "^2.11.3"
+    "@synergy-design-system/components": "^2.11.4"
   },
   "description": "Vue3 wrappers for the Synergy Design System",
   "exports": {
@@ -40,7 +40,7 @@
     "directory": "packages/vue"
   },
   "type": "module",
-  "version": "2.11.3",
+  "version": "2.11.4",
   "devDependencies": {
     "@vue/tsconfig": "^0.5.1",
     "vue": "^3.5.11"

package/src/components/SynVueDropdown.vue

@@ -95,6 +95,14 @@ dropdowns that allow for multiple interactions.
    * Syncs the popup width or height to that of the trigger element.
    */
   sync?: SynDropdown['sync'];
+
+  /**
+* The dropdown will close when the user interacts outside of this element (e.g.
+* clicking).
+* Useful for composing other
+components that use a dropdown internally.
+ */
+  containingElement?: SynDropdown['containingElement'];
 }>();
 
 // Make sure prop binding only forwards the props that are actually there.

package/src/components/SynVueRange.vue

@@ -132,6 +132,13 @@ The form must be in the same document or shadow root for this to work.
  */
   form?: SynRange['form'];
 
+  /**
+* A function used to format the tooltip's value.
+The value of the thumb is passed as the only argument.
+The function should return a string to display in the tooltip.
+ */
+  tooltipFormatter?: SynRange['tooltipFormatter'];
+
   /**
    * Support for two way data binding
    */