@universityofmaryland/web-elements-library 1.3.7 → 1.4.1

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}

package/dist/index.mjs

@@ -0,0 +1,13 @@
+import * as atomic from "./atomic.mjs";
+import * as composite from "./composite.mjs";
+import * as layout from "./layout.mjs";
+import * as model from "./model.mjs";
+import * as utilities from "./utilities.mjs";
+export {
+  atomic as Atomic,
+  composite as Composite,
+  layout as Layout,
+  model as Model,
+  utilities as Utilities
+};
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/dist/layout/image.js

@@ -0,0 +1,93 @@
+"use strict";
+const Styles = require("@universityofmaryland/web-styles-library");
+const index = require("../utilities/theme/index.js");
+const ATTRIBUTE_CAPTION = "data-caption";
+const ATTRIBUTE_CREDIT = "data-credit";
+const ELEMENT_IMAGE_CONTAINER = "image-container";
+const STYLES_IMAGE_CONTAINER = `
+  .${ELEMENT_IMAGE_CONTAINER} {
+    position: relative;
+    display: inline-block;
+  }
+
+  ${index.convertJSSObjectToStyles({
+  styleObj: {
+    [`.${ELEMENT_IMAGE_CONTAINER} > span`]: Styles.typography.sans.min
+  }
+})}
+
+  .${ELEMENT_IMAGE_CONTAINER} > span {
+    position: absolute;
+    bottom: 0;
+    right: 0;
+    height: auto !important;
+    width: auto !important;
+    padding: ${Styles.token.spacing.min};
+    background-color: rgba(0, 0, 0, 0.5);
+    color: ${Styles.token.color.white};
+    z-index: 99;
+  }
+
+  .${ELEMENT_IMAGE_CONTAINER} > img {
+    display: block;
+  }
+
+  .${ELEMENT_IMAGE_CONTAINER} > a {
+    display: block;
+    line-height: 0;
+    overflow: hidden;
+  }
+
+  .${ELEMENT_IMAGE_CONTAINER} > a img {
+    object-fit: cover;
+    object-position: center;
+    transform: scale(1);
+    transition: transform 0.5s;
+    width: 100%;
+  }
+
+  .${ELEMENT_IMAGE_CONTAINER} > a:hover img,
+  .${ELEMENT_IMAGE_CONTAINER} > a:focus img {
+    transform: scale(1.025);
+  }
+`;
+const CreateImageContainer = ({
+  image,
+  showCaption = false
+}) => {
+  const container = document.createElement("div");
+  const isString = typeof image === "string";
+  const hasCaption = !isString && image.hasAttribute(ATTRIBUTE_CAPTION);
+  const hasCredit = !isString && image.hasAttribute(ATTRIBUTE_CREDIT);
+  const attributeCaption = hasCaption ? image.getAttribute(ATTRIBUTE_CAPTION) : null;
+  const attributeCredit = hasCredit ? image.getAttribute(ATTRIBUTE_CREDIT) : null;
+  container.classList.add(ELEMENT_IMAGE_CONTAINER);
+  if (isString) {
+    container.innerHTML = image;
+    return container;
+  }
+  if (showCaption) {
+    if (attributeCaption) {
+      console.log(
+        `Attribute "data-caption" is deprecated. Use "data-credit" instead. This attribute will be removed in version 2.0.`
+      );
+    }
+    if (attributeCaption || attributeCredit) {
+      const text = attributeCaption || attributeCredit;
+      const caption = document.createElement("span");
+      caption.textContent = text;
+      container.appendChild(caption);
+    }
+  }
+  container.appendChild(image);
+  return container;
+};
+const LayoutImage = {
+  CreateElement: CreateImageContainer,
+  Styles: STYLES_IMAGE_CONTAINER,
+  Elements: {
+    container: ELEMENT_IMAGE_CONTAINER
+  }
+};
+module.exports = LayoutImage;
+//# sourceMappingURL=image.js.map

package/dist/layout/image.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"image.js","sources":["../../source/layout/image.ts"],"sourcesContent":["import { token, typography } from '@universityofmaryland/web-styles-library';\nimport * as Utility from 'utilities';\n\nconst ATTRIBUTE_CAPTION = 'data-caption';\nconst ATTRIBUTE_CREDIT = 'data-credit';\n\nconst ELEMENT_IMAGE_CONTAINER = 'image-container';\n\n// prettier-ignore\nconst STYLES_IMAGE_CONTAINER = `\n  .${ELEMENT_IMAGE_CONTAINER} {\n    position: relative;\n    display: inline-block;\n  }\n\n  ${Utility.theme.convertJSSObjectToStyles({\n    styleObj: {\n      [`.${ELEMENT_IMAGE_CONTAINER} > span`]: typography.sans.min,\n    },\n  })}\n\n  .${ELEMENT_IMAGE_CONTAINER} > span {\n    position: absolute;\n    bottom: 0;\n    right: 0;\n    height: auto !important;\n    width: auto !important;\n    padding: ${token.spacing.min};\n    background-color: rgba(0, 0, 0, 0.5);\n    color: ${token.color.white};\n    z-index: 99;\n  }\n\n  .${ELEMENT_IMAGE_CONTAINER} > img {\n    display: block;\n  }\n\n  .${ELEMENT_IMAGE_CONTAINER} > a {\n    display: block;\n    line-height: 0;\n    overflow: hidden;\n  }\n\n  .${ELEMENT_IMAGE_CONTAINER} > a img {\n    object-fit: cover;\n    object-position: center;\n    transform: scale(1);\n    transition: transform 0.5s;\n    width: 100%;\n  }\n\n  .${ELEMENT_IMAGE_CONTAINER} > a:hover img,\n  .${ELEMENT_IMAGE_CONTAINER} > a:focus img {\n    transform: scale(1.025);\n  }\n`;\n\nconst CreateImageContainer = ({\n  image,\n  showCaption = false,\n}: {\n  image: HTMLImageElement | HTMLElement | string;\n  showCaption?: boolean;\n}) => {\n  const container = document.createElement('div');\n  const isString = typeof image === 'string';\n  const hasCaption = !isString && image.hasAttribute(ATTRIBUTE_CAPTION);\n  const hasCredit = !isString && image.hasAttribute(ATTRIBUTE_CREDIT);\n  const attributeCaption = hasCaption\n    ? image.getAttribute(ATTRIBUTE_CAPTION)\n    : null;\n  const attributeCredit = hasCredit\n    ? image.getAttribute(ATTRIBUTE_CREDIT)\n    : null;\n\n  container.classList.add(ELEMENT_IMAGE_CONTAINER);\n\n  if (isString) {\n    container.innerHTML = image;\n    return container;\n  }\n\n  if (showCaption) {\n    if (attributeCaption) {\n      console.log(\n        `Attribute \"data-caption\" is deprecated. Use \"data-credit\" instead. This attribute will be removed in version 2.0.`,\n      );\n    }\n\n    if (attributeCaption || attributeCredit) {\n      const text = attributeCaption || attributeCredit;\n      const caption = document.createElement('span');\n      caption.textContent = text;\n      container.appendChild(caption);\n    }\n  }\n\n  container.appendChild(image);\n  return container;\n};\n\nexport default {\n  CreateElement: CreateImageContainer,\n  Styles: STYLES_IMAGE_CONTAINER,\n  Elements: {\n    container: ELEMENT_IMAGE_CONTAINER,\n  },\n};\n"],"names":["Utility.theme.convertJSSObjectToStyles","typography","token"],"mappings":";;;AAGA,MAAM,oBAAoB;AAC1B,MAAM,mBAAmB;AAEzB,MAAM,0BAA0B;AAGhC,MAAM,yBAAyB;AAAA,KAC1B,uBAAuB;AAAA;AAAA;AAAA;AAAA;AAAA,IAKxBA,+BAAuC;AAAA,EACvC,UAAU;AAAA,IACR,CAAC,IAAI,uBAAuB,SAAS,GAAGC,OAAAA,WAAW,KAAK;AAAA,EAAA;AAE5D,CAAC,CAAC;AAAA;AAAA,KAEC,uBAAuB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAMbC,OAAAA,MAAM,QAAQ,GAAG;AAAA;AAAA,aAEnBA,OAAAA,MAAM,MAAM,KAAK;AAAA;AAAA;AAAA;AAAA,KAIzB,uBAAuB;AAAA;AAAA;AAAA;AAAA,KAIvB,uBAAuB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAMvB,uBAAuB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAQvB,uBAAuB;AAAA,KACvB,uBAAuB;AAAA;AAAA;AAAA;AAK5B,MAAM,uBAAuB,CAAC;AAAA,EAC5B;AAAA,EACA,cAAc;AAChB,MAGM;AACJ,QAAM,YAAY,SAAS,cAAc,KAAK;AAC9C,QAAM,WAAW,OAAO,UAAU;AAClC,QAAM,aAAa,CAAC,YAAY,MAAM,aAAa,iBAAiB;AACpE,QAAM,YAAY,CAAC,YAAY,MAAM,aAAa,gBAAgB;AAClE,QAAM,mBAAmB,aACrB,MAAM,aAAa,iBAAiB,IACpC;AACJ,QAAM,kBAAkB,YACpB,MAAM,aAAa,gBAAgB,IACnC;AAEJ,YAAU,UAAU,IAAI,uBAAuB;AAE/C,MAAI,UAAU;AACZ,cAAU,YAAY;AACtB,WAAO;AAAA,EACT;AAEA,MAAI,aAAa;AACf,QAAI,kBAAkB;AACpB,cAAQ;AAAA,QACN;AAAA,MAAA;AAAA,IAEJ;AAEA,QAAI,oBAAoB,iBAAiB;AACvC,YAAM,OAAO,oBAAoB;AACjC,YAAM,UAAU,SAAS,cAAc,MAAM;AAC7C,cAAQ,cAAc;AACtB,gBAAU,YAAY,OAAO;AAAA,IAC/B;AAAA,EACF;AAEA,YAAU,YAAY,KAAK;AAC3B,SAAO;AACT;AAEA,MAAA,cAAe;AAAA,EACb,eAAe;AAAA,EACf,QAAQ;AAAA,EACR,UAAU;AAAA,IACR,WAAW;AAAA,EAAA;AAEf;;"}

package/dist/layout/image.mjs

@@ -0,0 +1,94 @@
+import { token, typography } from "@universityofmaryland/web-styles-library";
+import { convertJSSObjectToStyles } from "../utilities/theme/index.mjs";
+const ATTRIBUTE_CAPTION = "data-caption";
+const ATTRIBUTE_CREDIT = "data-credit";
+const ELEMENT_IMAGE_CONTAINER = "image-container";
+const STYLES_IMAGE_CONTAINER = `
+  .${ELEMENT_IMAGE_CONTAINER} {
+    position: relative;
+    display: inline-block;
+  }
+
+  ${convertJSSObjectToStyles({
+  styleObj: {
+    [`.${ELEMENT_IMAGE_CONTAINER} > span`]: typography.sans.min
+  }
+})}
+
+  .${ELEMENT_IMAGE_CONTAINER} > span {
+    position: absolute;
+    bottom: 0;
+    right: 0;
+    height: auto !important;
+    width: auto !important;
+    padding: ${token.spacing.min};
+    background-color: rgba(0, 0, 0, 0.5);
+    color: ${token.color.white};
+    z-index: 99;
+  }
+
+  .${ELEMENT_IMAGE_CONTAINER} > img {
+    display: block;
+  }
+
+  .${ELEMENT_IMAGE_CONTAINER} > a {
+    display: block;
+    line-height: 0;
+    overflow: hidden;
+  }
+
+  .${ELEMENT_IMAGE_CONTAINER} > a img {
+    object-fit: cover;
+    object-position: center;
+    transform: scale(1);
+    transition: transform 0.5s;
+    width: 100%;
+  }
+
+  .${ELEMENT_IMAGE_CONTAINER} > a:hover img,
+  .${ELEMENT_IMAGE_CONTAINER} > a:focus img {
+    transform: scale(1.025);
+  }
+`;
+const CreateImageContainer = ({
+  image,
+  showCaption = false
+}) => {
+  const container = document.createElement("div");
+  const isString = typeof image === "string";
+  const hasCaption = !isString && image.hasAttribute(ATTRIBUTE_CAPTION);
+  const hasCredit = !isString && image.hasAttribute(ATTRIBUTE_CREDIT);
+  const attributeCaption = hasCaption ? image.getAttribute(ATTRIBUTE_CAPTION) : null;
+  const attributeCredit = hasCredit ? image.getAttribute(ATTRIBUTE_CREDIT) : null;
+  container.classList.add(ELEMENT_IMAGE_CONTAINER);
+  if (isString) {
+    container.innerHTML = image;
+    return container;
+  }
+  if (showCaption) {
+    if (attributeCaption) {
+      console.log(
+        `Attribute "data-caption" is deprecated. Use "data-credit" instead. This attribute will be removed in version 2.0.`
+      );
+    }
+    if (attributeCaption || attributeCredit) {
+      const text = attributeCaption || attributeCredit;
+      const caption = document.createElement("span");
+      caption.textContent = text;
+      container.appendChild(caption);
+    }
+  }
+  container.appendChild(image);
+  return container;
+};
+const LayoutImage = {
+  CreateElement: CreateImageContainer,
+  Styles: STYLES_IMAGE_CONTAINER,
+  Elements: {
+    container: ELEMENT_IMAGE_CONTAINER
+  }
+};
+export {
+  LayoutImage as default
+};
+//# sourceMappingURL=image.mjs.map

package/dist/layout/image.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"image.mjs","sources":["../../source/layout/image.ts"],"sourcesContent":["import { token, typography } from '@universityofmaryland/web-styles-library';\nimport * as Utility from 'utilities';\n\nconst ATTRIBUTE_CAPTION = 'data-caption';\nconst ATTRIBUTE_CREDIT = 'data-credit';\n\nconst ELEMENT_IMAGE_CONTAINER = 'image-container';\n\n// prettier-ignore\nconst STYLES_IMAGE_CONTAINER = `\n  .${ELEMENT_IMAGE_CONTAINER} {\n    position: relative;\n    display: inline-block;\n  }\n\n  ${Utility.theme.convertJSSObjectToStyles({\n    styleObj: {\n      [`.${ELEMENT_IMAGE_CONTAINER} > span`]: typography.sans.min,\n    },\n  })}\n\n  .${ELEMENT_IMAGE_CONTAINER} > span {\n    position: absolute;\n    bottom: 0;\n    right: 0;\n    height: auto !important;\n    width: auto !important;\n    padding: ${token.spacing.min};\n    background-color: rgba(0, 0, 0, 0.5);\n    color: ${token.color.white};\n    z-index: 99;\n  }\n\n  .${ELEMENT_IMAGE_CONTAINER} > img {\n    display: block;\n  }\n\n  .${ELEMENT_IMAGE_CONTAINER} > a {\n    display: block;\n    line-height: 0;\n    overflow: hidden;\n  }\n\n  .${ELEMENT_IMAGE_CONTAINER} > a img {\n    object-fit: cover;\n    object-position: center;\n    transform: scale(1);\n    transition: transform 0.5s;\n    width: 100%;\n  }\n\n  .${ELEMENT_IMAGE_CONTAINER} > a:hover img,\n  .${ELEMENT_IMAGE_CONTAINER} > a:focus img {\n    transform: scale(1.025);\n  }\n`;\n\nconst CreateImageContainer = ({\n  image,\n  showCaption = false,\n}: {\n  image: HTMLImageElement | HTMLElement | string;\n  showCaption?: boolean;\n}) => {\n  const container = document.createElement('div');\n  const isString = typeof image === 'string';\n  const hasCaption = !isString && image.hasAttribute(ATTRIBUTE_CAPTION);\n  const hasCredit = !isString && image.hasAttribute(ATTRIBUTE_CREDIT);\n  const attributeCaption = hasCaption\n    ? image.getAttribute(ATTRIBUTE_CAPTION)\n    : null;\n  const attributeCredit = hasCredit\n    ? image.getAttribute(ATTRIBUTE_CREDIT)\n    : null;\n\n  container.classList.add(ELEMENT_IMAGE_CONTAINER);\n\n  if (isString) {\n    container.innerHTML = image;\n    return container;\n  }\n\n  if (showCaption) {\n    if (attributeCaption) {\n      console.log(\n        `Attribute \"data-caption\" is deprecated. Use \"data-credit\" instead. This attribute will be removed in version 2.0.`,\n      );\n    }\n\n    if (attributeCaption || attributeCredit) {\n      const text = attributeCaption || attributeCredit;\n      const caption = document.createElement('span');\n      caption.textContent = text;\n      container.appendChild(caption);\n    }\n  }\n\n  container.appendChild(image);\n  return container;\n};\n\nexport default {\n  CreateElement: CreateImageContainer,\n  Styles: STYLES_IMAGE_CONTAINER,\n  Elements: {\n    container: ELEMENT_IMAGE_CONTAINER,\n  },\n};\n"],"names":["Utility.theme.convertJSSObjectToStyles"],"mappings":";;AAGA,MAAM,oBAAoB;AAC1B,MAAM,mBAAmB;AAEzB,MAAM,0BAA0B;AAGhC,MAAM,yBAAyB;AAAA,KAC1B,uBAAuB;AAAA;AAAA;AAAA;AAAA;AAAA,IAKxBA,yBAAuC;AAAA,EACvC,UAAU;AAAA,IACR,CAAC,IAAI,uBAAuB,SAAS,GAAG,WAAW,KAAK;AAAA,EAAA;AAE5D,CAAC,CAAC;AAAA;AAAA,KAEC,uBAAuB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAMb,MAAM,QAAQ,GAAG;AAAA;AAAA,aAEnB,MAAM,MAAM,KAAK;AAAA;AAAA;AAAA;AAAA,KAIzB,uBAAuB;AAAA;AAAA;AAAA;AAAA,KAIvB,uBAAuB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAMvB,uBAAuB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAQvB,uBAAuB;AAAA,KACvB,uBAAuB;AAAA;AAAA;AAAA;AAK5B,MAAM,uBAAuB,CAAC;AAAA,EAC5B;AAAA,EACA,cAAc;AAChB,MAGM;AACJ,QAAM,YAAY,SAAS,cAAc,KAAK;AAC9C,QAAM,WAAW,OAAO,UAAU;AAClC,QAAM,aAAa,CAAC,YAAY,MAAM,aAAa,iBAAiB;AACpE,QAAM,YAAY,CAAC,YAAY,MAAM,aAAa,gBAAgB;AAClE,QAAM,mBAAmB,aACrB,MAAM,aAAa,iBAAiB,IACpC;AACJ,QAAM,kBAAkB,YACpB,MAAM,aAAa,gBAAgB,IACnC;AAEJ,YAAU,UAAU,IAAI,uBAAuB;AAE/C,MAAI,UAAU;AACZ,cAAU,YAAY;AACtB,WAAO;AAAA,EACT;AAEA,MAAI,aAAa;AACf,QAAI,kBAAkB;AACpB,cAAQ;AAAA,QACN;AAAA,MAAA;AAAA,IAEJ;AAEA,QAAI,oBAAoB,iBAAiB;AACvC,YAAM,OAAO,oBAAoB;AACjC,YAAM,UAAU,SAAS,cAAc,MAAM;AAC7C,cAAQ,cAAc;AACtB,gBAAU,YAAY,OAAO;AAAA,IAC/B;AAAA,EACF;AAEA,YAAU,YAAY,KAAK;AAC3B,SAAO;AACT;AAEA,MAAA,cAAe;AAAA,EACb,eAAe;AAAA,EACf,QAAQ;AAAA,EACR,UAAU;AAAA,IACR,WAAW;AAAA,EAAA;AAEf;"}

package/dist/layout.d.ts

@@ -0,0 +1,2 @@
+export * from './layout/index'
+export {}

package/dist/layout.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const image = require("./layout/image.js");
+exports.Image = image;
+//# sourceMappingURL=layout.js.map

package/dist/layout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/layout.mjs

@@ -0,0 +1,5 @@
+import { default as default2 } from "./layout/image.mjs";
+export {
+  default2 as Image
+};
+//# sourceMappingURL=layout.mjs.map

package/dist/layout.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/model/elements/actions.d.ts

@@ -1,4 +1,4 @@
-import { type ElementProps } from '../modifiers/_types';
+import { ElementProps } from '../modifiers/_types';
 export declare const iconSmall: (props: ElementProps) => {
     element: HTMLElement;
     className: string;

package/dist/model/elements/actions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"actions.d.ts","sourceRoot":"","sources":["../../../source/model/elements/actions.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAExD,eAAO,MAAM,SAAS,UAAW,YAAY;;;;CAQ5C,CAAC;AAEF,eAAO,MAAM,OAAO,UAAW,YAAY;;;;CAC4B,CAAC;AAExE,eAAO,MAAM,YAAY,UAAW,YAAY;;;;CACsB,CAAC;AAEvE,eAAO,MAAM,YAAY,UAAW,YAAY;;;;CACsB,CAAC;AAEvE,eAAO,MAAM,cAAc,UAAW,YAAY;;;;CAMjD,CAAC;AAEF,eAAO,MAAM,OAAO,UAAW,YAAY;;;;CAC4B,CAAC;AAExE,eAAO,MAAM,YAAY,UAAW,YAAY;;;;CACsB,CAAC;AAEvE,eAAO,MAAM,YAAY,UAAW,YAAY;;;;CACsB,CAAC;AAEvE,eAAO,MAAM,SAAS,UAAW,YAAY;;;;CAI1C,CAAC;AAEJ,eAAO,MAAM,cAAc,UAAW,YAAY;;;;CAI/C,CAAC;AAEJ,eAAO,MAAM,cAAc,UAAW,YAAY;;;;CAI/C,CAAC;AAEJ,eAAO,MAAM,aAAa,UAAW,YAAY;;;;CAI9C,CAAC"}
+{"version":3,"file":"actions.d.ts","sourceRoot":"","sources":["../../../source/model/elements/actions.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAExD,eAAO,MAAM,SAAS,GAAI,OAAO,YAAY;;;;CAQ5C,CAAC;AAEF,eAAO,MAAM,OAAO,GAAI,OAAO,YAAY;;;;CAC4B,CAAC;AAExE,eAAO,MAAM,YAAY,GAAI,OAAO,YAAY;;;;CACsB,CAAC;AAEvE,eAAO,MAAM,YAAY,GAAI,OAAO,YAAY;;;;CACsB,CAAC;AAEvE,eAAO,MAAM,cAAc,GAAI,OAAO,YAAY;;;;CAMjD,CAAC;AAEF,eAAO,MAAM,OAAO,GAAI,OAAO,YAAY;;;;CAC4B,CAAC;AAExE,eAAO,MAAM,YAAY,GAAI,OAAO,YAAY;;;;CACsB,CAAC;AAEvE,eAAO,MAAM,YAAY,GAAI,OAAO,YAAY;;;;CACsB,CAAC;AAEvE,eAAO,MAAM,SAAS,GAAI,OAAO,YAAY;;;;CAI1C,CAAC;AAEJ,eAAO,MAAM,cAAc,GAAI,OAAO,YAAY;;;;CAI/C,CAAC;AAEJ,eAAO,MAAM,cAAc,GAAI,OAAO,YAAY;;;;CAI/C,CAAC;AAEJ,eAAO,MAAM,aAAa,GAAI,OAAO,YAAY;;;;CAI9C,CAAC"}

package/dist/model/elements/actions.js

@@ -0,0 +1,71 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const Styles = require("@universityofmaryland/web-styles-library");
+const index = require("../modifiers/index.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 iconSmall = (props) => {
+  if (props.isThemeDark) {
+    return index.createStyledElement.base(
+      props,
+      Styles__namespace.element.action.icon.smallDark
+    );
+  }
+  return index.createStyledElement.base(props, Styles__namespace.element.action.icon.small);
+};
+const outline = (props) => index.createStyledElement.base(props, Styles__namespace.element.action.outline.normal);
+const outlineLarge = (props) => index.createStyledElement.base(props, Styles__namespace.element.action.outline.large);
+const outlineWhite = (props) => index.createStyledElement.base(props, Styles__namespace.element.action.outline.white);
+const outlineOptions = (props) => {
+  if (props.isThemeDark) {
+    return outlineWhite(props);
+  }
+  return outline(props);
+};
+const primary = (props) => index.createStyledElement.base(props, Styles__namespace.element.action.primary.normal);
+const primaryLarge = (props) => index.createStyledElement.base(props, Styles__namespace.element.action.primary.large);
+const primaryWhite = (props) => index.createStyledElement.base(props, Styles__namespace.element.action.primary.white);
+const secondary = (props) => index.createStyledElement.animationLine(
+  { ...props, isAnimationLineRed: true },
+  Styles__namespace.element.action.secondary.normal
+);
+const secondaryLarge = (props) => index.createStyledElement.animationLine(
+  { ...props, isAnimationLineRed: true },
+  Styles__namespace.element.action.secondary.large
+);
+const secondaryWhite = (props) => index.createStyledElement.animationLine(
+  { ...props, isAnimationLineRed: true, isThemeDark: true },
+  Styles__namespace.element.action.secondary.white
+);
+const secondaryGold = (props) => index.createStyledElement.animationLine(
+  { ...props, isAnimationLineRed: true, isThemeDark: true },
+  Styles__namespace.element.action.secondary.gold
+);
+exports.iconSmall = iconSmall;
+exports.outline = outline;
+exports.outlineLarge = outlineLarge;
+exports.outlineOptions = outlineOptions;
+exports.outlineWhite = outlineWhite;
+exports.primary = primary;
+exports.primaryLarge = primaryLarge;
+exports.primaryWhite = primaryWhite;
+exports.secondary = secondary;
+exports.secondaryGold = secondaryGold;
+exports.secondaryLarge = secondaryLarge;
+exports.secondaryWhite = secondaryWhite;
+//# sourceMappingURL=actions.js.map

package/dist/model/elements/actions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"actions.js","sources":["../../../source/model/elements/actions.ts"],"sourcesContent":["import * as Styles from '@universityofmaryland/web-styles-library';\nimport { createStyledElement } from '../modifiers';\nimport { type ElementProps } from '../modifiers/_types';\n\nexport const iconSmall = (props: ElementProps) => {\n  if (props.isThemeDark) {\n    return createStyledElement.base(\n      props,\n      Styles.element.action.icon.smallDark,\n    );\n  }\n  return createStyledElement.base(props, Styles.element.action.icon.small);\n};\n\nexport const outline = (props: ElementProps) =>\n  createStyledElement.base(props, Styles.element.action.outline.normal);\n\nexport const outlineLarge = (props: ElementProps) =>\n  createStyledElement.base(props, Styles.element.action.outline.large);\n\nexport const outlineWhite = (props: ElementProps) =>\n  createStyledElement.base(props, Styles.element.action.outline.white);\n\nexport const outlineOptions = (props: ElementProps) => {\n  if (props.isThemeDark) {\n    return outlineWhite(props);\n  }\n\n  return outline(props);\n};\n\nexport const primary = (props: ElementProps) =>\n  createStyledElement.base(props, Styles.element.action.primary.normal);\n\nexport const primaryLarge = (props: ElementProps) =>\n  createStyledElement.base(props, Styles.element.action.primary.large);\n\nexport const primaryWhite = (props: ElementProps) =>\n  createStyledElement.base(props, Styles.element.action.primary.white);\n\nexport const secondary = (props: ElementProps) =>\n  createStyledElement.animationLine(\n    { ...props, isAnimationLineRed: true },\n    Styles.element.action.secondary.normal,\n  );\n\nexport const secondaryLarge = (props: ElementProps) =>\n  createStyledElement.animationLine(\n    { ...props, isAnimationLineRed: true },\n    Styles.element.action.secondary.large,\n  );\n\nexport const secondaryWhite = (props: ElementProps) =>\n  createStyledElement.animationLine(\n    { ...props, isAnimationLineRed: true, isThemeDark: true },\n    Styles.element.action.secondary.white,\n  );\n\nexport const secondaryGold = (props: ElementProps) =>\n  createStyledElement.animationLine(\n    { ...props, isAnimationLineRed: true, isThemeDark: true },\n    Styles.element.action.secondary.gold,\n  );\n"],"names":["createStyledElement","Styles"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAIO,MAAM,YAAY,CAAC,UAAwB;AAChD,MAAI,MAAM,aAAa;AACrB,WAAOA,MAAAA,oBAAoB;AAAA,MACzB;AAAA,MACAC,kBAAO,QAAQ,OAAO,KAAK;AAAA,IAAA;AAAA,EAE/B;AACA,SAAOD,MAAAA,oBAAoB,KAAK,OAAOC,kBAAO,QAAQ,OAAO,KAAK,KAAK;AACzE;AAEO,MAAM,UAAU,CAAC,UACtBD,MAAAA,oBAAoB,KAAK,OAAOC,kBAAO,QAAQ,OAAO,QAAQ,MAAM;AAE/D,MAAM,eAAe,CAAC,UAC3BD,MAAAA,oBAAoB,KAAK,OAAOC,kBAAO,QAAQ,OAAO,QAAQ,KAAK;AAE9D,MAAM,eAAe,CAAC,UAC3BD,MAAAA,oBAAoB,KAAK,OAAOC,kBAAO,QAAQ,OAAO,QAAQ,KAAK;AAE9D,MAAM,iBAAiB,CAAC,UAAwB;AACrD,MAAI,MAAM,aAAa;AACrB,WAAO,aAAa,KAAK;AAAA,EAC3B;AAEA,SAAO,QAAQ,KAAK;AACtB;AAEO,MAAM,UAAU,CAAC,UACtBD,MAAAA,oBAAoB,KAAK,OAAOC,kBAAO,QAAQ,OAAO,QAAQ,MAAM;AAE/D,MAAM,eAAe,CAAC,UAC3BD,MAAAA,oBAAoB,KAAK,OAAOC,kBAAO,QAAQ,OAAO,QAAQ,KAAK;AAE9D,MAAM,eAAe,CAAC,UAC3BD,MAAAA,oBAAoB,KAAK,OAAOC,kBAAO,QAAQ,OAAO,QAAQ,KAAK;AAE9D,MAAM,YAAY,CAAC,UACxBD,MAAAA,oBAAoB;AAAA,EAClB,EAAE,GAAG,OAAO,oBAAoB,KAAA;AAAA,EAChCC,kBAAO,QAAQ,OAAO,UAAU;AAClC;AAEK,MAAM,iBAAiB,CAAC,UAC7BD,MAAAA,oBAAoB;AAAA,EAClB,EAAE,GAAG,OAAO,oBAAoB,KAAA;AAAA,EAChCC,kBAAO,QAAQ,OAAO,UAAU;AAClC;AAEK,MAAM,iBAAiB,CAAC,UAC7BD,MAAAA,oBAAoB;AAAA,EAClB,EAAE,GAAG,OAAO,oBAAoB,MAAM,aAAa,KAAA;AAAA,EACnDC,kBAAO,QAAQ,OAAO,UAAU;AAClC;AAEK,MAAM,gBAAgB,CAAC,UAC5BD,MAAAA,oBAAoB;AAAA,EAClB,EAAE,GAAG,OAAO,oBAAoB,MAAM,aAAa,KAAA;AAAA,EACnDC,kBAAO,QAAQ,OAAO,UAAU;AAClC;;;;;;;;;;;;;"}

package/dist/model/elements/actions.mjs

@@ -0,0 +1,54 @@
+import * as Styles from "@universityofmaryland/web-styles-library";
+import { createStyledElement } from "../modifiers/index.mjs";
+const iconSmall = (props) => {
+  if (props.isThemeDark) {
+    return createStyledElement.base(
+      props,
+      Styles.element.action.icon.smallDark
+    );
+  }
+  return createStyledElement.base(props, Styles.element.action.icon.small);
+};
+const outline = (props) => createStyledElement.base(props, Styles.element.action.outline.normal);
+const outlineLarge = (props) => createStyledElement.base(props, Styles.element.action.outline.large);
+const outlineWhite = (props) => createStyledElement.base(props, Styles.element.action.outline.white);
+const outlineOptions = (props) => {
+  if (props.isThemeDark) {
+    return outlineWhite(props);
+  }
+  return outline(props);
+};
+const primary = (props) => createStyledElement.base(props, Styles.element.action.primary.normal);
+const primaryLarge = (props) => createStyledElement.base(props, Styles.element.action.primary.large);
+const primaryWhite = (props) => createStyledElement.base(props, Styles.element.action.primary.white);
+const secondary = (props) => createStyledElement.animationLine(
+  { ...props, isAnimationLineRed: true },
+  Styles.element.action.secondary.normal
+);
+const secondaryLarge = (props) => createStyledElement.animationLine(
+  { ...props, isAnimationLineRed: true },
+  Styles.element.action.secondary.large
+);
+const secondaryWhite = (props) => createStyledElement.animationLine(
+  { ...props, isAnimationLineRed: true, isThemeDark: true },
+  Styles.element.action.secondary.white
+);
+const secondaryGold = (props) => createStyledElement.animationLine(
+  { ...props, isAnimationLineRed: true, isThemeDark: true },
+  Styles.element.action.secondary.gold
+);
+export {
+  iconSmall,
+  outline,
+  outlineLarge,
+  outlineOptions,
+  outlineWhite,
+  primary,
+  primaryLarge,
+  primaryWhite,
+  secondary,
+  secondaryGold,
+  secondaryLarge,
+  secondaryWhite
+};
+//# sourceMappingURL=actions.mjs.map

package/dist/model/elements/actions.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"actions.mjs","sources":["../../../source/model/elements/actions.ts"],"sourcesContent":["import * as Styles from '@universityofmaryland/web-styles-library';\nimport { createStyledElement } from '../modifiers';\nimport { type ElementProps } from '../modifiers/_types';\n\nexport const iconSmall = (props: ElementProps) => {\n  if (props.isThemeDark) {\n    return createStyledElement.base(\n      props,\n      Styles.element.action.icon.smallDark,\n    );\n  }\n  return createStyledElement.base(props, Styles.element.action.icon.small);\n};\n\nexport const outline = (props: ElementProps) =>\n  createStyledElement.base(props, Styles.element.action.outline.normal);\n\nexport const outlineLarge = (props: ElementProps) =>\n  createStyledElement.base(props, Styles.element.action.outline.large);\n\nexport const outlineWhite = (props: ElementProps) =>\n  createStyledElement.base(props, Styles.element.action.outline.white);\n\nexport const outlineOptions = (props: ElementProps) => {\n  if (props.isThemeDark) {\n    return outlineWhite(props);\n  }\n\n  return outline(props);\n};\n\nexport const primary = (props: ElementProps) =>\n  createStyledElement.base(props, Styles.element.action.primary.normal);\n\nexport const primaryLarge = (props: ElementProps) =>\n  createStyledElement.base(props, Styles.element.action.primary.large);\n\nexport const primaryWhite = (props: ElementProps) =>\n  createStyledElement.base(props, Styles.element.action.primary.white);\n\nexport const secondary = (props: ElementProps) =>\n  createStyledElement.animationLine(\n    { ...props, isAnimationLineRed: true },\n    Styles.element.action.secondary.normal,\n  );\n\nexport const secondaryLarge = (props: ElementProps) =>\n  createStyledElement.animationLine(\n    { ...props, isAnimationLineRed: true },\n    Styles.element.action.secondary.large,\n  );\n\nexport const secondaryWhite = (props: ElementProps) =>\n  createStyledElement.animationLine(\n    { ...props, isAnimationLineRed: true, isThemeDark: true },\n    Styles.element.action.secondary.white,\n  );\n\nexport const secondaryGold = (props: ElementProps) =>\n  createStyledElement.animationLine(\n    { ...props, isAnimationLineRed: true, isThemeDark: true },\n    Styles.element.action.secondary.gold,\n  );\n"],"names":[],"mappings":";;AAIO,MAAM,YAAY,CAAC,UAAwB;AAChD,MAAI,MAAM,aAAa;AACrB,WAAO,oBAAoB;AAAA,MACzB;AAAA,MACA,OAAO,QAAQ,OAAO,KAAK;AAAA,IAAA;AAAA,EAE/B;AACA,SAAO,oBAAoB,KAAK,OAAO,OAAO,QAAQ,OAAO,KAAK,KAAK;AACzE;AAEO,MAAM,UAAU,CAAC,UACtB,oBAAoB,KAAK,OAAO,OAAO,QAAQ,OAAO,QAAQ,MAAM;AAE/D,MAAM,eAAe,CAAC,UAC3B,oBAAoB,KAAK,OAAO,OAAO,QAAQ,OAAO,QAAQ,KAAK;AAE9D,MAAM,eAAe,CAAC,UAC3B,oBAAoB,KAAK,OAAO,OAAO,QAAQ,OAAO,QAAQ,KAAK;AAE9D,MAAM,iBAAiB,CAAC,UAAwB;AACrD,MAAI,MAAM,aAAa;AACrB,WAAO,aAAa,KAAK;AAAA,EAC3B;AAEA,SAAO,QAAQ,KAAK;AACtB;AAEO,MAAM,UAAU,CAAC,UACtB,oBAAoB,KAAK,OAAO,OAAO,QAAQ,OAAO,QAAQ,MAAM;AAE/D,MAAM,eAAe,CAAC,UAC3B,oBAAoB,KAAK,OAAO,OAAO,QAAQ,OAAO,QAAQ,KAAK;AAE9D,MAAM,eAAe,CAAC,UAC3B,oBAAoB,KAAK,OAAO,OAAO,QAAQ,OAAO,QAAQ,KAAK;AAE9D,MAAM,YAAY,CAAC,UACxB,oBAAoB;AAAA,EAClB,EAAE,GAAG,OAAO,oBAAoB,KAAA;AAAA,EAChC,OAAO,QAAQ,OAAO,UAAU;AAClC;AAEK,MAAM,iBAAiB,CAAC,UAC7B,oBAAoB;AAAA,EAClB,EAAE,GAAG,OAAO,oBAAoB,KAAA;AAAA,EAChC,OAAO,QAAQ,OAAO,UAAU;AAClC;AAEK,MAAM,iBAAiB,CAAC,UAC7B,oBAAoB;AAAA,EAClB,EAAE,GAAG,OAAO,oBAAoB,MAAM,aAAa,KAAA;AAAA,EACnD,OAAO,QAAQ,OAAO,UAAU;AAClC;AAEK,MAAM,gBAAgB,CAAC,UAC5B,oBAAoB;AAAA,EAClB,EAAE,GAAG,OAAO,oBAAoB,MAAM,aAAa,KAAA;AAAA,EACnD,OAAO,QAAQ,OAAO,UAAU;AAClC;"}

package/dist/model/elements/assets.d.ts

@@ -1,4 +1,4 @@
-import { type ElementProps } from '../modifiers/_types';
+import { ElementProps } from '../modifiers/_types';
 interface ImageWrapperProps extends ElementProps {
     isScaled?: boolean;
 }

package/dist/model/elements/assets.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"assets.d.ts","sourceRoot":"","sources":["../../../source/model/elements/assets.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAExD,UAAU,iBAAkB,SAAQ,YAAY;IAC9C,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,UAAU,UAAW,SAAQ,YAAY;IACvC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,eAAO,MAAM,YAAY,UAAW,YAAY;;;;CACgB,CAAC;AAEjE,eAAO,MAAM,WAAW,UAAW,UAAU;;;;CAQ5C,CAAC;AAEF,eAAO,MAAM,YAAY,UAAW,iBAAiB;;;;CAQpD,CAAC;AAEF,eAAO,MAAM,SAAS,UAAW,YAAY;;;;CACgB,CAAC"}
+{"version":3,"file":"assets.d.ts","sourceRoot":"","sources":["../../../source/model/elements/assets.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAExD,UAAU,iBAAkB,SAAQ,YAAY;IAC9C,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,UAAU,UAAW,SAAQ,YAAY;IACvC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,eAAO,MAAM,YAAY,GAAI,OAAO,YAAY;;;;CACgB,CAAC;AAEjE,eAAO,MAAM,WAAW,GAAI,OAAO,UAAU;;;;CAQ5C,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,OAAO,iBAAiB;;;;CAQpD,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,OAAO,YAAY;;;;CACgB,CAAC"}

package/dist/model/elements/assets.js

@@ -0,0 +1,42 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const Styles = require("@universityofmaryland/web-styles-library");
+const index = require("../modifiers/index.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 imageCaption = (props) => index.createStyledElement(props, Styles__namespace.element.asset.image.caption);
+const imageAspect = (props) => {
+  const { isAspectSquare } = props;
+  if (isAspectSquare) {
+    return index.createStyledElement(props, Styles__namespace.element.asset.image.aspectSquare);
+  }
+  return index.createStyledElement(props, Styles__namespace.element.asset.image.aspectStandard);
+};
+const imageWrapper = (props) => {
+  const { isScaled } = props;
+  if (isScaled) {
+    return index.createStyledElement(props, Styles__namespace.element.asset.image.wrapperScaled);
+  }
+  return index.createStyledElement(props, Styles__namespace.element.asset.image.wrapper);
+};
+const gifToggle = (props) => index.createStyledElement(props, Styles__namespace.element.asset.gif.toggle);
+exports.gifToggle = gifToggle;
+exports.imageAspect = imageAspect;
+exports.imageCaption = imageCaption;
+exports.imageWrapper = imageWrapper;
+//# sourceMappingURL=assets.js.map

package/dist/model/elements/assets.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"assets.js","sources":["../../../source/model/elements/assets.ts"],"sourcesContent":["import * as Styles from '@universityofmaryland/web-styles-library';\nimport { createStyledElement } from '../modifiers';\nimport { type ElementProps } from '../modifiers/_types';\n\ninterface ImageWrapperProps extends ElementProps {\n  isScaled?: boolean;\n}\n\ninterface ImageProps extends ElementProps {\n  isAspectStandard?: boolean;\n  isAspectSquare?: boolean;\n}\n\nexport const imageCaption = (props: ElementProps) =>\n  createStyledElement(props, Styles.element.asset.image.caption);\n\nexport const imageAspect = (props: ImageProps) => {\n  const { isAspectSquare } = props;\n\n  if (isAspectSquare) {\n    return createStyledElement(props, Styles.element.asset.image.aspectSquare);\n  }\n\n  return createStyledElement(props, Styles.element.asset.image.aspectStandard);\n};\n\nexport const imageWrapper = (props: ImageWrapperProps) => {\n  const { isScaled } = props;\n\n  if (isScaled) {\n    return createStyledElement(props, Styles.element.asset.image.wrapperScaled);\n  }\n\n  return createStyledElement(props, Styles.element.asset.image.wrapper);\n};\n\nexport const gifToggle = (props: ElementProps) =>\n  createStyledElement(props, Styles.element.asset.gif.toggle);\n"],"names":["createStyledElement","Styles"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAaO,MAAM,eAAe,CAAC,UAC3BA,0BAAoB,OAAOC,kBAAO,QAAQ,MAAM,MAAM,OAAO;AAExD,MAAM,cAAc,CAAC,UAAsB;AAChD,QAAM,EAAE,mBAAmB;AAE3B,MAAI,gBAAgB;AAClB,WAAOD,MAAAA,oBAAoB,OAAOC,kBAAO,QAAQ,MAAM,MAAM,YAAY;AAAA,EAC3E;AAEA,SAAOD,MAAAA,oBAAoB,OAAOC,kBAAO,QAAQ,MAAM,MAAM,cAAc;AAC7E;AAEO,MAAM,eAAe,CAAC,UAA6B;AACxD,QAAM,EAAE,aAAa;AAErB,MAAI,UAAU;AACZ,WAAOD,MAAAA,oBAAoB,OAAOC,kBAAO,QAAQ,MAAM,MAAM,aAAa;AAAA,EAC5E;AAEA,SAAOD,MAAAA,oBAAoB,OAAOC,kBAAO,QAAQ,MAAM,MAAM,OAAO;AACtE;AAEO,MAAM,YAAY,CAAC,UACxBD,0BAAoB,OAAOC,kBAAO,QAAQ,MAAM,IAAI,MAAM;;;;;"}

package/dist/model/elements/assets.mjs

@@ -0,0 +1,25 @@
+import * as Styles from "@universityofmaryland/web-styles-library";
+import { createStyledElement } from "../modifiers/index.mjs";
+const imageCaption = (props) => createStyledElement(props, Styles.element.asset.image.caption);
+const imageAspect = (props) => {
+  const { isAspectSquare } = props;
+  if (isAspectSquare) {
+    return createStyledElement(props, Styles.element.asset.image.aspectSquare);
+  }
+  return createStyledElement(props, Styles.element.asset.image.aspectStandard);
+};
+const imageWrapper = (props) => {
+  const { isScaled } = props;
+  if (isScaled) {
+    return createStyledElement(props, Styles.element.asset.image.wrapperScaled);
+  }
+  return createStyledElement(props, Styles.element.asset.image.wrapper);
+};
+const gifToggle = (props) => createStyledElement(props, Styles.element.asset.gif.toggle);
+export {
+  gifToggle,
+  imageAspect,
+  imageCaption,
+  imageWrapper
+};
+//# sourceMappingURL=assets.mjs.map

package/dist/model/elements/assets.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"assets.mjs","sources":["../../../source/model/elements/assets.ts"],"sourcesContent":["import * as Styles from '@universityofmaryland/web-styles-library';\nimport { createStyledElement } from '../modifiers';\nimport { type ElementProps } from '../modifiers/_types';\n\ninterface ImageWrapperProps extends ElementProps {\n  isScaled?: boolean;\n}\n\ninterface ImageProps extends ElementProps {\n  isAspectStandard?: boolean;\n  isAspectSquare?: boolean;\n}\n\nexport const imageCaption = (props: ElementProps) =>\n  createStyledElement(props, Styles.element.asset.image.caption);\n\nexport const imageAspect = (props: ImageProps) => {\n  const { isAspectSquare } = props;\n\n  if (isAspectSquare) {\n    return createStyledElement(props, Styles.element.asset.image.aspectSquare);\n  }\n\n  return createStyledElement(props, Styles.element.asset.image.aspectStandard);\n};\n\nexport const imageWrapper = (props: ImageWrapperProps) => {\n  const { isScaled } = props;\n\n  if (isScaled) {\n    return createStyledElement(props, Styles.element.asset.image.wrapperScaled);\n  }\n\n  return createStyledElement(props, Styles.element.asset.image.wrapper);\n};\n\nexport const gifToggle = (props: ElementProps) =>\n  createStyledElement(props, Styles.element.asset.gif.toggle);\n"],"names":[],"mappings":";;AAaO,MAAM,eAAe,CAAC,UAC3B,oBAAoB,OAAO,OAAO,QAAQ,MAAM,MAAM,OAAO;AAExD,MAAM,cAAc,CAAC,UAAsB;AAChD,QAAM,EAAE,mBAAmB;AAE3B,MAAI,gBAAgB;AAClB,WAAO,oBAAoB,OAAO,OAAO,QAAQ,MAAM,MAAM,YAAY;AAAA,EAC3E;AAEA,SAAO,oBAAoB,OAAO,OAAO,QAAQ,MAAM,MAAM,cAAc;AAC7E;AAEO,MAAM,eAAe,CAAC,UAA6B;AACxD,QAAM,EAAE,aAAa;AAErB,MAAI,UAAU;AACZ,WAAO,oBAAoB,OAAO,OAAO,QAAQ,MAAM,MAAM,aAAa;AAAA,EAC5E;AAEA,SAAO,oBAAoB,OAAO,OAAO,QAAQ,MAAM,MAAM,OAAO;AACtE;AAEO,MAAM,YAAY,CAAC,UACxB,oBAAoB,OAAO,OAAO,QAAQ,MAAM,IAAI,MAAM;"}

package/dist/model/elements/buttons.d.ts

@@ -1,4 +1,4 @@
-import { type ElementProps } from '../modifiers/_types';
+import { ElementProps } from '../modifiers/_types';
 export declare const fullScreen: (props: ElementProps) => {
     element: HTMLElement;
     className: string;

package/dist/model/elements/buttons.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"buttons.d.ts","sourceRoot":"","sources":["../../../source/model/elements/buttons.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAExD,eAAO,MAAM,UAAU,UAAW,YAAY;;;;CACuB,CAAC;AAEtE,eAAO,MAAM,UAAU,UAAW,YAAY;;;;CACuB,CAAC"}
+{"version":3,"file":"buttons.d.ts","sourceRoot":"","sources":["../../../source/model/elements/buttons.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAExD,eAAO,MAAM,UAAU,GAAI,OAAO,YAAY;;;;CACuB,CAAC;AAEtE,eAAO,MAAM,UAAU,GAAI,OAAO,YAAY;;;;CACuB,CAAC"}

package/dist/model/elements/buttons.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const Styles = require("@universityofmaryland/web-styles-library");
+const index = require("../modifiers/index.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 fullScreen = (props) => index.createStyledElement(props, Styles__namespace.element.action.button.fullScreen);
+const videoState = (props) => index.createStyledElement(props, Styles__namespace.element.action.button.videoState);
+exports.fullScreen = fullScreen;
+exports.videoState = videoState;
+//# sourceMappingURL=buttons.js.map

package/dist/model/elements/buttons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"buttons.js","sources":["../../../source/model/elements/buttons.ts"],"sourcesContent":["import * as Styles from '@universityofmaryland/web-styles-library';\nimport { createStyledElement } from '../modifiers';\nimport { type ElementProps } from '../modifiers/_types';\n\nexport const fullScreen = (props: ElementProps) =>\n  createStyledElement(props, Styles.element.action.button.fullScreen);\n\nexport const videoState = (props: ElementProps) =>\n  createStyledElement(props, Styles.element.action.button.videoState);\n"],"names":["createStyledElement","Styles"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAIO,MAAM,aAAa,CAAC,UACzBA,0BAAoB,OAAOC,kBAAO,QAAQ,OAAO,OAAO,UAAU;AAE7D,MAAM,aAAa,CAAC,UACzBD,0BAAoB,OAAOC,kBAAO,QAAQ,OAAO,OAAO,UAAU;;;"}

package/dist/model/elements/buttons.mjs

@@ -0,0 +1,9 @@
+import * as Styles from "@universityofmaryland/web-styles-library";
+import { createStyledElement } from "../modifiers/index.mjs";
+const fullScreen = (props) => createStyledElement(props, Styles.element.action.button.fullScreen);
+const videoState = (props) => createStyledElement(props, Styles.element.action.button.videoState);
+export {
+  fullScreen,
+  videoState
+};
+//# sourceMappingURL=buttons.mjs.map

package/dist/model/elements/buttons.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"buttons.mjs","sources":["../../../source/model/elements/buttons.ts"],"sourcesContent":["import * as Styles from '@universityofmaryland/web-styles-library';\nimport { createStyledElement } from '../modifiers';\nimport { type ElementProps } from '../modifiers/_types';\n\nexport const fullScreen = (props: ElementProps) =>\n  createStyledElement(props, Styles.element.action.button.fullScreen);\n\nexport const videoState = (props: ElementProps) =>\n  createStyledElement(props, Styles.element.action.button.videoState);\n"],"names":[],"mappings":";;AAIO,MAAM,aAAa,CAAC,UACzB,oBAAoB,OAAO,OAAO,QAAQ,OAAO,OAAO,UAAU;AAE7D,MAAM,aAAa,CAAC,UACzB,oBAAoB,OAAO,OAAO,QAAQ,OAAO,OAAO,UAAU;"}

package/dist/model/elements/event.d.ts

@@ -1,4 +1,4 @@
-import { type ElementProps } from '../modifiers/_types';
+import { ElementProps } from '../modifiers/_types';
 export declare const metaContainer: (elementProps: ElementProps) => {
     element: HTMLElement;
     className: string;

package/dist/model/elements/event.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"event.d.ts","sourceRoot":"","sources":["../../../source/model/elements/event.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAExD,eAAO,MAAM,aAAa,iBAAkB,YAAY;;;;CACgB,CAAC;AAEzE,eAAO,MAAM,WAAW,iBAAkB,YAAY;;;;CACgB,CAAC;AAEvE,eAAO,MAAM,QAAQ,iBAAkB,YAAY;;;;CACgB,CAAC;AAEpE,eAAO,MAAM,aAAa,iBAAkB,YAAY;;;;CACgB,CAAC"}
+{"version":3,"file":"event.d.ts","sourceRoot":"","sources":["../../../source/model/elements/event.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAExD,eAAO,MAAM,aAAa,GAAI,cAAc,YAAY;;;;CACgB,CAAC;AAEzE,eAAO,MAAM,WAAW,GAAI,cAAc,YAAY;;;;CACgB,CAAC;AAEvE,eAAO,MAAM,QAAQ,GAAI,cAAc,YAAY;;;;CACgB,CAAC;AAEpE,eAAO,MAAM,aAAa,GAAI,cAAc,YAAY;;;;CACgB,CAAC"}

package/dist/model/elements/event.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const Styles = require("@universityofmaryland/web-styles-library");
+const index = require("../modifiers/index.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 metaContainer = (elementProps) => index.createStyledElement(elementProps, Styles__namespace.element.event.meta.container);
+const metaWrapper = (elementProps) => index.createStyledElement(elementProps, Styles__namespace.element.event.meta.wrapper);
+const metaItem = (elementProps) => index.createStyledElement(elementProps, Styles__namespace.element.event.meta.item);
+const signContainer = (elementProps) => index.createStyledElement(elementProps, Styles__namespace.element.event.sign.container);
+exports.metaContainer = metaContainer;
+exports.metaItem = metaItem;
+exports.metaWrapper = metaWrapper;
+exports.signContainer = signContainer;
+//# sourceMappingURL=event.js.map

package/dist/model/elements/event.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"event.js","sources":["../../../source/model/elements/event.ts"],"sourcesContent":["import * as Styles from '@universityofmaryland/web-styles-library';\nimport { createStyledElement } from '../modifiers';\nimport { type ElementProps } from '../modifiers/_types';\n\nexport const metaContainer = (elementProps: ElementProps) =>\n  createStyledElement(elementProps, Styles.element.event.meta.container);\n\nexport const metaWrapper = (elementProps: ElementProps) =>\n  createStyledElement(elementProps, Styles.element.event.meta.wrapper);\n\nexport const metaItem = (elementProps: ElementProps) =>\n  createStyledElement(elementProps, Styles.element.event.meta.item);\n\nexport const signContainer = (elementProps: ElementProps) =>\n  createStyledElement(elementProps, Styles.element.event.sign.container);\n"],"names":["createStyledElement","Styles"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAIO,MAAM,gBAAgB,CAAC,iBAC5BA,0BAAoB,cAAcC,kBAAO,QAAQ,MAAM,KAAK,SAAS;AAEhE,MAAM,cAAc,CAAC,iBAC1BD,0BAAoB,cAAcC,kBAAO,QAAQ,MAAM,KAAK,OAAO;AAE9D,MAAM,WAAW,CAAC,iBACvBD,0BAAoB,cAAcC,kBAAO,QAAQ,MAAM,KAAK,IAAI;AAE3D,MAAM,gBAAgB,CAAC,iBAC5BD,0BAAoB,cAAcC,kBAAO,QAAQ,MAAM,KAAK,SAAS;;;;;"}

package/dist/model/elements/event.mjs

@@ -0,0 +1,13 @@
+import * as Styles from "@universityofmaryland/web-styles-library";
+import { createStyledElement } from "../modifiers/index.mjs";
+const metaContainer = (elementProps) => createStyledElement(elementProps, Styles.element.event.meta.container);
+const metaWrapper = (elementProps) => createStyledElement(elementProps, Styles.element.event.meta.wrapper);
+const metaItem = (elementProps) => createStyledElement(elementProps, Styles.element.event.meta.item);
+const signContainer = (elementProps) => createStyledElement(elementProps, Styles.element.event.sign.container);
+export {
+  metaContainer,
+  metaItem,
+  metaWrapper,
+  signContainer
+};
+//# sourceMappingURL=event.mjs.map