@universityofmaryland/web-components-library 1.3.0-beta.2 → 1.3.0-beta.21

package/dist/index.d.ts

@@ -18,6 +18,9 @@ export declare const Components: {
     BannerPromo: {
         Load: () => void;
     };
+    BrandLogoAnimation: {
+        Load: () => void;
+    };
     CallToAction: {
         Load: () => void;
     };
@@ -42,7 +45,7 @@ export declare const Components: {
     CarouselImageMultiple: {
         Load: () => void;
     };
-    CarouselPeople: {
+    CarouselThumbnail: {
         Load: () => void;
     };
     EventDate: {
@@ -81,6 +84,9 @@ export declare const Components: {
     HeroMinimal: {
         Load: () => void;
     };
+    ImageExpand: {
+        Load: () => void;
+    };
     Logo: {
         Load: () => void;
     };
@@ -99,16 +105,25 @@ export declare const Components: {
     NavSlider: {
         Load: () => void;
     };
+    NavSticky: {
+        Load: () => void;
+    };
+    NavUtility: {
+        Load: () => void;
+    };
     Pathway: {
         Load: () => void;
     };
     PathwayHighlight: {
         Load: () => void;
     };
+    Person: {
+        Load: () => void;
+    };
     PersonBio: {
         Load: () => void;
     };
-    Person: {
+    PersonHero: {
         Load: () => void;
     };
     Quote: {
@@ -212,6 +227,7 @@ export declare const Elements: {
             isAligned?: boolean;
             isBordered?: boolean;
             theme?: string | null;
+            isTransparent?: boolean;
         }) => HTMLDivElement;
         Styles: string;
     };
@@ -253,6 +269,7 @@ export declare const Elements: {
             text: HTMLElement | null;
             eyebrow?: HTMLElement | null;
             actions?: HTMLElement | null;
+            isQuote?: boolean;
         }) => HTMLDivElement | null;
         Styles: string;
     };
@@ -332,9 +349,9 @@ export declare const Elements: {
         };
         Styles: string;
     };
-    CarouselPeople: {
+    CarouselThumbnail: {
         CreateElement: (props: {
-            people: HTMLElement[];
+            blocks: HTMLElement[];
             theme?: string | null;
         }) => {
             element: HTMLDivElement;
@@ -433,48 +450,6 @@ export declare const Elements: {
         }) => Promise<any>;
         Styles: string;
     };
-    NavigationElements: {
-        Drawer: {
-            CreateElement: (props: import("./elements/navigation/elements/drawer").TypeNavDrawerRequirements) => {
-                element: HTMLDivElement;
-                events: {
-                    eventOpen: () => void;
-                };
-            } | null;
-            Styles: string;
-        };
-        MenuButton: {
-            CreateElement: (props: import("./elements/navigation/elements/menu-button").TypeMenuDisplayButtonRequirements) => HTMLButtonElement;
-            Styles: string;
-        };
-        Item: {
-            CreateElement: (props: import("./elements/navigation/elements/item").TypeNavItemRequirements) => HTMLDivElement;
-            Styles: string;
-        };
-        Slider: {
-            CreateElement: (props: import("./elements/navigation/elements/slider").TypeNavSliderRequirements) => {
-                container: HTMLDivElement;
-                events: {
-                    resize: () => void;
-                };
-            };
-            Styles: string;
-            Elements: {
-                slider: string;
-            };
-        };
-    };
-    NavigationHeader: {
-        CreateElement: (props: {
-            logo?: HTMLElement | null;
-            eventOpen?: () => void;
-        } & {
-            searchUrl: string | null;
-        } & {
-            navRow?: HTMLElement | null;
-        }) => HTMLDivElement;
-        Styles: string;
-    };
     HeroBrandVideo: {
         CreateElement: (props: {
             video: HTMLVideoElement;
@@ -571,6 +546,13 @@ export declare const Elements: {
         }) => HTMLDivElement;
         Styles: string;
     };
+    LayoutImageExpand: {
+        CreateElement: (props: {
+            content: HTMLElement;
+            image: HTMLImageElement;
+        }) => HTMLDivElement;
+        Styles: string;
+    };
     LogoBlock: {
         CreateElement: (element: import("./elements/logo/block").TypeLogoRequirements) => HTMLDivElement | null;
         Styles: string;
@@ -587,6 +569,77 @@ export declare const Elements: {
         CreateElement: (props: import("./elements/media/inline/wrapped").TypeMediaInlineWrappedRequirements) => HTMLDivElement;
         Styles: string;
     };
+    NavigationElements: {
+        Drawer: {
+            CreateElement: (props: import("./elements/navigation/elements/drawer").TypeNavDrawerRequirements) => {
+                element: HTMLDivElement;
+                events: {
+                    eventOpen: () => void;
+                };
+            } | null;
+            Styles: string;
+        };
+        MenuButton: {
+            CreateElement: (props: import("./elements/navigation/elements/menu-button").TypeMenuDisplayButtonRequirements) => HTMLButtonElement;
+            Styles: string;
+        };
+        Item: {
+            CreateElement: (props: import("./elements/navigation/elements/item").TypeNavItemRequirements) => HTMLDivElement;
+            Styles: string;
+        };
+        Slider: {
+            CreateElement: (props: import("./elements/navigation/elements/slider").TypeNavSliderRequirements) => {
+                container: HTMLDivElement;
+                events: {
+                    resize: () => void;
+                };
+            };
+            Styles: string;
+            Elements: {
+                slider: string;
+            };
+        };
+        Sticky: {
+            CreateElement: ({ content, component, }: {
+                content: HTMLElement;
+                component: HTMLElement;
+            }) => HTMLDivElement;
+            Styles: string;
+        };
+    };
+    NavigationHeader: {
+        CreateElement: (props: {
+            logo?: HTMLElement | null;
+            eventOpen?: () => void;
+        } & {
+            searchUrl: string | null;
+        } & {
+            navRow?: HTMLElement | null;
+            utilityRow?: HTMLElement | null;
+        }) => {
+            element: HTMLDivElement;
+            events: {
+                sticky: ({ isSticky }: {
+                    isSticky: boolean;
+                }) => void;
+            };
+        };
+        Styles: string;
+    };
+    NavigationUtility: {
+        CreateElement: (props: {
+            alertUrl?: string | null;
+            hasAdmissions: boolean;
+            hasSchools: boolean;
+            hasNews: boolean;
+            hasEvents: boolean;
+            hasGifts: boolean;
+            hasSearch: boolean;
+            giftUrl?: string;
+            searchType?: string;
+        } & import("./elements/navigation/utility/alert").TypeAlertProps) => HTMLDivElement;
+        Styles: string;
+    };
     PathwayDefault: {
         CreateElement: (props: import("./elements/pathway/elements/text").TypePathwayTextContainer & {
             isImageScaled: boolean;
@@ -658,13 +711,7 @@ export declare const Elements: {
         Styles: string;
     };
     PersonBlock: {
-        CreateElement: (props: {
-            phone?: HTMLElement | null;
-            email?: HTMLElement | null;
-            linkendIn?: HTMLElement | null;
-            address?: HTMLElement | null;
-            additionalContact?: HTMLElement | null;
-        } & {
+        CreateElement: (props: import("./elements/person/elements/contact").TypeContactProps & {
             name: HTMLElement | null;
             job?: HTMLElement | null;
             association?: HTMLElement | null;
@@ -679,13 +726,7 @@ export declare const Elements: {
         Styles: string;
     };
     PersonBio: {
-        CreateElement: (props: {
-            phone?: HTMLElement | null;
-            email?: HTMLElement | null;
-            linkendIn?: HTMLElement | null;
-            address?: HTMLElement | null;
-            additionalContact?: HTMLElement | null;
-        } & {
+        CreateElement: (props: import("./elements/person/elements/contact").TypeContactProps & {
             name: HTMLElement | null;
             job?: HTMLElement | null;
             association?: HTMLElement | null;
@@ -701,13 +742,7 @@ export declare const Elements: {
         Styles: string;
     };
     PersonBioFull: {
-        CreateElement: (props: {
-            phone?: HTMLElement | null;
-            email?: HTMLElement | null;
-            linkendIn?: HTMLElement | null;
-            address?: HTMLElement | null;
-            additionalContact?: HTMLElement | null;
-        } & {
+        CreateElement: (props: import("./elements/person/elements/contact").TypeContactProps & {
             name: HTMLElement | null;
             job?: HTMLElement | null;
             association?: HTMLElement | null;
@@ -722,14 +757,24 @@ export declare const Elements: {
         }) => HTMLDivElement;
         Styles: string;
     };
-    PersonList: {
+    PersonHero: {
         CreateElement: (props: {
-            phone?: HTMLElement | null;
-            email?: HTMLElement | null;
-            linkendIn?: HTMLElement | null;
-            address?: HTMLElement | null;
-            additionalContact?: HTMLElement | null;
+            name: HTMLElement | null;
+            job?: HTMLElement | null;
+            subText?: HTMLElement | null;
+        } & import("./elements/person/elements/contact").TypeContactProps & {
+            image?: HTMLImageElement | null;
+            association?: HTMLElement | null;
+            pronouns?: HTMLElement | null;
         } & {
+            theme?: string | null;
+            breadcrumbMobile?: HTMLElement | null;
+            breadcrumbDesktop?: HTMLElement | null;
+        }) => HTMLDivElement;
+        Styles: string;
+    };
+    PersonList: {
+        CreateElement: (props: import("./elements/person/elements/contact").TypeContactProps & {
             name: HTMLElement | null;
             job?: HTMLElement | null;
             association?: HTMLElement | null;
@@ -744,13 +789,7 @@ export declare const Elements: {
         Styles: string;
     };
     PersonTabular: {
-        CreateElement: (props: {
-            phone?: HTMLElement | null;
-            email?: HTMLElement | null;
-            linkendIn?: HTMLElement | null;
-            address?: HTMLElement | null;
-            additionalContact?: HTMLElement | null;
-        } & {
+        CreateElement: (props: import("./elements/person/elements/contact").TypeContactProps & {
             name: HTMLElement | null;
             job?: HTMLElement | null;
             association?: HTMLElement | null;
@@ -788,6 +827,8 @@ export declare const Elements: {
             theme: string;
             size: string;
             image: HTMLElement | null;
+        } & {
+            isTransparent: boolean;
         }) => HTMLDivElement;
         Styles: string;
     };
@@ -906,5 +947,210 @@ export declare const Elements: {
         };
     };
 };
+export declare const Utilties: {
+    Accessibility: {
+        EventAccessibilityFocus: import("./utilities/accessibility").EventAccessibilityFocusType;
+        EventAccessibilityFocusTrap: import("./utilities/accessibility").EventAccessibilityFocusType;
+    };
+    Animation: {
+        ShrinkThenRemove: ({ container }: {
+            container: HTMLElement;
+        }) => void;
+        ScrollTo: ({ element, spread, frames, }: {
+            element: HTMLElement;
+            spread?: number;
+            frames?: number;
+        }) => void;
+    };
+    AssetIcon: {
+        ARROW: string;
+        BACK_ARROW: string;
+        CALENDAR: string;
+        CLOCK: string;
+        CHEVRON_SMALL: string;
+        CLOSE_BUTTON: string;
+        DOCUMENT: string;
+        EMAIL: string;
+        EXCLAMATION: string;
+        FEARLESS: string;
+        FORWARD_ARROW: string;
+        FULL_SCREEN: string;
+        MAGNIFY_GLASS: string;
+        MULTI_DAY: string;
+        NEW_WINDOW: string;
+        NOTIFICATION: string;
+        PAUSE: string;
+        PERSON: string;
+        PIN: string;
+        PHONE: string;
+        PLAY: string;
+        PRINTER: string;
+        QUOTE: string;
+        SHORT_ARROW: string;
+        X: string;
+    };
+    AssetLogo: {
+        DARK_LOGO: string;
+        LIGHT_LOGO: string;
+        CAMPAIGN_LOGO: string;
+        CAMPAIGN_LOGO_DARK: string;
+        SEAL_GRAY_LIGHT: string;
+        SEAL_WHITE: string;
+        SEAL_GRAY_DARK: string;
+    };
+    AssetSocial: {
+        FACEBOOK: string;
+        X: string;
+        TWITTER: string;
+        INSTAGRAM: string;
+        YOUTUBE: string;
+        LINKEDIN: string;
+    };
+    AssetServices: {
+        CreateGif: ({ container }: {
+            container: HTMLDivElement | null;
+        }) => void;
+        GetResponsiveImageSize: ({ image, parentNode, maxWindowHeight, }: {
+            image: HTMLImageElement;
+            parentNode: HTMLElement;
+            maxWindowHeight?: number;
+        }) => number;
+    };
+    DateUtility: {
+        CreateVisualFormattedDate: (date: Date) => {
+            full: string;
+            dayOfWeekLong: string;
+            dayOfWeek: string;
+            month: string;
+            day: string;
+            time: string;
+        };
+        CreateDateCompareString: (date: Date) => {
+            palindromeTruncated: string;
+        };
+    };
+    EventsUtility: {
+        CreateEventSwipe: ({ container, callback, }: {
+            container: HTMLElement;
+            callback: (arg: boolean) => void;
+        }) => void;
+    };
+    MarkupCreate: {
+        Node: {
+            span: ({ text }: {
+                text: string;
+            }) => HTMLSpanElement;
+            slot: ({ type }: {
+                type: string;
+            }) => HTMLSlotElement;
+            imageFromSvg: ({ SVG }: {
+                SVG: string;
+            }) => HTMLImageElement;
+            linkWithSpan: ({ url, title, label, }: {
+                url: string;
+                title: string;
+                label?: string;
+            }) => HTMLAnchorElement;
+            stylesTemplate: ({ styles }: {
+                styles: string;
+            }) => HTMLTemplateElement;
+        };
+        SlotWithDefaultStyling: ({ element, slotRef, }: {
+            element: HTMLElement;
+            slotRef: string;
+        }) => HTMLElement | null;
+        SlotOberserver: ({ element, shadowDom, slots, CreateShadowDom, }: {
+            element: HTMLElement;
+            shadowDom: ShadowRoot;
+            slots: {
+                [key: string]: string;
+            };
+            CreateShadowDom: ({ element }: {
+                element: any;
+            }) => void;
+        }) => void;
+    };
+    MarkupEvent: {
+        CreateDate: ({ element }: {
+            element: HTMLElement | Element | null;
+        }) => {
+            dayOfWeek: string;
+            month: string;
+            day: string;
+            time: string;
+        } | null;
+        CreateDetailsData: ({ locationElement, startDate, endDate, }: {
+            locationElement?: HTMLElement | Element | null;
+            startDate: Record<string, string>;
+            endDate?: Record<string, string> | null;
+        }) => any;
+    };
+    MarkupLocate: {
+        FindParent: ({ element, attr, }: {
+            element: HTMLElement;
+            attr: string;
+        }) => HTMLElement;
+    };
+    MarkupModify: {
+        AnimationLinkSpan: ({ element, }: {
+            element: HTMLElement | HTMLAnchorElement;
+        }) => void;
+        CleanCopy: ({ element }: {
+            element: HTMLElement;
+        }) => HTMLAnchorElement;
+        CtaStyle: ({ element, styleClass, }: {
+            element: HTMLElement | HTMLAnchorElement;
+            styleClass: string;
+        }) => void;
+        TruncateText: ({ text, size, breakpointLarge, breakpointMax, textSizeSmall, textSizeLarge, textSizeMax, }: {
+            text: string;
+            size: number;
+            breakpointLarge?: number;
+            breakpointMax?: number;
+            textSizeSmall?: number;
+            textSizeLarge?: number;
+            textSizeMax?: number;
+        }) => string;
+    };
+    MarkupValidate: {
+        ImageHasAlt: ({ image }: {
+            image: HTMLImageElement;
+        }) => boolean;
+        ImageAlt: ({ element, slotRef, }: {
+            element: HTMLElement;
+            slotRef: string;
+        }) => boolean;
+        ImageSlot: ({ element, ImageSlot, }: {
+            element: HTMLElement;
+            ImageSlot: string;
+        }) => HTMLImageElement | null;
+    };
+    Network: {
+        FetchGraphQL: ({ query, url, variables, token, }: {
+            query: string;
+            url: string;
+            token: string;
+            variables?: import("./utilities/network").VariablesType;
+        }) => Promise<any>;
+    };
+    Performance: {
+        Debounce: <T extends Function>(cb: T, wait?: number) => T;
+    };
+    Storage: {
+        GetLocalString: ({ key }: {
+            key: string;
+        }) => number | null;
+        SetLocalString: ({ key }: {
+            key: string;
+        }) => void;
+    };
+    Styles: {
+        ResetString: string;
+        ConvertJSSObjectToStyles: ({ styleObj }: {
+            styleObj: any;
+        }) => string;
+        ConvertPixelStringToNumber: (styleStr: string) => number;
+    };
+};
 export default LoadUmdComponents;
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../source/index.ts"],"names":[],"mappings":"AAGA,QAAA,MAAM,iBAAiB,YAKtB,CAAC;AAEF,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAEtB,CAAC;AAEF,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;eAKkzP,CAAC;gBAA4B,CAAC;gBAAgB,CAAC;iBAAwB,CAAC;sBAA6B,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sBAA9vF,CAAC;wBAAkC,CAAC;qBAA+B,CAAC;2BAA8B,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBAA/mI,CAAC;sBAA6B,CAAC;iBAAwB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAH1tC,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../source/index.ts"],"names":[],"mappings":"AAIA,QAAA,MAAM,iBAAiB,YAKtB,CAAC;AAEF,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAEtB,CAAC;AAEF,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;eASotP,CAAC;gBAA4B,CAAC;gBAAgB,CAAC;iBAAwB,CAAC;sBAA6B,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sBAA9vF,CAAC;wBAAkC,CAAC;qBAA+B,CAAC;2BAA8B,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBAA/mI,CAAC;sBAA6B,CAAC;iBAAwB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAP5nC,CAAC;AAEF,eAAO,MAAM,QAAQ;;;;;;;;;;;kBAK6uB,CAAC;kBAAkB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2BAAghC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBAAvpD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2BAAwD,CAAC;;mBAA8E,CAAC;;;;;;;;;;;;;;;;;;;;;;;2BAAyY,CAAC;yBAAyB,CAAC;yBAAyB,CAAC;yBAAyB,CAAC;uBAAuB,CAAC;;;;;;;;;;;;;;;;;;;;;qBAnBrvB,CAAA;;;;;;;;;;;;;;;;;;;;;CAgBnB,CAAC;AAEF,eAAe,iBAAiB,CAAC"}