@fkui/vue 6.8.0 → 6.10.0

package/dist/types/cypress.d.ts

@@ -398,11 +398,14 @@ export declare class FFormModalPageObject extends FModalPageObject implements Ba
  */
 export declare class FInteractiveTablePageObject implements BasePageObject {
     selector: string;
-    el: () => DefaultCypressChainable;
     /**
-     * @param selector - table selector.
+     * @param selector - root element selector for `FInteractiveTable`, usually `.table`.
      */
-    constructor(selector: string);
+    constructor(selector?: string);
+    /**
+     * Get root element.
+     */
+    el(): DefaultCypressChainable;
     /**
      * Get table cell (typically `<td>` but can be `<th>` if row headers are
      * present).
@@ -427,18 +430,55 @@ export declare class FInteractiveTablePageObject implements BasePageObject {
         row: number;
         col: number;
     }): Cypress.Chainable<JQuery<HTMLTableCellElement>>;
+    /**
+     * Get `<caption>` element.
+     */
     caption(): DefaultCypressChainable;
+    /**
+     * Get all table headers (`<th>` in `<thead>`).
+     *
+     * Includes the headers for checkboxes in selectable rows and markers in expandable rows.
+     */
+    headersRow(): DefaultCypressChainable;
+    /**
+     * Get all table body rows (`<tr>` in `<tbody>`).
+     *
+     * Includes expandable rows even if not expanded.
+     */
     bodyRow(): DefaultCypressChainable;
+    /**
+     * Get row (`<tr>` in `<tbody>`) of given index.
+     *
+     * Includes expandable rows even if not expanded.
+     *
+     * @param index - Row number (0-indexed).
+     */
     row(index: number): DefaultCypressChainable;
-    headersRow(): DefaultCypressChainable;
     /**
-     * Hämta page object för specifikt Table row item.
+     * Get page object for `FTableColumn` with selector targeting the given row number.
+     *
+     * Index includes the header row (index 0 selects the header row while 1 selects first row in table body).
+     * Index ignores expandable rows.
+     *
+     * @param index - Row number (0-indexed).
+     * @returns Page object for `FTableColumn`.
      */
     columnItem(index: number): FTableColumnPageObject;
     /**
-     * Hämta page object för specifikt Header row item.
+     * Get page object for `FTableColumn` with selector targeting the header row.
+     *
+     * @returns Page object for `FTableColumn`.
      */
     headerRowItem(): FTableColumnPageObject;
+    /**
+     * Get sort order icon in given column.
+     *
+     * Index includes the columns for checkboxes in selectable rows and markers in expandable rows.
+     *
+     * @param index - Column index (0-indexed).
+     * @param order - Column sort order.
+     * @returns icon of given sort order.
+     */
     getColumnSortedByIcon(index: number, order: "ascending" | "descending" | "unsorted"): DefaultCypressChainable;
 }
 

package/dist/types/index.d.ts

@@ -13389,14 +13389,14 @@ default: () => string;
 * @model
 */
 modelValue: {
-type: (StringConstructor | BooleanConstructor | ObjectConstructor | DateConstructor | ArrayConstructor | NumberConstructor)[];
+type: (StringConstructor | BooleanConstructor | ObjectConstructor | DateConstructor | ArrayConstructor | NumberConstructor | null)[];
 required: false;
 };
 /**
 * The value for the input.
 */
 value: {
-type: (StringConstructor | BooleanConstructor | ObjectConstructor | DateConstructor | ArrayConstructor | NumberConstructor)[];
+type: (StringConstructor | BooleanConstructor | ObjectConstructor | DateConstructor | ArrayConstructor | NumberConstructor | null)[];
 required: true;
 };
 }>, {
@@ -13455,14 +13455,14 @@ default: () => string;
 * @model
 */
 modelValue: {
-type: (StringConstructor | BooleanConstructor | ObjectConstructor | DateConstructor | ArrayConstructor | NumberConstructor)[];
+type: (StringConstructor | BooleanConstructor | ObjectConstructor | DateConstructor | ArrayConstructor | NumberConstructor | null)[];
 required: false;
 };
 /**
 * The value for the input.
 */
 value: {
-type: (StringConstructor | BooleanConstructor | ObjectConstructor | DateConstructor | ArrayConstructor | NumberConstructor)[];
+type: (StringConstructor | BooleanConstructor | ObjectConstructor | DateConstructor | ArrayConstructor | NumberConstructor | null)[];
 required: true;
 };
 }>> & Readonly<{
@@ -14045,7 +14045,7 @@ default: boolean;
 * @model
 */
 modelValue: {
-type: (StringConstructor | BooleanConstructor | ObjectConstructor | ArrayConstructor | NumberConstructor)[];
+type: (StringConstructor | BooleanConstructor | ObjectConstructor | ArrayConstructor | NumberConstructor | null)[];
 required: false;
 default: undefined;
 };
@@ -14086,7 +14086,7 @@ labelClass(): string;
 labelWrapperClass(): string | undefined;
 selectWrapperClass(): string | undefined;
 vModel: {
-get(): string | number | boolean | unknown[] | Record<string, any> | undefined;
+get(): string | number | boolean | unknown[] | Record<string, any> | null | undefined;
 set(value: unknown): void;
 };
 }, {
@@ -14116,7 +14116,7 @@ default: boolean;
 * @model
 */
 modelValue: {
-type: (StringConstructor | BooleanConstructor | ObjectConstructor | ArrayConstructor | NumberConstructor)[];
+type: (StringConstructor | BooleanConstructor | ObjectConstructor | ArrayConstructor | NumberConstructor | null)[];
 required: false;
 default: undefined;
 };
@@ -14149,7 +14149,7 @@ onChange?: ((...args: any[]) => any) | undefined;
 "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
 id: string;
-modelValue: string | number | boolean | unknown[] | Record<string, any>;
+modelValue: string | number | boolean | unknown[] | Record<string, any> | null;
 inline: boolean;
 labelWidth: string;
 selectWidth: string;
@@ -18445,9 +18445,9 @@ export declare function useResize(options?: UseResizeOptions): UseResize;
  */
 export declare interface UseResizeOptions {
     /** When one or more components sets `enabled` to `true` the resize handle is enabled and the end user can drag it to resize the pane */
-    readonly enabled?: Readonly<Ref<boolean>>;
+    readonly enabled?: boolean | Readonly<Ref<boolean>>;
     /** When one or more compoents set `visible` to `true` the resize pane is visible */
-    readonly visible?: Readonly<Ref<boolean>>;
+    readonly visible?: boolean | Readonly<Ref<boolean>>;
     /**
      * When one or more components set `overlay` to `true` the resize pane is
      * displayed as an overlay and instead of occupying space from ther layout
@@ -18456,7 +18456,7 @@ export declare interface UseResizeOptions {
      * The `offset` property can be used to set a static size of how much space
      * it should occupy.
      */
-    readonly overlay?: Readonly<Ref<boolean>>;
+    readonly overlay?: boolean | Readonly<Ref<boolean>>;
     /**
      * When `overlay` is enabled this sets how much static space (in px) the
      * pane should occupy from the nearby layout areas, that is, how much of the
@@ -18467,7 +18467,7 @@ export declare interface UseResizeOptions {
      * amount of space and the rest of the pane will be positioned on
      * top of the other layout areas.
      */
-    readonly offset?: Readonly<Ref<number>>;
+    readonly offset?: number | Readonly<Ref<number>>;
 }
 
 /**

package/dist/types/tsdoc-metadata.json

@@ -5,7 +5,7 @@
   "toolPackages": [
     {
       "packageName": "@microsoft/api-extractor",
-      "packageVersion": "7.52.7"
+      "packageVersion": "7.52.8"
     }
   ]
 }

package/htmlvalidate/elements/components.js

@@ -1018,6 +1018,11 @@ module.exports = defineMetadata({
         },
         requiredAttributes: ["action", "item"],
         requiredAncestors: ["f-crud-dataset"],
+        deprecated: {
+            message:
+                "<f-crud-button> is deprecated, for table replace with <f-table-button> or <button> in other cases",
+            source: "@fkui/vue",
+        },
     },
 
     "f-radio-field": {
@@ -1239,7 +1244,10 @@ module.exports = defineMetadata({
 
     "f-wizard-step": {
         flow: true,
-        requiredAncestors: ["f-wizard > f-wizard-step"],
+        requiredAncestors: [
+            "f-wizard > f-wizard-step",
+            "template > f-wizard-step",
+        ],
         attributes: {
             key: {
                 required: true,

package/htmlvalidate/rules/no-template-modal.rule.js

@@ -3,11 +3,12 @@ const { getDocumentationUrl } = require("./common");
 
 /**
  * @typedef {import("html-validate/node").ElementReadyEvent} ElementReadyEvent
+ * @typedef {import("html-validate/node").HtmlElement} HtmlElement
  */
 
 /**
- *
  * @param {ElementReadyEvent} event
+ * @returns {boolean}
  */
 function isRelevant(event) {
     const { target } = event;
@@ -18,6 +19,26 @@ function isRelevant(event) {
     );
 }
 
+/**
+ * Test if this element is the document root.
+ *
+ * @param {HtmlElement} node
+ * @returns {boolean}
+ */
+function isDocumentRoot(node) {
+    return node.isRootElement();
+}
+
+/**
+ * Test if this element is the <template> element of a Vue SFC component.
+ *
+ * @param {HtmlElement} node
+ * @returns {boolean}
+ */
+function isSFCTemplateRoot(node) {
+    return node.is("template") && node.parent.isRootElement();
+}
+
 class NoTemplateModal extends Rule {
     documentation() {
         return {
@@ -29,7 +50,8 @@ class NoTemplateModal extends Rule {
 
     setup() {
         this.on("element:ready", isRelevant, (event) => {
-            if (event.target.parent.is("#document")) {
+            const { parent } = event.target;
+            if (isDocumentRoot(parent) || isSFCTemplateRoot(parent)) {
                 return;
             }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fkui/vue",
-  "version": "6.8.0",
+  "version": "6.10.0",
   "description": "Vue implementation of FKUI components",
   "keywords": [
     "fkui",
@@ -60,9 +60,9 @@
     "unit:watch": "jest --watch"
   },
   "peerDependencies": {
-    "@fkui/date": "^6.8.0",
-    "@fkui/design": "^6.8.0",
-    "@fkui/logic": "^6.8.0",
+    "@fkui/date": "^6.10.0",
+    "@fkui/design": "^6.10.0",
+    "@fkui/logic": "^6.10.0",
     "fk-icons": "^4.30.1",
     "html-validate": ">= 7.9.0",
     "vue": "^3.5.0"
@@ -79,5 +79,5 @@
     "node": ">= 20",
     "npm": ">= 7"
   },
-  "gitHead": "c76b7bb4c189847cdf9ab69abd426eb462761226"
+  "gitHead": "e9daf74232b7f96db6d4289338ad08c7bd6f61fa"
 }