@universityofmaryland/web-elements-library 1.5.3 → 1.5.5

package/dist/layout/image.js.map

@@ -1 +1 @@
-{"version":3,"file":"image.js","sources":["../../source/layout/image.ts"],"sourcesContent":["import * as token from '@universityofmaryland/web-styles-library/token';\nimport * as typography from '@universityofmaryland/web-styles-library/typography';\nimport { jssToCSS } from '@universityofmaryland/web-utilities-library/styles';\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  ${jssToCSS({\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":["jssToCSS","typography","token"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAIA,MAAM,oBAAoB;AAC1B,MAAM,mBAAmB;AAEzB,MAAM,0BAA0B;AAGhC,MAAM,yBAAyB;AAAA,KAC1B,uBAAuB;AAAA;AAAA;AAAA;AAAA;AAAA,IAKxBA,gBAAS;AAAA,EACT,UAAU;AAAA,IACR,CAAC,IAAI,uBAAuB,SAAS,GAAGC,sBAAW,KAAK;AAAA,EAAA;AAE5D,CAAC,CAAC;AAAA;AAAA,KAEC,uBAAuB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAMbC,iBAAM,QAAQ,GAAG;AAAA;AAAA,aAEnBA,iBAAM,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;;"}
+{"version":3,"file":"image.js","sources":["../../source/layout/image.ts"],"sourcesContent":["import * as token from '@universityofmaryland/web-token-library';\nimport * as typography from '@universityofmaryland/web-styles-library/typography';\nimport { jssToCSS } from '@universityofmaryland/web-utilities-library/styles';\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  ${jssToCSS({\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":["jssToCSS","typography","token"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAIA,MAAM,oBAAoB;AAC1B,MAAM,mBAAmB;AAEzB,MAAM,0BAA0B;AAGhC,MAAM,yBAAyB;AAAA,KAC1B,uBAAuB;AAAA;AAAA;AAAA;AAAA;AAAA,IAKxBA,gBAAS;AAAA,EACT,UAAU;AAAA,IACR,CAAC,IAAI,uBAAuB,SAAS,GAAGC,sBAAW,KAAK;AAAA,EAAA;AAE5D,CAAC,CAAC;AAAA;AAAA,KAEC,uBAAuB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAMbC,iBAAM,QAAQ,GAAG;AAAA;AAAA,aAEnBA,iBAAM,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

@@ -1,4 +1,4 @@
-import * as token from "@universityofmaryland/web-styles-library/token";
+import * as token from "@universityofmaryland/web-token-library";
 import * as typography from "@universityofmaryland/web-styles-library/typography";
 import { jssToCSS } from "@universityofmaryland/web-utilities-library/styles";
 const ATTRIBUTE_CAPTION = "data-caption";

package/dist/layout/image.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"image.mjs","sources":["../../source/layout/image.ts"],"sourcesContent":["import * as token from '@universityofmaryland/web-styles-library/token';\nimport * as typography from '@universityofmaryland/web-styles-library/typography';\nimport { jssToCSS } from '@universityofmaryland/web-utilities-library/styles';\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  ${jssToCSS({\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":[],"mappings":";;;AAIA,MAAM,oBAAoB;AAC1B,MAAM,mBAAmB;AAEzB,MAAM,0BAA0B;AAGhC,MAAM,yBAAyB;AAAA,KAC1B,uBAAuB;AAAA;AAAA;AAAA;AAAA;AAAA,IAKxB,SAAS;AAAA,EACT,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;"}
+{"version":3,"file":"image.mjs","sources":["../../source/layout/image.ts"],"sourcesContent":["import * as token from '@universityofmaryland/web-token-library';\nimport * as typography from '@universityofmaryland/web-styles-library/typography';\nimport { jssToCSS } from '@universityofmaryland/web-utilities-library/styles';\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  ${jssToCSS({\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":[],"mappings":";;;AAIA,MAAM,oBAAoB;AAC1B,MAAM,mBAAmB;AAEzB,MAAM,0BAA0B;AAGhC,MAAM,yBAAyB;AAAA,KAC1B,uBAAuB;AAAA;AAAA;AAAA;AAAA;AAAA,IAKxB,SAAS;AAAA,EACT,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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@universityofmaryland/web-elements-library",
-  "version": "1.5.3",
+  "version": "1.5.5",
   "description": "UMD Web Elements",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -25,11 +25,6 @@
       "types": "./dist/layout.d.ts",
       "import": "./dist/layout.mjs",
       "require": "./dist/layout.js"
-    },
-    "./model": {
-      "types": "./dist/model.d.ts",
-      "import": "./dist/model.mjs",
-      "require": "./dist/model.js"
     }
   },
   "license": "MIT",
@@ -37,22 +32,28 @@
   "files": [
     "dist"
   ],
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  },
   "scripts": {
     "clean": "rm -rf dist build",
     "docs": "npx typedoc --options ./typedoc.json",
-    "prebuild": "node ../../source/update-badges.js",
+    "prebuild": "node ../../scripts/update-badges.js",
     "release": "npm run test && npm run build && npm publish --access public",
     "build": "vite build",
     "dev": "vite build --watch",
     "start": "npm run dev",
-    "pretest": "npm run pretest --prefix ../..",
     "test": "jest",
     "test:watch": "jest --watch",
     "test:coverage": "jest --coverage",
     "test:snapshot": "jest --updateSnapshot"
   },
   "dependencies": {
-    "@types/postcss-js": "^4.0.4"
+    "@types/postcss-js": "^4.0.4",
+    "@universityofmaryland/web-builder-library": "^1.0.0",
+    "@universityofmaryland/web-token-library": "^1.0.0",
+    "@universityofmaryland/web-utilities-library": "^1.0.0"
   },
   "peerDependencies": {
     "@universityofmaryland/web-styles-library": "^1.0.0",

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

@@ -1,62 +0,0 @@
-import { ElementProps } from '../modifiers/_types';
-export declare const iconSmall: (props: ElementProps) => {
-    element: HTMLElement;
-    className: string;
-    styles: string;
-};
-export declare const outline: (props: ElementProps) => {
-    element: HTMLElement;
-    className: string;
-    styles: string;
-};
-export declare const outlineLarge: (props: ElementProps) => {
-    element: HTMLElement;
-    className: string;
-    styles: string;
-};
-export declare const outlineWhite: (props: ElementProps) => {
-    element: HTMLElement;
-    className: string;
-    styles: string;
-};
-export declare const outlineOptions: (props: ElementProps) => {
-    element: HTMLElement;
-    className: string;
-    styles: string;
-};
-export declare const primary: (props: ElementProps) => {
-    element: HTMLElement;
-    className: string;
-    styles: string;
-};
-export declare const primaryLarge: (props: ElementProps) => {
-    element: HTMLElement;
-    className: string;
-    styles: string;
-};
-export declare const primaryWhite: (props: ElementProps) => {
-    element: HTMLElement;
-    className: string;
-    styles: string;
-};
-export declare const secondary: (props: ElementProps) => {
-    element: HTMLElement;
-    className: string;
-    styles: string;
-};
-export declare const secondaryLarge: (props: ElementProps) => {
-    element: HTMLElement;
-    className: string;
-    styles: string;
-};
-export declare const secondaryWhite: (props: ElementProps) => {
-    element: HTMLElement;
-    className: string;
-    styles: string;
-};
-export declare const secondaryGold: (props: ElementProps) => {
-    element: HTMLElement;
-    className: string;
-    styles: string;
-};
-//# sourceMappingURL=actions.d.ts.map

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

@@ -1 +0,0 @@
-{"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

@@ -1,71 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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

@@ -1,54 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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,30 +0,0 @@
-import { ElementProps } from '../modifiers/_types';
-interface ImageWrapperProps extends ElementProps {
-    isScaled?: boolean;
-}
-interface ImageProps extends ElementProps {
-    isAspectStandard?: boolean;
-    isAspectSquare?: boolean;
-}
-export declare const imageCaption: (props: ElementProps) => {
-    element: HTMLElement;
-    className: string;
-    styles: string;
-};
-export declare const imageAspect: (props: ImageProps) => {
-    element: HTMLElement;
-    className: string;
-    styles: string;
-};
-export declare const imageWrapper: (props: ImageWrapperProps) => {
-    element: HTMLElement;
-    className: string;
-    styles: string;
-};
-export declare const gifToggle: (props: ElementProps) => {
-    element: HTMLElement;
-    className: string;
-    styles: string;
-};
-export {};
-//# sourceMappingURL=assets.d.ts.map

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

@@ -1 +0,0 @@
-{"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

@@ -1,42 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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

@@ -1,25 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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,12 +0,0 @@
-import { ElementProps } from '../modifiers/_types';
-export declare const fullScreen: (props: ElementProps) => {
-    element: HTMLElement;
-    className: string;
-    styles: string;
-};
-export declare const videoState: (props: ElementProps) => {
-    element: HTMLElement;
-    className: string;
-    styles: string;
-};
-//# sourceMappingURL=buttons.d.ts.map

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

@@ -1 +0,0 @@
-{"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

@@ -1,26 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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

@@ -1,9 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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,22 +0,0 @@
-import { ElementProps } from '../modifiers/_types';
-export declare const metaContainer: (elementProps: ElementProps) => {
-    element: HTMLElement;
-    className: string;
-    styles: string;
-};
-export declare const metaWrapper: (elementProps: ElementProps) => {
-    element: HTMLElement;
-    className: string;
-    styles: string;
-};
-export declare const metaItem: (elementProps: ElementProps) => {
-    element: HTMLElement;
-    className: string;
-    styles: string;
-};
-export declare const signContainer: (elementProps: ElementProps) => {
-    element: HTMLElement;
-    className: string;
-    styles: string;
-};
-//# sourceMappingURL=event.d.ts.map

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

@@ -1 +0,0 @@
-{"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

@@ -1,30 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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

@@ -1,13 +0,0 @@
-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

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

@@ -1 +0,0 @@
-{"version":3,"file":"event.mjs","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":[],"mappings":";;AAIO,MAAM,gBAAgB,CAAC,iBAC5B,oBAAoB,cAAc,OAAO,QAAQ,MAAM,KAAK,SAAS;AAEhE,MAAM,cAAc,CAAC,iBAC1B,oBAAoB,cAAc,OAAO,QAAQ,MAAM,KAAK,OAAO;AAE9D,MAAM,WAAW,CAAC,iBACvB,oBAAoB,cAAc,OAAO,QAAQ,MAAM,KAAK,IAAI;AAE3D,MAAM,gBAAgB,CAAC,iBAC5B,oBAAoB,cAAc,OAAO,QAAQ,MAAM,KAAK,SAAS;"}