@synergy-design-system/components 2.10.1 → 2.11.0

package/dist/custom-elements.json

@@ -202,6 +202,22 @@
               },
               "privacy": "private"
             },
+            {
+              "kind": "field",
+              "name": "remainingTimeInterval",
+              "type": {
+                "text": "number"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "countdownAnimation",
+              "type": {
+                "text": "Animation | undefined"
+              },
+              "privacy": "private"
+            },
             {
               "kind": "field",
               "name": "hasSlotController",
@@ -223,6 +239,13 @@
                 "text": "HTMLElement"
               }
             },
+            {
+              "kind": "field",
+              "name": "countdownElement",
+              "type": {
+                "text": "HTMLElement"
+              }
+            },
             {
               "kind": "field",
               "name": "open",
@@ -263,6 +286,20 @@
               "description": "The length of time, in milliseconds, the alert will show before closing itself. If the user interacts with\nthe alert before it closes (e.g. moves the mouse over it), the timer will restart. Defaults to `Infinity`, meaning\nthe alert will not close on its own.",
               "attribute": "duration"
             },
+            {
+              "kind": "field",
+              "name": "countdown",
+              "type": {
+                "text": "'rtl' | 'ltr' | undefined"
+              },
+              "privacy": "private",
+              "description": "Enables a countdown that indicates the remaining time the alert will be displayed.\nTypically used to indicate the remaining time before a whole app refresh."
+            },
+            {
+              "kind": "field",
+              "name": "remainingTime",
+              "privacy": "private"
+            },
             {
               "kind": "method",
               "name": "restartAutoHide",
@@ -270,12 +307,22 @@
             },
             {
               "kind": "method",
-              "name": "handleCloseClick",
+              "name": "pauseAutoHide",
               "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "handleMouseMove",
+              "name": "resumeAutoHide",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "handleCountdownChange",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "handleCloseClick",
               "privacy": "private"
             },
             {
@@ -664,7 +711,7 @@
               "kind": "field",
               "name": "renderType",
               "type": {
-                "text": "'button' | 'link' | 'drop-down'"
+                "text": "'button' | 'link' | 'dropdown'"
               },
               "privacy": "private",
               "default": "'button'"
@@ -7721,6 +7768,14 @@
               },
               "privacy": "private"
             },
+            {
+              "kind": "field",
+              "name": "mutationObserver",
+              "type": {
+                "text": "MutationObserver"
+              },
+              "privacy": "private"
+            },
             {
               "kind": "field",
               "name": "hasFocus",
@@ -7990,7 +8045,7 @@
             },
             {
               "kind": "method",
-              "name": "handleOpenChange"
+              "name": "handleHorizontalChange"
             },
             {
               "kind": "method",
@@ -11281,6 +11336,116 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "components/resize-observer/resize-observer.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "SynResizeObserver",
+          "slots": [
+            {
+              "description": "One or more elements to watch for resizing.",
+              "name": ""
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "resizeObserver",
+              "type": {
+                "text": "ResizeObserver"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "observedElements",
+              "type": {
+                "text": "HTMLElement[]"
+              },
+              "privacy": "private",
+              "default": "[]"
+            },
+            {
+              "kind": "field",
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Disables the observer.",
+              "attribute": "disabled",
+              "reflects": true
+            },
+            {
+              "kind": "method",
+              "name": "handleSlotChange",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "startObserver",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "stopObserver",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "handleDisabledChange"
+            }
+          ],
+          "events": [
+            {
+              "type": {
+                "text": "{ entries: ResizeObserverEntry[] }"
+              },
+              "description": "Emitted when the element is resized.",
+              "name": "syn-resize",
+              "reactName": "onSynResize",
+              "eventName": "SynResizeEvent"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Disables the observer.",
+              "fieldName": "disabled"
+            }
+          ],
+          "superclass": {
+            "name": "SynergyElement",
+            "module": "/src/internal/synergy-element.js"
+          },
+          "summary": "The Resize Observer component offers a thin, declarative interface to the [`ResizeObserver API`](https://developer.mozilla.org/en-US/docs/Web/API/ResizeObserver).",
+          "tagNameWithoutPrefix": "resize-observer",
+          "tagName": "syn-resize-observer",
+          "customElement": true,
+          "jsDoc": "/**\n * @summary The Resize Observer component offers a thin, declarative interface to the [`ResizeObserver API`](https://developer.mozilla.org/en-US/docs/Web/API/ResizeObserver).\n * @documentation https://synergy.style/components/resize-observer\n * @status stable\n * @since 2.0\n *\n * @slot - One or more elements to watch for resizing.\n *\n * @event {{ entries: ResizeObserverEntry[] }} syn-resize - Emitted when the element is resized.\n */",
+          "documentation": "https://synergy.style/components/resize-observer",
+          "status": "stable",
+          "since": "2.0"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "SynResizeObserver",
+            "module": "components/resize-observer/resize-observer.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "components/select/select.js",
@@ -13358,7 +13523,7 @@
                 "text": "object"
               },
               "static": true,
-              "default": "{ 'syn-icon-button': SynIconButton }"
+              "default": "{ 'syn-icon-button': SynIconButton, 'syn-resize-observer': SynResizeObserver }"
             },
             {
               "kind": "field",
@@ -13455,6 +13620,24 @@
               "privacy": "private",
               "default": "false"
             },
+            {
+              "kind": "field",
+              "name": "shouldHideScrollStartButton",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "shouldHideScrollEndButton",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false"
+            },
             {
               "kind": "field",
               "name": "placement",
@@ -13505,6 +13688,16 @@
               "description": "Draws the tab group with edges instead of roundings. Takes only effect if used with the 'contained' property",
               "attribute": "sharp"
             },
+            {
+              "kind": "field",
+              "name": "fixedScrollControls",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Prevent scroll buttons from being hidden when inactive.",
+              "attribute": "fixed-scroll-controls"
+            },
             {
               "kind": "method",
               "name": "getAllTabs",
@@ -13610,6 +13803,31 @@
                 }
               ]
             },
+            {
+              "kind": "field",
+              "name": "scrollOffset",
+              "type": {
+                "text": "number"
+              },
+              "privacy": "private",
+              "default": "1",
+              "description": "The reality of the browser means that we can't expect the scroll position to be exactly what we want it to be, so\nwe add one pixel of wiggle room to our calculations."
+            },
+            {
+              "kind": "method",
+              "name": "updateScrollButtons",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "isScrolledToEnd",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "scrollFromStart",
+              "privacy": "private"
+            },
             {
               "kind": "method",
               "name": "updateScrollControls"
@@ -13697,6 +13915,15 @@
               "default": "false",
               "description": "Draws the tab group with edges instead of roundings. Takes only effect if used with the 'contained' property",
               "fieldName": "sharp"
+            },
+            {
+              "name": "fixed-scroll-controls",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Prevent scroll buttons from being hidden when inactive.",
+              "fieldName": "fixedScrollControls"
             }
           ],
           "superclass": {
@@ -15124,7 +15351,7 @@
   "package": {
     "name": "@synergy-design-system/components",
     "description": "",
-    "version": "2.10.1",
+    "version": "2.11.0",
     "author": {
       "name": "SICK Global UX Foundation",
       "url": "https://www.sick.com"

package/dist/events/events.d.ts

@@ -18,6 +18,7 @@ export type * from './syn-move.ts';
 export type * from './syn-remove.ts';
 export type * from './syn-reposition.ts';
 export type * from './syn-request-close.ts';
+export type * from './syn-resize.ts';
 export type * from './syn-select.ts';
 export type * from './syn-show.ts';
 export type * from './syn-tab-hide.ts';

package/dist/events/syn-after-hide.d.ts

@@ -4,6 +4,9 @@
  * Removing this comment will prevent it from being managed by it.
  * ---------------------------------------------------------------------
  */
+/**
+ * Synergy custom event
+ */
 export type SynAfterHideEvent = CustomEvent<Record<PropertyKey, never>>;
 declare global {
     interface GlobalEventHandlersEventMap {

package/dist/events/syn-after-show.d.ts

@@ -4,6 +4,9 @@
  * Removing this comment will prevent it from being managed by it.
  * ---------------------------------------------------------------------
  */
+/**
+ * Synergy custom event
+ */
 export type SynAfterShowEvent = CustomEvent<Record<PropertyKey, never>>;
 declare global {
     interface GlobalEventHandlersEventMap {

package/dist/events/syn-blur.d.ts

@@ -4,6 +4,9 @@
  * Removing this comment will prevent it from being managed by it.
  * ---------------------------------------------------------------------
  */
+/**
+ * Synergy custom event
+ */
 export type SynBlurEvent = CustomEvent<Record<PropertyKey, never>>;
 declare global {
     interface GlobalEventHandlersEventMap {

package/dist/events/syn-change.d.ts

@@ -4,6 +4,9 @@
  * Removing this comment will prevent it from being managed by it.
  * ---------------------------------------------------------------------
  */
+/**
+ * Synergy custom event
+ */
 export type SynChangeEvent = CustomEvent<Record<PropertyKey, never>>;
 declare global {
     interface GlobalEventHandlersEventMap {

package/dist/events/syn-clear.d.ts

@@ -4,6 +4,9 @@
  * Removing this comment will prevent it from being managed by it.
  * ---------------------------------------------------------------------
  */
+/**
+ * Synergy custom event
+ */
 export type SynClearEvent = CustomEvent<Record<PropertyKey, never>>;
 declare global {
     interface GlobalEventHandlersEventMap {

package/dist/events/syn-close.d.ts

@@ -4,6 +4,9 @@
  * Removing this comment will prevent it from being managed by it.
  * ---------------------------------------------------------------------
  */
+/**
+ * Synergy custom event
+ */
 export type SynCloseEvent = CustomEvent<Record<PropertyKey, never>>;
 declare global {
     interface GlobalEventHandlersEventMap {

package/dist/events/syn-error.d.ts

@@ -4,6 +4,9 @@
  * Removing this comment will prevent it from being managed by it.
  * ---------------------------------------------------------------------
  */
+/**
+ * Synergy custom event
+ */
 export type SynErrorEvent = CustomEvent<{
     status?: number;
 }>;

package/dist/events/syn-focus.d.ts

@@ -4,6 +4,9 @@
  * Removing this comment will prevent it from being managed by it.
  * ---------------------------------------------------------------------
  */
+/**
+ * Synergy custom event
+ */
 export type SynFocusEvent = CustomEvent<Record<PropertyKey, never>>;
 declare global {
     interface GlobalEventHandlersEventMap {

package/dist/events/syn-hide.d.ts

@@ -4,6 +4,9 @@
  * Removing this comment will prevent it from being managed by it.
  * ---------------------------------------------------------------------
  */
+/**
+ * Synergy custom event
+ */
 export type SynHideEvent = CustomEvent<Record<PropertyKey, never>>;
 declare global {
     interface GlobalEventHandlersEventMap {

package/dist/events/syn-initial-focus.d.ts

@@ -4,6 +4,9 @@
  * Removing this comment will prevent it from being managed by it.
  * ---------------------------------------------------------------------
  */
+/**
+ * Synergy custom event
+ */
 export type SynInitialFocusEvent = CustomEvent<Record<PropertyKey, never>>;
 declare global {
     interface GlobalEventHandlersEventMap {

package/dist/events/syn-input.d.ts

@@ -4,6 +4,9 @@
  * Removing this comment will prevent it from being managed by it.
  * ---------------------------------------------------------------------
  */
+/**
+ * Synergy custom event
+ */
 export type SynInputEvent = CustomEvent<Record<PropertyKey, never>>;
 declare global {
     interface GlobalEventHandlersEventMap {

package/dist/events/syn-invalid.d.ts

@@ -4,6 +4,9 @@
  * Removing this comment will prevent it from being managed by it.
  * ---------------------------------------------------------------------
  */
+/**
+ * Synergy custom event
+ */
 export type SynInvalidEvent = CustomEvent<Record<PropertyKey, never>>;
 declare global {
     interface GlobalEventHandlersEventMap {

package/dist/events/syn-load.d.ts

@@ -4,6 +4,9 @@
  * Removing this comment will prevent it from being managed by it.
  * ---------------------------------------------------------------------
  */
+/**
+ * Synergy custom event
+ */
 export type SynLoadEvent = CustomEvent<Record<PropertyKey, never>>;
 declare global {
     interface GlobalEventHandlersEventMap {

package/dist/events/syn-remove.d.ts

@@ -4,6 +4,9 @@
  * Removing this comment will prevent it from being managed by it.
  * ---------------------------------------------------------------------
  */
+/**
+ * Synergy custom event
+ */
 export type SynRemoveEvent = CustomEvent<Record<PropertyKey, never>>;
 declare global {
     interface GlobalEventHandlersEventMap {

package/dist/events/syn-reposition.d.ts

@@ -4,6 +4,9 @@
  * Removing this comment will prevent it from being managed by it.
  * ---------------------------------------------------------------------
  */
+/**
+ * Synergy custom event
+ */
 export type SynRepositionEvent = CustomEvent<Record<PropertyKey, never>>;
 declare global {
     interface GlobalEventHandlersEventMap {

package/dist/events/syn-request-close.d.ts

@@ -4,6 +4,9 @@
  * Removing this comment will prevent it from being managed by it.
  * ---------------------------------------------------------------------
  */
+/**
+ * Synergy custom event
+ */
 export type SynRequestCloseEvent = CustomEvent<{
     source: 'close-button' | 'keyboard' | 'overlay';
 }>;

package/dist/events/syn-resize.d.ts

@@ -0,0 +1,17 @@
+/**
+ * ---------------------------------------------------------------------
+ * 🔒 AUTOGENERATED BY VENDORISM
+ * Removing this comment will prevent it from being managed by it.
+ * ---------------------------------------------------------------------
+ */
+/**
+ * Synergy custom event
+ */
+export type SynResizeEvent = CustomEvent<{
+    entries: ResizeObserverEntry[];
+}>;
+declare global {
+    interface GlobalEventHandlersEventMap {
+        'syn-resize': SynResizeEvent;
+    }
+}

package/dist/events/syn-select.d.ts

@@ -5,6 +5,9 @@
  * ---------------------------------------------------------------------
  */
 import type SynMenuItem from '../components/menu-item/menu-item.js';
+/**
+ * Synergy custom event
+ */
 export type SynSelectEvent = CustomEvent<{
     item: SynMenuItem;
 }>;

package/dist/events/syn-show.d.ts

@@ -4,6 +4,9 @@
  * Removing this comment will prevent it from being managed by it.
  * ---------------------------------------------------------------------
  */
+/**
+ * Synergy custom event
+ */
 export type SynShowEvent = CustomEvent<Record<PropertyKey, never>>;
 declare global {
     interface GlobalEventHandlersEventMap {

package/dist/events/syn-tab-hide.d.ts

@@ -4,6 +4,9 @@
  * Removing this comment will prevent it from being managed by it.
  * ---------------------------------------------------------------------
  */
+/**
+ * Synergy custom event
+ */
 export type SynTabHideEvent = CustomEvent<{
     name: string;
 }>;

package/dist/events/syn-tab-show.d.ts

@@ -4,6 +4,9 @@
  * Removing this comment will prevent it from being managed by it.
  * ---------------------------------------------------------------------
  */
+/**
+ * Synergy custom event
+ */
 export type SynTabShowEvent = CustomEvent<{
     name: string;
 }>;

package/dist/internal/scrollend-polyfill.d.ts

@@ -0,0 +1,7 @@
+/**
+ * ---------------------------------------------------------------------
+ * 🔒 AUTOGENERATED BY VENDORISM
+ * Removing this comment will prevent it from being managed by it.
+ * ---------------------------------------------------------------------
+ */
+export {};

package/dist/internal/synergy-element.d.ts

@@ -19,6 +19,7 @@ type WithRequired<T, K extends keyof T> = T & {
 type SynEventInit<T> = T extends keyof GlobalEventHandlersEventMap ? GlobalEventHandlersEventMap[T] extends CustomEvent<Record<PropertyKey, unknown>> ? GlobalEventHandlersEventMap[T] extends CustomEvent<Record<PropertyKey, never>> ? CustomEventInit<GlobalEventHandlersEventMap[T]['detail']> : Partial<GlobalEventHandlersEventMap[T]['detail']> extends GlobalEventHandlersEventMap[T]['detail'] ? CustomEventInit<GlobalEventHandlersEventMap[T]['detail']> : WithRequired<CustomEventInit<GlobalEventHandlersEventMap[T]['detail']>, 'detail'> : CustomEventInit : CustomEventInit;
 type GetCustomEventType<T> = T extends keyof GlobalEventHandlersEventMap ? GlobalEventHandlersEventMap[T] extends CustomEvent<unknown> ? GlobalEventHandlersEventMap[T] : CustomEvent<unknown> : CustomEvent<unknown>;
 export default class SynergyElement extends LitElement {
+    #private;
     dir: string;
     lang: string;
     /** Emits a custom event with more convenient defaults. */
@@ -28,6 +29,9 @@ export default class SynergyElement extends LitElement {
     static define(name: string, elementConstructor?: typeof SynergyElement, options?: ElementDefinitionOptions): void;
     static dependencies: Record<string, typeof SynergyElement>;
     constructor();
+    initialReflectedProperties: Map<string, unknown>;
+    attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
+    protected willUpdate(changedProperties: Parameters<LitElement['willUpdate']>[0]): void;
 }
 export interface SynergyFormControl extends SynergyElement {
     name: string;

package/dist/styles/index.css

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