@nysds/nys-divider 1.12.0 → 1.13.1

package/dist/nys-divider.js

@@ -1,22 +1,33 @@
-import { LitElement as v, unsafeCSS as l, html as a } from "lit";
+import { LitElement as l, unsafeCSS as v, html as a } from "lit";
 import { property as c } from "lit/decorators.js";
 const f = ":host{--_nys-divider-size: var(--nys-size-1px, 1px);--_nys-divider-color: var(--nys-color-neutral-500, #797c7f);--_nys-divider-width: 100%}:host([inverted]){--_nys-divider-color: var(--nys-color-ink-reverse, #fff)}.nys-divider{width:var(--_nys-divider-width);height:var(--_nys-divider-size);background-color:var(--_nys-divider-color);flex:1 0 0;margin:0;border:none}";
-var y = Object.defineProperty, p = (t, n, d, h) => {
-  for (var e = void 0, i = t.length - 1, o; i >= 0; i--)
-    (o = t[i]) && (e = o(n, d, e) || e);
-  return e && y(n, d, e), e;
+var y = Object.defineProperty, u = (n, s, d, p) => {
+  for (var e = void 0, i = n.length - 1, o; i >= 0; i--)
+    (o = n[i]) && (e = o(s, d, e) || e);
+  return e && y(s, d, e), e;
 };
-const s = class s extends v {
+let h = 0;
+const t = class t extends l {
   constructor() {
     super(), this.inverted = !1;
   }
+  connectedCallback() {
+    super.connectedCallback(), this.id || (this.id = this._generateUniqueId());
+  }
+  /**
+   * Functions
+   * --------------------------------------------------------------------------
+   */
+  _generateUniqueId() {
+    return `nys-divider-${Date.now()}-${h++}`;
+  }
   render() {
     return a`<hr class="nys-divider" />`;
   }
 };
-s.styles = l(f);
-let r = s;
-p([
+t.styles = v(f);
+let r = t;
+u([
   c({ type: Boolean, reflect: !0 })
 ], r.prototype, "inverted");
 customElements.get("nys-divider") || customElements.define("nys-divider", r);

package/dist/nys-divider.js.map

@@ -1 +1 @@
-{"version":3,"file":"nys-divider.js","sources":["../src/nys-divider.ts"],"sourcesContent":["import { LitElement, html, unsafeCSS } from \"lit\";\nimport { property } from \"lit/decorators.js\";\n// @ts-ignore: SCSS module imported via bundler as inline\nimport styles from \"./nys-divider.scss?inline\";\n\nexport class NysDivider extends LitElement {\n  static styles = unsafeCSS(styles);\n\n  @property({ type: Boolean, reflect: true }) inverted = false;\n\n  constructor() {\n    super();\n  }\n\n  render() {\n    return html`<hr class=\"nys-divider\" />`;\n  }\n}\n\nif (!customElements.get(\"nys-divider\")) {\n  customElements.define(\"nys-divider\", NysDivider);\n}\n"],"names":["_NysDivider","LitElement","html","unsafeCSS","styles","NysDivider","__decorateClass","property"],"mappings":";;;;;;;;AAKO,MAAMA,IAAN,MAAMA,UAAmBC,EAAW;AAAA,EAKzC,cAAc;AACZ,UAAA,GAH0C,KAAA,WAAW;AAAA,EAIvD;AAAA,EAEA,SAAS;AACP,WAAOC;AAAA,EACT;AACF;AAXEF,EAAO,SAASG,EAAUC,CAAM;AAD3B,IAAMC,IAANL;AAGuCM,EAAA;AAAA,EAA3CC,EAAS,EAAE,MAAM,SAAS,SAAS,IAAM;AAAA,GAH/BF,EAGiC,WAAA,UAAA;AAWzC,eAAe,IAAI,aAAa,KACnC,eAAe,OAAO,eAAeA,CAAU;"}
+{"version":3,"file":"nys-divider.js","sources":["../src/nys-divider.ts"],"sourcesContent":["import { LitElement, html, unsafeCSS } from \"lit\";\nimport { property } from \"lit/decorators.js\";\n// @ts-ignore: SCSS module imported via bundler as inline\nimport styles from \"./nys-divider.scss?inline\";\n\nlet dividerIdCounter = 0;\n\n/**\n * A horizontal rule for visual separation between content sections. Renders a semantic `<hr>` element.\n *\n * Use to separate distinct content areas within a page. Set `inverted` for use on dark backgrounds.\n *\n * @summary Horizontal divider for visual separation of content sections.\n * @element nys-divider\n *\n * @example Basic divider\n * ```html\n * <p>Section one content</p>\n * <nys-divider></nys-divider>\n * <p>Section two content</p>\n * ```\n */\n\nexport class NysDivider extends LitElement {\n  static styles = unsafeCSS(styles);\n\n  /** Adjusts colors for dark backgrounds. */\n  @property({ type: Boolean, reflect: true }) inverted = false;\n\n  constructor() {\n    super();\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n\n    // Generate a unique ID if not provided\n    if (!this.id) {\n      this.id = this._generateUniqueId();\n    }\n  }\n\n  /**\n   * Functions\n   * --------------------------------------------------------------------------\n   */\n\n  private _generateUniqueId() {\n    return `nys-divider-${Date.now()}-${dividerIdCounter++}`;\n  }\n\n  render() {\n    return html`<hr class=\"nys-divider\" />`;\n  }\n}\n\nif (!customElements.get(\"nys-divider\")) {\n  customElements.define(\"nys-divider\", NysDivider);\n}\n"],"names":["dividerIdCounter","_NysDivider","LitElement","html","unsafeCSS","styles","NysDivider","__decorateClass","property"],"mappings":";;;;;;;;AAKA,IAAIA,IAAmB;AAkBhB,MAAMC,IAAN,MAAMA,UAAmBC,EAAW;AAAA,EAMzC,cAAc;AACZ,UAAA,GAH0C,KAAA,WAAW;AAAA,EAIvD;AAAA,EAEA,oBAAoB;AAClB,UAAM,kBAAA,GAGD,KAAK,OACR,KAAK,KAAK,KAAK,kBAAA;AAAA,EAEnB;AAAA;AAAA;AAAA;AAAA;AAAA,EAOQ,oBAAoB;AAC1B,WAAO,eAAe,KAAK,IAAA,CAAK,IAAIF,GAAkB;AAAA,EACxD;AAAA,EAEA,SAAS;AACP,WAAOG;AAAA,EACT;AACF;AA9BEF,EAAO,SAASG,EAAUC,CAAM;AAD3B,IAAMC,IAANL;AAIuCM,EAAA;AAAA,EAA3CC,EAAS,EAAE,MAAM,SAAS,SAAS,IAAM;AAAA,GAJ/BF,EAIiC,WAAA,UAAA;AA6BzC,eAAe,IAAI,aAAa,KACnC,eAAe,OAAO,eAAeA,CAAU;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nysds/nys-divider",
-  "version": "1.12.0",
+  "version": "1.13.1",
   "description": "The Divider component from the NYS Design System.",
   "module": "dist/nys-divider.js",
   "types": "dist/index.d.ts",