@db-ux/ngx-core-components 2.1.2 → 2.2.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@db-ux/ngx-core-components",
-  "version": "2.1.2",
+  "version": "2.2.1",
   "description": "Angular components @db-ux/core-components",
   "repository": {
     "type": "git",
@@ -26,8 +26,8 @@
   },
   "sideEffects": false,
   "dependencies": {
-    "@db-ux/core-components": "2.1.2",
-    "@db-ux/core-foundations": "2.1.2",
+    "@db-ux/core-components": "2.2.1",
+    "@db-ux/core-foundations": "2.2.1",
     "tslib": "^2.3.0"
   }
 }

package/shared/model.d.ts

@@ -149,9 +149,6 @@ export type PopoverProps = {
      */
     width?: PopoverWidthType;
 };
-export type PopoverState = {
-    handleAutoPlacement: () => void;
-};
 export type NameProps = {
     /**
      * The name attribute gives the name of the element to group it.
@@ -233,6 +230,8 @@ export type CustomFormProps = {
     validation?: ValidationType;
 };
 export type FormProps = CustomFormProps & BaseFormProps & RequiredProps & ShowLabelProps & ValueProps;
+export declare const FieldSizingList: readonly ["fixed", "content"];
+export type FieldSizingType = (typeof FieldSizingList)[number];
 export type FormTextProps = {
     /**
      * Maximum length (number of characters) of value
@@ -258,6 +257,11 @@ export type FormTextProps = {
      * The disabled attribute can be set to keep a user from edit on the form element
      */
     readonly?: boolean | string;
+    /**
+     * Adds shrinkwrap for input and textarea: https://developer.mozilla.org/en-US/docs/Web/CSS/field-sizing
+     * Note: Only supported in Chromium browsers so far
+     */
+    fieldSizing?: FieldSizingType;
 };
 export type FormSizeProps = {
     /**
@@ -492,3 +496,14 @@ export type ValueLabelType = {
     value: string;
     label?: string;
 };
+export type DocumentScrollState = {
+    _documentScrollListenerCallbackId?: string;
+    handleDocumentScroll: (event: any, parent?: HTMLElement) => void;
+    _observer?: IntersectionObserver;
+};
+export type PopoverState = {
+    handleEscape: (event: any) => void;
+    handleAutoPlacement: (parent?: HTMLElement) => void;
+    handleEnter: (parent?: HTMLElement) => void;
+    handleLeave: (event?: any) => void;
+} & DocumentScrollState;

package/utils/document-scroll-listener.d.ts

@@ -0,0 +1,9 @@
+export declare class DocumentScrollListener {
+    private static callbacks;
+    private static _instance;
+    private static runCallbacks;
+    private ticking;
+    constructor();
+    addCallback(callback: (event: any) => void): string;
+    removeCallback(id: string): void;
+}

package/utils/floating-components.d.ts

@@ -0,0 +1,7 @@
+export interface DBDataOutsidePair {
+    vx?: 'left' | 'right';
+    vy?: 'top' | 'bottom';
+}
+export declare const handleDataOutside: (el: HTMLElement) => DBDataOutsidePair;
+export declare const handleFixedDropdown: (element: HTMLElement, parent: HTMLElement, placement: string) => void;
+export declare const handleFixedPopover: (element: HTMLElement, parent: HTMLElement, placement: string) => void;

package/utils/index.d.ts

@@ -7,19 +7,6 @@ export type ClassNameArg = string | {
     [key: string]: boolean | undefined;
 } | undefined;
 export declare const cls: (...args: ClassNameArg[]) => string;
-export declare const visibleInVX: (el: Element) => boolean;
-export declare const visibleInVY: (el: Element) => boolean;
-export declare const isInView: (el: Element) => {
-    outTop: boolean;
-    outBottom: boolean;
-    outLeft: boolean;
-    outRight: boolean;
-};
-export interface DBDataOutsidePair {
-    vx?: 'left' | 'right';
-    vy?: 'top' | 'bottom';
-}
-export declare const handleDataOutside: (el: Element) => DBDataOutsidePair;
 export declare const isArrayOfStrings: (value: unknown) => value is string[];
 export declare const hasVoiceOver: () => boolean;
 export declare const delay: (fn: () => void, ms: number) => Promise<unknown>;
@@ -45,3 +32,7 @@ export declare const getInputValue: (value?: number | string, inputType?: string
 export declare const getHideProp: (show?: boolean | string) => any;
 export declare const stringPropVisible: (givenString?: string, showString?: boolean | string) => boolean;
 export declare const getSearchInput: (element: HTMLElement) => HTMLInputElement | null;
+export declare const getOptionKey: (option: {
+    id?: string;
+    value?: string | number | string[] | undefined;
+}, prefix: string) => string;

package/utils/navigation.d.ts

@@ -15,7 +15,7 @@ export declare class NavigationItemSafeTriangle {
     private initialized;
     private mouseX;
     private mouseY;
-    constructor(element: HTMLElement | null, subNavigation: Element | null);
+    constructor(element: HTMLElement | null, subNavigation: HTMLElement | null);
     private init;
     enableFollow(): void;
     disableFollow(): void;