@universityofmaryland/web-elements-library 1.5.3 → 1.5.5

package/dist/composite/person/block.js

@@ -1,10 +1,13 @@
 "use strict";
-const token = require("@universityofmaryland/web-styles-library/token");
+const webBuilderLibrary = require("@universityofmaryland/web-builder-library");
+const token = require("@universityofmaryland/web-token-library");
 const media = require("@universityofmaryland/web-utilities-library/media");
 const styles = require("@universityofmaryland/web-utilities-library/styles");
 const people = require("@universityofmaryland/web-icons-library/people");
-const index = require("../../model/elements/index.js");
 require("@universityofmaryland/web-styles-library/element");
+require("@universityofmaryland/web-styles-library/layout");
+require("@universityofmaryland/web-styles-library/animation");
+require("@universityofmaryland/web-styles-library/typography");
 require("@universityofmaryland/web-utilities-library/dom");
 require("@universityofmaryland/web-icons-library/controls");
 require("@universityofmaryland/web-icons-library/communication");
@@ -15,10 +18,12 @@ require("../../atomic/animations/actions/indicator.js");
 require("../../atomic/animations/brand/chevron-scroll.js");
 require("../../atomic/animations/brand/card-stack.js");
 const background = require("../../atomic/assets/image/background.js");
+require("@universityofmaryland/web-styles-library");
 require("@universityofmaryland/web-utilities-library/performance");
 require("@universityofmaryland/web-utilities-library/accessibility");
 require("@universityofmaryland/web-icons-library/location");
 require("@universityofmaryland/web-icons-library/calendar");
+require("@universityofmaryland/web-utilities-library/theme");
 require("../../atomic/layout/block/stacked.js");
 require("../../atomic/layout/overlay/modal.js");
 require("../../atomic/layout/person/columns.js");
@@ -26,7 +31,6 @@ const contact = require("../../atomic/text-lockup/contact.js");
 require("../../atomic/text-lockup/date.js");
 const person = require("../../atomic/text-lockup/person.js");
 require("../../atomic/text-lockup/small.js");
-require("@universityofmaryland/web-styles-library/typography");
 function _interopNamespaceDefault(e) {
   const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
   if (e) {
@@ -49,53 +53,41 @@ const block = (props) => {
   const { image: personImage, isThemeDark } = props;
   const textLockupElement = person(props);
   const contactLockupElement = contact(props);
-  let children = [];
   let image = personImage;
   if (!image) {
     image = media.imageFromSvg({
       SVG: people.person
     });
   }
-  children.push(
-    index.createDiv({
-      className: "person-block-image",
-      elementStyles: {
-        element: {
-          display: "flex",
-          justifyContent: "center",
-          backgroundColor: `${token__namespace.color.gray.lighter}`,
-          marginBottom: `${token__namespace.spacing.md}`,
-          ...isThemeDark && {
-            backgroundColor: `${token__namespace.color.gray.darker}`
-          },
-          ["& img, & svg"]: {
-            display: "block",
-            width: "100%",
-            objectFit: "contain",
-            height: "140px !important",
-            ...styles.createMediaQuery("min-width", mediumBreakpointStart, {
-              height: "200px !important"
-            })
-          }
-        }
+  const imageContainer = new webBuilderLibrary.ElementBuilder().withClassName("person-block-image").withChild(
+    background({
+      element: image,
+      isScaled: false,
+      customStyles: {
+        height: "auto"
+      }
+    })
+  ).withStyles({
+    element: {
+      display: "flex",
+      justifyContent: "center",
+      backgroundColor: `${token__namespace.color.gray.lighter}`,
+      marginBottom: `${token__namespace.spacing.md}`,
+      ...isThemeDark && {
+        backgroundColor: `${token__namespace.color.gray.darker}`
       },
-      children: [
-        background({
-          element: image,
-          isScaled: false,
-          customStyles: {
-            height: "auto"
-          }
+      ["& img, & svg"]: {
+        display: "block",
+        width: "100%",
+        objectFit: "contain",
+        height: "140px !important",
+        ...styles.createMediaQuery("min-width", mediumBreakpointStart, {
+          height: "200px !important"
         })
-      ]
-    })
-  );
-  children.push(textLockupElement);
-  children.push(contactLockupElement);
-  return index.createDiv({
-    className: "person-block",
-    children
-  });
+      }
+    }
+  }).build();
+  return new webBuilderLibrary.ElementBuilder().withClassName("person-block").withChildren(imageContainer, textLockupElement, contactLockupElement).build();
 };
 module.exports = block;
 //# sourceMappingURL=block.js.map

package/dist/composite/person/block.js.map

@@ -1 +1 @@
-{"version":3,"file":"block.js","sources":["../../../source/composite/person/block.ts"],"sourcesContent":["import * as token from '@universityofmaryland/web-styles-library/token';\nimport { imageFromSvg } from '@universityofmaryland/web-utilities-library/media';\nimport { createMediaQuery } from '@universityofmaryland/web-utilities-library/styles';\nimport { person as iconPerson } from '@universityofmaryland/web-icons-library/people';\nimport { ElementModel } from 'model';\nimport { assets, textLockup } from 'atomic';\nimport { PersonCard } from './_types';\nimport { ElementVisual } from '../../_types';\n\nconst mediumBreakpointStart = token.media.breakpointValues.medium.min;\n\nexport default (props: PersonCard) => {\n  const { image: personImage, isThemeDark } = props;\n  const textLockupElement = textLockup.person(props);\n  const contactLockupElement = textLockup.contact(props);\n  let children: ElementVisual[] = [];\n\n  let image = personImage;\n\n  if (!image) {\n    image = imageFromSvg({\n      SVG: iconPerson,\n    });\n  }\n\n  children.push(\n    ElementModel.createDiv({\n      className: 'person-block-image',\n      elementStyles: {\n        element: {\n          display: 'flex',\n          justifyContent: 'center',\n          backgroundColor: `${token.color.gray.lighter}`,\n          marginBottom: `${token.spacing.md}`,\n\n          ...(isThemeDark && {\n            backgroundColor: `${token.color.gray.darker}`,\n          }),\n\n          ['& img, & svg']: {\n            display: 'block',\n            width: '100%',\n            objectFit: 'contain',\n            height: '140px !important',\n\n            ...createMediaQuery('min-width', mediumBreakpointStart, {\n              height: '200px !important',\n            }),\n          },\n        },\n      },\n      children: [\n        assets.image.background({\n          element: image,\n          isScaled: false,\n          customStyles: {\n            height: 'auto',\n          },\n        }),\n      ],\n    }),\n  );\n\n  children.push(textLockupElement);\n  children.push(contactLockupElement);\n\n  return ElementModel.createDiv({\n    className: 'person-block',\n    children,\n  });\n};\n"],"names":["token","textLockup.person","textLockup.contact","imageFromSvg","iconPerson","ElementModel.createDiv","createMediaQuery","assets.image.background"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,MAAM,wBAAwBA,iBAAM,MAAM,iBAAiB,OAAO;AAElE,MAAA,QAAe,CAAC,UAAsB;AACpC,QAAM,EAAE,OAAO,aAAa,YAAA,IAAgB;AAC5C,QAAM,oBAAoBC,OAAkB,KAAK;AACjD,QAAM,uBAAuBC,QAAmB,KAAK;AACrD,MAAI,WAA4B,CAAA;AAEhC,MAAI,QAAQ;AAEZ,MAAI,CAAC,OAAO;AACV,YAAQC,MAAAA,aAAa;AAAA,MACnB,KAAKC,OAAAA;AAAAA,IAAA,CACN;AAAA,EACH;AAEA,WAAS;AAAA,IACPC,gBAAuB;AAAA,MACrB,WAAW;AAAA,MACX,eAAe;AAAA,QACb,SAAS;AAAA,UACP,SAAS;AAAA,UACT,gBAAgB;AAAA,UAChB,iBAAiB,GAAGL,iBAAM,MAAM,KAAK,OAAO;AAAA,UAC5C,cAAc,GAAGA,iBAAM,QAAQ,EAAE;AAAA,UAEjC,GAAI,eAAe;AAAA,YACjB,iBAAiB,GAAGA,iBAAM,MAAM,KAAK,MAAM;AAAA,UAAA;AAAA,UAG7C,CAAC,cAAc,GAAG;AAAA,YAChB,SAAS;AAAA,YACT,OAAO;AAAA,YACP,WAAW;AAAA,YACX,QAAQ;AAAA,YAER,GAAGM,OAAAA,iBAAiB,aAAa,uBAAuB;AAAA,cACtD,QAAQ;AAAA,YAAA,CACT;AAAA,UAAA;AAAA,QACH;AAAA,MACF;AAAA,MAEF,UAAU;AAAA,QACRC,WAAwB;AAAA,UACtB,SAAS;AAAA,UACT,UAAU;AAAA,UACV,cAAc;AAAA,YACZ,QAAQ;AAAA,UAAA;AAAA,QACV,CACD;AAAA,MAAA;AAAA,IACH,CACD;AAAA,EAAA;AAGH,WAAS,KAAK,iBAAiB;AAC/B,WAAS,KAAK,oBAAoB;AAElC,SAAOF,gBAAuB;AAAA,IAC5B,WAAW;AAAA,IACX;AAAA,EAAA,CACD;AACH;;"}
+{"version":3,"file":"block.js","sources":["../../../source/composite/person/block.ts"],"sourcesContent":["import { ElementBuilder } from '@universityofmaryland/web-builder-library';\nimport * as token from '@universityofmaryland/web-token-library';\nimport { imageFromSvg } from '@universityofmaryland/web-utilities-library/media';\nimport { createMediaQuery } from '@universityofmaryland/web-utilities-library/styles';\nimport { person as iconPerson } from '@universityofmaryland/web-icons-library/people';\nimport { assets, textLockup } from 'atomic';\nimport { PersonCard } from './_types';\nimport { type ElementModel } from '../../_types';\n\nconst mediumBreakpointStart = token.media.breakpointValues.medium.min;\n\nexport default (props: PersonCard): ElementModel<HTMLElement> => {\n  const { image: personImage, isThemeDark } = props;\n  const textLockupElement = textLockup.person(props);\n  const contactLockupElement = textLockup.contact(props);\n\n  let image = personImage;\n\n  if (!image) {\n    image = imageFromSvg({\n      SVG: iconPerson,\n    });\n  }\n\n  const imageContainer = new ElementBuilder()\n    .withClassName('person-block-image')\n    .withChild(\n      assets.image.background({\n        element: image,\n        isScaled: false,\n        customStyles: {\n          height: 'auto',\n        },\n      }),\n    )\n    .withStyles({\n      element: {\n        display: 'flex',\n        justifyContent: 'center',\n        backgroundColor: `${token.color.gray.lighter}`,\n        marginBottom: `${token.spacing.md}`,\n\n        ...(isThemeDark && {\n          backgroundColor: `${token.color.gray.darker}`,\n        }),\n\n        ['& img, & svg']: {\n          display: 'block',\n          width: '100%',\n          objectFit: 'contain',\n          height: '140px !important',\n\n          ...createMediaQuery('min-width', mediumBreakpointStart, {\n            height: '200px !important',\n          }),\n        },\n      },\n    })\n    .build();\n\n  return new ElementBuilder()\n    .withClassName('person-block')\n    .withChildren(imageContainer, textLockupElement, contactLockupElement)\n    .build();\n};\n"],"names":["token","textLockup.person","textLockup.contact","imageFromSvg","iconPerson","ElementBuilder","assets.image.background","createMediaQuery"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,MAAM,wBAAwBA,iBAAM,MAAM,iBAAiB,OAAO;AAElE,MAAA,QAAe,CAAC,UAAiD;AAC/D,QAAM,EAAE,OAAO,aAAa,YAAA,IAAgB;AAC5C,QAAM,oBAAoBC,OAAkB,KAAK;AACjD,QAAM,uBAAuBC,QAAmB,KAAK;AAErD,MAAI,QAAQ;AAEZ,MAAI,CAAC,OAAO;AACV,YAAQC,MAAAA,aAAa;AAAA,MACnB,KAAKC,OAAAA;AAAAA,IAAA,CACN;AAAA,EACH;AAEA,QAAM,iBAAiB,IAAIC,kBAAAA,eAAA,EACxB,cAAc,oBAAoB,EAClC;AAAA,IACCC,WAAwB;AAAA,MACtB,SAAS;AAAA,MACT,UAAU;AAAA,MACV,cAAc;AAAA,QACZ,QAAQ;AAAA,MAAA;AAAA,IACV,CACD;AAAA,EAAA,EAEF,WAAW;AAAA,IACV,SAAS;AAAA,MACP,SAAS;AAAA,MACT,gBAAgB;AAAA,MAChB,iBAAiB,GAAGN,iBAAM,MAAM,KAAK,OAAO;AAAA,MAC5C,cAAc,GAAGA,iBAAM,QAAQ,EAAE;AAAA,MAEjC,GAAI,eAAe;AAAA,QACjB,iBAAiB,GAAGA,iBAAM,MAAM,KAAK,MAAM;AAAA,MAAA;AAAA,MAG7C,CAAC,cAAc,GAAG;AAAA,QAChB,SAAS;AAAA,QACT,OAAO;AAAA,QACP,WAAW;AAAA,QACX,QAAQ;AAAA,QAER,GAAGO,OAAAA,iBAAiB,aAAa,uBAAuB;AAAA,UACtD,QAAQ;AAAA,QAAA,CACT;AAAA,MAAA;AAAA,IACH;AAAA,EACF,CACD,EACA,MAAA;AAEH,SAAO,IAAIF,kBAAAA,eAAA,EACR,cAAc,cAAc,EAC5B,aAAa,gBAAgB,mBAAmB,oBAAoB,EACpE,MAAA;AACL;;"}

package/dist/composite/person/block.mjs

@@ -1,9 +1,12 @@
-import * as token from "@universityofmaryland/web-styles-library/token";
+import { ElementBuilder } from "@universityofmaryland/web-builder-library";
+import * as token from "@universityofmaryland/web-token-library";
 import { imageFromSvg } from "@universityofmaryland/web-utilities-library/media";
 import { createMediaQuery } from "@universityofmaryland/web-utilities-library/styles";
 import { person as person$1 } from "@universityofmaryland/web-icons-library/people";
-import { createDiv } from "../../model/elements/index.mjs";
 import "@universityofmaryland/web-styles-library/element";
+import "@universityofmaryland/web-styles-library/layout";
+import "@universityofmaryland/web-styles-library/animation";
+import "@universityofmaryland/web-styles-library/typography";
 import "@universityofmaryland/web-utilities-library/dom";
 import "@universityofmaryland/web-icons-library/controls";
 import "@universityofmaryland/web-icons-library/communication";
@@ -14,10 +17,12 @@ import "../../atomic/animations/actions/indicator.mjs";
 import "../../atomic/animations/brand/chevron-scroll.mjs";
 import "../../atomic/animations/brand/card-stack.mjs";
 import imageContainer from "../../atomic/assets/image/background.mjs";
+import "@universityofmaryland/web-styles-library";
 import "@universityofmaryland/web-utilities-library/performance";
 import "@universityofmaryland/web-utilities-library/accessibility";
 import "@universityofmaryland/web-icons-library/location";
 import "@universityofmaryland/web-icons-library/calendar";
+import "@universityofmaryland/web-utilities-library/theme";
 import "../../atomic/layout/block/stacked.mjs";
 import "../../atomic/layout/overlay/modal.mjs";
 import "../../atomic/layout/person/columns.mjs";
@@ -25,59 +30,46 @@ import contact from "../../atomic/text-lockup/contact.mjs";
 import "../../atomic/text-lockup/date.mjs";
 import person from "../../atomic/text-lockup/person.mjs";
 import "../../atomic/text-lockup/small.mjs";
-import "@universityofmaryland/web-styles-library/typography";
 const mediumBreakpointStart = token.media.breakpointValues.medium.min;
 const block = (props) => {
   const { image: personImage, isThemeDark } = props;
   const textLockupElement = person(props);
   const contactLockupElement = contact(props);
-  let children = [];
   let image = personImage;
   if (!image) {
     image = imageFromSvg({
       SVG: person$1
     });
   }
-  children.push(
-    createDiv({
-      className: "person-block-image",
-      elementStyles: {
-        element: {
-          display: "flex",
-          justifyContent: "center",
-          backgroundColor: `${token.color.gray.lighter}`,
-          marginBottom: `${token.spacing.md}`,
-          ...isThemeDark && {
-            backgroundColor: `${token.color.gray.darker}`
-          },
-          ["& img, & svg"]: {
-            display: "block",
-            width: "100%",
-            objectFit: "contain",
-            height: "140px !important",
-            ...createMediaQuery("min-width", mediumBreakpointStart, {
-              height: "200px !important"
-            })
-          }
-        }
+  const imageContainer$1 = new ElementBuilder().withClassName("person-block-image").withChild(
+    imageContainer({
+      element: image,
+      isScaled: false,
+      customStyles: {
+        height: "auto"
+      }
+    })
+  ).withStyles({
+    element: {
+      display: "flex",
+      justifyContent: "center",
+      backgroundColor: `${token.color.gray.lighter}`,
+      marginBottom: `${token.spacing.md}`,
+      ...isThemeDark && {
+        backgroundColor: `${token.color.gray.darker}`
       },
-      children: [
-        imageContainer({
-          element: image,
-          isScaled: false,
-          customStyles: {
-            height: "auto"
-          }
+      ["& img, & svg"]: {
+        display: "block",
+        width: "100%",
+        objectFit: "contain",
+        height: "140px !important",
+        ...createMediaQuery("min-width", mediumBreakpointStart, {
+          height: "200px !important"
         })
-      ]
-    })
-  );
-  children.push(textLockupElement);
-  children.push(contactLockupElement);
-  return createDiv({
-    className: "person-block",
-    children
-  });
+      }
+    }
+  }).build();
+  return new ElementBuilder().withClassName("person-block").withChildren(imageContainer$1, textLockupElement, contactLockupElement).build();
 };
 export {
   block as default

package/dist/composite/person/block.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"block.mjs","sources":["../../../source/composite/person/block.ts"],"sourcesContent":["import * as token from '@universityofmaryland/web-styles-library/token';\nimport { imageFromSvg } from '@universityofmaryland/web-utilities-library/media';\nimport { createMediaQuery } from '@universityofmaryland/web-utilities-library/styles';\nimport { person as iconPerson } from '@universityofmaryland/web-icons-library/people';\nimport { ElementModel } from 'model';\nimport { assets, textLockup } from 'atomic';\nimport { PersonCard } from './_types';\nimport { ElementVisual } from '../../_types';\n\nconst mediumBreakpointStart = token.media.breakpointValues.medium.min;\n\nexport default (props: PersonCard) => {\n  const { image: personImage, isThemeDark } = props;\n  const textLockupElement = textLockup.person(props);\n  const contactLockupElement = textLockup.contact(props);\n  let children: ElementVisual[] = [];\n\n  let image = personImage;\n\n  if (!image) {\n    image = imageFromSvg({\n      SVG: iconPerson,\n    });\n  }\n\n  children.push(\n    ElementModel.createDiv({\n      className: 'person-block-image',\n      elementStyles: {\n        element: {\n          display: 'flex',\n          justifyContent: 'center',\n          backgroundColor: `${token.color.gray.lighter}`,\n          marginBottom: `${token.spacing.md}`,\n\n          ...(isThemeDark && {\n            backgroundColor: `${token.color.gray.darker}`,\n          }),\n\n          ['& img, & svg']: {\n            display: 'block',\n            width: '100%',\n            objectFit: 'contain',\n            height: '140px !important',\n\n            ...createMediaQuery('min-width', mediumBreakpointStart, {\n              height: '200px !important',\n            }),\n          },\n        },\n      },\n      children: [\n        assets.image.background({\n          element: image,\n          isScaled: false,\n          customStyles: {\n            height: 'auto',\n          },\n        }),\n      ],\n    }),\n  );\n\n  children.push(textLockupElement);\n  children.push(contactLockupElement);\n\n  return ElementModel.createDiv({\n    className: 'person-block',\n    children,\n  });\n};\n"],"names":["textLockup.person","textLockup.contact","iconPerson","ElementModel.createDiv","assets.image.background"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,MAAM,wBAAwB,MAAM,MAAM,iBAAiB,OAAO;AAElE,MAAA,QAAe,CAAC,UAAsB;AACpC,QAAM,EAAE,OAAO,aAAa,YAAA,IAAgB;AAC5C,QAAM,oBAAoBA,OAAkB,KAAK;AACjD,QAAM,uBAAuBC,QAAmB,KAAK;AACrD,MAAI,WAA4B,CAAA;AAEhC,MAAI,QAAQ;AAEZ,MAAI,CAAC,OAAO;AACV,YAAQ,aAAa;AAAA,MACnB,KAAKC;AAAAA,IAAA,CACN;AAAA,EACH;AAEA,WAAS;AAAA,IACPC,UAAuB;AAAA,MACrB,WAAW;AAAA,MACX,eAAe;AAAA,QACb,SAAS;AAAA,UACP,SAAS;AAAA,UACT,gBAAgB;AAAA,UAChB,iBAAiB,GAAG,MAAM,MAAM,KAAK,OAAO;AAAA,UAC5C,cAAc,GAAG,MAAM,QAAQ,EAAE;AAAA,UAEjC,GAAI,eAAe;AAAA,YACjB,iBAAiB,GAAG,MAAM,MAAM,KAAK,MAAM;AAAA,UAAA;AAAA,UAG7C,CAAC,cAAc,GAAG;AAAA,YAChB,SAAS;AAAA,YACT,OAAO;AAAA,YACP,WAAW;AAAA,YACX,QAAQ;AAAA,YAER,GAAG,iBAAiB,aAAa,uBAAuB;AAAA,cACtD,QAAQ;AAAA,YAAA,CACT;AAAA,UAAA;AAAA,QACH;AAAA,MACF;AAAA,MAEF,UAAU;AAAA,QACRC,eAAwB;AAAA,UACtB,SAAS;AAAA,UACT,UAAU;AAAA,UACV,cAAc;AAAA,YACZ,QAAQ;AAAA,UAAA;AAAA,QACV,CACD;AAAA,MAAA;AAAA,IACH,CACD;AAAA,EAAA;AAGH,WAAS,KAAK,iBAAiB;AAC/B,WAAS,KAAK,oBAAoB;AAElC,SAAOD,UAAuB;AAAA,IAC5B,WAAW;AAAA,IACX;AAAA,EAAA,CACD;AACH;"}
+{"version":3,"file":"block.mjs","sources":["../../../source/composite/person/block.ts"],"sourcesContent":["import { ElementBuilder } from '@universityofmaryland/web-builder-library';\nimport * as token from '@universityofmaryland/web-token-library';\nimport { imageFromSvg } from '@universityofmaryland/web-utilities-library/media';\nimport { createMediaQuery } from '@universityofmaryland/web-utilities-library/styles';\nimport { person as iconPerson } from '@universityofmaryland/web-icons-library/people';\nimport { assets, textLockup } from 'atomic';\nimport { PersonCard } from './_types';\nimport { type ElementModel } from '../../_types';\n\nconst mediumBreakpointStart = token.media.breakpointValues.medium.min;\n\nexport default (props: PersonCard): ElementModel<HTMLElement> => {\n  const { image: personImage, isThemeDark } = props;\n  const textLockupElement = textLockup.person(props);\n  const contactLockupElement = textLockup.contact(props);\n\n  let image = personImage;\n\n  if (!image) {\n    image = imageFromSvg({\n      SVG: iconPerson,\n    });\n  }\n\n  const imageContainer = new ElementBuilder()\n    .withClassName('person-block-image')\n    .withChild(\n      assets.image.background({\n        element: image,\n        isScaled: false,\n        customStyles: {\n          height: 'auto',\n        },\n      }),\n    )\n    .withStyles({\n      element: {\n        display: 'flex',\n        justifyContent: 'center',\n        backgroundColor: `${token.color.gray.lighter}`,\n        marginBottom: `${token.spacing.md}`,\n\n        ...(isThemeDark && {\n          backgroundColor: `${token.color.gray.darker}`,\n        }),\n\n        ['& img, & svg']: {\n          display: 'block',\n          width: '100%',\n          objectFit: 'contain',\n          height: '140px !important',\n\n          ...createMediaQuery('min-width', mediumBreakpointStart, {\n            height: '200px !important',\n          }),\n        },\n      },\n    })\n    .build();\n\n  return new ElementBuilder()\n    .withClassName('person-block')\n    .withChildren(imageContainer, textLockupElement, contactLockupElement)\n    .build();\n};\n"],"names":["textLockup.person","textLockup.contact","iconPerson","imageContainer","assets.image.background"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,MAAM,wBAAwB,MAAM,MAAM,iBAAiB,OAAO;AAElE,MAAA,QAAe,CAAC,UAAiD;AAC/D,QAAM,EAAE,OAAO,aAAa,YAAA,IAAgB;AAC5C,QAAM,oBAAoBA,OAAkB,KAAK;AACjD,QAAM,uBAAuBC,QAAmB,KAAK;AAErD,MAAI,QAAQ;AAEZ,MAAI,CAAC,OAAO;AACV,YAAQ,aAAa;AAAA,MACnB,KAAKC;AAAAA,IAAA,CACN;AAAA,EACH;AAEA,QAAMC,mBAAiB,IAAI,eAAA,EACxB,cAAc,oBAAoB,EAClC;AAAA,IACCC,eAAwB;AAAA,MACtB,SAAS;AAAA,MACT,UAAU;AAAA,MACV,cAAc;AAAA,QACZ,QAAQ;AAAA,MAAA;AAAA,IACV,CACD;AAAA,EAAA,EAEF,WAAW;AAAA,IACV,SAAS;AAAA,MACP,SAAS;AAAA,MACT,gBAAgB;AAAA,MAChB,iBAAiB,GAAG,MAAM,MAAM,KAAK,OAAO;AAAA,MAC5C,cAAc,GAAG,MAAM,QAAQ,EAAE;AAAA,MAEjC,GAAI,eAAe;AAAA,QACjB,iBAAiB,GAAG,MAAM,MAAM,KAAK,MAAM;AAAA,MAAA;AAAA,MAG7C,CAAC,cAAc,GAAG;AAAA,QAChB,SAAS;AAAA,QACT,OAAO;AAAA,QACP,WAAW;AAAA,QACX,QAAQ;AAAA,QAER,GAAG,iBAAiB,aAAa,uBAAuB;AAAA,UACtD,QAAQ;AAAA,QAAA,CACT;AAAA,MAAA;AAAA,IACH;AAAA,EACF,CACD,EACA,MAAA;AAEH,SAAO,IAAI,eAAA,EACR,cAAc,cAAc,EAC5B,aAAaD,kBAAgB,mBAAmB,oBAAoB,EACpE,MAAA;AACL;"}

package/dist/composite/person/hero.d.ts

@@ -1,4 +1,5 @@
 import { PersonContact } from './_types';
+import { ElementModel } from '../../_types';
 interface Theme {
     isThemeDark?: boolean;
 }
@@ -16,10 +17,6 @@ interface PersonHero extends PersonText, PersonInfo {
     breadcrumbMobile?: HTMLElement | null;
     breadcrumbDesktop?: HTMLElement | null;
 }
-declare const _default: (props: PersonHero) => {
-    element: HTMLElement;
-    className: string;
-    styles: string;
-};
+declare const _default: (props: PersonHero) => ElementModel<HTMLElement>;
 export default _default;
 //# sourceMappingURL=hero.d.ts.map

package/dist/composite/person/hero.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"hero.d.ts","sourceRoot":"","sources":["../../../source/composite/person/hero.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAEzC,UAAU,KAAK;IACb,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,UAAU,UAAW,SAAQ,KAAK;IAChC,IAAI,EAAE,WAAW,GAAG,IAAI,CAAC;IACzB,GAAG,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IACzB,OAAO,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;CAC9B;AAED,UAAU,UAAW,SAAQ,aAAa,EAAE,KAAK;IAC/C,KAAK,CAAC,EAAE,gBAAgB,GAAG,IAAI,CAAC;IAChC,WAAW,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IACjC,QAAQ,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;CAC/B;AAED,UAAU,UAAW,SAAQ,UAAU,EAAE,UAAU;IACjD,gBAAgB,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IACtC,iBAAiB,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;CACxC;yBAsPe,OAAO,UAAU;;;;;AAAjC,wBA0GE"}
+{"version":3,"file":"hero.d.ts","sourceRoot":"","sources":["../../../source/composite/person/hero.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AACzC,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,cAAc,CAAC;AAEjD,UAAU,KAAK;IACb,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,UAAU,UAAW,SAAQ,KAAK;IAChC,IAAI,EAAE,WAAW,GAAG,IAAI,CAAC;IACzB,GAAG,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IACzB,OAAO,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;CAC9B;AAED,UAAU,UAAW,SAAQ,aAAa,EAAE,KAAK;IAC/C,KAAK,CAAC,EAAE,gBAAgB,GAAG,IAAI,CAAC;IAChC,WAAW,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IACjC,QAAQ,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;CAC/B;AAED,UAAU,UAAW,SAAQ,UAAU,EAAE,UAAU;IACjD,gBAAgB,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IACtC,iBAAiB,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;CACxC;yBAyPe,OAAO,UAAU,KAAG,YAAY,CAAC,WAAW,CAAC;AAA7D,wBA2FE"}