@universityofmaryland/web-feeds-library 1.2.3 → 1.3.0-beta.0

package/dist/states/_types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"_types.d.ts","sourceRoot":"","sources":["../../source/states/_types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,WAAW,CAAC;AAK9C,MAAM,WAAW,kBAAkB;IACjC,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAKD,MAAM,WAAW,gBAAgB;IAC/B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAKD,MAAM,WAAW,qBAAqB;IACpC,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,EAAE,OAAO,CAAC;IACpB,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,MAAM,EAAE,MAAM,CAAC;CAChB;AAKD,MAAM,WAAW,eAAe;IAC9B,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,QAAQ,GAAG,WAAW,CAAC;CACrC;AAKD,oBAAY,cAAc;IACxB,aAAa,uBAAuB;IACpC,WAAW,qBAAqB;IAChC,WAAW,qBAAqB;IAChC,iBAAiB,2BAA2B;IAC5C,YAAY,sBAAsB;CACnC;AAKD,MAAM,WAAW,SAAS;IACxB,OAAO,EAAE,WAAW,CAAC;IACrB,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,CAAC,SAAS,EAAE,WAAW,KAAK,IAAI,CAAC;IACxC,IAAI,CAAC,EAAE,MAAM,IAAI,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAKD,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,CAAC,MAAM,EAAE,kBAAkB,KAAK,YAAY,CAAC;IACrD,OAAO,EAAE,CAAC,KAAK,EAAE;QAAE,SAAS,EAAE,WAAW,CAAC;QAAC,WAAW,CAAC,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAC;IAC5E,MAAM,EAAE,CAAC,KAAK,EAAE;QAAE,SAAS,EAAE,WAAW,CAAA;KAAE,KAAK,IAAI,CAAC;CACrD;AAKD,MAAM,WAAW,kBAAkB;IACjC,MAAM,EAAE,CAAC,MAAM,EAAE,eAAe,KAAK,WAAW,CAAC;IACjD,MAAM,EAAE,CAAC,KAAK,EAAE;QAAE,SAAS,EAAE,WAAW,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;CACtE;AAKD,MAAM,WAAW,mBAAmB;IAClC,MAAM,EAAE,CAAC,MAAM,EAAE,qBAAqB,KAAK,YAAY,GAAG,SAAS,CAAC;IACpE,MAAM,EAAE,CAAC,KAAK,EAAE;QAAE,SAAS,EAAE,WAAW,CAAA;KAAE,KAAK,IAAI,CAAC;CACrD"}

package/dist/states/_types.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+var FeedStateEvent = /* @__PURE__ */ ((FeedStateEvent2) => {
+  FeedStateEvent2["LOADING_START"] = "feed:loading:start";
+  FeedStateEvent2["LOADING_END"] = "feed:loading:end";
+  FeedStateEvent2["EMPTY_SHOWN"] = "feed:empty:shown";
+  FeedStateEvent2["PAGINATION_LOADED"] = "feed:pagination:loaded";
+  FeedStateEvent2["ANNOUNCEMENT"] = "feed:announcement";
+  return FeedStateEvent2;
+})(FeedStateEvent || {});
+exports.FeedStateEvent = FeedStateEvent;
+//# sourceMappingURL=_types.js.map

package/dist/states/_types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"_types.js","sources":["../../source/states/_types.ts"],"sourcesContent":["import { type ElementModel } from '../_types';\n\n/**\n * Configuration for loading state\n */\nexport interface LoadingStateConfig {\n  isThemeDark?: boolean;\n}\n\n/**\n * Configuration for empty/no results state\n */\nexport interface EmptyStateConfig {\n  message?: string;\n  linkUrl?: string;\n  linkText?: string;\n  isThemeDark?: boolean;\n  isAlignedCenter?: boolean;\n}\n\n/**\n * Configuration for pagination state\n */\nexport interface PaginationStateConfig {\n  callback: () => void;\n  isThemeDark?: boolean;\n  isLazyLoad: boolean;\n  totalEntries: number | null;\n  offset: number;\n}\n\n/**\n * Configuration for announcer (aria-live)\n */\nexport interface AnnouncerConfig {\n  message: string;\n  politeness?: 'polite' | 'assertive';\n}\n\n/**\n * Feed state events for custom event dispatching\n */\nexport enum FeedStateEvent {\n  LOADING_START = 'feed:loading:start',\n  LOADING_END = 'feed:loading:end',\n  EMPTY_SHOWN = 'feed:empty:shown',\n  PAGINATION_LOADED = 'feed:pagination:loaded',\n  ANNOUNCEMENT = 'feed:announcement',\n}\n\n/**\n * Standard feed state interface\n */\nexport interface FeedState {\n  element: HTMLElement;\n  styles: string;\n  show?: (container: HTMLElement) => void;\n  hide?: () => void;\n  destroy?: () => void;\n}\n\n/**\n * Legacy loader API (backwards compatible)\n */\nexport interface LoaderLegacyAPI {\n  create: (config: LoadingStateConfig) => ElementModel;\n  display: (props: { container: HTMLElement; isThemeDark?: boolean }) => void;\n  remove: (props: { container: HTMLElement }) => void;\n}\n\n/**\n * Legacy announcer API (backwards compatible)\n */\nexport interface AnnouncerLegacyAPI {\n  create: (config: AnnouncerConfig) => HTMLElement;\n  update: (props: { container: HTMLElement; message: string }) => void;\n}\n\n/**\n * Legacy pagination API (backwards compatible)\n */\nexport interface PaginationLegacyAPI {\n  create: (config: PaginationStateConfig) => ElementModel | undefined;\n  remove: (props: { container: HTMLElement }) => void;\n}\n"],"names":["FeedStateEvent"],"mappings":";;AA0CO,IAAK,mCAAAA,oBAAL;AACLA,kBAAA,eAAA,IAAgB;AAChBA,kBAAA,aAAA,IAAc;AACdA,kBAAA,aAAA,IAAc;AACdA,kBAAA,mBAAA,IAAoB;AACpBA,kBAAA,cAAA,IAAe;AALL,SAAAA;AAAA,GAAA,kBAAA,CAAA,CAAA;;"}

package/dist/states/_types.mjs

@@ -0,0 +1,12 @@
+var FeedStateEvent = /* @__PURE__ */ ((FeedStateEvent2) => {
+  FeedStateEvent2["LOADING_START"] = "feed:loading:start";
+  FeedStateEvent2["LOADING_END"] = "feed:loading:end";
+  FeedStateEvent2["EMPTY_SHOWN"] = "feed:empty:shown";
+  FeedStateEvent2["PAGINATION_LOADED"] = "feed:pagination:loaded";
+  FeedStateEvent2["ANNOUNCEMENT"] = "feed:announcement";
+  return FeedStateEvent2;
+})(FeedStateEvent || {});
+export {
+  FeedStateEvent
+};
+//# sourceMappingURL=_types.mjs.map

package/dist/states/_types.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"_types.mjs","sources":["../../source/states/_types.ts"],"sourcesContent":["import { type ElementModel } from '../_types';\n\n/**\n * Configuration for loading state\n */\nexport interface LoadingStateConfig {\n  isThemeDark?: boolean;\n}\n\n/**\n * Configuration for empty/no results state\n */\nexport interface EmptyStateConfig {\n  message?: string;\n  linkUrl?: string;\n  linkText?: string;\n  isThemeDark?: boolean;\n  isAlignedCenter?: boolean;\n}\n\n/**\n * Configuration for pagination state\n */\nexport interface PaginationStateConfig {\n  callback: () => void;\n  isThemeDark?: boolean;\n  isLazyLoad: boolean;\n  totalEntries: number | null;\n  offset: number;\n}\n\n/**\n * Configuration for announcer (aria-live)\n */\nexport interface AnnouncerConfig {\n  message: string;\n  politeness?: 'polite' | 'assertive';\n}\n\n/**\n * Feed state events for custom event dispatching\n */\nexport enum FeedStateEvent {\n  LOADING_START = 'feed:loading:start',\n  LOADING_END = 'feed:loading:end',\n  EMPTY_SHOWN = 'feed:empty:shown',\n  PAGINATION_LOADED = 'feed:pagination:loaded',\n  ANNOUNCEMENT = 'feed:announcement',\n}\n\n/**\n * Standard feed state interface\n */\nexport interface FeedState {\n  element: HTMLElement;\n  styles: string;\n  show?: (container: HTMLElement) => void;\n  hide?: () => void;\n  destroy?: () => void;\n}\n\n/**\n * Legacy loader API (backwards compatible)\n */\nexport interface LoaderLegacyAPI {\n  create: (config: LoadingStateConfig) => ElementModel;\n  display: (props: { container: HTMLElement; isThemeDark?: boolean }) => void;\n  remove: (props: { container: HTMLElement }) => void;\n}\n\n/**\n * Legacy announcer API (backwards compatible)\n */\nexport interface AnnouncerLegacyAPI {\n  create: (config: AnnouncerConfig) => HTMLElement;\n  update: (props: { container: HTMLElement; message: string }) => void;\n}\n\n/**\n * Legacy pagination API (backwards compatible)\n */\nexport interface PaginationLegacyAPI {\n  create: (config: PaginationStateConfig) => ElementModel | undefined;\n  remove: (props: { container: HTMLElement }) => void;\n}\n"],"names":["FeedStateEvent"],"mappings":"AA0CO,IAAK,mCAAAA,oBAAL;AACLA,kBAAA,eAAA,IAAgB;AAChBA,kBAAA,aAAA,IAAc;AACdA,kBAAA,aAAA,IAAc;AACdA,kBAAA,mBAAA,IAAoB;AACpBA,kBAAA,cAAA,IAAe;AALL,SAAAA;AAAA,GAAA,kBAAA,CAAA,CAAA;"}

package/dist/states/announcer.d.ts

@@ -0,0 +1,16 @@
+import { AnnouncerConfig, AnnouncerLegacyAPI } from './_types';
+export declare function createAnnouncerElement(config: AnnouncerConfig): HTMLElement;
+export declare class Announcer {
+    private element;
+    private textElement;
+    private politeness;
+    constructor(config?: Partial<AnnouncerConfig>);
+    announce(message: string): void;
+    clear(): void;
+    setPoliteness(politeness: 'polite' | 'assertive'): void;
+    destroy(): void;
+    getElement(): HTMLElement;
+}
+declare const _default: AnnouncerLegacyAPI;
+export default _default;
+//# sourceMappingURL=announcer.d.ts.map

package/dist/states/announcer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"announcer.d.ts","sourceRoot":"","sources":["../../source/states/announcer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,eAAe,EAAE,KAAK,kBAAkB,EAAkB,MAAM,UAAU,CAAC;AAiBzF,wBAAgB,sBAAsB,CAAC,MAAM,EAAE,eAAe,GAAG,WAAW,CAgB3E;AAmBD,qBAAa,SAAS;IACpB,OAAO,CAAC,OAAO,CAAc;IAC7B,OAAO,CAAC,WAAW,CAAc;IACjC,OAAO,CAAC,UAAU,CAAyB;gBAE/B,MAAM,GAAE,OAAO,CAAC,eAAe,CAAM;IAsBjD,QAAQ,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI;IAoB/B,KAAK,IAAI,IAAI;IAOb,aAAa,CAAC,UAAU,EAAE,QAAQ,GAAG,WAAW,GAAG,IAAI;IAQvD,OAAO,IAAI,IAAI;IASf,UAAU,IAAI,WAAW;CAG1B;wBAsCI,kBAAkB;AAHvB,wBAGwB"}

package/dist/states/announcer.js

@@ -0,0 +1,62 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const _types = require("./_types.js");
+class Announcer {
+  constructor(config = {}) {
+    this.politeness = config.politeness || "polite";
+    this.element = document.createElement("div");
+    this.element.setAttribute("aria-live", this.politeness);
+    this.element.setAttribute("role", "status");
+    this.element.classList.add("sr-only");
+    this.textElement = document.createElement("p");
+    this.element.appendChild(this.textElement);
+    if (config.message) {
+      this.announce(config.message);
+    }
+  }
+  /**
+   * Announce a message to screen readers
+   */
+  announce(message) {
+    this.textElement.textContent = message;
+    this.element.dispatchEvent(
+      new CustomEvent(_types.FeedStateEvent.ANNOUNCEMENT, {
+        bubbles: true,
+        detail: {
+          message,
+          politeness: this.politeness,
+          timestamp: Date.now()
+        }
+      })
+    );
+  }
+  /**
+   * Clear the announcement
+   */
+  clear() {
+    this.textElement.textContent = "";
+  }
+  /**
+   * Change the politeness level
+   */
+  setPoliteness(politeness) {
+    this.politeness = politeness;
+    this.element.setAttribute("aria-live", politeness);
+  }
+  /**
+   * Remove the announcer from DOM
+   */
+  destroy() {
+    if (this.element.parentNode) {
+      this.element.remove();
+    }
+  }
+  /**
+   * Get the announcer element
+   */
+  getElement() {
+    return this.element;
+  }
+}
+exports.Announcer = Announcer;
+//# sourceMappingURL=announcer.js.map

package/dist/states/announcer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"announcer.js","sources":["../../source/states/announcer.ts"],"sourcesContent":["import { type AnnouncerConfig, type AnnouncerLegacyAPI, FeedStateEvent } from './_types';\n\n/**\n * Creates an ARIA live region for screen reader announcements\n *\n * @param config - Announcer configuration\n * @returns HTMLElement configured as an ARIA live region\n *\n * @example\n * ```typescript\n * const announcer = createAnnouncerElement({\n *   message: 'Loading complete, 10 items found',\n *   politeness: 'polite'\n * });\n * document.body.appendChild(announcer);\n * ```\n */\nexport function createAnnouncerElement(config: AnnouncerConfig): HTMLElement {\n  const { message, politeness = 'polite' } = config;\n\n  const container = document.createElement('div');\n  const textElement = document.createElement('p');\n\n  container.setAttribute('aria-live', politeness);\n  container.setAttribute('role', 'status');\n  container.classList.add('sr-only');\n\n  // Use textContent for security instead of innerHTML\n  textElement.textContent = message;\n\n  container.appendChild(textElement);\n\n  return container;\n}\n\n/**\n * Announcer class for managing ARIA live regions\n *\n * Provides a reusable way to announce dynamic content changes to screen readers.\n *\n * @example\n * ```typescript\n * const announcer = new Announcer({ politeness: 'polite' });\n * document.body.appendChild(announcer.element);\n *\n * // Later, announce something\n * announcer.announce('20 new items loaded');\n *\n * // Cleanup when done\n * announcer.destroy();\n * ```\n */\nexport class Announcer {\n  private element: HTMLElement;\n  private textElement: HTMLElement;\n  private politeness: 'polite' | 'assertive';\n\n  constructor(config: Partial<AnnouncerConfig> = {}) {\n    this.politeness = config.politeness || 'polite';\n\n    // Create the live region\n    this.element = document.createElement('div');\n    this.element.setAttribute('aria-live', this.politeness);\n    this.element.setAttribute('role', 'status');\n    this.element.classList.add('sr-only');\n\n    // Create text container\n    this.textElement = document.createElement('p');\n    this.element.appendChild(this.textElement);\n\n    // Set initial message if provided\n    if (config.message) {\n      this.announce(config.message);\n    }\n  }\n\n  /**\n   * Announce a message to screen readers\n   */\n  announce(message: string): void {\n    // Use textContent for security\n    this.textElement.textContent = message;\n\n    // Dispatch custom event for tracking\n    this.element.dispatchEvent(\n      new CustomEvent(FeedStateEvent.ANNOUNCEMENT, {\n        bubbles: true,\n        detail: {\n          message,\n          politeness: this.politeness,\n          timestamp: Date.now(),\n        },\n      })\n    );\n  }\n\n  /**\n   * Clear the announcement\n   */\n  clear(): void {\n    this.textElement.textContent = '';\n  }\n\n  /**\n   * Change the politeness level\n   */\n  setPoliteness(politeness: 'polite' | 'assertive'): void {\n    this.politeness = politeness;\n    this.element.setAttribute('aria-live', politeness);\n  }\n\n  /**\n   * Remove the announcer from DOM\n   */\n  destroy(): void {\n    if (this.element.parentNode) {\n      this.element.remove();\n    }\n  }\n\n  /**\n   * Get the announcer element\n   */\n  getElement(): HTMLElement {\n    return this.element;\n  }\n}\n\n// =============================================================================\n// Backwards Compatible Exports (Legacy API)\n// =============================================================================\n\n/**\n * @deprecated Use Announcer class or createAnnouncerElement instead\n */\nconst create = (config: AnnouncerConfig): HTMLElement => {\n  return createAnnouncerElement(config);\n};\n\n/**\n * @deprecated Use Announcer.announce() instead\n */\nconst update = ({\n  container,\n  message,\n}: {\n  container: HTMLElement;\n  message: string;\n}): void => {\n  const element = container.querySelector(`[aria-live]`) as HTMLDivElement;\n  const textElement = element?.querySelector('p');\n\n  if (textElement) {\n    textElement.textContent = message; // Use textContent for security\n  }\n};\n\n/**\n * Legacy API for backwards compatibility\n * @deprecated Use Announcer class instead\n */\nexport default {\n  create,\n  update,\n} as AnnouncerLegacyAPI;\n"],"names":["FeedStateEvent"],"mappings":";;;AAoDO,MAAM,UAAU;AAAA,EAKrB,YAAY,SAAmC,IAAI;AACjD,SAAK,aAAa,OAAO,cAAc;AAGvC,SAAK,UAAU,SAAS,cAAc,KAAK;AAC3C,SAAK,QAAQ,aAAa,aAAa,KAAK,UAAU;AACtD,SAAK,QAAQ,aAAa,QAAQ,QAAQ;AAC1C,SAAK,QAAQ,UAAU,IAAI,SAAS;AAGpC,SAAK,cAAc,SAAS,cAAc,GAAG;AAC7C,SAAK,QAAQ,YAAY,KAAK,WAAW;AAGzC,QAAI,OAAO,SAAS;AAClB,WAAK,SAAS,OAAO,OAAO;AAAA,IAC9B;AAAA,EACF;AAAA;AAAA;AAAA;AAAA,EAKA,SAAS,SAAuB;AAE9B,SAAK,YAAY,cAAc;AAG/B,SAAK,QAAQ;AAAA,MACX,IAAI,YAAYA,OAAAA,eAAe,cAAc;AAAA,QAC3C,SAAS;AAAA,QACT,QAAQ;AAAA,UACN;AAAA,UACA,YAAY,KAAK;AAAA,UACjB,WAAW,KAAK,IAAA;AAAA,QAAI;AAAA,MACtB,CACD;AAAA,IAAA;AAAA,EAEL;AAAA;AAAA;AAAA;AAAA,EAKA,QAAc;AACZ,SAAK,YAAY,cAAc;AAAA,EACjC;AAAA;AAAA;AAAA;AAAA,EAKA,cAAc,YAA0C;AACtD,SAAK,aAAa;AAClB,SAAK,QAAQ,aAAa,aAAa,UAAU;AAAA,EACnD;AAAA;AAAA;AAAA;AAAA,EAKA,UAAgB;AACd,QAAI,KAAK,QAAQ,YAAY;AAC3B,WAAK,QAAQ,OAAA;AAAA,IACf;AAAA,EACF;AAAA;AAAA;AAAA;AAAA,EAKA,aAA0B;AACxB,WAAO,KAAK;AAAA,EACd;AACF;;"}

package/dist/states/announcer.mjs

@@ -0,0 +1,62 @@
+import { FeedStateEvent } from "./_types.mjs";
+class Announcer {
+  constructor(config = {}) {
+    this.politeness = config.politeness || "polite";
+    this.element = document.createElement("div");
+    this.element.setAttribute("aria-live", this.politeness);
+    this.element.setAttribute("role", "status");
+    this.element.classList.add("sr-only");
+    this.textElement = document.createElement("p");
+    this.element.appendChild(this.textElement);
+    if (config.message) {
+      this.announce(config.message);
+    }
+  }
+  /**
+   * Announce a message to screen readers
+   */
+  announce(message) {
+    this.textElement.textContent = message;
+    this.element.dispatchEvent(
+      new CustomEvent(FeedStateEvent.ANNOUNCEMENT, {
+        bubbles: true,
+        detail: {
+          message,
+          politeness: this.politeness,
+          timestamp: Date.now()
+        }
+      })
+    );
+  }
+  /**
+   * Clear the announcement
+   */
+  clear() {
+    this.textElement.textContent = "";
+  }
+  /**
+   * Change the politeness level
+   */
+  setPoliteness(politeness) {
+    this.politeness = politeness;
+    this.element.setAttribute("aria-live", politeness);
+  }
+  /**
+   * Remove the announcer from DOM
+   */
+  destroy() {
+    if (this.element.parentNode) {
+      this.element.remove();
+    }
+  }
+  /**
+   * Get the announcer element
+   */
+  getElement() {
+    return this.element;
+  }
+}
+export {
+  Announcer
+};
+//# sourceMappingURL=announcer.mjs.map

package/dist/states/announcer.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"announcer.mjs","sources":["../../source/states/announcer.ts"],"sourcesContent":["import { type AnnouncerConfig, type AnnouncerLegacyAPI, FeedStateEvent } from './_types';\n\n/**\n * Creates an ARIA live region for screen reader announcements\n *\n * @param config - Announcer configuration\n * @returns HTMLElement configured as an ARIA live region\n *\n * @example\n * ```typescript\n * const announcer = createAnnouncerElement({\n *   message: 'Loading complete, 10 items found',\n *   politeness: 'polite'\n * });\n * document.body.appendChild(announcer);\n * ```\n */\nexport function createAnnouncerElement(config: AnnouncerConfig): HTMLElement {\n  const { message, politeness = 'polite' } = config;\n\n  const container = document.createElement('div');\n  const textElement = document.createElement('p');\n\n  container.setAttribute('aria-live', politeness);\n  container.setAttribute('role', 'status');\n  container.classList.add('sr-only');\n\n  // Use textContent for security instead of innerHTML\n  textElement.textContent = message;\n\n  container.appendChild(textElement);\n\n  return container;\n}\n\n/**\n * Announcer class for managing ARIA live regions\n *\n * Provides a reusable way to announce dynamic content changes to screen readers.\n *\n * @example\n * ```typescript\n * const announcer = new Announcer({ politeness: 'polite' });\n * document.body.appendChild(announcer.element);\n *\n * // Later, announce something\n * announcer.announce('20 new items loaded');\n *\n * // Cleanup when done\n * announcer.destroy();\n * ```\n */\nexport class Announcer {\n  private element: HTMLElement;\n  private textElement: HTMLElement;\n  private politeness: 'polite' | 'assertive';\n\n  constructor(config: Partial<AnnouncerConfig> = {}) {\n    this.politeness = config.politeness || 'polite';\n\n    // Create the live region\n    this.element = document.createElement('div');\n    this.element.setAttribute('aria-live', this.politeness);\n    this.element.setAttribute('role', 'status');\n    this.element.classList.add('sr-only');\n\n    // Create text container\n    this.textElement = document.createElement('p');\n    this.element.appendChild(this.textElement);\n\n    // Set initial message if provided\n    if (config.message) {\n      this.announce(config.message);\n    }\n  }\n\n  /**\n   * Announce a message to screen readers\n   */\n  announce(message: string): void {\n    // Use textContent for security\n    this.textElement.textContent = message;\n\n    // Dispatch custom event for tracking\n    this.element.dispatchEvent(\n      new CustomEvent(FeedStateEvent.ANNOUNCEMENT, {\n        bubbles: true,\n        detail: {\n          message,\n          politeness: this.politeness,\n          timestamp: Date.now(),\n        },\n      })\n    );\n  }\n\n  /**\n   * Clear the announcement\n   */\n  clear(): void {\n    this.textElement.textContent = '';\n  }\n\n  /**\n   * Change the politeness level\n   */\n  setPoliteness(politeness: 'polite' | 'assertive'): void {\n    this.politeness = politeness;\n    this.element.setAttribute('aria-live', politeness);\n  }\n\n  /**\n   * Remove the announcer from DOM\n   */\n  destroy(): void {\n    if (this.element.parentNode) {\n      this.element.remove();\n    }\n  }\n\n  /**\n   * Get the announcer element\n   */\n  getElement(): HTMLElement {\n    return this.element;\n  }\n}\n\n// =============================================================================\n// Backwards Compatible Exports (Legacy API)\n// =============================================================================\n\n/**\n * @deprecated Use Announcer class or createAnnouncerElement instead\n */\nconst create = (config: AnnouncerConfig): HTMLElement => {\n  return createAnnouncerElement(config);\n};\n\n/**\n * @deprecated Use Announcer.announce() instead\n */\nconst update = ({\n  container,\n  message,\n}: {\n  container: HTMLElement;\n  message: string;\n}): void => {\n  const element = container.querySelector(`[aria-live]`) as HTMLDivElement;\n  const textElement = element?.querySelector('p');\n\n  if (textElement) {\n    textElement.textContent = message; // Use textContent for security\n  }\n};\n\n/**\n * Legacy API for backwards compatibility\n * @deprecated Use Announcer class instead\n */\nexport default {\n  create,\n  update,\n} as AnnouncerLegacyAPI;\n"],"names":[],"mappings":";AAoDO,MAAM,UAAU;AAAA,EAKrB,YAAY,SAAmC,IAAI;AACjD,SAAK,aAAa,OAAO,cAAc;AAGvC,SAAK,UAAU,SAAS,cAAc,KAAK;AAC3C,SAAK,QAAQ,aAAa,aAAa,KAAK,UAAU;AACtD,SAAK,QAAQ,aAAa,QAAQ,QAAQ;AAC1C,SAAK,QAAQ,UAAU,IAAI,SAAS;AAGpC,SAAK,cAAc,SAAS,cAAc,GAAG;AAC7C,SAAK,QAAQ,YAAY,KAAK,WAAW;AAGzC,QAAI,OAAO,SAAS;AAClB,WAAK,SAAS,OAAO,OAAO;AAAA,IAC9B;AAAA,EACF;AAAA;AAAA;AAAA;AAAA,EAKA,SAAS,SAAuB;AAE9B,SAAK,YAAY,cAAc;AAG/B,SAAK,QAAQ;AAAA,MACX,IAAI,YAAY,eAAe,cAAc;AAAA,QAC3C,SAAS;AAAA,QACT,QAAQ;AAAA,UACN;AAAA,UACA,YAAY,KAAK;AAAA,UACjB,WAAW,KAAK,IAAA;AAAA,QAAI;AAAA,MACtB,CACD;AAAA,IAAA;AAAA,EAEL;AAAA;AAAA;AAAA;AAAA,EAKA,QAAc;AACZ,SAAK,YAAY,cAAc;AAAA,EACjC;AAAA;AAAA;AAAA;AAAA,EAKA,cAAc,YAA0C;AACtD,SAAK,aAAa;AAClB,SAAK,QAAQ,aAAa,aAAa,UAAU;AAAA,EACnD;AAAA;AAAA;AAAA;AAAA,EAKA,UAAgB;AACd,QAAI,KAAK,QAAQ,YAAY;AAC3B,WAAK,QAAQ,OAAA;AAAA,IACf;AAAA,EACF;AAAA;AAAA;AAAA;AAAA,EAKA,aAA0B;AACxB,WAAO,KAAK;AAAA,EACd;AACF;"}

package/dist/states/empty.d.ts

@@ -0,0 +1,17 @@
+import { ElementModel } from '../_types';
+import { EmptyStateConfig } from './_types';
+export declare function createEmptyElement(config?: EmptyStateConfig): ElementModel;
+export declare class EmptyState {
+    private model;
+    private container;
+    private config;
+    constructor(config?: EmptyStateConfig);
+    render(container: HTMLElement): void;
+    updateMessage(message: string): void;
+    destroy(): void;
+    get element(): HTMLElement;
+    get styles(): string;
+}
+declare const _default: (config?: EmptyStateConfig) => ElementModel;
+export default _default;
+//# sourceMappingURL=empty.d.ts.map

package/dist/states/empty.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"empty.d.ts","sourceRoot":"","sources":["../../source/states/empty.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,WAAW,CAAC;AAC9C,OAAO,EAAE,KAAK,gBAAgB,EAAkB,MAAM,UAAU,CAAC;AAkBjE,wBAAgB,kBAAkB,CAAC,MAAM,GAAE,gBAAqB,GAAG,YAAY,CAsD9E;AAiBD,qBAAa,UAAU;IACrB,OAAO,CAAC,KAAK,CAAe;IAC5B,OAAO,CAAC,SAAS,CAA4B;IAC7C,OAAO,CAAC,MAAM,CAAmB;gBAErB,MAAM,GAAE,gBAAqB;IAQzC,MAAM,CAAC,SAAS,EAAE,WAAW,GAAG,IAAI;IAkBpC,aAAa,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI;IAWpC,OAAO,IAAI,IAAI;IAUf,IAAI,OAAO,IAAI,WAAW,CAEzB;IAKD,IAAI,MAAM,IAAI,MAAM,CAEnB;CACF;yBAWe,SAAQ,gBAAqB,KAAG,YAAY;AAA5D,wBAEE"}

package/dist/states/empty.js

@@ -0,0 +1,121 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const webBuilderLibrary = require("@universityofmaryland/web-builder-library");
+const webElementsLibrary = require("@universityofmaryland/web-elements-library");
+const Styles = require("@universityofmaryland/web-styles-library");
+const theme = require("@universityofmaryland/web-utilities-library/theme");
+const _types = require("./_types.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);
+function createEmptyElement(config = {}) {
+  const {
+    message = "No results found",
+    linkUrl,
+    linkText,
+    isThemeDark = false,
+    isAlignedCenter = true
+  } = config;
+  const headline = new webBuilderLibrary.ElementBuilder(document.createElement("p")).styled(Styles__namespace.typography.sans.compose("extralarge")).withStyles({
+    element: {
+      textTransform: "uppercase",
+      color: theme.theme.foreground(isThemeDark)
+    }
+  }).build();
+  headline.element.textContent = message;
+  const composite = new webBuilderLibrary.ElementBuilder().styled(Styles__namespace.layout.grid.stacked).withChild(headline).withStyles({
+    element: {
+      [`& *`]: {
+        textAlign: isAlignedCenter ? "center" : "left"
+      },
+      [`& *:not(:first-child)`]: {
+        marginTop: `${Styles__namespace.token.spacing.md}`
+      }
+    }
+  });
+  if (linkUrl && linkText) {
+    const link = document.createElement("a");
+    link.textContent = linkText;
+    link.setAttribute("href", linkUrl);
+    link.setAttribute("target", "_blank");
+    link.setAttribute("rel", "noopener noreferrer");
+    const ctaButton = webElementsLibrary.Atomic.actions.options({
+      element: link,
+      isTypeOutline: true,
+      isThemeDark
+    });
+    composite.withChild(ctaButton);
+  }
+  return composite.build();
+}
+class EmptyState {
+  constructor(config = {}) {
+    this.container = null;
+    this.config = config;
+    this.model = createEmptyElement(config);
+  }
+  /**
+   * Render the empty state in a container
+   */
+  render(container) {
+    this.container = container;
+    container.appendChild(this.model.element);
+    container.dispatchEvent(
+      new CustomEvent(_types.FeedStateEvent.EMPTY_SHOWN, {
+        bubbles: true,
+        detail: {
+          message: this.config.message,
+          timestamp: Date.now()
+        }
+      })
+    );
+  }
+  /**
+   * Update the empty state message
+   */
+  updateMessage(message) {
+    const headline = this.model.element.querySelector("p");
+    if (headline) {
+      headline.textContent = message;
+      this.config.message = message;
+    }
+  }
+  /**
+   * Remove the empty state from DOM
+   */
+  destroy() {
+    if (this.model.element.parentNode) {
+      this.model.element.remove();
+    }
+    this.container = null;
+  }
+  /**
+   * Get the empty state element
+   */
+  get element() {
+    return this.model.element;
+  }
+  /**
+   * Get the empty state styles
+   */
+  get styles() {
+    return this.model.styles;
+  }
+}
+exports.EmptyState = EmptyState;
+exports.createEmptyElement = createEmptyElement;
+//# sourceMappingURL=empty.js.map

package/dist/states/empty.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"empty.js","sources":["../../source/states/empty.ts"],"sourcesContent":["import { ElementBuilder } from '@universityofmaryland/web-builder-library';\nimport { Atomic } from '@universityofmaryland/web-elements-library';\nimport * as Styles from '@universityofmaryland/web-styles-library';\nimport { theme } from '@universityofmaryland/web-utilities-library/theme';\n\nimport { type ElementModel } from '../_types';\nimport { type EmptyStateConfig, FeedStateEvent } from './_types';\n\n/**\n * Creates an empty/no results state element\n *\n * @param config - Empty state configuration\n * @returns ElementModel with empty state UI\n *\n * @example\n * ```typescript\n * const empty = createEmptyElement({\n *   message: 'No events found',\n *   linkUrl: 'https://calendar.umd.edu',\n *   linkText: 'View all events'\n * });\n * container.appendChild(empty.element);\n * ```\n */\nexport function createEmptyElement(config: EmptyStateConfig = {}): ElementModel {\n  const {\n    message = 'No results found',\n    linkUrl,\n    linkText,\n    isThemeDark = false,\n    isAlignedCenter = true,\n  } = config;\n\n  const headline = new ElementBuilder(document.createElement('p'))\n    .styled(Styles.typography.sans.compose('extralarge'))\n    .withStyles({\n      element: {\n        textTransform: 'uppercase',\n        color: theme.foreground(isThemeDark),\n      },\n    })\n    .build();\n\n  // Use textContent for security instead of innerHTML\n  headline.element.textContent = message;\n\n  const composite = new ElementBuilder()\n    .styled(Styles.layout.grid.stacked)\n    .withChild(headline)\n    .withStyles({\n      element: {\n        [`& *`]: {\n          textAlign: isAlignedCenter ? 'center' : 'left',\n        },\n        [`& *:not(:first-child)`]: {\n          marginTop: `${Styles.token.spacing.md}`,\n        },\n      },\n    });\n\n  // Add optional CTA link\n  if (linkUrl && linkText) {\n    const link = document.createElement('a');\n    link.textContent = linkText; // Use textContent for security\n    link.setAttribute('href', linkUrl);\n    link.setAttribute('target', '_blank');\n    link.setAttribute('rel', 'noopener noreferrer');\n\n    const ctaButton = Atomic.actions.options({\n      element: link,\n      isTypeOutline: true,\n      isThemeDark,\n    });\n\n    composite.withChild(ctaButton);\n  }\n\n  return composite.build();\n}\n\n/**\n * Empty state manager class\n *\n * Manages the display of empty/no results state with optional CTA.\n *\n * @example\n * ```typescript\n * const empty = new EmptyState({\n *   message: 'No articles found',\n *   linkUrl: 'https://today.umd.edu',\n *   linkText: 'View all articles'\n * });\n * empty.render(container);\n * ```\n */\nexport class EmptyState {\n  private model: ElementModel;\n  private container: HTMLElement | null = null;\n  private config: EmptyStateConfig;\n\n  constructor(config: EmptyStateConfig = {}) {\n    this.config = config;\n    this.model = createEmptyElement(config);\n  }\n\n  /**\n   * Render the empty state in a container\n   */\n  render(container: HTMLElement): void {\n    this.container = container;\n    container.appendChild(this.model.element);\n\n    container.dispatchEvent(\n      new CustomEvent(FeedStateEvent.EMPTY_SHOWN, {\n        bubbles: true,\n        detail: {\n          message: this.config.message,\n          timestamp: Date.now(),\n        },\n      })\n    );\n  }\n\n  /**\n   * Update the empty state message\n   */\n  updateMessage(message: string): void {\n    const headline = this.model.element.querySelector('p');\n    if (headline) {\n      headline.textContent = message;\n      this.config.message = message;\n    }\n  }\n\n  /**\n   * Remove the empty state from DOM\n   */\n  destroy(): void {\n    if (this.model.element.parentNode) {\n      this.model.element.remove();\n    }\n    this.container = null;\n  }\n\n  /**\n   * Get the empty state element\n   */\n  get element(): HTMLElement {\n    return this.model.element;\n  }\n\n  /**\n   * Get the empty state styles\n   */\n  get styles(): string {\n    return this.model.styles;\n  }\n}\n\n// =============================================================================\n// Backwards Compatible Export (Legacy API)\n// =============================================================================\n\n/**\n * Create empty state element (legacy function API)\n *\n * @deprecated Use EmptyState class or createEmptyElement function instead\n */\nexport default (config: EmptyStateConfig = {}): ElementModel => {\n  return createEmptyElement(config);\n};\n"],"names":["ElementBuilder","Styles","theme","Atomic","FeedStateEvent"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAwBO,SAAS,mBAAmB,SAA2B,IAAkB;AAC9E,QAAM;AAAA,IACJ,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA,cAAc;AAAA,IACd,kBAAkB;AAAA,EAAA,IAChB;AAEJ,QAAM,WAAW,IAAIA,kBAAAA,eAAe,SAAS,cAAc,GAAG,CAAC,EAC5D,OAAOC,kBAAO,WAAW,KAAK,QAAQ,YAAY,CAAC,EACnD,WAAW;AAAA,IACV,SAAS;AAAA,MACP,eAAe;AAAA,MACf,OAAOC,MAAAA,MAAM,WAAW,WAAW;AAAA,IAAA;AAAA,EACrC,CACD,EACA,MAAA;AAGH,WAAS,QAAQ,cAAc;AAE/B,QAAM,YAAY,IAAIF,kBAAAA,iBACnB,OAAOC,kBAAO,OAAO,KAAK,OAAO,EACjC,UAAU,QAAQ,EAClB,WAAW;AAAA,IACV,SAAS;AAAA,MACP,CAAC,KAAK,GAAG;AAAA,QACP,WAAW,kBAAkB,WAAW;AAAA,MAAA;AAAA,MAE1C,CAAC,uBAAuB,GAAG;AAAA,QACzB,WAAW,GAAGA,kBAAO,MAAM,QAAQ,EAAE;AAAA,MAAA;AAAA,IACvC;AAAA,EACF,CACD;AAGH,MAAI,WAAW,UAAU;AACvB,UAAM,OAAO,SAAS,cAAc,GAAG;AACvC,SAAK,cAAc;AACnB,SAAK,aAAa,QAAQ,OAAO;AACjC,SAAK,aAAa,UAAU,QAAQ;AACpC,SAAK,aAAa,OAAO,qBAAqB;AAE9C,UAAM,YAAYE,mBAAAA,OAAO,QAAQ,QAAQ;AAAA,MACvC,SAAS;AAAA,MACT,eAAe;AAAA,MACf;AAAA,IAAA,CACD;AAED,cAAU,UAAU,SAAS;AAAA,EAC/B;AAEA,SAAO,UAAU,MAAA;AACnB;AAiBO,MAAM,WAAW;AAAA,EAKtB,YAAY,SAA2B,IAAI;AAH3C,SAAQ,YAAgC;AAItC,SAAK,SAAS;AACd,SAAK,QAAQ,mBAAmB,MAAM;AAAA,EACxC;AAAA;AAAA;AAAA;AAAA,EAKA,OAAO,WAA8B;AACnC,SAAK,YAAY;AACjB,cAAU,YAAY,KAAK,MAAM,OAAO;AAExC,cAAU;AAAA,MACR,IAAI,YAAYC,OAAAA,eAAe,aAAa;AAAA,QAC1C,SAAS;AAAA,QACT,QAAQ;AAAA,UACN,SAAS,KAAK,OAAO;AAAA,UACrB,WAAW,KAAK,IAAA;AAAA,QAAI;AAAA,MACtB,CACD;AAAA,IAAA;AAAA,EAEL;AAAA;AAAA;AAAA;AAAA,EAKA,cAAc,SAAuB;AACnC,UAAM,WAAW,KAAK,MAAM,QAAQ,cAAc,GAAG;AACrD,QAAI,UAAU;AACZ,eAAS,cAAc;AACvB,WAAK,OAAO,UAAU;AAAA,IACxB;AAAA,EACF;AAAA;AAAA;AAAA;AAAA,EAKA,UAAgB;AACd,QAAI,KAAK,MAAM,QAAQ,YAAY;AACjC,WAAK,MAAM,QAAQ,OAAA;AAAA,IACrB;AACA,SAAK,YAAY;AAAA,EACnB;AAAA;AAAA;AAAA;AAAA,EAKA,IAAI,UAAuB;AACzB,WAAO,KAAK,MAAM;AAAA,EACpB;AAAA;AAAA;AAAA;AAAA,EAKA,IAAI,SAAiB;AACnB,WAAO,KAAK,MAAM;AAAA,EACpB;AACF;;;"}

package/dist/states/empty.mjs

@@ -0,0 +1,104 @@
+import { ElementBuilder } from "@universityofmaryland/web-builder-library";
+import { Atomic } from "@universityofmaryland/web-elements-library";
+import * as Styles from "@universityofmaryland/web-styles-library";
+import { theme } from "@universityofmaryland/web-utilities-library/theme";
+import { FeedStateEvent } from "./_types.mjs";
+function createEmptyElement(config = {}) {
+  const {
+    message = "No results found",
+    linkUrl,
+    linkText,
+    isThemeDark = false,
+    isAlignedCenter = true
+  } = config;
+  const headline = new ElementBuilder(document.createElement("p")).styled(Styles.typography.sans.compose("extralarge")).withStyles({
+    element: {
+      textTransform: "uppercase",
+      color: theme.foreground(isThemeDark)
+    }
+  }).build();
+  headline.element.textContent = message;
+  const composite = new ElementBuilder().styled(Styles.layout.grid.stacked).withChild(headline).withStyles({
+    element: {
+      [`& *`]: {
+        textAlign: isAlignedCenter ? "center" : "left"
+      },
+      [`& *:not(:first-child)`]: {
+        marginTop: `${Styles.token.spacing.md}`
+      }
+    }
+  });
+  if (linkUrl && linkText) {
+    const link = document.createElement("a");
+    link.textContent = linkText;
+    link.setAttribute("href", linkUrl);
+    link.setAttribute("target", "_blank");
+    link.setAttribute("rel", "noopener noreferrer");
+    const ctaButton = Atomic.actions.options({
+      element: link,
+      isTypeOutline: true,
+      isThemeDark
+    });
+    composite.withChild(ctaButton);
+  }
+  return composite.build();
+}
+class EmptyState {
+  constructor(config = {}) {
+    this.container = null;
+    this.config = config;
+    this.model = createEmptyElement(config);
+  }
+  /**
+   * Render the empty state in a container
+   */
+  render(container) {
+    this.container = container;
+    container.appendChild(this.model.element);
+    container.dispatchEvent(
+      new CustomEvent(FeedStateEvent.EMPTY_SHOWN, {
+        bubbles: true,
+        detail: {
+          message: this.config.message,
+          timestamp: Date.now()
+        }
+      })
+    );
+  }
+  /**
+   * Update the empty state message
+   */
+  updateMessage(message) {
+    const headline = this.model.element.querySelector("p");
+    if (headline) {
+      headline.textContent = message;
+      this.config.message = message;
+    }
+  }
+  /**
+   * Remove the empty state from DOM
+   */
+  destroy() {
+    if (this.model.element.parentNode) {
+      this.model.element.remove();
+    }
+    this.container = null;
+  }
+  /**
+   * Get the empty state element
+   */
+  get element() {
+    return this.model.element;
+  }
+  /**
+   * Get the empty state styles
+   */
+  get styles() {
+    return this.model.styles;
+  }
+}
+export {
+  EmptyState,
+  createEmptyElement
+};
+//# sourceMappingURL=empty.mjs.map

package/dist/states/empty.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"empty.mjs","sources":["../../source/states/empty.ts"],"sourcesContent":["import { ElementBuilder } from '@universityofmaryland/web-builder-library';\nimport { Atomic } from '@universityofmaryland/web-elements-library';\nimport * as Styles from '@universityofmaryland/web-styles-library';\nimport { theme } from '@universityofmaryland/web-utilities-library/theme';\n\nimport { type ElementModel } from '../_types';\nimport { type EmptyStateConfig, FeedStateEvent } from './_types';\n\n/**\n * Creates an empty/no results state element\n *\n * @param config - Empty state configuration\n * @returns ElementModel with empty state UI\n *\n * @example\n * ```typescript\n * const empty = createEmptyElement({\n *   message: 'No events found',\n *   linkUrl: 'https://calendar.umd.edu',\n *   linkText: 'View all events'\n * });\n * container.appendChild(empty.element);\n * ```\n */\nexport function createEmptyElement(config: EmptyStateConfig = {}): ElementModel {\n  const {\n    message = 'No results found',\n    linkUrl,\n    linkText,\n    isThemeDark = false,\n    isAlignedCenter = true,\n  } = config;\n\n  const headline = new ElementBuilder(document.createElement('p'))\n    .styled(Styles.typography.sans.compose('extralarge'))\n    .withStyles({\n      element: {\n        textTransform: 'uppercase',\n        color: theme.foreground(isThemeDark),\n      },\n    })\n    .build();\n\n  // Use textContent for security instead of innerHTML\n  headline.element.textContent = message;\n\n  const composite = new ElementBuilder()\n    .styled(Styles.layout.grid.stacked)\n    .withChild(headline)\n    .withStyles({\n      element: {\n        [`& *`]: {\n          textAlign: isAlignedCenter ? 'center' : 'left',\n        },\n        [`& *:not(:first-child)`]: {\n          marginTop: `${Styles.token.spacing.md}`,\n        },\n      },\n    });\n\n  // Add optional CTA link\n  if (linkUrl && linkText) {\n    const link = document.createElement('a');\n    link.textContent = linkText; // Use textContent for security\n    link.setAttribute('href', linkUrl);\n    link.setAttribute('target', '_blank');\n    link.setAttribute('rel', 'noopener noreferrer');\n\n    const ctaButton = Atomic.actions.options({\n      element: link,\n      isTypeOutline: true,\n      isThemeDark,\n    });\n\n    composite.withChild(ctaButton);\n  }\n\n  return composite.build();\n}\n\n/**\n * Empty state manager class\n *\n * Manages the display of empty/no results state with optional CTA.\n *\n * @example\n * ```typescript\n * const empty = new EmptyState({\n *   message: 'No articles found',\n *   linkUrl: 'https://today.umd.edu',\n *   linkText: 'View all articles'\n * });\n * empty.render(container);\n * ```\n */\nexport class EmptyState {\n  private model: ElementModel;\n  private container: HTMLElement | null = null;\n  private config: EmptyStateConfig;\n\n  constructor(config: EmptyStateConfig = {}) {\n    this.config = config;\n    this.model = createEmptyElement(config);\n  }\n\n  /**\n   * Render the empty state in a container\n   */\n  render(container: HTMLElement): void {\n    this.container = container;\n    container.appendChild(this.model.element);\n\n    container.dispatchEvent(\n      new CustomEvent(FeedStateEvent.EMPTY_SHOWN, {\n        bubbles: true,\n        detail: {\n          message: this.config.message,\n          timestamp: Date.now(),\n        },\n      })\n    );\n  }\n\n  /**\n   * Update the empty state message\n   */\n  updateMessage(message: string): void {\n    const headline = this.model.element.querySelector('p');\n    if (headline) {\n      headline.textContent = message;\n      this.config.message = message;\n    }\n  }\n\n  /**\n   * Remove the empty state from DOM\n   */\n  destroy(): void {\n    if (this.model.element.parentNode) {\n      this.model.element.remove();\n    }\n    this.container = null;\n  }\n\n  /**\n   * Get the empty state element\n   */\n  get element(): HTMLElement {\n    return this.model.element;\n  }\n\n  /**\n   * Get the empty state styles\n   */\n  get styles(): string {\n    return this.model.styles;\n  }\n}\n\n// =============================================================================\n// Backwards Compatible Export (Legacy API)\n// =============================================================================\n\n/**\n * Create empty state element (legacy function API)\n *\n * @deprecated Use EmptyState class or createEmptyElement function instead\n */\nexport default (config: EmptyStateConfig = {}): ElementModel => {\n  return createEmptyElement(config);\n};\n"],"names":[],"mappings":";;;;;AAwBO,SAAS,mBAAmB,SAA2B,IAAkB;AAC9E,QAAM;AAAA,IACJ,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA,cAAc;AAAA,IACd,kBAAkB;AAAA,EAAA,IAChB;AAEJ,QAAM,WAAW,IAAI,eAAe,SAAS,cAAc,GAAG,CAAC,EAC5D,OAAO,OAAO,WAAW,KAAK,QAAQ,YAAY,CAAC,EACnD,WAAW;AAAA,IACV,SAAS;AAAA,MACP,eAAe;AAAA,MACf,OAAO,MAAM,WAAW,WAAW;AAAA,IAAA;AAAA,EACrC,CACD,EACA,MAAA;AAGH,WAAS,QAAQ,cAAc;AAE/B,QAAM,YAAY,IAAI,iBACnB,OAAO,OAAO,OAAO,KAAK,OAAO,EACjC,UAAU,QAAQ,EAClB,WAAW;AAAA,IACV,SAAS;AAAA,MACP,CAAC,KAAK,GAAG;AAAA,QACP,WAAW,kBAAkB,WAAW;AAAA,MAAA;AAAA,MAE1C,CAAC,uBAAuB,GAAG;AAAA,QACzB,WAAW,GAAG,OAAO,MAAM,QAAQ,EAAE;AAAA,MAAA;AAAA,IACvC;AAAA,EACF,CACD;AAGH,MAAI,WAAW,UAAU;AACvB,UAAM,OAAO,SAAS,cAAc,GAAG;AACvC,SAAK,cAAc;AACnB,SAAK,aAAa,QAAQ,OAAO;AACjC,SAAK,aAAa,UAAU,QAAQ;AACpC,SAAK,aAAa,OAAO,qBAAqB;AAE9C,UAAM,YAAY,OAAO,QAAQ,QAAQ;AAAA,MACvC,SAAS;AAAA,MACT,eAAe;AAAA,MACf;AAAA,IAAA,CACD;AAED,cAAU,UAAU,SAAS;AAAA,EAC/B;AAEA,SAAO,UAAU,MAAA;AACnB;AAiBO,MAAM,WAAW;AAAA,EAKtB,YAAY,SAA2B,IAAI;AAH3C,SAAQ,YAAgC;AAItC,SAAK,SAAS;AACd,SAAK,QAAQ,mBAAmB,MAAM;AAAA,EACxC;AAAA;AAAA;AAAA;AAAA,EAKA,OAAO,WAA8B;AACnC,SAAK,YAAY;AACjB,cAAU,YAAY,KAAK,MAAM,OAAO;AAExC,cAAU;AAAA,MACR,IAAI,YAAY,eAAe,aAAa;AAAA,QAC1C,SAAS;AAAA,QACT,QAAQ;AAAA,UACN,SAAS,KAAK,OAAO;AAAA,UACrB,WAAW,KAAK,IAAA;AAAA,QAAI;AAAA,MACtB,CACD;AAAA,IAAA;AAAA,EAEL;AAAA;AAAA;AAAA;AAAA,EAKA,cAAc,SAAuB;AACnC,UAAM,WAAW,KAAK,MAAM,QAAQ,cAAc,GAAG;AACrD,QAAI,UAAU;AACZ,eAAS,cAAc;AACvB,WAAK,OAAO,UAAU;AAAA,IACxB;AAAA,EACF;AAAA;AAAA;AAAA;AAAA,EAKA,UAAgB;AACd,QAAI,KAAK,MAAM,QAAQ,YAAY;AACjC,WAAK,MAAM,QAAQ,OAAA;AAAA,IACrB;AACA,SAAK,YAAY;AAAA,EACnB;AAAA;AAAA;AAAA;AAAA,EAKA,IAAI,UAAuB;AACzB,WAAO,KAAK,MAAM;AAAA,EACpB;AAAA;AAAA;AAAA;AAAA,EAKA,IAAI,SAAiB;AACnB,WAAO,KAAK,MAAM;AAAA,EACpB;AACF;"}

package/dist/states/index.d.ts

@@ -0,0 +1,10 @@
+export { LoadingState, createLoadingElement, } from './loading';
+export { EmptyState, createEmptyElement, } from './empty';
+export { PaginationState, createPaginationElement, } from './pagination';
+export { Announcer, createAnnouncerElement, } from './announcer';
+export type { LoadingStateConfig, EmptyStateConfig, PaginationStateConfig, AnnouncerConfig, FeedStateEvent, FeedState, } from './_types';
+export { default as loader } from './loading';
+export { default as noResults } from './empty';
+export { default as buttonLazyLoad } from './pagination';
+export { default as ariaLive } from './announcer';
+//# sourceMappingURL=index.d.ts.map

package/dist/states/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../source/states/index.ts"],"names":[],"mappings":"AA0BA,OAAO,EACL,YAAY,EACZ,oBAAoB,GACrB,MAAM,WAAW,CAAC;AAEnB,OAAO,EACL,UAAU,EACV,kBAAkB,GACnB,MAAM,SAAS,CAAC;AAEjB,OAAO,EACL,eAAe,EACf,uBAAuB,GACxB,MAAM,cAAc,CAAC;AAEtB,OAAO,EACL,SAAS,EACT,sBAAsB,GACvB,MAAM,aAAa,CAAC;AAGrB,YAAY,EACV,kBAAkB,EAClB,gBAAgB,EAChB,qBAAqB,EACrB,eAAe,EACf,cAAc,EACd,SAAS,GACV,MAAM,UAAU,CAAC;AAGlB,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,WAAW,CAAC;AAC9C,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,SAAS,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,cAAc,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,aAAa,CAAC"}

package/dist/states/loading.d.ts

@@ -0,0 +1,17 @@
+import { ElementModel } from '../_types';
+import { LoadingStateConfig, LoaderLegacyAPI } from './_types';
+export declare function createLoadingElement(config?: LoadingStateConfig): ElementModel;
+export declare class LoadingState {
+    private model;
+    private container;
+    private isVisible;
+    constructor(config?: LoadingStateConfig);
+    show(container: HTMLElement): void;
+    hide(): void;
+    destroy(): void;
+    get element(): HTMLElement;
+    get styles(): string;
+}
+declare const _default: LoaderLegacyAPI;
+export default _default;
+//# sourceMappingURL=loading.d.ts.map

package/dist/states/loading.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"loading.d.ts","sourceRoot":"","sources":["../../source/states/loading.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,WAAW,CAAC;AAC9C,OAAO,EACL,KAAK,kBAAkB,EACvB,KAAK,eAAe,EAErB,MAAM,UAAU,CAAC;AA6ClB,wBAAgB,oBAAoB,CAAC,MAAM,GAAE,kBAAuB,GAAG,YAAY,CA0FlF;AAeD,qBAAa,YAAY;IACvB,OAAO,CAAC,KAAK,CAAe;IAC5B,OAAO,CAAC,SAAS,CAA4B;IAC7C,OAAO,CAAC,SAAS,CAAkB;gBAEvB,MAAM,GAAE,kBAAuB;IAO3C,IAAI,CAAC,SAAS,EAAE,WAAW,GAAG,IAAI;IAkBlC,IAAI,IAAI,IAAI;IAmBZ,OAAO,IAAI,IAAI;IAQf,IAAI,OAAO,IAAI,WAAW,CAEzB;IAKD,IAAI,MAAM,IAAI,MAAM,CAEnB;CACF;wBA2CI,eAAe;AAJpB,wBAIqB"}