q2-tecton-elements 1.60.2 → 1.61.0

package/dist/types/components.d.ts

@@ -1313,6 +1313,10 @@ export namespace Components {
           * @localizable
          */
         "description": string;
+        /**
+          * Disables the file picker, preventing user interaction.
+         */
+        "disabled": boolean;
         /**
           * Allowed file types based on extensions (e.g., ['jpg', 'png', 'pdf'] or 'jpg, png, pdf'). When using the attribute, provide a comma-separated string (e.g., 'jpg, png, pdf'). Arrays can only be set programmatically via JavaScript.
           * @default []
@@ -1697,7 +1701,7 @@ export namespace Components {
         "xsZIndex": TQ2GridAreaZIndexOptions;
         /**
           * Sets the z-index of the grid area at the baseline viewport size.
-          * @default 0
+          * @default 'auto'
          */
         "zIndex": TQ2GridAreaZIndexOptions;
     }
@@ -2060,6 +2064,69 @@ export namespace Components {
          */
         "type": 'info' | 'error' | 'danger' | 'warning' | 'success';
     }
+    interface Q2Meter {
+        /**
+          * Shows loading animation for bars, default is true.
+          * @default true
+         */
+        "animated": boolean;
+        /**
+          * Defines the label for the completed bar, which appears at the bottom in the legend section.
+          * @localizable
+         */
+        "completedLabel": string;
+        /**
+          * Defines the value for the completed bar.
+         */
+        "completedValue": string;
+        /**
+          * Defines the description for the meter, which appears at the top just below the label.
+          * @localizable
+         */
+        "description": string;
+        /**
+          * Shows a circle shaped dot indicator on completed bar, default is true.
+          * @default true
+         */
+        "dotted": boolean;
+        /**
+          * Defines the label for the meter, which appears at the top.
+          * @localizable
+         */
+        "label": string;
+        /**
+          * Defines the label for the base bar, which appears at the bottom in the legend.
+          * @localizable
+         */
+        "maxLabel": string;
+        /**
+          * Defines the value for the base bar.
+         */
+        "maxValue": string;
+        /**
+          * Shows thin tick bars based on the number of segments provided.
+         */
+        "segments": number;
+        /**
+          * Defines the label for the suggested bar, which appears at the bottom in the legend.
+          * @localizable
+         */
+        "suggestedLabel": string;
+        /**
+          * Defines the value for the suggested bar.
+         */
+        "suggestedValue": string;
+        /**
+          * Defines custom text for the completed bar tooltip.
+          * @localizable
+         */
+        "tooltipCompleted": string;
+        /**
+          * Defines custom text for the suggested bar tooltip.
+          * @localizable
+         */
+        "tooltipSuggested": string;
+    }
     interface Q2Modal {
         /**
           * Controls visibility of the close button in the top right corner.
@@ -2269,7 +2336,7 @@ export namespace Components {
           * A list of perPage values. This generates a [Select](https://tecton.q2developer.com/design-system/q2-select/) element that allows the user to modify the `perPage` value.  **Example:**
           * @snippet this.perPageIncrements = [10, 25, 50];
          */
-        "perPageIncrements": number[];
+        "perPageIncrements": number[] | string[] | string | undefined;
         /**
           * Description of the record type to be displayed alongside the record count.
          */
@@ -3713,6 +3780,12 @@ declare global {
         prototype: HTMLQ2MessageElement;
         new (): HTMLQ2MessageElement;
     };
+    interface HTMLQ2MeterElement extends Components.Q2Meter, HTMLStencilElement {
+    }
+    var HTMLQ2MeterElement: {
+        prototype: HTMLQ2MeterElement;
+        new (): HTMLQ2MeterElement;
+    };
     interface HTMLQ2ModalElementEventMap {
         "tctClick": any;
         "tctClose": any;
@@ -4148,6 +4221,7 @@ declare global {
         "q2-loading-element": HTMLQ2LoadingElementElement;
         "q2-loc": HTMLQ2LocElement;
         "q2-message": HTMLQ2MessageElement;
+        "q2-meter": HTMLQ2MeterElement;
         "q2-modal": HTMLQ2ModalElement;
         "q2-month-picker": HTMLQ2MonthPickerElement;
         "q2-optgroup": HTMLQ2OptgroupElement;
@@ -5419,6 +5493,10 @@ declare namespace LocalJSX {
           * @localizable
          */
         "description"?: string;
+        /**
+          * Disables the file picker, preventing user interaction.
+         */
+        "disabled"?: boolean;
         /**
           * Allowed file types based on extensions (e.g., ['jpg', 'png', 'pdf'] or 'jpg, png, pdf'). When using the attribute, provide a comma-separated string (e.g., 'jpg, png, pdf'). Arrays can only be set programmatically via JavaScript.
           * @default []
@@ -5807,7 +5885,7 @@ declare namespace LocalJSX {
         "xsZIndex"?: TQ2GridAreaZIndexOptions;
         /**
           * Sets the z-index of the grid area at the baseline viewport size.
-          * @default 0
+          * @default 'auto'
          */
         "zIndex"?: TQ2GridAreaZIndexOptions;
     }
@@ -6177,6 +6255,69 @@ declare namespace LocalJSX {
          */
         "type"?: 'info' | 'error' | 'danger' | 'warning' | 'success';
     }
+    interface Q2Meter {
+        /**
+          * Shows loading animation for bars, default is true.
+          * @default true
+         */
+        "animated"?: boolean;
+        /**
+          * Defines the label for the completed bar, which appears at the bottom in the legend section.
+          * @localizable
+         */
+        "completedLabel"?: string;
+        /**
+          * Defines the value for the completed bar.
+         */
+        "completedValue"?: string;
+        /**
+          * Defines the description for the meter, which appears at the top just below the label.
+          * @localizable
+         */
+        "description"?: string;
+        /**
+          * Shows a circle shaped dot indicator on completed bar, default is true.
+          * @default true
+         */
+        "dotted"?: boolean;
+        /**
+          * Defines the label for the meter, which appears at the top.
+          * @localizable
+         */
+        "label"?: string;
+        /**
+          * Defines the label for the base bar, which appears at the bottom in the legend.
+          * @localizable
+         */
+        "maxLabel"?: string;
+        /**
+          * Defines the value for the base bar.
+         */
+        "maxValue"?: string;
+        /**
+          * Shows thin tick bars based on the number of segments provided.
+         */
+        "segments"?: number;
+        /**
+          * Defines the label for the suggested bar, which appears at the bottom in the legend.
+          * @localizable
+         */
+        "suggestedLabel"?: string;
+        /**
+          * Defines the value for the suggested bar.
+         */
+        "suggestedValue"?: string;
+        /**
+          * Defines custom text for the completed bar tooltip.
+          * @localizable
+         */
+        "tooltipCompleted"?: string;
+        /**
+          * Defines custom text for the suggested bar tooltip.
+          * @localizable
+         */
+        "tooltipSuggested"?: string;
+    }
     interface Q2Modal {
         /**
           * Controls visibility of the close button in the top right corner.
@@ -6406,7 +6547,7 @@ declare namespace LocalJSX {
           * A list of perPage values. This generates a [Select](https://tecton.q2developer.com/design-system/q2-select/) element that allows the user to modify the `perPage` value.  **Example:**
           * @snippet this.perPageIncrements = [10, 25, 50];
          */
-        "perPageIncrements"?: number[];
+        "perPageIncrements"?: number[] | string[] | string | undefined;
         /**
           * Description of the record type to be displayed alongside the record count.
          */
@@ -7256,6 +7397,7 @@ declare namespace LocalJSX {
         "q2-loading-element": Q2LoadingElement;
         "q2-loc": Q2Loc;
         "q2-message": Q2Message;
+        "q2-meter": Q2Meter;
         "q2-modal": Q2Modal;
         "q2-month-picker": Q2MonthPicker;
         "q2-optgroup": Q2Optgroup;
@@ -7323,6 +7465,7 @@ declare module "@stencil/core" {
             "q2-loading-element": LocalJSX.Q2LoadingElement & JSXBase.HTMLAttributes<HTMLQ2LoadingElementElement>;
             "q2-loc": LocalJSX.Q2Loc & JSXBase.HTMLAttributes<HTMLQ2LocElement>;
             "q2-message": LocalJSX.Q2Message & JSXBase.HTMLAttributes<HTMLQ2MessageElement>;
+            "q2-meter": LocalJSX.Q2Meter & JSXBase.HTMLAttributes<HTMLQ2MeterElement>;
             "q2-modal": LocalJSX.Q2Modal & JSXBase.HTMLAttributes<HTMLQ2ModalElement>;
             "q2-month-picker": LocalJSX.Q2MonthPicker & JSXBase.HTMLAttributes<HTMLQ2MonthPickerElement>;
             "q2-optgroup": LocalJSX.Q2Optgroup & JSXBase.HTMLAttributes<HTMLQ2OptgroupElement>;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "q2-tecton-elements",
-    "version": "1.60.2",
+    "version": "1.61.0",
     "description": "Q2 Tecton Custom Elements",
     "license": "MIT",
     "author": "Q2 Tecton Team",
@@ -38,7 +38,7 @@
     },
     "dependencies": {
         "@stencil/core": "~4.32.0",
-        "q2-tecton-common": "1.60.2",
+        "q2-tecton-common": "1.61.0",
         "swiper": "8.4.4"
     },
     "devDependencies": {
@@ -63,5 +63,5 @@
         "typescript": "5.4.5",
         "typescript-eslint": "^7.11.0"
     },
-    "gitHead": "3c8ed72cf2c08f961af0cb8a9e7792d180b12839"
+    "gitHead": "7eba6fbafbe0cdec69b7d9deeb50021df36b8644"
 }