@ukic/web-components 2.25.0 → 2.26.0

package/dist/types/components/ic-tooltip/ic-tooltip.d.ts

@@ -1,3 +1,4 @@
+import { Options } from "@popperjs/core";
 import { IcTooltipPlacements } from "./ic-tooltip.types";
 export declare class Tooltip {
     private arrow;
@@ -40,6 +41,12 @@ export declare class Tooltip {
      * The text to display on the tooltip.
      */
     label: string;
+    popperProps: Partial<Options>;
+    /**
+     * @internal This method allows props to be added to the PopperJS createPopper instance outside of tooltip
+     * @param props object - createPopper props set externally
+     */
+    setExternalPopperProps<T extends Partial<Options>>(props: T): Promise<void>;
     disconnectedCallback(): void;
     componentDidLoad(): void;
     componentDidRender(): void;

package/dist/types/components/ic-typography/ic-typography.d.ts

@@ -1,6 +1,8 @@
+import { EventEmitter } from "../../stencil-public-runtime";
 import { IcTypographyVariants } from "../../utils/types";
 export declare class Typography {
     private focusBtnFromKeyboard;
+    private inAGGrid;
     private lastMarkerTop;
     private lastWidth;
     private marker;
@@ -40,12 +42,32 @@ export declare class Typography {
      * The ICDS typography style to use.
      */
     variant?: IcTypographyVariants;
+    /**
+     * @internal Emits and event when the typography truncation button has been clicked.
+     */
+    typographyTruncationExpandToggle: EventEmitter<{
+        expanded: boolean;
+        typographyEl: HTMLIcTypographyElement;
+    }>;
     expanded: boolean;
     watchExpandedHandler(): void;
     disconnectedCallback(): void;
+    /**
+     * @internal This is used by data table to remove all truncation in certain events
+     */
+    resetTruncation(): Promise<void>;
     componentDidLoad(): void;
+    componentWillRender(): void;
     private toggleExpanded;
-    private checkMaxLines;
+    /**
+     * @internal This checks if the number of lines of text exceeds the maxLines prop. If so, set the line clamp CSS to the max lines
+     * @param height - text container height
+     */
+    checkMaxLines(height: number): Promise<void>;
+    /**
+     * @internal This method makes it possible to set the expanded status of truncated text outside of ic-typography component
+     */
+    setShowHideExpanded(expanded: boolean): Promise<void>;
     private checkMarkerPosition;
     private getElementTop;
     private runResizeObserver;

package/dist/types/components.d.ts

@@ -33,6 +33,7 @@ import { IcTabClickEventDetail, IcTabSelectEventDetail } from "./components/ic-t
 import { IcAriaAutocompleteTypes, IcTextFieldInputModes, IcTextFieldTypes } from "./components/ic-text-field/ic-text-field.types";
 import { IcChangeEventDetail as IcChangeEventDetail3 } from "./components/ic-toggle-button-group/ic-toggle-button-group.types";
 import { IcTooltipPlacements } from "./components/ic-tooltip/ic-tooltip.types";
+import { Options } from "@popperjs/core";
 export { IcActivationTypes, IcAdditionalFieldTypes, IcAlignment, IcAutocompleteTypes, IcAutocorrectStates, IcBlurEventDetail, IcColor, IcDeviceSizes, IcEmphasisType, IcInformationStatusOrEmpty, IcMenuOption, IcOrientation, IcSearchMatchPositions, IcSelectMethodTypes, IcSelectTypes, IcSizes, IcSizesNoLarge, IcStatusVariants, IcTheme, IcThemeForeground, IcThemeForegroundNoDefault, IcTypographyVariants, IcValueEventDetail } from "./utils/types";
 export { IcBackToTopVariants } from "./components/ic-back-to-top/ic-back-to-top.types";
 export { IcBadgePositions, IcBadgeTypes, IcBadgeVariants } from "./components/ic-badge/ic-badge.types";
@@ -61,6 +62,7 @@ export { IcTabClickEventDetail, IcTabSelectEventDetail } from "./components/ic-t
 export { IcAriaAutocompleteTypes, IcTextFieldInputModes, IcTextFieldTypes } from "./components/ic-text-field/ic-text-field.types";
 export { IcChangeEventDetail as IcChangeEventDetail3 } from "./components/ic-toggle-button-group/ic-toggle-button-group.types";
 export { IcTooltipPlacements } from "./components/ic-tooltip/ic-tooltip.types";
+export { Options } from "@popperjs/core";
 export namespace Components {
     interface IcAccordion {
         "appearance"?: IcThemeForeground;
@@ -2323,6 +2325,10 @@ export namespace Components {
           * The position of the tooltip in relation to the parent element.
          */
         "placement"?: IcTooltipPlacements;
+        /**
+          * @param props object - createPopper props set externally
+         */
+        "setExternalPopperProps": <T extends Partial<Options>>(props: T) => Promise<void>;
         "silent"?: boolean;
         /**
           * The ID of the element the tooltip is describing - for when aria-labelledby or aria-describedby is used.
@@ -2372,6 +2378,10 @@ export namespace Components {
           * If `true`, the typography will have a bold font weight. Note: This will have no impact on variants that already use an equivalent or higher font weight (h1, h2, and subtitle-large).
          */
         "bold"?: boolean;
+        /**
+          * @param height - text container height
+         */
+        "checkMaxLines": (height: number) => Promise<void>;
         /**
           * If `true`, the typography will have an italic font style.
          */
@@ -2380,6 +2390,8 @@ export namespace Components {
           * The number of lines to display before truncating the text, only used for the 'body' variant.
          */
         "maxLines"?: number;
+        "resetTruncation": () => Promise<void>;
+        "setShowHideExpanded": (expanded: boolean) => Promise<void>;
         /**
           * If `true`, the typography will have a line through it.
          */
@@ -2514,6 +2526,10 @@ export interface IcTopNavigationCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLIcTopNavigationElement;
 }
+export interface IcTypographyCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLIcTypographyElement;
+}
 declare global {
     interface HTMLIcAccordionElementEventMap {
         "accordionClicked": { id: string };
@@ -3283,7 +3299,21 @@ declare global {
         prototype: HTMLIcTopNavigationElement;
         new (): HTMLIcTopNavigationElement;
     };
+    interface HTMLIcTypographyElementEventMap {
+        "typographyTruncationExpandToggle": {
+    expanded: boolean;
+    typographyEl: HTMLIcTypographyElement;
+  };
+    }
     interface HTMLIcTypographyElement extends Components.IcTypography, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLIcTypographyElementEventMap>(type: K, listener: (this: HTMLIcTypographyElement, ev: IcTypographyCustomEvent<HTMLIcTypographyElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLIcTypographyElementEventMap>(type: K, listener: (this: HTMLIcTypographyElement, ev: IcTypographyCustomEvent<HTMLIcTypographyElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLIcTypographyElement: {
         prototype: HTMLIcTypographyElement;

package/dist/types/utils/helpers.d.ts

@@ -143,4 +143,5 @@ export declare const isNumeric: (value: string) => boolean;
 export declare function waitForHydration(): Promise<boolean>;
 export declare const convertToRGBA: (color: IcColor) => IcColorRGBA | null;
 export declare const capitalize: (text: string) => string;
-export declare const checkSlotInChildMutations: (addedNodes: NodeList, removedNodes: NodeList, slotName: string) => boolean;
+export declare const checkSlotInChildMutations: (addedNodes: NodeList, removedNodes: NodeList, slotName: string | string[]) => boolean;
+export declare const isElInAGGrid: (el: HTMLElement) => boolean;