@fkui/vue 6.1.0 → 6.2.0

package/dist/types/index.d.ts

@@ -129,7 +129,9 @@ id: string;
 focusRef: HTMLElement | null;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLDivElement>;
 
-declare const __VLS_component_3: DefineComponent<IPopupListboxProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+declare const __VLS_component_3: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+
+declare const __VLS_component_4: DefineComponent<IPopupListboxProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 close: () => any;
 }, string, PublicProps, Readonly<IPopupListboxProps> & Readonly<{
 onClose?: (() => any) | undefined;
@@ -160,6 +162,10 @@ declare type __VLS_PrettifyLocal_5<T> = {
 } & {};
 
 declare type __VLS_Props = {
+    layout: string;
+};
+
+declare type __VLS_Props_2 = {
     id: string;
     isOpen: boolean;
     options: string[];
@@ -198,6 +204,13 @@ declare function __VLS_template_2(): {
 };
 
 declare function __VLS_template_3(): {
+    attrs: Partial<{}>;
+    slots: Partial<Record<string, (_: {}) => any>>;
+    refs: {};
+    rootEl: any;
+};
+
+declare function __VLS_template_4(): {
     attrs: Partial<{}>;
     slots: {
         default?(_: {}): any;
@@ -216,6 +229,8 @@ declare type __VLS_TemplateResult_2 = ReturnType<typeof __VLS_template_2>;
 
 declare type __VLS_TemplateResult_3 = ReturnType<typeof __VLS_template_3>;
 
+declare type __VLS_TemplateResult_4 = ReturnType<typeof __VLS_template_4>;
+
 declare type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;
@@ -234,6 +249,12 @@ declare type __VLS_WithTemplateSlots_3<T, S> = T & {
     };
 };
 
+declare type __VLS_WithTemplateSlots_4<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
 /* Excluded from this release type: actionFromKeyboardEvent */
 
 /**
@@ -10445,6 +10466,8 @@ href: string;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 }, {}, string, ComponentProvideOptions, true, {}, any>;
 
+export declare const FPageLayout: __VLS_WithTemplateSlots_3<typeof __VLS_component_3, __VLS_TemplateResult_3["slots"]>;
+
 export declare const FPercentTextField: DefineComponent<ExtractPropTypes<    {
 /**
 * The number of decimals to format number as.
@@ -16682,10 +16705,10 @@ rotate: string;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 }, {}, string, ComponentProvideOptions, true, {}, any>;
 
-export declare const IComboboxDropdown: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+export declare const IComboboxDropdown: DefineComponent<__VLS_Props_2, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 close: () => any;
 select: (option: string) => any;
-}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{
+}, string, PublicProps, Readonly<__VLS_Props_2> & Readonly<{
 onClose?: (() => any) | undefined;
 onSelect?: ((option: string) => any) | undefined;
 }>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {
@@ -17180,7 +17203,7 @@ export declare interface IPopupErrorData {
     arrowOffset: number;
 }
 
-export declare const IPopupListbox: __VLS_WithTemplateSlots_3<typeof __VLS_component_3, __VLS_TemplateResult_3["slots"]>;
+export declare const IPopupListbox: __VLS_WithTemplateSlots_4<typeof __VLS_component_4, __VLS_TemplateResult_4["slots"]>;
 
 declare interface IPopupListboxProps {
     isOpen: boolean;
@@ -17514,6 +17537,38 @@ href: string;
  */
 export declare function itemEquals<T extends object, K extends keyof T>(item1: T | undefined, item2: T | undefined, compareAttribute: K): boolean;
 
+/**
+ * @public
+ */
+export declare type LayoutAreaAttachPanel = "none" | "left" | "right" | "top" | "bottom";
+
+/**
+ * @public
+ */
+export declare interface LayoutAreaDefinition {
+    /** Where panels will attach to */
+    attachPanel: LayoutAreaAttachPanel;
+    /** What direction content of the area will appear (mapped to `flex-direction`) */
+    direction: LayoutAreaDirection;
+    /** If the content of the area is scrollable (in direction given by `direction`), default `false`. */
+    scroll?: boolean;
+}
+
+/**
+ * @public
+ */
+export declare type LayoutAreaDirection = "column" | "row";
+
+/**
+ * A definition of a layout for {@link FPageLayout}.
+ *
+ * @public
+ */
+export declare interface LayoutDefinition {
+    name: string;
+    areas: Record<string, LayoutAreaDefinition>;
+}
+
 /**
  * Represents an array of items in a list-based component (FList, FTable, etc).
  *
@@ -17811,6 +17866,13 @@ export declare function refIsVue(value: unknown): value is ComponentPublicInstan
  */
 export declare function refIsVueArray(value: unknown): value is ComponentPublicInstance[];
 
+/**
+ * Register a new layout for usage with {@link FPageLayout}.
+ *
+ * @public
+ */
+export declare function registerLayout<T extends LayoutDefinition>(definition: T): void;
+
 /**
  * @public
  */
@@ -17964,6 +18026,25 @@ export declare const UNHANDLED_ERROR_EVENT: "unhandled-error";
  */
 export declare type UnknownItem = Record<string, unknown>;
 
+/**
+ * @public
+ */
+export declare interface UseAreaData {
+    /** Name of layout area */
+    readonly area: Readonly<Ref<string | null>>;
+    /** Panel attachment */
+    readonly attachPanel: Readonly<Ref<LayoutAreaAttachPanel | null>>;
+    /** Direction area content flows */
+    readonly direction: Readonly<Ref<LayoutAreaDirection | null>>;
+}
+
+/**
+ * Fetch information about the layout area given element belongs to.
+ *
+ * @public
+ */
+export declare function useAreaData(element: Readonly<ShallowRef<HTMLElement | null | undefined>>): UseAreaData;
+
 /**
  * @public
  */

package/dist/types/tsdoc-metadata.json

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

package/htmlvalidate/elements/components.js

@@ -430,6 +430,15 @@ module.exports = defineMetadata({
         inherit: "f-label#description",
     },
 
+    "f-page-layout": {
+        flow: true,
+        attributes: {
+            layout: {
+                required: true,
+            },
+        },
+    },
+
     "f-progressbar": {
         flow: true,
         requiredAttributes: ["aria-label"],

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fkui/vue",
-  "version": "6.1.0",
+  "version": "6.2.0",
   "description": "Vue implementation of FKUI components",
   "keywords": [
     "fkui",
@@ -24,7 +24,8 @@
     },
     "./cypress": {
       "types": "./dist/types/cypress.d.ts",
-      "default": "./dist/cjs/cypress.js"
+      "require": "./dist/cjs/cypress.cjs.js",
+      "import": "./dist/esm/cypress.esm.js"
     },
     "./htmlvalidate": "./htmlvalidate/index.cjs",
     "./htmlvalidate/cypress": "./htmlvalidate/cypress.js",
@@ -48,7 +49,7 @@
     "build:api": "fk-api-extractor --patch-augmentations api-extractor.*.json",
     "build:dts": "vue-tsc -b",
     "build:lib": "fk-build-vue-lib",
-    "build:pageobjects": "esbuild --bundle --platform=node --target=node12.0 --sourcemap --outfile=dist/cjs/cypress.js ./src/cypress/index.ts",
+    "build:pageobjects": "node build-pageobjects.mjs",
     "clean": "rimraf -g .jest-cache *.tsbuildinfo coverage dist public temp test-results",
     "prepack": "release-prepack --bundle --retain-scripts",
     "postpack": "release-postpack",
@@ -59,9 +60,9 @@
     "unit:watch": "jest --watch"
   },
   "peerDependencies": {
-    "@fkui/date": "^6.1.0",
-    "@fkui/design": "^6.1.0",
-    "@fkui/logic": "^6.1.0",
+    "@fkui/date": "^6.2.0",
+    "@fkui/design": "^6.2.0",
+    "@fkui/logic": "^6.2.0",
     "fk-icons": "^4.30.1",
     "html-validate": ">= 7.9.0",
     "vue": "^3.5.0"
@@ -78,5 +79,5 @@
     "node": ">= 20",
     "npm": ">= 7"
   },
-  "gitHead": "70fde379fb579f9a90ed58afef5d91e5b2d2bb0d"
+  "gitHead": "b75730a2c2bee0c0fe8243d2de511b77c88dcbee"
 }