@universityofmaryland/web-model-library 1.0.0

package/dist/utilities/lifecycle.d.ts

@@ -0,0 +1,12 @@
+import { ComponentRef } from '../_types';
+export declare const hooks: {
+    loadOnConnect: (ref: ComponentRef) => void | undefined;
+    loadAnimation: (ref: ComponentRef) => any;
+    resizeOnConnect: (ref: ComponentRef) => void | undefined;
+};
+export declare const CommonLifecycleHooks: {
+    loadOnConnect: (ref: ComponentRef) => void | undefined;
+    loadAnimation: (ref: ComponentRef) => any;
+    resizeOnConnect: (ref: ComponentRef) => void | undefined;
+};
+//# sourceMappingURL=lifecycle.d.ts.map

package/dist/utilities/lifecycle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"lifecycle.d.ts","sourceRoot":"","sources":["../../source/utilities/lifecycle.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAK9C,eAAO,MAAM,KAAK;yBAIK,YAAY;yBAMZ,YAAY;2BAKV,YAAY;CACpC,CAAC;AAKF,eAAO,MAAM,oBAAoB;yBAjBV,YAAY;yBAMZ,YAAY;2BAKV,YAAY;CAMI,CAAC"}

package/dist/utilities/lifecycle.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const hooks = {
+  /**
+   * Standard afterConnect that calls the component's load event
+   */
+  loadOnConnect: (ref) => ref?.events?.load?.(),
+  /**
+   * AfterConnect hook that sets up component animations
+   * Delays animation initialization to ensure proper positioning
+   */
+  loadAnimation: (ref) => ref?.events?.loadAnimation?.(),
+  /**
+   * Standard resize handler for afterConnect
+   */
+  resizeOnConnect: (ref) => ref?.events?.resize?.()
+};
+const CommonLifecycleHooks = hooks;
+exports.CommonLifecycleHooks = CommonLifecycleHooks;
+exports.hooks = hooks;
+//# sourceMappingURL=lifecycle.js.map

package/dist/utilities/lifecycle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lifecycle.js","sources":["../../source/utilities/lifecycle.ts"],"sourcesContent":["/**\n * Common Lifecycle Hooks for Components\n *\n * This module provides standard lifecycle implementations that can be\n * reused across multiple components.\n */\n\nimport type { ComponentRef } from '../_types';\n\n/**\n * Common lifecycle hooks for component initialization and state management\n */\nexport const hooks = {\n  /**\n   * Standard afterConnect that calls the component's load event\n   */\n  loadOnConnect: (ref: ComponentRef) => ref?.events?.load?.(),\n\n  /**\n   * AfterConnect hook that sets up component animations\n   * Delays animation initialization to ensure proper positioning\n   */\n  loadAnimation: (ref: ComponentRef) => ref?.events?.loadAnimation?.(),\n\n  /**\n   * Standard resize handler for afterConnect\n   */\n  resizeOnConnect: (ref: ComponentRef) => ref?.events?.resize?.(),\n};\n\n/**\n * @deprecated Use hooks instead\n */\nexport const CommonLifecycleHooks = hooks;\n"],"names":[],"mappings":";;AAYO,MAAM,QAAQ;AAAA;AAAA;AAAA;AAAA,EAInB,eAAe,CAAC,QAAsB,KAAK,QAAQ,OAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMnD,eAAe,CAAC,QAAsB,KAAK,QAAQ,gBAAA;AAAA;AAAA;AAAA;AAAA,EAKnD,iBAAiB,CAAC,QAAsB,KAAK,QAAQ,SAAA;AACvD;AAKO,MAAM,uBAAuB;;;"}

package/dist/utilities/lifecycle.mjs

@@ -0,0 +1,21 @@
+const hooks = {
+  /**
+   * Standard afterConnect that calls the component's load event
+   */
+  loadOnConnect: (ref) => ref?.events?.load?.(),
+  /**
+   * AfterConnect hook that sets up component animations
+   * Delays animation initialization to ensure proper positioning
+   */
+  loadAnimation: (ref) => ref?.events?.loadAnimation?.(),
+  /**
+   * Standard resize handler for afterConnect
+   */
+  resizeOnConnect: (ref) => ref?.events?.resize?.()
+};
+const CommonLifecycleHooks = hooks;
+export {
+  CommonLifecycleHooks,
+  hooks
+};
+//# sourceMappingURL=lifecycle.mjs.map

package/dist/utilities/lifecycle.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"lifecycle.mjs","sources":["../../source/utilities/lifecycle.ts"],"sourcesContent":["/**\n * Common Lifecycle Hooks for Components\n *\n * This module provides standard lifecycle implementations that can be\n * reused across multiple components.\n */\n\nimport type { ComponentRef } from '../_types';\n\n/**\n * Common lifecycle hooks for component initialization and state management\n */\nexport const hooks = {\n  /**\n   * Standard afterConnect that calls the component's load event\n   */\n  loadOnConnect: (ref: ComponentRef) => ref?.events?.load?.(),\n\n  /**\n   * AfterConnect hook that sets up component animations\n   * Delays animation initialization to ensure proper positioning\n   */\n  loadAnimation: (ref: ComponentRef) => ref?.events?.loadAnimation?.(),\n\n  /**\n   * Standard resize handler for afterConnect\n   */\n  resizeOnConnect: (ref: ComponentRef) => ref?.events?.resize?.(),\n};\n\n/**\n * @deprecated Use hooks instead\n */\nexport const CommonLifecycleHooks = hooks;\n"],"names":[],"mappings":"AAYO,MAAM,QAAQ;AAAA;AAAA;AAAA;AAAA,EAInB,eAAe,CAAC,QAAsB,KAAK,QAAQ,OAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMnD,eAAe,CAAC,QAAsB,KAAK,QAAQ,gBAAA;AAAA;AAAA;AAAA;AAAA,EAKnD,iBAAiB,CAAC,QAAsB,KAAK,QAAQ,SAAA;AACvD;AAKO,MAAM,uBAAuB;"}

package/dist/utilities/register.d.ts

@@ -0,0 +1,17 @@
+import { ComponentConfiguration, ComponentRegistration } from '../_types';
+interface WebComponentConfig {
+    name: string;
+    element: CustomElementConstructor;
+}
+interface WebComponentRegistry {
+    [key: string]: CustomElementConstructor;
+}
+declare global {
+    interface Window {
+        WebComponents: WebComponentRegistry;
+    }
+}
+declare const registerWebComponent: ({ name, element }: WebComponentConfig) => void;
+export declare function webComponent(config: ComponentConfiguration): ComponentRegistration;
+export { registerWebComponent, type WebComponentConfig };
+//# sourceMappingURL=register.d.ts.map

package/dist/utilities/register.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"register.d.ts","sourceRoot":"","sources":["../../source/utilities/register.ts"],"names":[],"mappings":"AAAA,UAAU,kBAAkB;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,wBAAwB,CAAC;CACnC;AAED,UAAU,oBAAoB;IAC5B,CAAC,GAAG,EAAE,MAAM,GAAG,wBAAwB,CAAC;CACzC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,aAAa,EAAE,oBAAoB,CAAC;KACrC;CACF;AAMD,QAAA,MAAM,oBAAoB,GAAI,mBAAmB,kBAAkB,KAAG,IAYrE,CAAC;AAEF,OAAO,KAAK,EAAE,sBAAsB,EAAE,qBAAqB,EAAE,MAAM,WAAW,CAAC;AAoB/E,wBAAgB,YAAY,CAC1B,MAAM,EAAE,sBAAsB,GAC7B,qBAAqB,CAiBvB;AAED,OAAO,EAAE,oBAAoB,EAAE,KAAK,kBAAkB,EAAE,CAAC"}

package/dist/utilities/register.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const model = require("../model.js");
+if (!window.WebComponents) {
+  window.WebComponents = {};
+}
+const registerWebComponent = ({ name, element }) => {
+  if (window.customElements.get(name)) {
+    return;
+  }
+  const hasElement = document.getElementsByTagName(name).length > 0;
+  if (!hasElement) {
+    return;
+  }
+  window.WebComponents[name] = element;
+  window.customElements.define(name, element);
+};
+function webComponent(config) {
+  return () => {
+    const normalizedConfig = {
+      ...config,
+      attributes: config.attributes ? Array.isArray(config.attributes) ? config.attributes : [config.attributes] : void 0
+    };
+    registerWebComponent({
+      name: config.tagName,
+      element: model.createCustomElement(normalizedConfig)
+    });
+  };
+}
+exports.registerWebComponent = registerWebComponent;
+exports.webComponent = webComponent;
+//# sourceMappingURL=register.js.map

package/dist/utilities/register.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"register.js","sources":["../../source/utilities/register.ts"],"sourcesContent":["interface WebComponentConfig {\n  name: string;\n  element: CustomElementConstructor;\n}\n\ninterface WebComponentRegistry {\n  [key: string]: CustomElementConstructor;\n}\n\ndeclare global {\n  interface Window {\n    WebComponents: WebComponentRegistry;\n  }\n}\n\nif (!window.WebComponents) {\n  window.WebComponents = {};\n}\n\nconst registerWebComponent = ({ name, element }: WebComponentConfig): void => {\n  if (window.customElements.get(name)) {\n    return;\n  }\n\n  const hasElement = document.getElementsByTagName(name).length > 0;\n  if (!hasElement) {\n    return;\n  }\n\n  window.WebComponents[name] = element;\n  window.customElements.define(name, element);\n};\n\nimport type { ComponentConfiguration, ComponentRegistration } from '../_types';\nimport { createCustomElement } from '../model';\n\n/**\n * Helper to create a standard component registration function.\n * This simplifies the component export pattern and ensures consistency.\n *\n * @param config - Component configuration\n * @returns Registration function that can be called to register the component\n *\n * @example\n * ```typescript\n * export default createComponentRegistration({\n *   tagName: 'umd-element-name',\n *   slots,\n *   createComponent,\n *   attributes: Attributes.handler.common.resize((element) => element.events?.recalculate()),\n * });\n * ```\n */\nexport function webComponent(\n  config: ComponentConfiguration,\n): ComponentRegistration {\n  return () => {\n    // Normalize attributes to always be an array\n    const normalizedConfig = {\n      ...config,\n      attributes: config.attributes\n        ? Array.isArray(config.attributes)\n          ? config.attributes\n          : [config.attributes]\n        : undefined,\n    };\n    \n    registerWebComponent({\n      name: config.tagName,\n      element: createCustomElement(normalizedConfig),\n    });\n  };\n}\n\nexport { registerWebComponent, type WebComponentConfig };\n"],"names":["createCustomElement"],"mappings":";;;AAeA,IAAI,CAAC,OAAO,eAAe;AACzB,SAAO,gBAAgB,CAAA;AACzB;AAEA,MAAM,uBAAuB,CAAC,EAAE,MAAM,cAAwC;AAC5E,MAAI,OAAO,eAAe,IAAI,IAAI,GAAG;AACnC;AAAA,EACF;AAEA,QAAM,aAAa,SAAS,qBAAqB,IAAI,EAAE,SAAS;AAChE,MAAI,CAAC,YAAY;AACf;AAAA,EACF;AAEA,SAAO,cAAc,IAAI,IAAI;AAC7B,SAAO,eAAe,OAAO,MAAM,OAAO;AAC5C;AAsBO,SAAS,aACd,QACuB;AACvB,SAAO,MAAM;AAEX,UAAM,mBAAmB;AAAA,MACvB,GAAG;AAAA,MACH,YAAY,OAAO,aACf,MAAM,QAAQ,OAAO,UAAU,IAC7B,OAAO,aACP,CAAC,OAAO,UAAU,IACpB;AAAA,IAAA;AAGN,yBAAqB;AAAA,MACnB,MAAM,OAAO;AAAA,MACb,SAASA,MAAAA,oBAAoB,gBAAgB;AAAA,IAAA,CAC9C;AAAA,EACH;AACF;;;"}

package/dist/utilities/register.mjs

@@ -0,0 +1,32 @@
+import { createCustomElement } from "../model.mjs";
+if (!window.WebComponents) {
+  window.WebComponents = {};
+}
+const registerWebComponent = ({ name, element }) => {
+  if (window.customElements.get(name)) {
+    return;
+  }
+  const hasElement = document.getElementsByTagName(name).length > 0;
+  if (!hasElement) {
+    return;
+  }
+  window.WebComponents[name] = element;
+  window.customElements.define(name, element);
+};
+function webComponent(config) {
+  return () => {
+    const normalizedConfig = {
+      ...config,
+      attributes: config.attributes ? Array.isArray(config.attributes) ? config.attributes : [config.attributes] : void 0
+    };
+    registerWebComponent({
+      name: config.tagName,
+      element: createCustomElement(normalizedConfig)
+    });
+  };
+}
+export {
+  registerWebComponent,
+  webComponent
+};
+//# sourceMappingURL=register.mjs.map

package/dist/utilities/register.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"register.mjs","sources":["../../source/utilities/register.ts"],"sourcesContent":["interface WebComponentConfig {\n  name: string;\n  element: CustomElementConstructor;\n}\n\ninterface WebComponentRegistry {\n  [key: string]: CustomElementConstructor;\n}\n\ndeclare global {\n  interface Window {\n    WebComponents: WebComponentRegistry;\n  }\n}\n\nif (!window.WebComponents) {\n  window.WebComponents = {};\n}\n\nconst registerWebComponent = ({ name, element }: WebComponentConfig): void => {\n  if (window.customElements.get(name)) {\n    return;\n  }\n\n  const hasElement = document.getElementsByTagName(name).length > 0;\n  if (!hasElement) {\n    return;\n  }\n\n  window.WebComponents[name] = element;\n  window.customElements.define(name, element);\n};\n\nimport type { ComponentConfiguration, ComponentRegistration } from '../_types';\nimport { createCustomElement } from '../model';\n\n/**\n * Helper to create a standard component registration function.\n * This simplifies the component export pattern and ensures consistency.\n *\n * @param config - Component configuration\n * @returns Registration function that can be called to register the component\n *\n * @example\n * ```typescript\n * export default createComponentRegistration({\n *   tagName: 'umd-element-name',\n *   slots,\n *   createComponent,\n *   attributes: Attributes.handler.common.resize((element) => element.events?.recalculate()),\n * });\n * ```\n */\nexport function webComponent(\n  config: ComponentConfiguration,\n): ComponentRegistration {\n  return () => {\n    // Normalize attributes to always be an array\n    const normalizedConfig = {\n      ...config,\n      attributes: config.attributes\n        ? Array.isArray(config.attributes)\n          ? config.attributes\n          : [config.attributes]\n        : undefined,\n    };\n    \n    registerWebComponent({\n      name: config.tagName,\n      element: createCustomElement(normalizedConfig),\n    });\n  };\n}\n\nexport { registerWebComponent, type WebComponentConfig };\n"],"names":[],"mappings":";AAeA,IAAI,CAAC,OAAO,eAAe;AACzB,SAAO,gBAAgB,CAAA;AACzB;AAEA,MAAM,uBAAuB,CAAC,EAAE,MAAM,cAAwC;AAC5E,MAAI,OAAO,eAAe,IAAI,IAAI,GAAG;AACnC;AAAA,EACF;AAEA,QAAM,aAAa,SAAS,qBAAqB,IAAI,EAAE,SAAS;AAChE,MAAI,CAAC,YAAY;AACf;AAAA,EACF;AAEA,SAAO,cAAc,IAAI,IAAI;AAC7B,SAAO,eAAe,OAAO,MAAM,OAAO;AAC5C;AAsBO,SAAS,aACd,QACuB;AACvB,SAAO,MAAM;AAEX,UAAM,mBAAmB;AAAA,MACvB,GAAG;AAAA,MACH,YAAY,OAAO,aACf,MAAM,QAAQ,OAAO,UAAU,IAC7B,OAAO,aACP,CAAC,OAAO,UAAU,IACpB;AAAA,IAAA;AAGN,yBAAqB;AAAA,MACnB,MAAM,OAAO;AAAA,MACb,SAAS,oBAAoB,gBAAgB;AAAA,IAAA,CAC9C;AAAA,EACH;AACF;"}

package/dist/utilities/styles.d.ts

@@ -0,0 +1,5 @@
+declare const stylesTemplate: ({ styles }: {
+    styles: string;
+}) => HTMLTemplateElement;
+export default stylesTemplate;
+//# sourceMappingURL=styles.d.ts.map

package/dist/utilities/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../source/utilities/styles.ts"],"names":[],"mappings":"AAyEA,QAAA,MAAM,cAAc,GAAI,YAAY;IAAE,MAAM,EAAE,MAAM,CAAA;CAAE,wBAKrD,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/utilities/styles.js

@@ -0,0 +1,79 @@
+"use strict";
+require("../node_modules/postcss/lib/postcss.js");
+const Styles = require("@universityofmaryland/web-styles-library");
+const index = require("../_virtual/index.js");
+const postcss = require("../_virtual/postcss.js");
+const CreateStyleString = (styles) => postcss([index]).process(styles, {}).css;
+const reset = `
+  :host {
+    color: ${Styles.token.color.black};
+  }
+  
+  :host * {
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+  }
+
+  div {
+    line-height: 1;
+  }
+
+  h1, h2, h3, h4, h5, h6 {
+    font-size: inherit;
+    font-weight: inherit;
+    line-height: inherit;
+    color: ${Styles.token.color.black};
+  }
+
+  p {
+    color: ${Styles.token.color.gray.dark};
+  }
+
+  a {
+    text-decoration: inherit;
+    color: inherit;
+  }
+
+  address {
+    font-style: normal;
+  }
+
+  strong, b {
+    font-weight: 700;
+  }
+
+  em, i {
+    font-style: italic;
+  }
+
+  button {
+    border: none;
+    background: none;
+    cursor: pointer;
+  }
+
+  img {
+    max-width: 100%;
+    display: block;
+  }
+
+  .sr-only {
+    clip: rect(0,0,0,0);
+    border-width: 0;
+    height: 1px;
+    margin: -1px;
+    overflow: hidden;
+    padding: 0;
+    position: absolute;
+    white-space: nowrap;
+    width: 1px;
+  }
+`;
+const stylesTemplate = ({ styles }) => {
+  const template = document.createElement("template");
+  template.innerHTML = `<style>${reset}${CreateStyleString(styles)}</style>`;
+  return template;
+};
+module.exports = stylesTemplate;
+//# sourceMappingURL=styles.js.map

package/dist/utilities/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sources":["../../source/utilities/styles.ts"],"sourcesContent":["import postcss from 'postcss';\nimport { token } from '@universityofmaryland/web-styles-library';\nimport postcssDuplicates from 'postcss-discard-duplicates';\nconst CreateStyleString = (styles: string) =>\n  postcss([postcssDuplicates]).process(styles, {}).css;\n\nconst reset = `\n  :host {\n    color: ${token.color.black};\n  }\n  \n  :host * {\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n  }\n\n  div {\n    line-height: 1;\n  }\n\n  h1, h2, h3, h4, h5, h6 {\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n    color: ${token.color.black};\n  }\n\n  p {\n    color: ${token.color.gray.dark};\n  }\n\n  a {\n    text-decoration: inherit;\n    color: inherit;\n  }\n\n  address {\n    font-style: normal;\n  }\n\n  strong, b {\n    font-weight: 700;\n  }\n\n  em, i {\n    font-style: italic;\n  }\n\n  button {\n    border: none;\n    background: none;\n    cursor: pointer;\n  }\n\n  img {\n    max-width: 100%;\n    display: block;\n  }\n\n  .sr-only {\n    clip: rect(0,0,0,0);\n    border-width: 0;\n    height: 1px;\n    margin: -1px;\n    overflow: hidden;\n    padding: 0;\n    position: absolute;\n    white-space: nowrap;\n    width: 1px;\n  }\n`;\n\nconst stylesTemplate = ({ styles }: { styles: string }) => {\n  const template = document.createElement('template');\n  template.innerHTML = `<style>${reset}${CreateStyleString(styles)}</style>`;\n\n  return template;\n};\n\nexport default stylesTemplate;\n"],"names":["postcssDuplicates","token"],"mappings":";;;;;AAGA,MAAM,oBAAoB,CAAC,WACzB,QAAQ,CAACA,KAAiB,CAAC,EAAE,QAAQ,QAAQ,CAAA,CAAE,EAAE;AAEnD,MAAM,QAAQ;AAAA;AAAA,aAEDC,OAAAA,MAAM,MAAM,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAiBjBA,OAAAA,MAAM,MAAM,KAAK;AAAA;AAAA;AAAA;AAAA,aAIjBA,aAAM,MAAM,KAAK,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA4ClC,MAAM,iBAAiB,CAAC,EAAE,aAAiC;AACzD,QAAM,WAAW,SAAS,cAAc,UAAU;AAClD,WAAS,YAAY,UAAU,KAAK,GAAG,kBAAkB,MAAM,CAAC;AAEhE,SAAO;AACT;;"}

package/dist/utilities/styles.mjs

@@ -0,0 +1,80 @@
+import "../node_modules/postcss/lib/postcss.mjs";
+import { token } from "@universityofmaryland/web-styles-library";
+import postcssDuplicates from "../_virtual/index.mjs";
+import postcss from "../_virtual/postcss.mjs";
+const CreateStyleString = (styles) => postcss([postcssDuplicates]).process(styles, {}).css;
+const reset = `
+  :host {
+    color: ${token.color.black};
+  }
+  
+  :host * {
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+  }
+
+  div {
+    line-height: 1;
+  }
+
+  h1, h2, h3, h4, h5, h6 {
+    font-size: inherit;
+    font-weight: inherit;
+    line-height: inherit;
+    color: ${token.color.black};
+  }
+
+  p {
+    color: ${token.color.gray.dark};
+  }
+
+  a {
+    text-decoration: inherit;
+    color: inherit;
+  }
+
+  address {
+    font-style: normal;
+  }
+
+  strong, b {
+    font-weight: 700;
+  }
+
+  em, i {
+    font-style: italic;
+  }
+
+  button {
+    border: none;
+    background: none;
+    cursor: pointer;
+  }
+
+  img {
+    max-width: 100%;
+    display: block;
+  }
+
+  .sr-only {
+    clip: rect(0,0,0,0);
+    border-width: 0;
+    height: 1px;
+    margin: -1px;
+    overflow: hidden;
+    padding: 0;
+    position: absolute;
+    white-space: nowrap;
+    width: 1px;
+  }
+`;
+const stylesTemplate = ({ styles }) => {
+  const template = document.createElement("template");
+  template.innerHTML = `<style>${reset}${CreateStyleString(styles)}</style>`;
+  return template;
+};
+export {
+  stylesTemplate as default
+};
+//# sourceMappingURL=styles.mjs.map

package/dist/utilities/styles.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.mjs","sources":["../../source/utilities/styles.ts"],"sourcesContent":["import postcss from 'postcss';\nimport { token } from '@universityofmaryland/web-styles-library';\nimport postcssDuplicates from 'postcss-discard-duplicates';\nconst CreateStyleString = (styles: string) =>\n  postcss([postcssDuplicates]).process(styles, {}).css;\n\nconst reset = `\n  :host {\n    color: ${token.color.black};\n  }\n  \n  :host * {\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n  }\n\n  div {\n    line-height: 1;\n  }\n\n  h1, h2, h3, h4, h5, h6 {\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n    color: ${token.color.black};\n  }\n\n  p {\n    color: ${token.color.gray.dark};\n  }\n\n  a {\n    text-decoration: inherit;\n    color: inherit;\n  }\n\n  address {\n    font-style: normal;\n  }\n\n  strong, b {\n    font-weight: 700;\n  }\n\n  em, i {\n    font-style: italic;\n  }\n\n  button {\n    border: none;\n    background: none;\n    cursor: pointer;\n  }\n\n  img {\n    max-width: 100%;\n    display: block;\n  }\n\n  .sr-only {\n    clip: rect(0,0,0,0);\n    border-width: 0;\n    height: 1px;\n    margin: -1px;\n    overflow: hidden;\n    padding: 0;\n    position: absolute;\n    white-space: nowrap;\n    width: 1px;\n  }\n`;\n\nconst stylesTemplate = ({ styles }: { styles: string }) => {\n  const template = document.createElement('template');\n  template.innerHTML = `<style>${reset}${CreateStyleString(styles)}</style>`;\n\n  return template;\n};\n\nexport default stylesTemplate;\n"],"names":[],"mappings":";;;;AAGA,MAAM,oBAAoB,CAAC,WACzB,QAAQ,CAAC,iBAAiB,CAAC,EAAE,QAAQ,QAAQ,CAAA,CAAE,EAAE;AAEnD,MAAM,QAAQ;AAAA;AAAA,aAED,MAAM,MAAM,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAiBjB,MAAM,MAAM,KAAK;AAAA;AAAA;AAAA;AAAA,aAIjB,MAAM,MAAM,KAAK,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA4ClC,MAAM,iBAAiB,CAAC,EAAE,aAAiC;AACzD,QAAM,WAAW,SAAS,cAAc,UAAU;AAClD,WAAS,YAAY,UAAU,KAAK,GAAG,kBAAkB,MAAM,CAAC;AAEhE,SAAO;AACT;"}

package/dist/utilities.d.ts

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

package/dist/utilities.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const register = require("./utilities/register.js");
+const lifecycle = require("./utilities/lifecycle.js");
+const styles = require("./utilities/styles.js");
+exports.registerWebComponent = register.registerWebComponent;
+exports.webComponent = register.webComponent;
+exports.CommonLifecycleHooks = lifecycle.CommonLifecycleHooks;
+exports.hooks = lifecycle.hooks;
+exports.StylesTemplate = styles;
+//# sourceMappingURL=utilities.js.map

package/dist/utilities.js.map

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

package/dist/utilities.mjs

@@ -0,0 +1,11 @@
+import { registerWebComponent, webComponent } from "./utilities/register.mjs";
+import { CommonLifecycleHooks, hooks } from "./utilities/lifecycle.mjs";
+import { default as default2 } from "./utilities/styles.mjs";
+export {
+  CommonLifecycleHooks,
+  default2 as StylesTemplate,
+  hooks,
+  registerWebComponent,
+  webComponent
+};
+//# sourceMappingURL=utilities.mjs.map

package/dist/utilities.mjs.map

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

package/package.json

@@ -0,0 +1,69 @@
+{
+  "name": "@universityofmaryland/web-model-library",
+  "version": "1.0.0",
+  "description": "UMD Web Component Model - Base utilities for building web components",
+  "main": "dist/index.js",
+  "module": "dist/index.mjs",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js"
+    },
+    "./attributes": {
+      "types": "./dist/attributes.d.ts",
+      "import": "./dist/attributes.mjs",
+      "require": "./dist/attributes.js"
+    },
+    "./model": {
+      "types": "./dist/model.d.ts",
+      "import": "./dist/model.mjs",
+      "require": "./dist/model.js"
+    },
+    "./slots": {
+      "types": "./dist/slots.d.ts",
+      "import": "./dist/slots.mjs",
+      "require": "./dist/slots.js"
+    },
+    "./utilities": {
+      "types": "./dist/utilities.d.ts",
+      "import": "./dist/utilities.mjs",
+      "require": "./dist/utilities.js"
+    }
+  },
+  "license": "MIT",
+  "repository": "",
+  "files": [
+    "dist"
+  ],
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  },
+  "scripts": {
+    "clean": "rm -rf dist build",
+    "docs": "npx typedoc --options ./typedoc.json",
+    "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",
+    "test": "jest",
+    "test:watch": "jest --watch",
+    "test:coverage": "jest --coverage"
+  },
+  "dependencies": {
+    "postcss": "^8.4.31",
+    "postcss-discard-duplicates": "^5.1.0"
+  },
+  "peerDependencies": {
+    "@universityofmaryland/web-styles-library": "^1.0.0"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-legacy": "^7.2.1",
+    "vite": "^7.1.4",
+    "vite-plugin-checker": "^0.10.3",
+    "vite-plugin-dts": "^4.5.4"
+  }
+}