@universityofmaryland/web-elements-library 1.5.3 → 1.5.6

package/dist/atomic/buttons/fullscreen.js

@@ -1,23 +1,29 @@
 "use strict";
+const webBuilderLibrary = require("@universityofmaryland/web-builder-library");
+const Styles = require("@universityofmaryland/web-styles-library");
 const controls = require("@universityofmaryland/web-icons-library/controls");
-require("../../model/modifiers/index.js");
-require("@universityofmaryland/web-styles-library");
-const buttons = require("../../model/elements/buttons.js");
-require("../../model/elements/headline.js");
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+  if (e) {
+    for (const k in e) {
+      if (k !== "default") {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+const Styles__namespace = /* @__PURE__ */ _interopNamespaceDefault(Styles);
 const create = ({
   callback,
-  index: index$1
+  index
 }) => (() => {
-  const button = document.createElement("button");
-  button.setAttribute("data-index", index$1.toString());
-  button.addEventListener("click", () => {
-    callback(index$1);
-  });
-  button.setAttribute("aria-label", "View Full Screen");
-  button.innerHTML = `Full Screen <span></span>${controls.fullscreen}`;
-  return buttons.fullScreen({
-    element: button
-  });
+  return new webBuilderLibrary.ElementBuilder("button").withAttribute("data-index", index.toString()).withAttribute("aria-label", "View Full Screen").withHTML(`Full Screen <span></span>${controls.fullscreen}`).on("click", () => callback(index)).styled(Styles__namespace.element.action.button.fullScreen).build();
 })();
 const fullscreen = {
   create

package/dist/atomic/buttons/fullscreen.js.map

@@ -1 +1 @@
-{"version":3,"file":"fullscreen.js","sources":["../../../source/atomic/buttons/fullscreen.ts"],"sourcesContent":["import { fullscreen as iconFullscreen } from '@universityofmaryland/web-icons-library/controls';\nimport { ElementModel } from 'model';\n\nconst create = ({\n  callback,\n  index,\n}: {\n  callback: (arg: number) => void;\n  index: number;\n}) =>\n  (() => {\n    const button = document.createElement('button');\n    button.setAttribute('data-index', index.toString());\n    button.addEventListener('click', () => {\n      callback(index);\n    });\n    button.setAttribute('aria-label', 'View Full Screen');\n    button.innerHTML = `Full Screen <span></span>${iconFullscreen}`;\n\n    return ElementModel.buttons.fullScreen({\n      element: button,\n    });\n  })();\n\nexport default {\n  create,\n};\n"],"names":["index","iconFullscreen","ElementModel.buttons.fullScreen"],"mappings":";;;;;;AAGA,MAAM,SAAS,CAAC;AAAA,EACd;AAAA,EAAA,OACAA;AACF,OAIG,MAAM;AACL,QAAM,SAAS,SAAS,cAAc,QAAQ;AAC9C,SAAO,aAAa,cAAcA,QAAM,SAAA,CAAU;AAClD,SAAO,iBAAiB,SAAS,MAAM;AACrC,aAASA,OAAK;AAAA,EAChB,CAAC;AACD,SAAO,aAAa,cAAc,kBAAkB;AACpD,SAAO,YAAY,4BAA4BC,SAAAA,UAAc;AAE7D,SAAOC,mBAAgC;AAAA,IACrC,SAAS;AAAA,EAAA,CACV;AACH,GAAA;AAEF,MAAA,aAAe;AAAA,EACb;AACF;;"}
+{"version":3,"file":"fullscreen.js","sources":["../../../source/atomic/buttons/fullscreen.ts"],"sourcesContent":["import { ElementBuilder } from '@universityofmaryland/web-builder-library';\nimport * as Styles from '@universityofmaryland/web-styles-library';\nimport { fullscreen as iconFullscreen } from '@universityofmaryland/web-icons-library/controls';\n\nconst create = ({\n  callback,\n  index,\n}: {\n  callback: (arg: number) => void;\n  index: number;\n}) =>\n  (() => {\n    return new ElementBuilder('button')\n      .withAttribute('data-index', index.toString())\n      .withAttribute('aria-label', 'View Full Screen')\n      .withHTML(`Full Screen <span></span>${iconFullscreen}`)\n      .on('click', () => callback(index))\n      .styled(Styles.element.action.button.fullScreen)\n      .build();\n  })();\n\nexport default {\n  create,\n};\n"],"names":["ElementBuilder","iconFullscreen","Styles"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAIA,MAAM,SAAS,CAAC;AAAA,EACd;AAAA,EACA;AACF,OAIG,MAAM;AACL,SAAO,IAAIA,kBAAAA,eAAe,QAAQ,EAC/B,cAAc,cAAc,MAAM,SAAA,CAAU,EAC5C,cAAc,cAAc,kBAAkB,EAC9C,SAAS,4BAA4BC,SAAAA,UAAc,EAAE,EACrD,GAAG,SAAS,MAAM,SAAS,KAAK,CAAC,EACjC,OAAOC,kBAAO,QAAQ,OAAO,OAAO,UAAU,EAC9C,MAAA;AACL,GAAA;AAEF,MAAA,aAAe;AAAA,EACb;AACF;;"}

package/dist/atomic/buttons/fullscreen.mjs

@@ -1,22 +1,11 @@
+import { ElementBuilder } from "@universityofmaryland/web-builder-library";
+import * as Styles from "@universityofmaryland/web-styles-library";
 import { fullscreen as fullscreen$1 } from "@universityofmaryland/web-icons-library/controls";
-import "../../model/modifiers/index.mjs";
-import "@universityofmaryland/web-styles-library";
-import { fullScreen } from "../../model/elements/buttons.mjs";
-import "../../model/elements/headline.mjs";
 const create = ({
   callback,
-  index: index$1
+  index
 }) => (() => {
-  const button = document.createElement("button");
-  button.setAttribute("data-index", index$1.toString());
-  button.addEventListener("click", () => {
-    callback(index$1);
-  });
-  button.setAttribute("aria-label", "View Full Screen");
-  button.innerHTML = `Full Screen <span></span>${fullscreen$1}`;
-  return fullScreen({
-    element: button
-  });
+  return new ElementBuilder("button").withAttribute("data-index", index.toString()).withAttribute("aria-label", "View Full Screen").withHTML(`Full Screen <span></span>${fullscreen$1}`).on("click", () => callback(index)).styled(Styles.element.action.button.fullScreen).build();
 })();
 const fullscreen = {
   create

package/dist/atomic/buttons/fullscreen.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"fullscreen.mjs","sources":["../../../source/atomic/buttons/fullscreen.ts"],"sourcesContent":["import { fullscreen as iconFullscreen } from '@universityofmaryland/web-icons-library/controls';\nimport { ElementModel } from 'model';\n\nconst create = ({\n  callback,\n  index,\n}: {\n  callback: (arg: number) => void;\n  index: number;\n}) =>\n  (() => {\n    const button = document.createElement('button');\n    button.setAttribute('data-index', index.toString());\n    button.addEventListener('click', () => {\n      callback(index);\n    });\n    button.setAttribute('aria-label', 'View Full Screen');\n    button.innerHTML = `Full Screen <span></span>${iconFullscreen}`;\n\n    return ElementModel.buttons.fullScreen({\n      element: button,\n    });\n  })();\n\nexport default {\n  create,\n};\n"],"names":["index","iconFullscreen","ElementModel.buttons.fullScreen"],"mappings":";;;;;AAGA,MAAM,SAAS,CAAC;AAAA,EACd;AAAA,EAAA,OACAA;AACF,OAIG,MAAM;AACL,QAAM,SAAS,SAAS,cAAc,QAAQ;AAC9C,SAAO,aAAa,cAAcA,QAAM,SAAA,CAAU;AAClD,SAAO,iBAAiB,SAAS,MAAM;AACrC,aAASA,OAAK;AAAA,EAChB,CAAC;AACD,SAAO,aAAa,cAAc,kBAAkB;AACpD,SAAO,YAAY,4BAA4BC,YAAc;AAE7D,SAAOC,WAAgC;AAAA,IACrC,SAAS;AAAA,EAAA,CACV;AACH,GAAA;AAEF,MAAA,aAAe;AAAA,EACb;AACF;"}
+{"version":3,"file":"fullscreen.mjs","sources":["../../../source/atomic/buttons/fullscreen.ts"],"sourcesContent":["import { ElementBuilder } from '@universityofmaryland/web-builder-library';\nimport * as Styles from '@universityofmaryland/web-styles-library';\nimport { fullscreen as iconFullscreen } from '@universityofmaryland/web-icons-library/controls';\n\nconst create = ({\n  callback,\n  index,\n}: {\n  callback: (arg: number) => void;\n  index: number;\n}) =>\n  (() => {\n    return new ElementBuilder('button')\n      .withAttribute('data-index', index.toString())\n      .withAttribute('aria-label', 'View Full Screen')\n      .withHTML(`Full Screen <span></span>${iconFullscreen}`)\n      .on('click', () => callback(index))\n      .styled(Styles.element.action.button.fullScreen)\n      .build();\n  })();\n\nexport default {\n  create,\n};\n"],"names":["iconFullscreen"],"mappings":";;;AAIA,MAAM,SAAS,CAAC;AAAA,EACd;AAAA,EACA;AACF,OAIG,MAAM;AACL,SAAO,IAAI,eAAe,QAAQ,EAC/B,cAAc,cAAc,MAAM,SAAA,CAAU,EAC5C,cAAc,cAAc,kBAAkB,EAC9C,SAAS,4BAA4BA,YAAc,EAAE,EACrD,GAAG,SAAS,MAAM,SAAS,KAAK,CAAC,EACjC,OAAO,OAAO,QAAQ,OAAO,OAAO,UAAU,EAC9C,MAAA;AACL,GAAA;AAEF,MAAA,aAAe;AAAA,EACb;AACF;"}

package/dist/atomic/events/meta.d.ts

@@ -18,10 +18,6 @@ export type TypeMetaDisplay = EventType & {
     isThemeDark?: boolean;
     showTime?: boolean;
 };
-declare const _default: (props: TypeMetaDisplay) => {
-    element: HTMLElement;
-    className: string;
-    styles: string;
-};
+declare const _default: (props: TypeMetaDisplay) => import('@universityofmaryland/web-builder-library').ElementModel<HTMLElement>;
 export default _default;
 //# sourceMappingURL=meta.d.ts.map

package/dist/atomic/events/meta.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"meta.d.ts","sourceRoot":"","sources":["../../../source/atomic/events/meta.ts"],"names":[],"mappings":"AAKA,KAAK,YAAY,GAAG;IAClB,KAAK,EAAE,MAAM,CAAC;CACf,EAAE,CAAC;AAEJ,KAAK,mBAAmB,GAAG;IACzB,cAAc,EAAE,MAAM,CAAC;IACvB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AAMF,KAAK,SAAS,GAAG,mBAAmB,GAAG;IACrC,QAAQ,EAAE,YAAY,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG;IACxC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;yBAgFc,OAAO,eAAe;;;;;AAAtC,wBA0BE"}
+{"version":3,"file":"meta.d.ts","sourceRoot":"","sources":["../../../source/atomic/events/meta.ts"],"names":[],"mappings":"AAQA,KAAK,YAAY,GAAG;IAClB,KAAK,EAAE,MAAM,CAAC;CACf,EAAE,CAAC;AAEJ,KAAK,mBAAmB,GAAG;IACzB,cAAc,EAAE,MAAM,CAAC;IACvB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AAOF,KAAK,SAAS,GAAG,mBAAmB,GAAG;IACrC,QAAQ,EAAE,YAAY,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG;IACxC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;yBA8Ec,OAAO,eAAe;AAAtC,wBAoBE"}

package/dist/atomic/events/meta.js

@@ -1,23 +1,34 @@
 "use strict";
+const webBuilderLibrary = require("@universityofmaryland/web-builder-library");
+const elementStyles = require("@universityofmaryland/web-styles-library/element");
 const location = require("@universityofmaryland/web-icons-library/location");
 const calendar = require("@universityofmaryland/web-icons-library/calendar");
-require("../../model/modifiers/index.js");
-require("@universityofmaryland/web-styles-library");
-const event = require("../../model/elements/event.js");
-require("../../model/elements/headline.js");
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+  if (e) {
+    for (const k in e) {
+      if (k !== "default") {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+const elementStyles__namespace = /* @__PURE__ */ _interopNamespaceDefault(elementStyles);
 const MakeDetailItem = (props) => {
-  const { icon, text } = props;
-  const container = event.metaItem({
-    element: document.createElement("p"),
-    ...props
-  });
-  const iconElement = document.createElement("span");
-  const textElement = document.createElement("span");
-  iconElement.innerHTML = icon;
-  textElement.innerHTML = text;
-  container.element.appendChild(iconElement);
-  container.element.appendChild(textElement);
-  return container;
+  const { icon, text, isThemeDark } = props;
+  const iconElement = new webBuilderLibrary.ElementBuilder("span").withHTML(icon).build();
+  const textElement = new webBuilderLibrary.ElementBuilder("span").withHTML(text).build();
+  return new webBuilderLibrary.ElementBuilder("p").styled(
+    elementStyles__namespace.event.meta.composeItem({
+      theme: isThemeDark ? "dark" : "light"
+    })
+  ).withChildren(iconElement, textElement).build();
 };
 const createDayText = ({
   startDayOfWeek,
@@ -26,7 +37,8 @@ const createDayText = ({
   endDayOfWeek,
   endDay,
   endMonth,
-  isMultiDay = false
+  isMultiDay = false,
+  isThemeDark
 }) => {
   let text = `${startDayOfWeek}. ${startMonth} ${startDay}`;
   if (isMultiDay) {
@@ -34,58 +46,46 @@ const createDayText = ({
   }
   return MakeDetailItem({
     icon: calendar.calendar,
-    text
+    text,
+    isThemeDark
   });
 };
-const createTimeText = ({ startTime, endTime }) => {
+const createTimeText = ({
+  startTime,
+  endTime,
+  isThemeDark
+}) => {
   let text = startTime;
   if (startTime != endTime) {
     text = `${text} - ${endTime}`;
   }
   return MakeDetailItem({
     icon: calendar.clock,
-    text
+    text,
+    isThemeDark
   });
 };
 const createDateRow = (props) => {
-  const { showTime = true } = props;
-  const container = document.createElement("div");
-  const { startMonth, startDay, endDay, endMonth } = props;
+  const { showTime = true, startMonth, startDay, endDay, endMonth } = props;
   const isMultiDay = startDay != endDay || startMonth != endMonth;
   const dateElement = createDayText({ ...props, isMultiDay });
-  let styles = "";
-  container.appendChild(dateElement.element);
-  styles += dateElement.styles;
+  const element = new webBuilderLibrary.ElementBuilder().withClassName("event-meta-date-row").withChild(dateElement);
   if (showTime) {
-    const timeElement = createTimeText({ ...props });
-    container.appendChild(timeElement.element);
-    styles += timeElement.styles;
+    element.withChild(createTimeText({ ...props }));
   }
-  return { element: container, styles, className: "event-meta-date-row" };
+  return element.build();
 };
 const meta = (props) => {
-  const { location: location$1 } = props;
+  const { location: location$1, isThemeDark } = props;
   const dateRow = createDateRow(props);
-  let wrapperChildren = [dateRow];
+  const wrapper = new webBuilderLibrary.ElementBuilder().styled(elementStyles__namespace.event.meta.wrapper).withChild(dateRow);
   if (location$1 && location$1.length > 0) {
-    wrapperChildren.push(
-      MakeDetailItem({
-        ...props,
-        icon: location.pin,
-        text: location$1[0].title
-      })
+    wrapper.withChild(
+      MakeDetailItem({ ...props, icon: location.pin, text: location$1[0].title })
     );
   }
-  const wrapper = event.metaWrapper({
-    element: document.createElement("div"),
-    children: wrapperChildren,
-    ...props
-  });
-  return event.metaContainer({
-    element: document.createElement("div"),
-    children: [wrapper],
-    ...props
-  });
+  const wrapperModel = wrapper.build();
+  return new webBuilderLibrary.ElementBuilder().styled(elementStyles__namespace.event.meta.container).withChild(wrapperModel).build();
 };
 module.exports = meta;
 //# sourceMappingURL=meta.js.map

package/dist/atomic/events/meta.js.map

@@ -1 +1 @@
-{"version":3,"file":"meta.js","sources":["../../../source/atomic/events/meta.ts"],"sourcesContent":["import { pin as iconPin } from '@universityofmaryland/web-icons-library/location';\nimport { calendar as iconCalendar, clock as iconClock } from '@universityofmaryland/web-icons-library/calendar';\nimport { ElementModel } from 'model';\nimport { ElementVisual } from '../../_types';\n\ntype LocationType = {\n  title: string;\n}[];\n\ntype DateInformaitonType = {\n  startDayOfWeek: string;\n  startMonth: string;\n  startDay: string;\n  startTime: string;\n  endDayOfWeek: string;\n  endMonth: string;\n  endDay: string;\n  endTime: string;\n};\n\ntype DateDisplayType = DateInformaitonType & {\n  isMultiDay?: boolean;\n};\n\ntype EventType = DateInformaitonType & {\n  location: LocationType;\n};\n\nexport type TypeMetaDisplay = EventType & {\n  isThemeDark?: boolean;\n  showTime?: boolean;\n};\n\nconst MakeDetailItem = (props: {\n  icon: string;\n  text: string;\n  isThemeDark?: boolean;\n}) => {\n  const { icon, text } = props;\n  const container = ElementModel.event.metaItem({\n    element: document.createElement('p'),\n    ...props,\n  });\n\n  const iconElement = document.createElement('span');\n  const textElement = document.createElement('span');\n\n  iconElement.innerHTML = icon;\n  textElement.innerHTML = text;\n\n  container.element.appendChild(iconElement);\n  container.element.appendChild(textElement);\n\n  return container;\n};\n\nconst createDayText = ({\n  startDayOfWeek,\n  startMonth,\n  startDay,\n  endDayOfWeek,\n  endDay,\n  endMonth,\n  isMultiDay = false,\n}: DateDisplayType) => {\n  let text = `${startDayOfWeek}. ${startMonth} ${startDay}`;\n\n  if (isMultiDay) {\n    text = `${text} - ${endDayOfWeek}. ${endMonth} ${endDay}`;\n  }\n\n  return MakeDetailItem({\n    icon: iconCalendar,\n    text,\n  });\n};\n\nconst createTimeText = ({ startTime, endTime }: DateDisplayType) => {\n  let text = startTime;\n\n  if (startTime != endTime) {\n    text = `${text} - ${endTime}`;\n  }\n\n  return MakeDetailItem({\n    icon: iconClock,\n    text,\n  });\n};\n\nconst createDateRow = (props: TypeMetaDisplay) => {\n  const { showTime = true } = props;\n  const container = document.createElement('div');\n  const { startMonth, startDay, endDay, endMonth } = props;\n  const isMultiDay = startDay != endDay || startMonth != endMonth;\n  const dateElement = createDayText({ ...props, isMultiDay });\n\n  let styles = '';\n\n  container.appendChild(dateElement.element);\n  styles += dateElement.styles;\n\n  if (showTime) {\n    const timeElement = createTimeText({ ...props, isMultiDay });\n    container.appendChild(timeElement.element);\n    styles += timeElement.styles;\n  }\n\n  return { element: container, styles, className: 'event-meta-date-row' };\n};\n\nexport default (props: TypeMetaDisplay) => {\n  const { location } = props;\n  const dateRow = createDateRow(props);\n  let wrapperChildren: ElementVisual[] = [dateRow];\n\n  if (location && location.length > 0) {\n    wrapperChildren.push(\n      MakeDetailItem({\n        ...props,\n        icon: iconPin,\n        text: location[0].title,\n      }),\n    );\n  }\n\n  const wrapper = ElementModel.event.metaWrapper({\n    element: document.createElement('div'),\n    children: wrapperChildren,\n    ...props,\n  });\n\n  return ElementModel.event.metaContainer({\n    element: document.createElement('div'),\n    children: [wrapper],\n    ...props,\n  });\n};\n"],"names":["ElementModel.event.metaItem","iconCalendar","iconClock","location","iconPin","ElementModel.event.metaWrapper","ElementModel.event.metaContainer"],"mappings":";;;;;;;AAiCA,MAAM,iBAAiB,CAAC,UAIlB;AACJ,QAAM,EAAE,MAAM,KAAA,IAAS;AACvB,QAAM,YAAYA,MAAAA,SAA4B;AAAA,IAC5C,SAAS,SAAS,cAAc,GAAG;AAAA,IACnC,GAAG;AAAA,EAAA,CACJ;AAED,QAAM,cAAc,SAAS,cAAc,MAAM;AACjD,QAAM,cAAc,SAAS,cAAc,MAAM;AAEjD,cAAY,YAAY;AACxB,cAAY,YAAY;AAExB,YAAU,QAAQ,YAAY,WAAW;AACzC,YAAU,QAAQ,YAAY,WAAW;AAEzC,SAAO;AACT;AAEA,MAAM,gBAAgB,CAAC;AAAA,EACrB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,aAAa;AACf,MAAuB;AACrB,MAAI,OAAO,GAAG,cAAc,KAAK,UAAU,IAAI,QAAQ;AAEvD,MAAI,YAAY;AACd,WAAO,GAAG,IAAI,MAAM,YAAY,KAAK,QAAQ,IAAI,MAAM;AAAA,EACzD;AAEA,SAAO,eAAe;AAAA,IACpB,MAAMC,SAAAA;AAAAA,IACN;AAAA,EAAA,CACD;AACH;AAEA,MAAM,iBAAiB,CAAC,EAAE,WAAW,cAA+B;AAClE,MAAI,OAAO;AAEX,MAAI,aAAa,SAAS;AACxB,WAAO,GAAG,IAAI,MAAM,OAAO;AAAA,EAC7B;AAEA,SAAO,eAAe;AAAA,IACpB,MAAMC,SAAAA;AAAAA,IACN;AAAA,EAAA,CACD;AACH;AAEA,MAAM,gBAAgB,CAAC,UAA2B;AAChD,QAAM,EAAE,WAAW,KAAA,IAAS;AAC5B,QAAM,YAAY,SAAS,cAAc,KAAK;AAC9C,QAAM,EAAE,YAAY,UAAU,QAAQ,aAAa;AACnD,QAAM,aAAa,YAAY,UAAU,cAAc;AACvD,QAAM,cAAc,cAAc,EAAE,GAAG,OAAO,YAAY;AAE1D,MAAI,SAAS;AAEb,YAAU,YAAY,YAAY,OAAO;AACzC,YAAU,YAAY;AAEtB,MAAI,UAAU;AACZ,UAAM,cAAc,eAAe,EAAE,GAAG,MAAkB,CAAC;AAC3D,cAAU,YAAY,YAAY,OAAO;AACzC,cAAU,YAAY;AAAA,EACxB;AAEA,SAAO,EAAE,SAAS,WAAW,QAAQ,WAAW,sBAAA;AAClD;AAEA,MAAA,OAAe,CAAC,UAA2B;AACzC,QAAM,EAAA,UAAEC,eAAa;AACrB,QAAM,UAAU,cAAc,KAAK;AACnC,MAAI,kBAAmC,CAAC,OAAO;AAE/C,MAAIA,cAAYA,WAAS,SAAS,GAAG;AACnC,oBAAgB;AAAA,MACd,eAAe;AAAA,QACb,GAAG;AAAA,QACH,MAAMC,SAAAA;AAAAA,QACN,MAAMD,WAAS,CAAC,EAAE;AAAA,MAAA,CACnB;AAAA,IAAA;AAAA,EAEL;AAEA,QAAM,UAAUE,MAAAA,YAA+B;AAAA,IAC7C,SAAS,SAAS,cAAc,KAAK;AAAA,IACrC,UAAU;AAAA,IACV,GAAG;AAAA,EAAA,CACJ;AAED,SAAOC,oBAAiC;AAAA,IACtC,SAAS,SAAS,cAAc,KAAK;AAAA,IACrC,UAAU,CAAC,OAAO;AAAA,IAClB,GAAG;AAAA,EAAA,CACJ;AACH;;"}
+{"version":3,"file":"meta.js","sources":["../../../source/atomic/events/meta.ts"],"sourcesContent":["import { ElementBuilder } from '@universityofmaryland/web-builder-library';\nimport * as elementStyles from '@universityofmaryland/web-styles-library/element';\nimport { pin as iconPin } from '@universityofmaryland/web-icons-library/location';\nimport {\n  calendar as iconCalendar,\n  clock as iconClock,\n} from '@universityofmaryland/web-icons-library/calendar';\n\ntype LocationType = {\n  title: string;\n}[];\n\ntype DateInformaitonType = {\n  startDayOfWeek: string;\n  startMonth: string;\n  startDay: string;\n  startTime: string;\n  endDayOfWeek: string;\n  endMonth: string;\n  endDay: string;\n  endTime: string;\n};\n\ntype DateDisplayType = DateInformaitonType & {\n  isMultiDay?: boolean;\n  isThemeDark?: boolean;\n};\n\ntype EventType = DateInformaitonType & {\n  location: LocationType;\n};\n\nexport type TypeMetaDisplay = EventType & {\n  isThemeDark?: boolean;\n  showTime?: boolean;\n};\n\nconst MakeDetailItem = (props: {\n  icon: string;\n  text: string;\n  isThemeDark?: boolean;\n}) => {\n  const { icon, text, isThemeDark } = props;\n\n  const iconElement = new ElementBuilder('span').withHTML(icon).build();\n  const textElement = new ElementBuilder('span').withHTML(text).build();\n\n  return new ElementBuilder('p')\n    .styled(\n      elementStyles.event.meta.composeItem({\n        theme: isThemeDark ? 'dark' : 'light',\n      }),\n    )\n    .withChildren(iconElement, textElement)\n    .build();\n};\n\nconst createDayText = ({\n  startDayOfWeek,\n  startMonth,\n  startDay,\n  endDayOfWeek,\n  endDay,\n  endMonth,\n  isMultiDay = false,\n  isThemeDark,\n}: DateDisplayType) => {\n  let text = `${startDayOfWeek}. ${startMonth} ${startDay}`;\n\n  if (isMultiDay) {\n    text = `${text} - ${endDayOfWeek}. ${endMonth} ${endDay}`;\n  }\n\n  return MakeDetailItem({\n    icon: iconCalendar,\n    text,\n    isThemeDark,\n  });\n};\n\nconst createTimeText = ({\n  startTime,\n  endTime,\n  isThemeDark,\n}: DateDisplayType) => {\n  let text = startTime;\n\n  if (startTime != endTime) {\n    text = `${text} - ${endTime}`;\n  }\n\n  return MakeDetailItem({\n    icon: iconClock,\n    text,\n    isThemeDark,\n  });\n};\n\nconst createDateRow = (props: TypeMetaDisplay) => {\n  const { showTime = true, startMonth, startDay, endDay, endMonth } = props;\n  const isMultiDay = startDay != endDay || startMonth != endMonth;\n  const dateElement = createDayText({ ...props, isMultiDay });\n  const element = new ElementBuilder()\n    .withClassName('event-meta-date-row')\n    .withChild(dateElement);\n\n  if (showTime) {\n    element.withChild(createTimeText({ ...props, isMultiDay }));\n  }\n\n  return element.build();\n};\n\nexport default (props: TypeMetaDisplay) => {\n  const { location, isThemeDark } = props;\n  const dateRow = createDateRow(props);\n\n  const wrapper = new ElementBuilder()\n    .styled(elementStyles.event.meta.wrapper)\n    .withChild(dateRow);\n\n  if (location && location.length > 0) {\n    wrapper.withChild(\n      MakeDetailItem({ ...props, icon: iconPin, text: location[0].title }),\n    );\n  }\n\n  const wrapperModel = wrapper.build();\n\n  return new ElementBuilder()\n    .styled(elementStyles.event.meta.container)\n    .withChild(wrapperModel)\n    .build();\n};\n"],"names":["ElementBuilder","elementStyles","iconCalendar","iconClock","location","iconPin"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAqCA,MAAM,iBAAiB,CAAC,UAIlB;AACJ,QAAM,EAAE,MAAM,MAAM,YAAA,IAAgB;AAEpC,QAAM,cAAc,IAAIA,iCAAe,MAAM,EAAE,SAAS,IAAI,EAAE,MAAA;AAC9D,QAAM,cAAc,IAAIA,iCAAe,MAAM,EAAE,SAAS,IAAI,EAAE,MAAA;AAE9D,SAAO,IAAIA,kBAAAA,eAAe,GAAG,EAC1B;AAAA,IACCC,yBAAc,MAAM,KAAK,YAAY;AAAA,MACnC,OAAO,cAAc,SAAS;AAAA,IAAA,CAC/B;AAAA,EAAA,EAEF,aAAa,aAAa,WAAW,EACrC,MAAA;AACL;AAEA,MAAM,gBAAgB,CAAC;AAAA,EACrB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,aAAa;AAAA,EACb;AACF,MAAuB;AACrB,MAAI,OAAO,GAAG,cAAc,KAAK,UAAU,IAAI,QAAQ;AAEvD,MAAI,YAAY;AACd,WAAO,GAAG,IAAI,MAAM,YAAY,KAAK,QAAQ,IAAI,MAAM;AAAA,EACzD;AAEA,SAAO,eAAe;AAAA,IACpB,MAAMC,SAAAA;AAAAA,IACN;AAAA,IACA;AAAA,EAAA,CACD;AACH;AAEA,MAAM,iBAAiB,CAAC;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AACF,MAAuB;AACrB,MAAI,OAAO;AAEX,MAAI,aAAa,SAAS;AACxB,WAAO,GAAG,IAAI,MAAM,OAAO;AAAA,EAC7B;AAEA,SAAO,eAAe;AAAA,IACpB,MAAMC,SAAAA;AAAAA,IACN;AAAA,IACA;AAAA,EAAA,CACD;AACH;AAEA,MAAM,gBAAgB,CAAC,UAA2B;AAChD,QAAM,EAAE,WAAW,MAAM,YAAY,UAAU,QAAQ,aAAa;AACpE,QAAM,aAAa,YAAY,UAAU,cAAc;AACvD,QAAM,cAAc,cAAc,EAAE,GAAG,OAAO,YAAY;AAC1D,QAAM,UAAU,IAAIH,iCAAA,EACjB,cAAc,qBAAqB,EACnC,UAAU,WAAW;AAExB,MAAI,UAAU;AACZ,YAAQ,UAAU,eAAe,EAAE,GAAG,MAAkB,CAAC,CAAC;AAAA,EAC5D;AAEA,SAAO,QAAQ,MAAA;AACjB;AAEA,MAAA,OAAe,CAAC,UAA2B;AACzC,QAAM,EAAA,UAAEI,YAAU,YAAA,IAAgB;AAClC,QAAM,UAAU,cAAc,KAAK;AAEnC,QAAM,UAAU,IAAIJ,iCAAA,EACjB,OAAOC,yBAAc,MAAM,KAAK,OAAO,EACvC,UAAU,OAAO;AAEpB,MAAIG,cAAYA,WAAS,SAAS,GAAG;AACnC,YAAQ;AAAA,MACN,eAAe,EAAE,GAAG,OAAO,MAAMC,SAAAA,KAAS,MAAMD,WAAS,CAAC,EAAE,MAAA,CAAO;AAAA,IAAA;AAAA,EAEvE;AAEA,QAAM,eAAe,QAAQ,MAAA;AAE7B,SAAO,IAAIJ,kBAAAA,eAAA,EACR,OAAOC,yBAAc,MAAM,KAAK,SAAS,EACzC,UAAU,YAAY,EACtB,MAAA;AACL;;"}

package/dist/atomic/events/meta.mjs

@@ -1,22 +1,16 @@
+import { ElementBuilder } from "@universityofmaryland/web-builder-library";
+import * as elementStyles from "@universityofmaryland/web-styles-library/element";
 import { pin } from "@universityofmaryland/web-icons-library/location";
 import { calendar, clock } from "@universityofmaryland/web-icons-library/calendar";
-import "../../model/modifiers/index.mjs";
-import "@universityofmaryland/web-styles-library";
-import { metaWrapper, metaContainer, metaItem } from "../../model/elements/event.mjs";
-import "../../model/elements/headline.mjs";
 const MakeDetailItem = (props) => {
-  const { icon, text } = props;
-  const container = metaItem({
-    element: document.createElement("p"),
-    ...props
-  });
-  const iconElement = document.createElement("span");
-  const textElement = document.createElement("span");
-  iconElement.innerHTML = icon;
-  textElement.innerHTML = text;
-  container.element.appendChild(iconElement);
-  container.element.appendChild(textElement);
-  return container;
+  const { icon, text, isThemeDark } = props;
+  const iconElement = new ElementBuilder("span").withHTML(icon).build();
+  const textElement = new ElementBuilder("span").withHTML(text).build();
+  return new ElementBuilder("p").styled(
+    elementStyles.event.meta.composeItem({
+      theme: isThemeDark ? "dark" : "light"
+    })
+  ).withChildren(iconElement, textElement).build();
 };
 const createDayText = ({
   startDayOfWeek,
@@ -25,7 +19,8 @@ const createDayText = ({
   endDayOfWeek,
   endDay,
   endMonth,
-  isMultiDay = false
+  isMultiDay = false,
+  isThemeDark
 }) => {
   let text = `${startDayOfWeek}. ${startMonth} ${startDay}`;
   if (isMultiDay) {
@@ -33,58 +28,46 @@ const createDayText = ({
   }
   return MakeDetailItem({
     icon: calendar,
-    text
+    text,
+    isThemeDark
   });
 };
-const createTimeText = ({ startTime, endTime }) => {
+const createTimeText = ({
+  startTime,
+  endTime,
+  isThemeDark
+}) => {
   let text = startTime;
   if (startTime != endTime) {
     text = `${text} - ${endTime}`;
   }
   return MakeDetailItem({
     icon: clock,
-    text
+    text,
+    isThemeDark
   });
 };
 const createDateRow = (props) => {
-  const { showTime = true } = props;
-  const container = document.createElement("div");
-  const { startMonth, startDay, endDay, endMonth } = props;
+  const { showTime = true, startMonth, startDay, endDay, endMonth } = props;
   const isMultiDay = startDay != endDay || startMonth != endMonth;
   const dateElement = createDayText({ ...props, isMultiDay });
-  let styles = "";
-  container.appendChild(dateElement.element);
-  styles += dateElement.styles;
+  const element = new ElementBuilder().withClassName("event-meta-date-row").withChild(dateElement);
   if (showTime) {
-    const timeElement = createTimeText({ ...props });
-    container.appendChild(timeElement.element);
-    styles += timeElement.styles;
+    element.withChild(createTimeText({ ...props }));
   }
-  return { element: container, styles, className: "event-meta-date-row" };
+  return element.build();
 };
 const meta = (props) => {
-  const { location } = props;
+  const { location, isThemeDark } = props;
   const dateRow = createDateRow(props);
-  let wrapperChildren = [dateRow];
+  const wrapper = new ElementBuilder().styled(elementStyles.event.meta.wrapper).withChild(dateRow);
   if (location && location.length > 0) {
-    wrapperChildren.push(
-      MakeDetailItem({
-        ...props,
-        icon: pin,
-        text: location[0].title
-      })
+    wrapper.withChild(
+      MakeDetailItem({ ...props, icon: pin, text: location[0].title })
     );
   }
-  const wrapper = metaWrapper({
-    element: document.createElement("div"),
-    children: wrapperChildren,
-    ...props
-  });
-  return metaContainer({
-    element: document.createElement("div"),
-    children: [wrapper],
-    ...props
-  });
+  const wrapperModel = wrapper.build();
+  return new ElementBuilder().styled(elementStyles.event.meta.container).withChild(wrapperModel).build();
 };
 export {
   meta as default

package/dist/atomic/events/meta.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"meta.mjs","sources":["../../../source/atomic/events/meta.ts"],"sourcesContent":["import { pin as iconPin } from '@universityofmaryland/web-icons-library/location';\nimport { calendar as iconCalendar, clock as iconClock } from '@universityofmaryland/web-icons-library/calendar';\nimport { ElementModel } from 'model';\nimport { ElementVisual } from '../../_types';\n\ntype LocationType = {\n  title: string;\n}[];\n\ntype DateInformaitonType = {\n  startDayOfWeek: string;\n  startMonth: string;\n  startDay: string;\n  startTime: string;\n  endDayOfWeek: string;\n  endMonth: string;\n  endDay: string;\n  endTime: string;\n};\n\ntype DateDisplayType = DateInformaitonType & {\n  isMultiDay?: boolean;\n};\n\ntype EventType = DateInformaitonType & {\n  location: LocationType;\n};\n\nexport type TypeMetaDisplay = EventType & {\n  isThemeDark?: boolean;\n  showTime?: boolean;\n};\n\nconst MakeDetailItem = (props: {\n  icon: string;\n  text: string;\n  isThemeDark?: boolean;\n}) => {\n  const { icon, text } = props;\n  const container = ElementModel.event.metaItem({\n    element: document.createElement('p'),\n    ...props,\n  });\n\n  const iconElement = document.createElement('span');\n  const textElement = document.createElement('span');\n\n  iconElement.innerHTML = icon;\n  textElement.innerHTML = text;\n\n  container.element.appendChild(iconElement);\n  container.element.appendChild(textElement);\n\n  return container;\n};\n\nconst createDayText = ({\n  startDayOfWeek,\n  startMonth,\n  startDay,\n  endDayOfWeek,\n  endDay,\n  endMonth,\n  isMultiDay = false,\n}: DateDisplayType) => {\n  let text = `${startDayOfWeek}. ${startMonth} ${startDay}`;\n\n  if (isMultiDay) {\n    text = `${text} - ${endDayOfWeek}. ${endMonth} ${endDay}`;\n  }\n\n  return MakeDetailItem({\n    icon: iconCalendar,\n    text,\n  });\n};\n\nconst createTimeText = ({ startTime, endTime }: DateDisplayType) => {\n  let text = startTime;\n\n  if (startTime != endTime) {\n    text = `${text} - ${endTime}`;\n  }\n\n  return MakeDetailItem({\n    icon: iconClock,\n    text,\n  });\n};\n\nconst createDateRow = (props: TypeMetaDisplay) => {\n  const { showTime = true } = props;\n  const container = document.createElement('div');\n  const { startMonth, startDay, endDay, endMonth } = props;\n  const isMultiDay = startDay != endDay || startMonth != endMonth;\n  const dateElement = createDayText({ ...props, isMultiDay });\n\n  let styles = '';\n\n  container.appendChild(dateElement.element);\n  styles += dateElement.styles;\n\n  if (showTime) {\n    const timeElement = createTimeText({ ...props, isMultiDay });\n    container.appendChild(timeElement.element);\n    styles += timeElement.styles;\n  }\n\n  return { element: container, styles, className: 'event-meta-date-row' };\n};\n\nexport default (props: TypeMetaDisplay) => {\n  const { location } = props;\n  const dateRow = createDateRow(props);\n  let wrapperChildren: ElementVisual[] = [dateRow];\n\n  if (location && location.length > 0) {\n    wrapperChildren.push(\n      MakeDetailItem({\n        ...props,\n        icon: iconPin,\n        text: location[0].title,\n      }),\n    );\n  }\n\n  const wrapper = ElementModel.event.metaWrapper({\n    element: document.createElement('div'),\n    children: wrapperChildren,\n    ...props,\n  });\n\n  return ElementModel.event.metaContainer({\n    element: document.createElement('div'),\n    children: [wrapper],\n    ...props,\n  });\n};\n"],"names":["ElementModel.event.metaItem","iconCalendar","iconClock","iconPin","ElementModel.event.metaWrapper","ElementModel.event.metaContainer"],"mappings":";;;;;;AAiCA,MAAM,iBAAiB,CAAC,UAIlB;AACJ,QAAM,EAAE,MAAM,KAAA,IAAS;AACvB,QAAM,YAAYA,SAA4B;AAAA,IAC5C,SAAS,SAAS,cAAc,GAAG;AAAA,IACnC,GAAG;AAAA,EAAA,CACJ;AAED,QAAM,cAAc,SAAS,cAAc,MAAM;AACjD,QAAM,cAAc,SAAS,cAAc,MAAM;AAEjD,cAAY,YAAY;AACxB,cAAY,YAAY;AAExB,YAAU,QAAQ,YAAY,WAAW;AACzC,YAAU,QAAQ,YAAY,WAAW;AAEzC,SAAO;AACT;AAEA,MAAM,gBAAgB,CAAC;AAAA,EACrB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,aAAa;AACf,MAAuB;AACrB,MAAI,OAAO,GAAG,cAAc,KAAK,UAAU,IAAI,QAAQ;AAEvD,MAAI,YAAY;AACd,WAAO,GAAG,IAAI,MAAM,YAAY,KAAK,QAAQ,IAAI,MAAM;AAAA,EACzD;AAEA,SAAO,eAAe;AAAA,IACpB,MAAMC;AAAAA,IACN;AAAA,EAAA,CACD;AACH;AAEA,MAAM,iBAAiB,CAAC,EAAE,WAAW,cAA+B;AAClE,MAAI,OAAO;AAEX,MAAI,aAAa,SAAS;AACxB,WAAO,GAAG,IAAI,MAAM,OAAO;AAAA,EAC7B;AAEA,SAAO,eAAe;AAAA,IACpB,MAAMC;AAAAA,IACN;AAAA,EAAA,CACD;AACH;AAEA,MAAM,gBAAgB,CAAC,UAA2B;AAChD,QAAM,EAAE,WAAW,KAAA,IAAS;AAC5B,QAAM,YAAY,SAAS,cAAc,KAAK;AAC9C,QAAM,EAAE,YAAY,UAAU,QAAQ,aAAa;AACnD,QAAM,aAAa,YAAY,UAAU,cAAc;AACvD,QAAM,cAAc,cAAc,EAAE,GAAG,OAAO,YAAY;AAE1D,MAAI,SAAS;AAEb,YAAU,YAAY,YAAY,OAAO;AACzC,YAAU,YAAY;AAEtB,MAAI,UAAU;AACZ,UAAM,cAAc,eAAe,EAAE,GAAG,MAAkB,CAAC;AAC3D,cAAU,YAAY,YAAY,OAAO;AACzC,cAAU,YAAY;AAAA,EACxB;AAEA,SAAO,EAAE,SAAS,WAAW,QAAQ,WAAW,sBAAA;AAClD;AAEA,MAAA,OAAe,CAAC,UAA2B;AACzC,QAAM,EAAE,aAAa;AACrB,QAAM,UAAU,cAAc,KAAK;AACnC,MAAI,kBAAmC,CAAC,OAAO;AAE/C,MAAI,YAAY,SAAS,SAAS,GAAG;AACnC,oBAAgB;AAAA,MACd,eAAe;AAAA,QACb,GAAG;AAAA,QACH,MAAMC;AAAAA,QACN,MAAM,SAAS,CAAC,EAAE;AAAA,MAAA,CACnB;AAAA,IAAA;AAAA,EAEL;AAEA,QAAM,UAAUC,YAA+B;AAAA,IAC7C,SAAS,SAAS,cAAc,KAAK;AAAA,IACrC,UAAU;AAAA,IACV,GAAG;AAAA,EAAA,CACJ;AAED,SAAOC,cAAiC;AAAA,IACtC,SAAS,SAAS,cAAc,KAAK;AAAA,IACrC,UAAU,CAAC,OAAO;AAAA,IAClB,GAAG;AAAA,EAAA,CACJ;AACH;"}
+{"version":3,"file":"meta.mjs","sources":["../../../source/atomic/events/meta.ts"],"sourcesContent":["import { ElementBuilder } from '@universityofmaryland/web-builder-library';\nimport * as elementStyles from '@universityofmaryland/web-styles-library/element';\nimport { pin as iconPin } from '@universityofmaryland/web-icons-library/location';\nimport {\n  calendar as iconCalendar,\n  clock as iconClock,\n} from '@universityofmaryland/web-icons-library/calendar';\n\ntype LocationType = {\n  title: string;\n}[];\n\ntype DateInformaitonType = {\n  startDayOfWeek: string;\n  startMonth: string;\n  startDay: string;\n  startTime: string;\n  endDayOfWeek: string;\n  endMonth: string;\n  endDay: string;\n  endTime: string;\n};\n\ntype DateDisplayType = DateInformaitonType & {\n  isMultiDay?: boolean;\n  isThemeDark?: boolean;\n};\n\ntype EventType = DateInformaitonType & {\n  location: LocationType;\n};\n\nexport type TypeMetaDisplay = EventType & {\n  isThemeDark?: boolean;\n  showTime?: boolean;\n};\n\nconst MakeDetailItem = (props: {\n  icon: string;\n  text: string;\n  isThemeDark?: boolean;\n}) => {\n  const { icon, text, isThemeDark } = props;\n\n  const iconElement = new ElementBuilder('span').withHTML(icon).build();\n  const textElement = new ElementBuilder('span').withHTML(text).build();\n\n  return new ElementBuilder('p')\n    .styled(\n      elementStyles.event.meta.composeItem({\n        theme: isThemeDark ? 'dark' : 'light',\n      }),\n    )\n    .withChildren(iconElement, textElement)\n    .build();\n};\n\nconst createDayText = ({\n  startDayOfWeek,\n  startMonth,\n  startDay,\n  endDayOfWeek,\n  endDay,\n  endMonth,\n  isMultiDay = false,\n  isThemeDark,\n}: DateDisplayType) => {\n  let text = `${startDayOfWeek}. ${startMonth} ${startDay}`;\n\n  if (isMultiDay) {\n    text = `${text} - ${endDayOfWeek}. ${endMonth} ${endDay}`;\n  }\n\n  return MakeDetailItem({\n    icon: iconCalendar,\n    text,\n    isThemeDark,\n  });\n};\n\nconst createTimeText = ({\n  startTime,\n  endTime,\n  isThemeDark,\n}: DateDisplayType) => {\n  let text = startTime;\n\n  if (startTime != endTime) {\n    text = `${text} - ${endTime}`;\n  }\n\n  return MakeDetailItem({\n    icon: iconClock,\n    text,\n    isThemeDark,\n  });\n};\n\nconst createDateRow = (props: TypeMetaDisplay) => {\n  const { showTime = true, startMonth, startDay, endDay, endMonth } = props;\n  const isMultiDay = startDay != endDay || startMonth != endMonth;\n  const dateElement = createDayText({ ...props, isMultiDay });\n  const element = new ElementBuilder()\n    .withClassName('event-meta-date-row')\n    .withChild(dateElement);\n\n  if (showTime) {\n    element.withChild(createTimeText({ ...props, isMultiDay }));\n  }\n\n  return element.build();\n};\n\nexport default (props: TypeMetaDisplay) => {\n  const { location, isThemeDark } = props;\n  const dateRow = createDateRow(props);\n\n  const wrapper = new ElementBuilder()\n    .styled(elementStyles.event.meta.wrapper)\n    .withChild(dateRow);\n\n  if (location && location.length > 0) {\n    wrapper.withChild(\n      MakeDetailItem({ ...props, icon: iconPin, text: location[0].title }),\n    );\n  }\n\n  const wrapperModel = wrapper.build();\n\n  return new ElementBuilder()\n    .styled(elementStyles.event.meta.container)\n    .withChild(wrapperModel)\n    .build();\n};\n"],"names":["iconCalendar","iconClock","iconPin"],"mappings":";;;;AAqCA,MAAM,iBAAiB,CAAC,UAIlB;AACJ,QAAM,EAAE,MAAM,MAAM,YAAA,IAAgB;AAEpC,QAAM,cAAc,IAAI,eAAe,MAAM,EAAE,SAAS,IAAI,EAAE,MAAA;AAC9D,QAAM,cAAc,IAAI,eAAe,MAAM,EAAE,SAAS,IAAI,EAAE,MAAA;AAE9D,SAAO,IAAI,eAAe,GAAG,EAC1B;AAAA,IACC,cAAc,MAAM,KAAK,YAAY;AAAA,MACnC,OAAO,cAAc,SAAS;AAAA,IAAA,CAC/B;AAAA,EAAA,EAEF,aAAa,aAAa,WAAW,EACrC,MAAA;AACL;AAEA,MAAM,gBAAgB,CAAC;AAAA,EACrB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,aAAa;AAAA,EACb;AACF,MAAuB;AACrB,MAAI,OAAO,GAAG,cAAc,KAAK,UAAU,IAAI,QAAQ;AAEvD,MAAI,YAAY;AACd,WAAO,GAAG,IAAI,MAAM,YAAY,KAAK,QAAQ,IAAI,MAAM;AAAA,EACzD;AAEA,SAAO,eAAe;AAAA,IACpB,MAAMA;AAAAA,IACN;AAAA,IACA;AAAA,EAAA,CACD;AACH;AAEA,MAAM,iBAAiB,CAAC;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AACF,MAAuB;AACrB,MAAI,OAAO;AAEX,MAAI,aAAa,SAAS;AACxB,WAAO,GAAG,IAAI,MAAM,OAAO;AAAA,EAC7B;AAEA,SAAO,eAAe;AAAA,IACpB,MAAMC;AAAAA,IACN;AAAA,IACA;AAAA,EAAA,CACD;AACH;AAEA,MAAM,gBAAgB,CAAC,UAA2B;AAChD,QAAM,EAAE,WAAW,MAAM,YAAY,UAAU,QAAQ,aAAa;AACpE,QAAM,aAAa,YAAY,UAAU,cAAc;AACvD,QAAM,cAAc,cAAc,EAAE,GAAG,OAAO,YAAY;AAC1D,QAAM,UAAU,IAAI,eAAA,EACjB,cAAc,qBAAqB,EACnC,UAAU,WAAW;AAExB,MAAI,UAAU;AACZ,YAAQ,UAAU,eAAe,EAAE,GAAG,MAAkB,CAAC,CAAC;AAAA,EAC5D;AAEA,SAAO,QAAQ,MAAA;AACjB;AAEA,MAAA,OAAe,CAAC,UAA2B;AACzC,QAAM,EAAE,UAAU,YAAA,IAAgB;AAClC,QAAM,UAAU,cAAc,KAAK;AAEnC,QAAM,UAAU,IAAI,eAAA,EACjB,OAAO,cAAc,MAAM,KAAK,OAAO,EACvC,UAAU,OAAO;AAEpB,MAAI,YAAY,SAAS,SAAS,GAAG;AACnC,YAAQ;AAAA,MACN,eAAe,EAAE,GAAG,OAAO,MAAMC,KAAS,MAAM,SAAS,CAAC,EAAE,MAAA,CAAO;AAAA,IAAA;AAAA,EAEvE;AAEA,QAAM,eAAe,QAAQ,MAAA;AAE7B,SAAO,IAAI,eAAA,EACR,OAAO,cAAc,MAAM,KAAK,SAAS,EACzC,UAAU,YAAY,EACtB,MAAA;AACL;"}

package/dist/atomic/events/sign.d.ts

@@ -5,10 +5,6 @@ declare const _default: (props: {
     endMonth?: string | HTMLElement;
     isThemeDark?: boolean;
     isLargeSize?: boolean;
-}) => {
-    element: HTMLElement;
-    className: string;
-    styles: string;
-};
+}) => import('@universityofmaryland/web-builder-library').ElementModel<HTMLElement>;
 export default _default;
 //# sourceMappingURL=sign.d.ts.map

package/dist/atomic/events/sign.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sign.d.ts","sourceRoot":"","sources":["../../../source/atomic/events/sign.ts"],"names":[],"mappings":"yBAmHgB,OAAO;IACrB,UAAU,EAAE,MAAM,GAAG,WAAW,CAAC;IACjC,QAAQ,EAAE,MAAM,GAAG,WAAW,CAAC;IAC/B,MAAM,CAAC,EAAE,MAAM,GAAG,WAAW,CAAC;IAC9B,QAAQ,CAAC,EAAE,MAAM,GAAG,WAAW,CAAC;IAChC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;;;;;AAPD,wBAiEE"}
+{"version":3,"file":"sign.d.ts","sourceRoot":"","sources":["../../../source/atomic/events/sign.ts"],"names":[],"mappings":"yBAoIgB,OAAO;IACrB,UAAU,EAAE,MAAM,GAAG,WAAW,CAAC;IACjC,QAAQ,EAAE,MAAM,GAAG,WAAW,CAAC;IAC/B,MAAM,CAAC,EAAE,MAAM,GAAG,WAAW,CAAC;IAC9B,QAAQ,CAAC,EAAE,MAAM,GAAG,WAAW,CAAC;IAChC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAPD,wBA+DE"}