@universityofmaryland/web-elements-library 1.5.3 → 1.5.5

package/dist/composite/footer/elements/main-section/row-links/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../source/composite/footer/elements/main-section/row-links/index.ts"],"sourcesContent":["import { layout, token } from '@universityofmaryland/web-styles-library';\nimport { ElementModel } from 'model';\nimport createSocialCampaignColumns, {\n  type SocialCampaignColumnsProps,\n} from '../social';\nimport createLinkColumns, { type slotColumnsProps } from './link-columns';\nimport { BREAKPOINTS } from '../../../globals';\nimport { BaseProps } from '../../../_types';\nimport { type ElementVisual } from '../../../../../_types';\n\nconst { LARGE } = BREAKPOINTS;\n\nexport interface RowLinksProps\n  extends SocialCampaignColumnsProps,\n    BaseProps,\n    slotColumnsProps {}\n\nexport default (props: RowLinksProps): ElementVisual => {\n  const { isThemeLight } = props;\n  const socialColumnWrapper = createSocialCampaignColumns(props);\n  const linkColumnWrapper = createLinkColumns(props);\n  const wrapperElement = ElementModel.createDiv({\n    className: 'umd-footer-row-links-wrapper',\n    children: [linkColumnWrapper, socialColumnWrapper],\n    elementStyles: {\n      element: {\n        display: 'flex',\n\n        [`@container (max-width: ${LARGE - 1}px)`]: {\n          flexDirection: 'column-reverse',\n          flexWrap: 'wrap',\n\n          ['& .umd-footer-social-column_wrapper']: {\n            display: 'none',\n          },\n        },\n      },\n    },\n  });\n  const lockElement = ElementModel.createDiv({\n    className: 'umd-footer-row-links-lock',\n    children: [wrapperElement],\n    elementStyles: {\n      element: {\n        ...layout.space.horizontal.larger,\n      },\n    },\n  });\n\n  return ElementModel.createDiv({\n    className: 'umd-footer-row-links',\n    children: [lockElement],\n    elementStyles: {\n      element: {\n        paddingBottom: token.spacing.lg,\n        backgroundColor: token.color.black,\n\n        ...(isThemeLight && {\n          backgroundColor: token.color.gray.lightest,\n        }),\n\n        [`@container  (min-width: ${LARGE}px)`]: {\n          paddingBottom: token.spacing['2xl'],\n        },\n      },\n    },\n  });\n};\n"],"names":["BREAKPOINTS","createSocialCampaignColumns","createLinkColumns","ElementModel.createDiv","layout","token"],"mappings":";;;;;;AAUA,MAAM,EAAE,UAAUA,QAAAA;AAOlB,MAAA,iBAAe,CAAC,UAAwC;AACtD,QAAM,EAAE,iBAAiB;AACzB,QAAM,sBAAsBC,OAA4B,KAAK;AAC7D,QAAM,oBAAoBC,YAAkB,KAAK;AACjD,QAAM,iBAAiBC,MAAAA,UAAuB;AAAA,IAC5C,WAAW;AAAA,IACX,UAAU,CAAC,mBAAmB,mBAAmB;AAAA,IACjD,eAAe;AAAA,MACb,SAAS;AAAA,QACP,SAAS;AAAA,QAET,CAAC,0BAA0B,QAAQ,CAAC,KAAK,GAAG;AAAA,UAC1C,eAAe;AAAA,UACf,UAAU;AAAA,UAEV,CAAC,qCAAqC,GAAG;AAAA,YACvC,SAAS;AAAA,UAAA;AAAA,QACX;AAAA,MACF;AAAA,IACF;AAAA,EACF,CACD;AACD,QAAM,cAAcA,MAAAA,UAAuB;AAAA,IACzC,WAAW;AAAA,IACX,UAAU,CAAC,cAAc;AAAA,IACzB,eAAe;AAAA,MACb,SAAS;AAAA,QACP,GAAGC,OAAAA,OAAO,MAAM,WAAW;AAAA,MAAA;AAAA,IAC7B;AAAA,EACF,CACD;AAED,SAAOD,gBAAuB;AAAA,IAC5B,WAAW;AAAA,IACX,UAAU,CAAC,WAAW;AAAA,IACtB,eAAe;AAAA,MACb,SAAS;AAAA,QACP,eAAeE,OAAAA,MAAM,QAAQ;AAAA,QAC7B,iBAAiBA,OAAAA,MAAM,MAAM;AAAA,QAE7B,GAAI,gBAAgB;AAAA,UAClB,iBAAiBA,OAAAA,MAAM,MAAM,KAAK;AAAA,QAAA;AAAA,QAGpC,CAAC,2BAA2B,KAAK,KAAK,GAAG;AAAA,UACvC,eAAeA,OAAAA,MAAM,QAAQ,KAAK;AAAA,QAAA;AAAA,MACpC;AAAA,IACF;AAAA,EACF,CACD;AACH;;"}
+{"version":3,"file":"index.js","sources":["../../../../../../source/composite/footer/elements/main-section/row-links/index.ts"],"sourcesContent":["import { ElementBuilder } from '@universityofmaryland/web-builder-library';\nimport { layout, token } from '@universityofmaryland/web-styles-library';\nimport createSocialCampaignColumns, {\n  type SocialCampaignColumnsProps,\n} from '../social';\nimport createLinkColumns, { type slotColumnsProps } from './link-columns';\nimport { BREAKPOINTS } from '../../../globals';\nimport { BaseProps } from '../../../_types';\nimport { type UMDElement } from '../../../../../_types';\n\nconst { LARGE } = BREAKPOINTS;\n\nexport interface RowLinksProps\n  extends SocialCampaignColumnsProps,\n    BaseProps,\n    slotColumnsProps {}\n\nexport default (props: RowLinksProps): UMDElement => {\n  const { isThemeLight } = props;\n  const socialColumnWrapper = createSocialCampaignColumns(props);\n  const linkColumnWrapper = createLinkColumns(props);\n\n  const wrapperElement = new ElementBuilder()\n    .withClassName('umd-footer-row-links-wrapper')\n    .withStyles({\n      element: {\n        display: 'flex',\n\n        [`@container (max-width: ${LARGE - 1}px)`]: {\n          flexDirection: 'column-reverse',\n          flexWrap: 'wrap',\n\n          ['& .umd-footer-social-column_wrapper']: {\n            display: 'none',\n          },\n        },\n      },\n    })\n    .withChildren(linkColumnWrapper, socialColumnWrapper)\n    .build();\n\n  const lockElement = new ElementBuilder()\n    .withClassName('umd-footer-row-links-lock')\n    .withStyles({\n      element: {\n        ...layout.space.horizontal.larger,\n      },\n    })\n    .withChild(wrapperElement)\n    .build();\n\n  return new ElementBuilder()\n    .withClassName('umd-footer-row-links')\n    .withStyles({\n      element: {\n        paddingBottom: token.spacing.lg,\n        backgroundColor: token.color.black,\n\n        ...(isThemeLight && {\n          backgroundColor: token.color.gray.lightest,\n        }),\n\n        [`@container  (min-width: ${LARGE}px)`]: {\n          paddingBottom: token.spacing['2xl'],\n        },\n      },\n    })\n    .withChild(lockElement)\n    .build();\n};\n"],"names":["BREAKPOINTS","createSocialCampaignColumns","createLinkColumns","ElementBuilder","layout","token"],"mappings":";;;;;;AAUA,MAAM,EAAE,UAAUA,QAAAA;AAOlB,MAAA,iBAAe,CAAC,UAAqC;AACnD,QAAM,EAAE,iBAAiB;AACzB,QAAM,sBAAsBC,OAA4B,KAAK;AAC7D,QAAM,oBAAoBC,YAAkB,KAAK;AAEjD,QAAM,iBAAiB,IAAIC,kBAAAA,eAAA,EACxB,cAAc,8BAA8B,EAC5C,WAAW;AAAA,IACV,SAAS;AAAA,MACP,SAAS;AAAA,MAET,CAAC,0BAA0B,QAAQ,CAAC,KAAK,GAAG;AAAA,QAC1C,eAAe;AAAA,QACf,UAAU;AAAA,QAEV,CAAC,qCAAqC,GAAG;AAAA,UACvC,SAAS;AAAA,QAAA;AAAA,MACX;AAAA,IACF;AAAA,EACF,CACD,EACA,aAAa,mBAAmB,mBAAmB,EACnD,MAAA;AAEH,QAAM,cAAc,IAAIA,kBAAAA,eAAA,EACrB,cAAc,2BAA2B,EACzC,WAAW;AAAA,IACV,SAAS;AAAA,MACP,GAAGC,OAAAA,OAAO,MAAM,WAAW;AAAA,IAAA;AAAA,EAC7B,CACD,EACA,UAAU,cAAc,EACxB,MAAA;AAEH,SAAO,IAAID,kBAAAA,eAAA,EACR,cAAc,sBAAsB,EACpC,WAAW;AAAA,IACV,SAAS;AAAA,MACP,eAAeE,OAAAA,MAAM,QAAQ;AAAA,MAC7B,iBAAiBA,OAAAA,MAAM,MAAM;AAAA,MAE7B,GAAI,gBAAgB;AAAA,QAClB,iBAAiBA,OAAAA,MAAM,MAAM,KAAK;AAAA,MAAA;AAAA,MAGpC,CAAC,2BAA2B,KAAK,KAAK,GAAG;AAAA,QACvC,eAAeA,OAAAA,MAAM,QAAQ,KAAK;AAAA,MAAA;AAAA,IACpC;AAAA,EACF,CACD,EACA,UAAU,WAAW,EACrB,MAAA;AACL;;"}

package/dist/composite/footer/elements/main-section/row-links/index.mjs

@@ -1,5 +1,5 @@
+import { ElementBuilder } from "@universityofmaryland/web-builder-library";
 import { layout, token } from "@universityofmaryland/web-styles-library";
-import { createDiv } from "../../../../../model/elements/index.mjs";
 import createSocialCampaignColumns from "../social.mjs";
 import createLinkColumns from "./link-columns.mjs";
 import { BREAKPOINTS } from "../../../globals.mjs";
@@ -8,47 +8,35 @@ const createRowLinks = (props) => {
   const { isThemeLight } = props;
   const socialColumnWrapper = createSocialCampaignColumns(props);
   const linkColumnWrapper = createLinkColumns(props);
-  const wrapperElement = createDiv({
-    className: "umd-footer-row-links-wrapper",
-    children: [linkColumnWrapper, socialColumnWrapper],
-    elementStyles: {
-      element: {
-        display: "flex",
-        [`@container (max-width: ${LARGE - 1}px)`]: {
-          flexDirection: "column-reverse",
-          flexWrap: "wrap",
-          ["& .umd-footer-social-column_wrapper"]: {
-            display: "none"
-          }
+  const wrapperElement = new ElementBuilder().withClassName("umd-footer-row-links-wrapper").withStyles({
+    element: {
+      display: "flex",
+      [`@container (max-width: ${LARGE - 1}px)`]: {
+        flexDirection: "column-reverse",
+        flexWrap: "wrap",
+        ["& .umd-footer-social-column_wrapper"]: {
+          display: "none"
         }
       }
     }
-  });
-  const lockElement = createDiv({
-    className: "umd-footer-row-links-lock",
-    children: [wrapperElement],
-    elementStyles: {
-      element: {
-        ...layout.space.horizontal.larger
-      }
+  }).withChildren(linkColumnWrapper, socialColumnWrapper).build();
+  const lockElement = new ElementBuilder().withClassName("umd-footer-row-links-lock").withStyles({
+    element: {
+      ...layout.space.horizontal.larger
     }
-  });
-  return createDiv({
-    className: "umd-footer-row-links",
-    children: [lockElement],
-    elementStyles: {
-      element: {
-        paddingBottom: token.spacing.lg,
-        backgroundColor: token.color.black,
-        ...isThemeLight && {
-          backgroundColor: token.color.gray.lightest
-        },
-        [`@container  (min-width: ${LARGE}px)`]: {
-          paddingBottom: token.spacing["2xl"]
-        }
+  }).withChild(wrapperElement).build();
+  return new ElementBuilder().withClassName("umd-footer-row-links").withStyles({
+    element: {
+      paddingBottom: token.spacing.lg,
+      backgroundColor: token.color.black,
+      ...isThemeLight && {
+        backgroundColor: token.color.gray.lightest
+      },
+      [`@container  (min-width: ${LARGE}px)`]: {
+        paddingBottom: token.spacing["2xl"]
       }
     }
-  });
+  }).withChild(lockElement).build();
 };
 export {
   createRowLinks as default

package/dist/composite/footer/elements/main-section/row-links/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../../../../source/composite/footer/elements/main-section/row-links/index.ts"],"sourcesContent":["import { layout, token } from '@universityofmaryland/web-styles-library';\nimport { ElementModel } from 'model';\nimport createSocialCampaignColumns, {\n  type SocialCampaignColumnsProps,\n} from '../social';\nimport createLinkColumns, { type slotColumnsProps } from './link-columns';\nimport { BREAKPOINTS } from '../../../globals';\nimport { BaseProps } from '../../../_types';\nimport { type ElementVisual } from '../../../../../_types';\n\nconst { LARGE } = BREAKPOINTS;\n\nexport interface RowLinksProps\n  extends SocialCampaignColumnsProps,\n    BaseProps,\n    slotColumnsProps {}\n\nexport default (props: RowLinksProps): ElementVisual => {\n  const { isThemeLight } = props;\n  const socialColumnWrapper = createSocialCampaignColumns(props);\n  const linkColumnWrapper = createLinkColumns(props);\n  const wrapperElement = ElementModel.createDiv({\n    className: 'umd-footer-row-links-wrapper',\n    children: [linkColumnWrapper, socialColumnWrapper],\n    elementStyles: {\n      element: {\n        display: 'flex',\n\n        [`@container (max-width: ${LARGE - 1}px)`]: {\n          flexDirection: 'column-reverse',\n          flexWrap: 'wrap',\n\n          ['& .umd-footer-social-column_wrapper']: {\n            display: 'none',\n          },\n        },\n      },\n    },\n  });\n  const lockElement = ElementModel.createDiv({\n    className: 'umd-footer-row-links-lock',\n    children: [wrapperElement],\n    elementStyles: {\n      element: {\n        ...layout.space.horizontal.larger,\n      },\n    },\n  });\n\n  return ElementModel.createDiv({\n    className: 'umd-footer-row-links',\n    children: [lockElement],\n    elementStyles: {\n      element: {\n        paddingBottom: token.spacing.lg,\n        backgroundColor: token.color.black,\n\n        ...(isThemeLight && {\n          backgroundColor: token.color.gray.lightest,\n        }),\n\n        [`@container  (min-width: ${LARGE}px)`]: {\n          paddingBottom: token.spacing['2xl'],\n        },\n      },\n    },\n  });\n};\n"],"names":["ElementModel.createDiv"],"mappings":";;;;;AAUA,MAAM,EAAE,UAAU;AAOlB,MAAA,iBAAe,CAAC,UAAwC;AACtD,QAAM,EAAE,iBAAiB;AACzB,QAAM,sBAAsB,4BAA4B,KAAK;AAC7D,QAAM,oBAAoB,kBAAkB,KAAK;AACjD,QAAM,iBAAiBA,UAAuB;AAAA,IAC5C,WAAW;AAAA,IACX,UAAU,CAAC,mBAAmB,mBAAmB;AAAA,IACjD,eAAe;AAAA,MACb,SAAS;AAAA,QACP,SAAS;AAAA,QAET,CAAC,0BAA0B,QAAQ,CAAC,KAAK,GAAG;AAAA,UAC1C,eAAe;AAAA,UACf,UAAU;AAAA,UAEV,CAAC,qCAAqC,GAAG;AAAA,YACvC,SAAS;AAAA,UAAA;AAAA,QACX;AAAA,MACF;AAAA,IACF;AAAA,EACF,CACD;AACD,QAAM,cAAcA,UAAuB;AAAA,IACzC,WAAW;AAAA,IACX,UAAU,CAAC,cAAc;AAAA,IACzB,eAAe;AAAA,MACb,SAAS;AAAA,QACP,GAAG,OAAO,MAAM,WAAW;AAAA,MAAA;AAAA,IAC7B;AAAA,EACF,CACD;AAED,SAAOA,UAAuB;AAAA,IAC5B,WAAW;AAAA,IACX,UAAU,CAAC,WAAW;AAAA,IACtB,eAAe;AAAA,MACb,SAAS;AAAA,QACP,eAAe,MAAM,QAAQ;AAAA,QAC7B,iBAAiB,MAAM,MAAM;AAAA,QAE7B,GAAI,gBAAgB;AAAA,UAClB,iBAAiB,MAAM,MAAM,KAAK;AAAA,QAAA;AAAA,QAGpC,CAAC,2BAA2B,KAAK,KAAK,GAAG;AAAA,UACvC,eAAe,MAAM,QAAQ,KAAK;AAAA,QAAA;AAAA,MACpC;AAAA,IACF;AAAA,EACF,CACD;AACH;"}
+{"version":3,"file":"index.mjs","sources":["../../../../../../source/composite/footer/elements/main-section/row-links/index.ts"],"sourcesContent":["import { ElementBuilder } from '@universityofmaryland/web-builder-library';\nimport { layout, token } from '@universityofmaryland/web-styles-library';\nimport createSocialCampaignColumns, {\n  type SocialCampaignColumnsProps,\n} from '../social';\nimport createLinkColumns, { type slotColumnsProps } from './link-columns';\nimport { BREAKPOINTS } from '../../../globals';\nimport { BaseProps } from '../../../_types';\nimport { type UMDElement } from '../../../../../_types';\n\nconst { LARGE } = BREAKPOINTS;\n\nexport interface RowLinksProps\n  extends SocialCampaignColumnsProps,\n    BaseProps,\n    slotColumnsProps {}\n\nexport default (props: RowLinksProps): UMDElement => {\n  const { isThemeLight } = props;\n  const socialColumnWrapper = createSocialCampaignColumns(props);\n  const linkColumnWrapper = createLinkColumns(props);\n\n  const wrapperElement = new ElementBuilder()\n    .withClassName('umd-footer-row-links-wrapper')\n    .withStyles({\n      element: {\n        display: 'flex',\n\n        [`@container (max-width: ${LARGE - 1}px)`]: {\n          flexDirection: 'column-reverse',\n          flexWrap: 'wrap',\n\n          ['& .umd-footer-social-column_wrapper']: {\n            display: 'none',\n          },\n        },\n      },\n    })\n    .withChildren(linkColumnWrapper, socialColumnWrapper)\n    .build();\n\n  const lockElement = new ElementBuilder()\n    .withClassName('umd-footer-row-links-lock')\n    .withStyles({\n      element: {\n        ...layout.space.horizontal.larger,\n      },\n    })\n    .withChild(wrapperElement)\n    .build();\n\n  return new ElementBuilder()\n    .withClassName('umd-footer-row-links')\n    .withStyles({\n      element: {\n        paddingBottom: token.spacing.lg,\n        backgroundColor: token.color.black,\n\n        ...(isThemeLight && {\n          backgroundColor: token.color.gray.lightest,\n        }),\n\n        [`@container  (min-width: ${LARGE}px)`]: {\n          paddingBottom: token.spacing['2xl'],\n        },\n      },\n    })\n    .withChild(lockElement)\n    .build();\n};\n"],"names":[],"mappings":";;;;;AAUA,MAAM,EAAE,UAAU;AAOlB,MAAA,iBAAe,CAAC,UAAqC;AACnD,QAAM,EAAE,iBAAiB;AACzB,QAAM,sBAAsB,4BAA4B,KAAK;AAC7D,QAAM,oBAAoB,kBAAkB,KAAK;AAEjD,QAAM,iBAAiB,IAAI,eAAA,EACxB,cAAc,8BAA8B,EAC5C,WAAW;AAAA,IACV,SAAS;AAAA,MACP,SAAS;AAAA,MAET,CAAC,0BAA0B,QAAQ,CAAC,KAAK,GAAG;AAAA,QAC1C,eAAe;AAAA,QACf,UAAU;AAAA,QAEV,CAAC,qCAAqC,GAAG;AAAA,UACvC,SAAS;AAAA,QAAA;AAAA,MACX;AAAA,IACF;AAAA,EACF,CACD,EACA,aAAa,mBAAmB,mBAAmB,EACnD,MAAA;AAEH,QAAM,cAAc,IAAI,eAAA,EACrB,cAAc,2BAA2B,EACzC,WAAW;AAAA,IACV,SAAS;AAAA,MACP,GAAG,OAAO,MAAM,WAAW;AAAA,IAAA;AAAA,EAC7B,CACD,EACA,UAAU,cAAc,EACxB,MAAA;AAEH,SAAO,IAAI,eAAA,EACR,cAAc,sBAAsB,EACpC,WAAW;AAAA,IACV,SAAS;AAAA,MACP,eAAe,MAAM,QAAQ;AAAA,MAC7B,iBAAiB,MAAM,MAAM;AAAA,MAE7B,GAAI,gBAAgB;AAAA,QAClB,iBAAiB,MAAM,MAAM,KAAK;AAAA,MAAA;AAAA,MAGpC,CAAC,2BAA2B,KAAK,KAAK,GAAG;AAAA,QACvC,eAAe,MAAM,QAAQ,KAAK;AAAA,MAAA;AAAA,IACpC;AAAA,EACF,CACD,EACA,UAAU,WAAW,EACrB,MAAA;AACL;"}

package/dist/composite/footer/elements/main-section/row-links/link-columns.d.ts

@@ -1,8 +1,8 @@
 import { BaseProps } from '../../../_types';
-import { ElementVisual } from '../../../../../_types';
+import { UMDElement } from '../../../../../_types';
 export interface slotColumnsProps extends BaseProps {
     slotColumns?: HTMLSlotElement[];
 }
-declare const _default: (props: slotColumnsProps) => ElementVisual;
+declare const _default: (props: slotColumnsProps) => UMDElement;
 export default _default;
 //# sourceMappingURL=link-columns.d.ts.map

package/dist/composite/footer/elements/main-section/row-links/link-columns.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"link-columns.d.ts","sourceRoot":"","sources":["../../../../../../source/composite/footer/elements/main-section/row-links/link-columns.ts"],"names":[],"mappings":"AAQA,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAyQ3D,MAAM,WAAW,gBAAiB,SAAQ,SAAS;IACjD,WAAW,CAAC,EAAE,eAAe,EAAE,CAAC;CACjC;yBAEe,OAAO,gBAAgB,KAAG,aAAa;AAAvD,wBA4DE"}
+{"version":3,"file":"link-columns.d.ts","sourceRoot":"","sources":["../../../../../../source/composite/footer/elements/main-section/row-links/link-columns.ts"],"names":[],"mappings":"AAQA,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAoQxD,MAAM,WAAW,gBAAiB,SAAQ,SAAS;IACjD,WAAW,CAAC,EAAE,eAAe,EAAE,CAAC;CACjC;yBAEe,OAAO,gBAAgB,KAAG,UAAU;AAApD,wBA4DE"}

package/dist/composite/footer/elements/main-section/row-links/link-columns.js

@@ -1,7 +1,7 @@
 "use strict";
+const webBuilderLibrary = require("@universityofmaryland/web-builder-library");
 const Styles = require("@universityofmaryland/web-styles-library");
 const animation = require("@universityofmaryland/web-utilities-library/animation");
-const index = require("../../../../../model/elements/index.js");
 const globals = require("../../../globals.js");
 const { MEDIUM, LARGE } = globals.BREAKPOINTS;
 const COLUMN_ONE_DEFAULT_LINKS = [
@@ -72,49 +72,41 @@ const COLUMN_THREE_DEFAULT_LINKS = [
 ];
 const createLinkColumn = (props, children) => {
   const { isThemeLight } = props;
-  return index.createDiv({
-    className: "link-column-fonts",
-    children,
-    elementStyles: {
-      element: {
-        marginBottom: Styles.token.spacing.sm,
-        ["& > *"]: {
-          marginBottom: Styles.token.spacing.sm
-        },
-        ["& a"]: {
-          ...Styles.animation.line.slideUnderWhite,
-          ...Styles.typography.sans.smaller,
-          ...isThemeLight && {
-            ...Styles.animation.line.slideUnderBlack
-          }
-        },
-        ["& a, & span, & p"]: {
-          color: Styles.token.color.gray.light,
-          ...isThemeLight && {
-            color: Styles.token.color.gray.dark
-          }
-        },
-        [`@container (max-width: ${MEDIUM - 1}px)`]: {
-          ["&:last-child"]: {
-            marginBottom: 0
-          }
+  return new webBuilderLibrary.ElementBuilder().withClassName("link-column-fonts").withChildren(...children).withStyles({
+    element: {
+      marginBottom: Styles.token.spacing.sm,
+      ["& > *"]: {
+        marginBottom: Styles.token.spacing.sm
+      },
+      ["& a"]: {
+        ...Styles.animation.line.slideUnderWhite,
+        ...Styles.typography.sans.smaller,
+        ...isThemeLight && {
+          ...Styles.animation.line.slideUnderBlack
+        }
+      },
+      ["& a, & span, & p"]: {
+        color: Styles.token.color.gray.light,
+        ...isThemeLight && {
+          color: Styles.token.color.gray.dark
+        }
+      },
+      [`@container (max-width: ${MEDIUM - 1}px)`]: {
+        ["&:last-child"]: {
+          marginBottom: 0
         }
       }
     }
-  });
+  }).build();
 };
 const createLinkColumnFontsLink = (element) => {
-  return index.create({
-    element,
-    className: `link-column-fonts-link`,
-    elementStyles: {
-      element: {
-        [`&p`]: {
-          gridColumn: "1 / span 2"
-        }
+  return new webBuilderLibrary.ElementBuilder(element).withClassName(`link-column-fonts-link`).withStyles({
+    element: {
+      [`&p`]: {
+        gridColumn: "1 / span 2"
       }
     }
-  });
+  }).build();
 };
 const createDefaultColumn = (props, defaultContent) => {
   const children = defaultContent.map((row) => {
@@ -141,33 +133,29 @@ const createDefaultColumn = (props, defaultContent) => {
 const createRowLinksColumnWrapper = ({
   children
 }) => {
-  return index.createDiv({
-    className: "umd-footer-row-links-column-wrapper",
-    children,
-    elementStyles: {
-      element: {
-        [`@container (min-width: ${MEDIUM}px) and (max-width: ${LARGE}px)`]: {
-          display: "grid",
-          gridTemplateColumns: "1fr 1fr",
-          gap: `0 ${Styles.token.spacing.md}`
-        },
-        [`@container (max-width: ${MEDIUM}px)`]: {
-          ["&:not(:last-child)"]: {
-            marginBottom: Styles.token.spacing.lg
-          }
-        },
-        [`@container (min-width: ${LARGE}px)`]: {
-          paddingRight: Styles.token.spacing.xs,
-          minWidth: "240px",
-          [`&:not(:first-child)`]: {
-            marginLeft: Styles.token.spacing.lg,
-            paddingLeft: Styles.token.spacing.lg,
-            borderLeft: `1px solid ${Styles.token.color.gray.dark}`
-          }
+  return new webBuilderLibrary.ElementBuilder().withClassName("umd-footer-row-links-column-wrapper").withChildren(...children).withStyles({
+    element: {
+      [`@container (min-width: ${MEDIUM}px) and (max-width: ${LARGE}px)`]: {
+        display: "grid",
+        gridTemplateColumns: "1fr 1fr",
+        gap: `0 ${Styles.token.spacing.md}`
+      },
+      [`@container (max-width: ${MEDIUM}px)`]: {
+        ["&:not(:last-child)"]: {
+          marginBottom: Styles.token.spacing.lg
+        }
+      },
+      [`@container (min-width: ${LARGE}px)`]: {
+        paddingRight: Styles.token.spacing.xs,
+        minWidth: "240px",
+        [`&:not(:first-child)`]: {
+          marginLeft: Styles.token.spacing.lg,
+          paddingLeft: Styles.token.spacing.lg,
+          borderLeft: `1px solid ${Styles.token.color.gray.dark}`
         }
       }
     }
-  });
+  }).build();
 };
 const createSlotColumn = ({
   props,
@@ -175,13 +163,13 @@ const createSlotColumn = ({
   slotHasHeadline,
   isColumnOne
 }) => {
-  const linkChildren = Array.from(
-    slot.querySelectorAll("a")
-  ).map((link) => {
-    animation.wrapLinkForAnimation({ element: link });
-    const slotColumnChild = [createLinkColumnFontsLink(link)];
-    return createLinkColumn(props, slotColumnChild);
-  });
+  const linkChildren = Array.from(slot.querySelectorAll("a")).map(
+    (link) => {
+      animation.wrapLinkForAnimation({ element: link });
+      const slotColumnChild = [createLinkColumnFontsLink(link)];
+      return createLinkColumn(props, slotColumnChild);
+    }
+  );
   const wrapperChildren = [];
   if (slotHasHeadline) {
     const headlineAttr = slot.getAttribute("data-headline") ?? "";
@@ -196,18 +184,14 @@ const createSlotColumn = ({
   return createRowLinksColumnWrapper({ children: wrapperChildren });
 };
 const createLinkColumnHeadline = (element) => {
-  return index.create({
-    element,
-    className: "link-column-headline",
-    elementStyles: {
-      element: {
-        ...Styles.typography.elements.interativeMedium,
-        marginBottom: Styles.token.spacing.sm,
-        fontWeight: 700,
-        gridColumn: "1 / span 2"
-      }
+  return new webBuilderLibrary.ElementBuilder(element).withClassName("link-column-headline").withStyles({
+    element: {
+      ...Styles.typography.elements.interativeMedium,
+      marginBottom: Styles.token.spacing.sm,
+      fontWeight: 700,
+      gridColumn: "1 / span 2"
     }
-  });
+  }).build();
 };
 const createLinkColumns = (props) => {
   const { slotColumns } = props;
@@ -216,13 +200,13 @@ const createLinkColumns = (props) => {
     const hasHeadlines = slotColumns.some(
       (slot) => slot.hasAttribute("data-headline")
     );
-    children = slotColumns.map((slot, index2) => {
+    children = slotColumns.map((slot, index) => {
       const slotHasHeadline = slot.hasAttribute("data-headline");
       return createSlotColumn({
         props,
         slot,
         slotHasHeadline,
-        isColumnOne: index2 === 0
+        isColumnOne: index === 0
       });
     });
     if (hasHeadlines) {
@@ -246,23 +230,19 @@ const createLinkColumns = (props) => {
       createDefaultColumn(props, COLUMN_THREE_DEFAULT_LINKS)
     ];
   }
-  return index.createDiv({
-    className: "umd-footer-row-links-columns",
-    children,
-    elementStyles: {
-      element: {
-        [`@container (min-width: ${LARGE}px)`]: {
-          [`&`]: {
-            display: "grid",
-            gridTemplateColumns: "1fr 1fr 1fr"
-          }
-        },
-        [`@container (max-width: ${LARGE - 1}px)`]: {
-          paddingTop: Styles.token.spacing.md
+  return new webBuilderLibrary.ElementBuilder().withClassName("umd-footer-row-links-columns").withChildren(...children).withStyles({
+    element: {
+      [`@container (min-width: ${LARGE}px)`]: {
+        [`&`]: {
+          display: "grid",
+          gridTemplateColumns: "1fr 1fr 1fr"
         }
+      },
+      [`@container (max-width: ${LARGE - 1}px)`]: {
+        paddingTop: Styles.token.spacing.md
       }
     }
-  });
+  }).build();
 };
 module.exports = createLinkColumns;
 //# sourceMappingURL=link-columns.js.map

package/dist/composite/footer/elements/main-section/row-links/link-columns.js.map

@@ -1 +1 @@
-{"version":3,"file":"link-columns.js","sources":["../../../../../../source/composite/footer/elements/main-section/row-links/link-columns.ts"],"sourcesContent":["import {\n  animation,\n  token,\n  typography,\n} from '@universityofmaryland/web-styles-library';\nimport { wrapLinkForAnimation } from '@universityofmaryland/web-utilities-library/animation';\nimport { ElementModel } from 'model';\nimport { BREAKPOINTS } from '../../../globals';\nimport { BaseProps } from '../../../_types';\nimport { type ElementVisual } from '../../../../../_types';\n\nconst { MEDIUM, LARGE } = BREAKPOINTS;\n\ntype ColumnRow = {\n  elmentType: string;\n  title: string;\n  url?: string;\n};\n\nconst COLUMN_ONE_DEFAULT_LINKS: ColumnRow[] = [\n  { elmentType: 'link', title: 'Careers', url: 'https://ejobs.umd.edu' },\n  {\n    elmentType: 'link',\n    title: 'Office of Civil Rights & Sexual Misconduct',\n    url: 'https://ocrsm.umd.edu',\n  },\n  {\n    elmentType: 'link',\n    title: 'UMD Police Department',\n    url: 'https://www.umpd.umd.edu',\n  },\n  {\n    elmentType: 'link',\n    title: 'Public Records Request',\n    url: 'https://umd.edu/administration/public-information-request',\n  },\n  {\n    elmentType: 'link',\n    title: 'Report Fraud and Waste',\n    url: 'https://finance.umd.edu/ethics-integrity-and-compliance-reporting',\n  },\n  {\n    elmentType: 'link',\n    title: 'Policies and Procedures',\n    url: 'https://umd.edu/policies-and-procedures',\n  },\n];\n\nconst COLUMN_TWO_DEFAULT_LINKS: ColumnRow[] = [\n  { elmentType: 'headline', title: 'Information for' },\n  {\n    elmentType: 'link',\n    title: 'Prospective Undergraduate Students',\n    url: 'https://admissions.umd.edu/',\n  },\n  {\n    elmentType: 'link',\n    title: 'Prospective Graduate Students',\n    url: 'https://gradschool.umd.edu/',\n  },\n  {\n    elmentType: 'link',\n    title: 'Parents & Families',\n    url: 'https://admissions.umd.edu/persona/parent-families',\n  },\n  { elmentType: 'link', title: 'Alumni', url: 'https://alumni.umd.edu/' },\n];\n\nconst COLUMN_THREE_DEFAULT_LINKS: ColumnRow[] = [\n  { elmentType: 'headline', title: 'Academics' },\n  {\n    elmentType: 'link',\n    title: 'Academic Calendars',\n    url: 'https://provost.umd.edu/node/3876',\n  },\n  {\n    elmentType: 'link',\n    title: 'Course Catalogs',\n    url: 'https://academiccatalog.umd.edu',\n  },\n  { elmentType: 'link', title: 'Libraries', url: 'https://www.lib.umd.edu' },\n  {\n    elmentType: 'link',\n    title: 'Terp Portals',\n    url: 'https://testudo.umd.edu',\n  },\n];\n\nconst createLinkColumn = (\n  props: slotColumnsProps,\n  children: ElementVisual[],\n) => {\n  const { isThemeLight } = props;\n\n  return ElementModel.createDiv({\n    className: 'link-column-fonts',\n    children: children,\n    elementStyles: {\n      element: {\n        marginBottom: token.spacing.sm,\n\n        ['& > *']: {\n          marginBottom: token.spacing.sm,\n        },\n\n        ['& a']: {\n          ...animation.line.slideUnderWhite,\n          ...typography.sans.smaller,\n\n          ...(isThemeLight && {\n            ...animation.line.slideUnderBlack,\n          }),\n        },\n\n        ['& a, & span, & p']: {\n          color: token.color.gray.light,\n\n          ...(isThemeLight && {\n            color: token.color.gray.dark,\n          }),\n        },\n\n        [`@container (max-width: ${MEDIUM - 1}px)`]: {\n          ['&:last-child']: {\n            marginBottom: 0,\n          },\n        },\n      },\n    },\n  });\n};\n\nconst createLinkColumnFontsLink = (element: HTMLElement) => {\n  return ElementModel.create({\n    element: element,\n    className: `link-column-fonts-link`,\n    elementStyles: {\n      element: {\n        [`&p`]: {\n          gridColumn: '1 / span 2',\n        },\n      },\n    },\n  });\n};\n\nconst createDefaultColumn = (\n  props: slotColumnsProps,\n  defaultContent: ColumnRow[],\n): ElementVisual => {\n  const children: ElementVisual[] = defaultContent\n    .map((row) => {\n      if (row.elmentType === 'link' && row.url) {\n        const link = document.createElement('a');\n        const span = document.createElement('span');\n        const columnLinkChildren = [createLinkColumnFontsLink(link)];\n\n        span.textContent = row.title;\n        link.appendChild(span);\n        link.href = row.url;\n        link.target = '_blank';\n        link.rel = 'noopener noreferrer';\n\n        return createLinkColumn(props, columnLinkChildren);\n      }\n\n      if (row.elmentType === 'headline') {\n        const headline = document.createElement('p');\n\n        headline.textContent = row.title;\n\n        return createLinkColumnHeadline(headline);\n      }\n\n      return undefined as unknown as ElementVisual;\n    })\n    .filter(Boolean) as ElementVisual[];\n\n  return createRowLinksColumnWrapper({ children: children });\n};\n\nconst createRowLinksColumnWrapper = ({\n  children,\n}: {\n  children: ElementVisual[];\n}) => {\n  return ElementModel.createDiv({\n    className: 'umd-footer-row-links-column-wrapper',\n    children,\n    elementStyles: {\n      element: {\n        [`@container (min-width: ${MEDIUM}px) and (max-width: ${LARGE}px)`]: {\n          display: 'grid',\n          gridTemplateColumns: '1fr 1fr',\n          gap: `0 ${token.spacing.md}`,\n        },\n\n        [`@container (max-width: ${MEDIUM}px)`]: {\n          ['&:not(:last-child)']: {\n            marginBottom: token.spacing.lg,\n          },\n        },\n\n        [`@container (min-width: ${LARGE}px)`]: {\n          paddingRight: token.spacing.xs,\n          minWidth: '240px',\n\n          [`&:not(:first-child)`]: {\n            marginLeft: token.spacing.lg,\n            paddingLeft: token.spacing.lg,\n            borderLeft: `1px solid ${token.color.gray.dark}`,\n          },\n        },\n      },\n    },\n  });\n};\n\nconst createSlotColumn = ({\n  props,\n  slot,\n  slotHasHeadline,\n  isColumnOne,\n}: {\n  props: slotColumnsProps;\n  slot: HTMLElement;\n  slotHasHeadline: boolean;\n  isColumnOne: boolean;\n}): ElementVisual => {\n  const linkChildren: ElementVisual[] = Array.from(\n    slot.querySelectorAll('a'),\n  ).map((link) => {\n    wrapLinkForAnimation({ element: link });\n\n    const slotColumnChild = [createLinkColumnFontsLink(link)];\n\n    return createLinkColumn(props, slotColumnChild);\n  });\n\n  const wrapperChildren: ElementVisual[] = [];\n\n  if (slotHasHeadline) {\n    const headlineAttr = slot.getAttribute('data-headline') ?? '';\n    const headline = document.createElement('p');\n\n    headline.innerHTML = headlineAttr;\n\n    if (!headlineAttr && !isColumnOne) {\n      headline.setAttribute('data-empty', 'true');\n    }\n\n    wrapperChildren.push(createLinkColumnHeadline(headline));\n  }\n\n  wrapperChildren.push(...linkChildren);\n\n  return createRowLinksColumnWrapper({ children: wrapperChildren });\n};\n\nconst createLinkColumnHeadline = (element: HTMLElement) => {\n  return ElementModel.create({\n    element: element,\n    className: 'link-column-headline',\n    elementStyles: {\n      element: {\n        ...typography.elements.interativeMedium,\n        marginBottom: token.spacing.sm,\n        fontWeight: 700,\n        gridColumn: '1 / span 2',\n      },\n    },\n  });\n};\n\nexport interface slotColumnsProps extends BaseProps {\n  slotColumns?: HTMLSlotElement[];\n}\n\nexport default (props: slotColumnsProps): ElementVisual => {\n  const { slotColumns } = props;\n\n  let children: ElementVisual[];\n\n  if (slotColumns) {\n    const hasHeadlines = slotColumns.some((slot) =>\n      slot.hasAttribute('data-headline'),\n    );\n\n    children = slotColumns.map((slot, index) => {\n      const slotHasHeadline = slot.hasAttribute('data-headline');\n      return createSlotColumn({\n        props,\n        slot,\n        slotHasHeadline,\n        isColumnOne: index === 0,\n      });\n    });\n\n    if (hasHeadlines) {\n      setTimeout(() => {\n        const headlines = Array.from(\n          document.querySelectorAll(`.${'link-column-headline'}`),\n        ) as HTMLElement[];\n        const renderedHeadlinesSize = headlines.reduce(\n          (acc, h) => Math.max(acc, h.offsetHeight),\n          10,\n        );\n        headlines.forEach(\n          (h) => (h.style.height = `${renderedHeadlinesSize}px`),\n        );\n      }, 200);\n    }\n  } else {\n    children = [\n      createDefaultColumn(props, COLUMN_ONE_DEFAULT_LINKS),\n      createDefaultColumn(props, COLUMN_TWO_DEFAULT_LINKS),\n      createDefaultColumn(props, COLUMN_THREE_DEFAULT_LINKS),\n    ];\n  }\n\n  return ElementModel.createDiv({\n    className: 'umd-footer-row-links-columns',\n    children,\n    elementStyles: {\n      element: {\n        [`@container (min-width: ${LARGE}px)`]: {\n          [`&`]: {\n            display: 'grid',\n            gridTemplateColumns: '1fr 1fr 1fr',\n          },\n        },\n\n        [`@container (max-width: ${LARGE - 1}px)`]: {\n          paddingTop: token.spacing.md,\n        },\n      },\n    },\n  });\n};\n"],"names":["BREAKPOINTS","ElementModel.createDiv","token","animation","typography","ElementModel.create","wrapLinkForAnimation","index"],"mappings":"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"}
+{"version":3,"file":"link-columns.js","sources":["../../../../../../source/composite/footer/elements/main-section/row-links/link-columns.ts"],"sourcesContent":["import { ElementBuilder } from '@universityofmaryland/web-builder-library';\nimport {\n  animation,\n  token,\n  typography,\n} from '@universityofmaryland/web-styles-library';\nimport { wrapLinkForAnimation } from '@universityofmaryland/web-utilities-library/animation';\nimport { BREAKPOINTS } from '../../../globals';\nimport { BaseProps } from '../../../_types';\nimport { type UMDElement } from '../../../../../_types';\n\nconst { MEDIUM, LARGE } = BREAKPOINTS;\n\ntype ColumnRow = {\n  elmentType: string;\n  title: string;\n  url?: string;\n};\n\nconst COLUMN_ONE_DEFAULT_LINKS: ColumnRow[] = [\n  { elmentType: 'link', title: 'Careers', url: 'https://ejobs.umd.edu' },\n  {\n    elmentType: 'link',\n    title: 'Office of Civil Rights & Sexual Misconduct',\n    url: 'https://ocrsm.umd.edu',\n  },\n  {\n    elmentType: 'link',\n    title: 'UMD Police Department',\n    url: 'https://www.umpd.umd.edu',\n  },\n  {\n    elmentType: 'link',\n    title: 'Public Records Request',\n    url: 'https://umd.edu/administration/public-information-request',\n  },\n  {\n    elmentType: 'link',\n    title: 'Report Fraud and Waste',\n    url: 'https://finance.umd.edu/ethics-integrity-and-compliance-reporting',\n  },\n  {\n    elmentType: 'link',\n    title: 'Policies and Procedures',\n    url: 'https://umd.edu/policies-and-procedures',\n  },\n];\n\nconst COLUMN_TWO_DEFAULT_LINKS: ColumnRow[] = [\n  { elmentType: 'headline', title: 'Information for' },\n  {\n    elmentType: 'link',\n    title: 'Prospective Undergraduate Students',\n    url: 'https://admissions.umd.edu/',\n  },\n  {\n    elmentType: 'link',\n    title: 'Prospective Graduate Students',\n    url: 'https://gradschool.umd.edu/',\n  },\n  {\n    elmentType: 'link',\n    title: 'Parents & Families',\n    url: 'https://admissions.umd.edu/persona/parent-families',\n  },\n  { elmentType: 'link', title: 'Alumni', url: 'https://alumni.umd.edu/' },\n];\n\nconst COLUMN_THREE_DEFAULT_LINKS: ColumnRow[] = [\n  { elmentType: 'headline', title: 'Academics' },\n  {\n    elmentType: 'link',\n    title: 'Academic Calendars',\n    url: 'https://provost.umd.edu/node/3876',\n  },\n  {\n    elmentType: 'link',\n    title: 'Course Catalogs',\n    url: 'https://academiccatalog.umd.edu',\n  },\n  { elmentType: 'link', title: 'Libraries', url: 'https://www.lib.umd.edu' },\n  {\n    elmentType: 'link',\n    title: 'Terp Portals',\n    url: 'https://testudo.umd.edu',\n  },\n];\n\nconst createLinkColumn = (props: slotColumnsProps, children: UMDElement[]) => {\n  const { isThemeLight } = props;\n\n  return new ElementBuilder()\n    .withClassName('link-column-fonts')\n    .withChildren(...children)\n    .withStyles({\n      element: {\n        marginBottom: token.spacing.sm,\n\n        ['& > *']: {\n          marginBottom: token.spacing.sm,\n        },\n\n        ['& a']: {\n          ...animation.line.slideUnderWhite,\n          ...typography.sans.smaller,\n\n          ...(isThemeLight && {\n            ...animation.line.slideUnderBlack,\n          }),\n        },\n\n        ['& a, & span, & p']: {\n          color: token.color.gray.light,\n\n          ...(isThemeLight && {\n            color: token.color.gray.dark,\n          }),\n        },\n\n        [`@container (max-width: ${MEDIUM - 1}px)`]: {\n          ['&:last-child']: {\n            marginBottom: 0,\n          },\n        },\n      },\n    })\n    .build();\n};\n\nconst createLinkColumnFontsLink = (element: HTMLElement) => {\n  return new ElementBuilder(element)\n    .withClassName(`link-column-fonts-link`)\n    .withStyles({\n      element: {\n        [`&p`]: {\n          gridColumn: '1 / span 2',\n        },\n      },\n    })\n    .build();\n};\n\nconst createDefaultColumn = (\n  props: slotColumnsProps,\n  defaultContent: ColumnRow[],\n): UMDElement => {\n  const children: UMDElement[] = defaultContent\n    .map((row) => {\n      if (row.elmentType === 'link' && row.url) {\n        const link = document.createElement('a');\n        const span = document.createElement('span');\n        const columnLinkChildren = [createLinkColumnFontsLink(link)];\n\n        span.textContent = row.title;\n        link.appendChild(span);\n        link.href = row.url;\n        link.target = '_blank';\n        link.rel = 'noopener noreferrer';\n\n        return createLinkColumn(props, columnLinkChildren);\n      }\n\n      if (row.elmentType === 'headline') {\n        const headline = document.createElement('p');\n\n        headline.textContent = row.title;\n\n        return createLinkColumnHeadline(headline);\n      }\n\n      return undefined as unknown as UMDElement;\n    })\n    .filter(Boolean) as UMDElement[];\n\n  return createRowLinksColumnWrapper({ children: children });\n};\n\nconst createRowLinksColumnWrapper = ({\n  children,\n}: {\n  children: UMDElement[];\n}) => {\n  return new ElementBuilder()\n    .withClassName('umd-footer-row-links-column-wrapper')\n    .withChildren(...children)\n    .withStyles({\n      element: {\n        [`@container (min-width: ${MEDIUM}px) and (max-width: ${LARGE}px)`]: {\n          display: 'grid',\n          gridTemplateColumns: '1fr 1fr',\n          gap: `0 ${token.spacing.md}`,\n        },\n\n        [`@container (max-width: ${MEDIUM}px)`]: {\n          ['&:not(:last-child)']: {\n            marginBottom: token.spacing.lg,\n          },\n        },\n\n        [`@container (min-width: ${LARGE}px)`]: {\n          paddingRight: token.spacing.xs,\n          minWidth: '240px',\n\n          [`&:not(:first-child)`]: {\n            marginLeft: token.spacing.lg,\n            paddingLeft: token.spacing.lg,\n            borderLeft: `1px solid ${token.color.gray.dark}`,\n          },\n        },\n      },\n    })\n    .build();\n};\n\nconst createSlotColumn = ({\n  props,\n  slot,\n  slotHasHeadline,\n  isColumnOne,\n}: {\n  props: slotColumnsProps;\n  slot: HTMLElement;\n  slotHasHeadline: boolean;\n  isColumnOne: boolean;\n}): UMDElement => {\n  const linkChildren: UMDElement[] = Array.from(slot.querySelectorAll('a')).map(\n    (link) => {\n      wrapLinkForAnimation({ element: link });\n\n      const slotColumnChild = [createLinkColumnFontsLink(link)];\n\n      return createLinkColumn(props, slotColumnChild);\n    },\n  );\n\n  const wrapperChildren: UMDElement[] = [];\n\n  if (slotHasHeadline) {\n    const headlineAttr = slot.getAttribute('data-headline') ?? '';\n    const headline = document.createElement('p');\n\n    headline.innerHTML = headlineAttr;\n\n    if (!headlineAttr && !isColumnOne) {\n      headline.setAttribute('data-empty', 'true');\n    }\n\n    wrapperChildren.push(createLinkColumnHeadline(headline));\n  }\n\n  wrapperChildren.push(...linkChildren);\n\n  return createRowLinksColumnWrapper({ children: wrapperChildren });\n};\n\nconst createLinkColumnHeadline = (element: HTMLElement) => {\n  return new ElementBuilder(element)\n    .withClassName('link-column-headline')\n    .withStyles({\n      element: {\n        ...typography.elements.interativeMedium,\n        marginBottom: token.spacing.sm,\n        fontWeight: 700,\n        gridColumn: '1 / span 2',\n      },\n    })\n    .build();\n};\n\nexport interface slotColumnsProps extends BaseProps {\n  slotColumns?: HTMLSlotElement[];\n}\n\nexport default (props: slotColumnsProps): UMDElement => {\n  const { slotColumns } = props;\n\n  let children: UMDElement[];\n\n  if (slotColumns) {\n    const hasHeadlines = slotColumns.some((slot) =>\n      slot.hasAttribute('data-headline'),\n    );\n\n    children = slotColumns.map((slot, index) => {\n      const slotHasHeadline = slot.hasAttribute('data-headline');\n      return createSlotColumn({\n        props,\n        slot,\n        slotHasHeadline,\n        isColumnOne: index === 0,\n      });\n    });\n\n    if (hasHeadlines) {\n      setTimeout(() => {\n        const headlines = Array.from(\n          document.querySelectorAll(`.${'link-column-headline'}`),\n        ) as HTMLElement[];\n        const renderedHeadlinesSize = headlines.reduce(\n          (acc, h) => Math.max(acc, h.offsetHeight),\n          10,\n        );\n        headlines.forEach(\n          (h) => (h.style.height = `${renderedHeadlinesSize}px`),\n        );\n      }, 200);\n    }\n  } else {\n    children = [\n      createDefaultColumn(props, COLUMN_ONE_DEFAULT_LINKS),\n      createDefaultColumn(props, COLUMN_TWO_DEFAULT_LINKS),\n      createDefaultColumn(props, COLUMN_THREE_DEFAULT_LINKS),\n    ];\n  }\n\n  return new ElementBuilder()\n    .withClassName('umd-footer-row-links-columns')\n    .withChildren(...children)\n    .withStyles({\n      element: {\n        [`@container (min-width: ${LARGE}px)`]: {\n          [`&`]: {\n            display: 'grid',\n            gridTemplateColumns: '1fr 1fr 1fr',\n          },\n        },\n\n        [`@container (max-width: ${LARGE - 1}px)`]: {\n          paddingTop: token.spacing.md,\n        },\n      },\n    })\n    .build();\n};\n"],"names":["BREAKPOINTS","ElementBuilder","token","animation","typography","wrapLinkForAnimation"],"mappings":"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"}