@speakapbv/dough-component-library 9.8.0 → 9.9.0

package/dist/index.d.ts

@@ -58,7 +58,7 @@ export { Box, BoxAlign, BoxAlignment, BoxAlignContent, BoxDirection, BoxDisplay,
 export { Grid, GridContentAlignment, GridItemsAlignment, GridFlow, } from "./components/containers/grid/grid";
 export { GridItem } from "./components/containers/grid/grid-item";
 export { cancelEvent } from "./utils/event";
-export { findParentBySelector } from "./utils/dom-management";
+export { findParentBySelector, setBreakpointSizeManually, } from "./utils/dom-management";
 export { default as cn } from "./utils/class-names";
 export { generateUID } from "./utils/guid";
 export { hideLastDoughTooltip } from "./utils/dom-management";

package/dist/index.es.js

@@ -535,9 +535,16 @@ var insertBreakpointControllerDoms = function () {
         observer.observe(breakpointDom);
     });
 };
+var manualBreakpointSize = null;
+var setBreakpointSizeManually = function (size) {
+    manualBreakpointSize = size;
+};
 var registerBreakpointView = function (callbacks, breakpointSize, id) {
     var _a;
-    if (typeof IntersectionObserver !== "undefined") {
+    if (manualBreakpointSize && manualBreakpointSize === breakpointSize) {
+        callbacks.show(breakpointSize);
+    }
+    else if (typeof IntersectionObserver !== "undefined") {
         if (document.querySelectorAll(".dough-breakpoint-control").length === 0) {
             insertBreakpointControllerDoms();
         }
@@ -5457,4 +5464,4 @@ GridItem.displayName = "GridItem";
 
 injectRobotoFont();
 
-export { AlertStatus, AlertText, AppBackground, AppWrapper, Avatar, BR, Badge, BorderStyles, Box, BoxAlign, BoxAlignContent, BoxAlignment, BoxDirection, BoxDisplay, BoxJustifyContent, BoxOverflow, BoxWrap, BreadCrumb, BreakpointViewer, BreakpointViewportSizes, Button, ButtonInputType, Card, Carousel, CheckBox, Collapser, Colors, ColorsIcon, ColorsText, Container, ContentSlider, DatePicker, DateTime, DesignTokens, Dialog, Direction, Divider, DoughDateInput, DropMenu, Fader, Footer, Grid, GridContentAlignment, GridFlow, GridItem, GridItemsAlignment, H1, H2, H3, H4, H5, H6, H7, Header, HorizontalAlignment, HorizontalListSlider, Image, ImageCarousel, ImageContentShowOnHoverClassName, InputWrapper, LayoutContainer, LayoutFlexBox, Link, Notification, NumericInput, Overlay, PanelOverlay, Paragraph, RadioGroup, RadioOption, SelectBox, Sizes, Skeleton, SkeletonShape, Spacer, Spacings, Spinner, StepsIndicator, StrengthIndicator, Subtitle, Switch, Table, TableCell, TableRow, TableRowStyle, TabsContainer, Tag, Text, TextAlignment, TextArea, TextInput, TimePicker, Toggle, ToggleWithText, Tooltip, TooltipDirection, VerticalAlignment, cancelEvent, checkComponentType, cn, findParentBySelector, generateUID, hideLastDoughTooltip };
+export { AlertStatus, AlertText, AppBackground, AppWrapper, Avatar, BR, Badge, BorderStyles, Box, BoxAlign, BoxAlignContent, BoxAlignment, BoxDirection, BoxDisplay, BoxJustifyContent, BoxOverflow, BoxWrap, BreadCrumb, BreakpointViewer, BreakpointViewportSizes, Button, ButtonInputType, Card, Carousel, CheckBox, Collapser, Colors, ColorsIcon, ColorsText, Container, ContentSlider, DatePicker, DateTime, DesignTokens, Dialog, Direction, Divider, DoughDateInput, DropMenu, Fader, Footer, Grid, GridContentAlignment, GridFlow, GridItem, GridItemsAlignment, H1, H2, H3, H4, H5, H6, H7, Header, HorizontalAlignment, HorizontalListSlider, Image, ImageCarousel, ImageContentShowOnHoverClassName, InputWrapper, LayoutContainer, LayoutFlexBox, Link, Notification, NumericInput, Overlay, PanelOverlay, Paragraph, RadioGroup, RadioOption, SelectBox, Sizes, Skeleton, SkeletonShape, Spacer, Spacings, Spinner, StepsIndicator, StrengthIndicator, Subtitle, Switch, Table, TableCell, TableRow, TableRowStyle, TabsContainer, Tag, Text, TextAlignment, TextArea, TextInput, TimePicker, Toggle, ToggleWithText, Tooltip, TooltipDirection, VerticalAlignment, cancelEvent, checkComponentType, cn, findParentBySelector, generateUID, hideLastDoughTooltip, setBreakpointSizeManually };

package/dist/index.js

@@ -531,9 +531,16 @@ var insertBreakpointControllerDoms = function () {
         observer.observe(breakpointDom);
     });
 };
+var manualBreakpointSize = null;
+var setBreakpointSizeManually = function (size) {
+    manualBreakpointSize = size;
+};
 var registerBreakpointView = function (callbacks, breakpointSize, id) {
     var _a;
-    if (typeof IntersectionObserver !== "undefined") {
+    if (manualBreakpointSize && manualBreakpointSize === breakpointSize) {
+        callbacks.show(breakpointSize);
+    }
+    else if (typeof IntersectionObserver !== "undefined") {
         if (document.querySelectorAll(".dough-breakpoint-control").length === 0) {
             insertBreakpointControllerDoms();
         }
@@ -5511,3 +5518,4 @@ exports.cn = cn;
 exports.findParentBySelector = findParentBySelector;
 exports.generateUID = generateUID;
 exports.hideLastDoughTooltip = hideLastDoughTooltip;
+exports.setBreakpointSizeManually = setBreakpointSizeManually;

package/dist/utils/dom-management.d.ts

@@ -22,5 +22,6 @@ export declare const getAppWrapperOverlay: () => any;
 export declare const getNotificationOverlay: (verticalLayer: any, horizontalLayer: any, selector?: string | undefined) => any;
 export declare const getInjectedStylesWrapper: () => any;
 export declare const findParentBySelector: (element: HTMLElement, selector: string) => HTMLElement;
+export declare const setBreakpointSizeManually: (size: BreakpointViewportSizes | null) => void;
 export declare const registerBreakpointView: (callbacks: any, breakpointSize: BreakpointViewportSizes, id: string) => void;
 export declare const deRegisterBreakpointView: (id: string) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@speakapbv/dough-component-library",
-    "version": "9.8.0",
+    "version": "9.9.0",
     "description": "DOUGH: Speakap React Component Library",
     "author": "Speakap",
     "license": "MIT",