@breadstone/mosaik-elements-foundation 0.0.217 → 0.0.218

package/custom-elements.json

@@ -32917,10 +32917,6 @@
             {
               "description": "The label slot.",
               "name": "label"
-            },
-            {
-              "description": "The hint slot.",
-              "name": "hint"
             }
           ],
           "attributes": [
@@ -47120,10 +47116,6 @@
             {
               "description": "The label slot.",
               "name": "label"
-            },
-            {
-              "description": "The hint slot.",
-              "name": "hint"
             }
           ],
           "attributes": [
@@ -52924,7 +52916,7 @@
               "kind": "field",
               "name": "displayText",
               "privacy": "public",
-              "description": "Gets the `displayText` property.",
+              "description": "Gets the `displayText` property.\nFalls back to text content if label is empty.",
               "type": "string",
               "inheritedFrom": {
                 "name": "SelectorItemElement",
@@ -70983,10 +70975,11 @@
             },
             {
               "kind": "field",
-              "name": "standalone",
+              "name": "attached",
               "privacy": "public",
-              "description": "Gets or sets the `standalone` property.",
+              "description": "Gets or sets the `attached` property.",
               "type": "boolean",
+              "default": "\"false\"",
               "inheritedFrom": {
                 "name": "IBadgeElementProps",
                 "module": "./../src/Controls/Components/Media/Badge/IBadgeElementProps.ts"
@@ -71287,9 +71280,10 @@
               }
             },
             {
-              "name": "standalone",
-              "fieldName": "standalone",
-              "description": "Gets or sets the `standalone` property.",
+              "name": "attached",
+              "fieldName": "attached",
+              "defaultValue": "\"false\"",
+              "description": "Gets or sets the `attached` property.",
               "type": "boolean",
               "inheritedFrom": {
                 "name": "IBadgeElementProps",
@@ -115225,8 +115219,12 @@
               "name": "suffix"
             },
             {
-              "description": "The text slot.",
-              "name": "text"
+              "description": "The header slot.",
+              "name": "header"
+            },
+            {
+              "description": "The content slot.",
+              "name": "content"
             }
           ],
           "attributes": [
@@ -120360,6 +120358,20 @@
           "description": "Meter bar - a visual representation of a numeric value within a specified range.",
           "name": "MeterBarElement",
           "members": [
+            {
+              "kind": "field",
+              "name": "percent",
+              "privacy": "public",
+              "description": "Gets the percentage of the current value within the range (0-100).",
+              "type": "number"
+            },
+            {
+              "kind": "field",
+              "name": "segments",
+              "privacy": "public",
+              "description": "Gets the segments for the segmented scale mode.\nReturns an array of segments representing low, optimum, and high zones.",
+              "type": "IMeterSegment[]"
+            },
             {
               "kind": "field",
               "name": "thickness",
@@ -120415,6 +120427,17 @@
                 "module": "./../src/Controls/Components/Ranges/MeterBar/IMeterBarElementProps.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "scale",
+              "privacy": "public",
+              "description": "Gets or sets the `scale` property.\nDetermines how the meter scale is visually represented.\n- `continuous`: Single continuous bar with color based on current range (default).\n- `segmented`: Visible segments for low, optimum, and high zones with a marker for the current value.",
+              "type": "MeterScale",
+              "inheritedFrom": {
+                "name": "IMeterBarElementProps",
+                "module": "./../src/Controls/Components/Ranges/MeterBar/IMeterBarElementProps.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "themeName",
@@ -120792,6 +120815,16 @@
                 "module": "./../src/Controls/Components/Ranges/MeterBar/IMeterBarElementProps.ts"
               }
             },
+            {
+              "name": "scale",
+              "fieldName": "scale",
+              "description": "Gets or sets the `scale` property.\nDetermines how the meter scale is visually represented.\n- `continuous`: Single continuous bar with color based on current range (default).\n- `segmented`: Visible segments for low, optimum, and high zones with a marker for the current value.",
+              "type": "MeterScale",
+              "inheritedFrom": {
+                "name": "IMeterBarElementProps",
+                "module": "./../src/Controls/Components/Ranges/MeterBar/IMeterBarElementProps.ts"
+              }
+            },
             {
               "name": "variant",
               "fieldName": "variant",
@@ -120920,6 +120953,20 @@
           "description": "Meter Ring - A circular gauge that visually represents a value within a specified range, often used to display progress or performance metrics.",
           "name": "MeterRingElement",
           "members": [
+            {
+              "kind": "field",
+              "name": "segments",
+              "privacy": "public",
+              "description": "Gets the segments for the segmented scale mode.\nReturns an array of arc segments representing low, optimum, and high zones.",
+              "type": "IMeterRingSegment[]"
+            },
+            {
+              "kind": "field",
+              "name": "effectiveRadius",
+              "privacy": "public",
+              "description": "Gets the effective radius for SVG calculations.",
+              "type": "number"
+            },
             {
               "kind": "field",
               "name": "radius",
@@ -120985,6 +121032,17 @@
                 "module": "./../src/Controls/Components/Ranges/MeterRing/IMeterRingElementProps.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "scale",
+              "privacy": "public",
+              "description": "Gets or sets the `scale` property.\nDetermines how the meter scale is visually represented.\n- `continuous`: Single continuous ring with color based on current range (default).\n- `segmented`: Visible arc segments for low, optimum, and high zones with a marker for the current value.",
+              "type": "MeterScale",
+              "inheritedFrom": {
+                "name": "IMeterRingElementProps",
+                "module": "./../src/Controls/Components/Ranges/MeterRing/IMeterRingElementProps.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "themeName",
@@ -121267,10 +121325,6 @@
             {
               "description": "Fired when the value is changed.",
               "name": "valueChanged",
-              "inheritedFrom": {
-                "name": "RangeBaseElement",
-                "module": "./../src/Controls/Components/Ranges/Abstracts/RangeBaseElement.ts"
-              },
               "type": "Event"
             },
             {
@@ -121301,6 +121355,16 @@
               "type": "Event"
             }
           ],
+          "slots": [
+            {
+              "description": "Text label content area for meter description or value display",
+              "name": "label"
+            },
+            {
+              "description": "Secondary text content area for additional meter information or status",
+              "name": "hint"
+            }
+          ],
           "attributes": [
             {
               "name": "radius",
@@ -121361,6 +121425,16 @@
                 "module": "./../src/Controls/Components/Ranges/MeterRing/IMeterRingElementProps.ts"
               }
             },
+            {
+              "name": "scale",
+              "fieldName": "scale",
+              "description": "Gets or sets the `scale` property.\nDetermines how the meter scale is visually represented.\n- `continuous`: Single continuous ring with color based on current range (default).\n- `segmented`: Visible arc segments for low, optimum, and high zones with a marker for the current value.",
+              "type": "MeterScale",
+              "inheritedFrom": {
+                "name": "IMeterRingElementProps",
+                "module": "./../src/Controls/Components/Ranges/MeterRing/IMeterRingElementProps.ts"
+              }
+            },
             {
               "name": "variant",
               "fieldName": "variant",
@@ -121443,6 +121517,162 @@
                 "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
               }
             }
+          ],
+          "cssProperties": [
+            {
+              "name": "--meter-ring-background-color",
+              "description": "Background color for the meter ring"
+            },
+            {
+              "name": "--meter-ring-border-color",
+              "description": "Border color for the meter ring"
+            },
+            {
+              "name": "--meter-ring-border-radius",
+              "description": "Border radius for the meter ring"
+            },
+            {
+              "name": "--meter-ring-border-style",
+              "description": "Border style for the meter ring"
+            },
+            {
+              "name": "--meter-ring-border-width",
+              "description": "Border width for the meter ring"
+            },
+            {
+              "name": "--meter-ring-fill-color",
+              "description": "Fill color for the meter indicator"
+            },
+            {
+              "name": "--meter-ring-fill-color-high",
+              "description": "Fill color for high range segment"
+            },
+            {
+              "name": "--meter-ring-fill-color-low",
+              "description": "Fill color for low range segment"
+            },
+            {
+              "name": "--meter-ring-fill-color-normal",
+              "description": "Fill color for normal range segment"
+            },
+            {
+              "name": "--meter-ring-fill-color-optimum",
+              "description": "Fill color for optimum range segment"
+            },
+            {
+              "name": "--meter-ring-font-family",
+              "description": "Font family for meter text labels"
+            },
+            {
+              "name": "--meter-ring-font-letter-spacing",
+              "description": "Letter spacing for meter text"
+            },
+            {
+              "name": "--meter-ring-font-line-height",
+              "description": "Line height for meter text"
+            },
+            {
+              "name": "--meter-ring-font-size",
+              "description": "Font size for meter text"
+            },
+            {
+              "name": "--meter-ring-font-text-decoration",
+              "description": "Text decoration for meter text"
+            },
+            {
+              "name": "--meter-ring-font-text-transform",
+              "description": "Text transform for meter text"
+            },
+            {
+              "name": "--meter-ring-font-weight",
+              "description": "Font weight for meter text"
+            },
+            {
+              "name": "--meter-ring-foreground-color",
+              "description": "Foreground color for meter text"
+            },
+            {
+              "name": "--meter-ring-gap",
+              "description": "Gap between meter elements"
+            },
+            {
+              "name": "--meter-ring-marker-color",
+              "description": "Color for the meter marker"
+            },
+            {
+              "name": "--meter-ring-padding-bottom",
+              "description": "Padding bottom for the meter ring"
+            },
+            {
+              "name": "--meter-ring-padding-left",
+              "description": "Padding left for the meter ring"
+            },
+            {
+              "name": "--meter-ring-padding-right",
+              "description": "Padding right for the meter ring"
+            },
+            {
+              "name": "--meter-ring-padding-top",
+              "description": "Padding top for the meter ring"
+            },
+            {
+              "name": "--meter-ring-radius",
+              "description": "Radius for the meter ring"
+            },
+            {
+              "name": "--meter-ring-shadow",
+              "description": "Shadow for the meter ring"
+            },
+            {
+              "name": "--meter-ring-thickness",
+              "description": "Thickness for the meter ring"
+            },
+            {
+              "name": "--meter-ring-transition-duration",
+              "description": "Transition duration for the meter ring"
+            },
+            {
+              "name": "--meter-ring-transition-mode",
+              "description": "Transition mode for the meter ring"
+            },
+            {
+              "name": "--meter-ring-transition-property",
+              "description": "Transition property for the meter ring"
+            },
+            {
+              "name": "--meter-ring-translate",
+              "description": "Translate for the meter ring"
+            }
+          ],
+          "cssParts": [
+            {
+              "name": "root",
+              "description": "Root container for the meter ring component"
+            },
+            {
+              "name": "bar",
+              "description": "Meter bar/ring path element for visual representation"
+            },
+            {
+              "name": "fill",
+              "description": "Meter fill/path for indicating current value"
+            },
+            {
+              "name": "segment",
+              "description": "Arc segments for segmented scale mode"
+            },
+            {
+              "name": "marker",
+              "description": "Marker indicator for current value in segmented mode"
+            },
+            {
+              "name": "label",
+              "description": "Text label styling container for meter information"
+            },
+            {
+              "name": "hint",
+              "description": "Hint text styling container for additional information"
+            }
           ]
         }
       ]
@@ -122038,7 +122268,7 @@
               "module": "./../src/Controls/Behaviors/Labelable.ts"
             }
           ],
-          "description": "ProgressRing - A circular progress indicator component for displaying task completion and loading states.\n\nPresents progress information in an elegant circular format with support for both determinate\nprogress (specific percentage) and indeterminate loading states. Features smooth animations,\ncustomizable styling, and optional text labels for enhanced user feedback during operations.",
+          "description": "Progress Ring - A circular progress indicator component for displaying task completion and loading states.\n\nPresents progress information in an elegant circular format with support for both determinate\nprogress (specific percentage) and indeterminate loading states. Features smooth animations,\ncustomizable styling, and optional text labels for enhanced user feedback during operations.",
           "name": "ProgressRingElement",
           "members": [
             {
@@ -129482,7 +129712,7 @@
               "name": "clear",
               "privacy": "public",
               "type": "(force?: boolean | undefined): boolean",
-              "description": "Clears the value of the element but not the validation.",
+              "description": "Clears the value of the element but not the validation.\nAlso clears the selected items and resets the active state.",
               "parameters": [
                 {
                   "name": "force",
@@ -130369,7 +130599,7 @@
               "kind": "field",
               "name": "displayText",
               "privacy": "public",
-              "description": "Gets the `displayText` property.",
+              "description": "Gets the `displayText` property.\nFalls back to text content if label is empty.",
               "type": "string",
               "inheritedFrom": {
                 "name": "SelectorItemElement",

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@breadstone/mosaik-elements-foundation",
-    "version": "0.0.217",
+    "version": "0.0.218",
     "description": "Mosaik elements components package.",
     "license": "MIT",
     "author": "andre.wehlert <awehlert@breadstone.de> (https://www.breadstone.de)",
@@ -14,8 +14,8 @@
         "url": "git+ssh://git@github.com/RueDeRennes/mosaik.git"
     },
     "dependencies": {
-        "@breadstone/mosaik-elements": "^0.0.217",
-        "@breadstone/mosaik-themes": "^0.0.217",
+        "@breadstone/mosaik-elements": "^0.0.218",
+        "@breadstone/mosaik-themes": "^0.0.218",
         "@floating-ui/dom": "^1.7.4",
         "@lit-labs/virtualizer": "^2.1.1",
         "@lit/task": "^1.0.3",

package/Controls/Components/Layouts/TileManager/ITileStateChangeEventArgs.d.ts

@@ -1 +0,0 @@
-//# sourceMappingURL=ITileStateChangeEventArgs.d.ts.map

package/Controls/Components/Layouts/TileManager/ITileStateChangeEventArgs.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ITileStateChangeEventArgs.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Layouts/TileManager/ITileStateChangeEventArgs.ts"],"names":[],"mappings":""}

package/Controls/Components/Layouts/TileManager/ITileStateChangeEventArgs.js

@@ -1,11 +0,0 @@
-"use strict";
-// /**
-//  * State change event arguments for tile maximize/fullscreen.
-//  *
-//  * @public
-//  */
-// export interface ITileStateChangeEventArgs<T> {
-//     tile: T;
-//     state: boolean;
-// }
-//# sourceMappingURL=ITileStateChangeEventArgs.js.map

package/Controls/Components/Layouts/TileManager/ITileStateChangeEventArgs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ITileStateChangeEventArgs.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Layouts/TileManager/ITileStateChangeEventArgs.ts"],"names":[],"mappings":";AAAA,MAAM;AACN,gEAAgE;AAChE,KAAK;AACL,aAAa;AACb,MAAM;AACN,kDAAkD;AAClD,eAAe;AACf,sBAAsB;AACtB,IAAI"}