@ucalgary-design-system/chip-group 1.0.2 → 1.0.3

package/CHANGELOG.md

@@ -1,5 +1,15 @@
 # @ucalgary-design-system/chip-group
 
+## 1.0.3
+
+### Patch Changes
+
+- c3fdd31: Updated dependencies and modified build
+- Updated dependencies [386b04a]
+- Updated dependencies [c3fdd31]
+  - @ucalgary-design-system/icon@1.0.3
+  - @ucalgary-design-system/core@1.0.3
+
 ## 1.0.2
 
 ### Patch Changes

package/index.js

@@ -1,11 +1,11 @@
-import { unsafeCSS as C, html as U } from "lit";
-import { BaseElement as v } from "@ucalgary-design-system/core";
+import { unsafeCSS as C, html as O } from "lit";
+import { BaseElement as b } from "@ucalgary-design-system/core";
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const O = (r) => (t, e) => {
+const U = (r) => (t, e) => {
   e !== void 0 ? e.addInitializer(() => {
     customElements.define(r, t);
   }) : customElements.define(r, t);
@@ -15,18 +15,18 @@ const O = (r) => (t, e) => {
  * Copyright 2019 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const d = globalThis, m = d.ShadowRoot && (d.ShadyCSS === void 0 || d.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, b = Symbol(), _ = /* @__PURE__ */ new WeakMap();
+const u = globalThis, y = u.ShadowRoot && (u.ShadyCSS === void 0 || u.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, g = Symbol(), E = /* @__PURE__ */ new WeakMap();
 let A = class {
   constructor(t, e, s) {
-    if (this._$cssResult$ = !0, s !== b) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
+    if (this._$cssResult$ = !0, s !== g) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
     this.cssText = t, this.t = e;
   }
   get styleSheet() {
     let t = this.o;
     const e = this.t;
-    if (m && t === void 0) {
+    if (y && t === void 0) {
       const s = e !== void 0 && e.length === 1;
-      s && (t = _.get(e)), t === void 0 && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), s && _.set(e, t));
+      s && (t = E.get(e)), t === void 0 && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), s && E.set(e, t));
     }
     return t;
   }
@@ -34,13 +34,13 @@ let A = class {
     return this.cssText;
   }
 };
-const R = (r) => new A(typeof r == "string" ? r : r + "", void 0, b), x = (r, t) => {
-  if (m) r.adoptedStyleSheets = t.map((e) => e instanceof CSSStyleSheet ? e : e.styleSheet);
+const R = (r) => new A(typeof r == "string" ? r : r + "", void 0, g), x = (r, t) => {
+  if (y) r.adoptedStyleSheets = t.map((e) => e instanceof CSSStyleSheet ? e : e.styleSheet);
   else for (const e of t) {
-    const s = document.createElement("style"), i = d.litNonce;
+    const s = document.createElement("style"), i = u.litNonce;
     i !== void 0 && s.setAttribute("nonce", i), s.textContent = e.cssText, r.appendChild(s);
   }
-}, E = m ? (r) => r : (r) => r instanceof CSSStyleSheet ? ((t) => {
+}, $ = y ? (r) => r : (r) => r instanceof CSSStyleSheet ? ((t) => {
   let e = "";
   for (const s of t.cssRules) e += s.cssText;
   return R(e);
@@ -50,10 +50,10 @@ const R = (r) => new A(typeof r == "string" ? r : r + "", void 0, b), x = (r, t)
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const { is: M, defineProperty: k, getOwnPropertyDescriptor: z, getOwnPropertyNames: T, getOwnPropertySymbols: j, getPrototypeOf: L } = Object, a = globalThis, $ = a.trustedTypes, N = $ ? $.emptyScript : "", u = a.reactiveElementPolyfillSupport, l = (r, t) => r, f = { toAttribute(r, t) {
+const { is: M, defineProperty: j, getOwnPropertyDescriptor: k, getOwnPropertyNames: z, getOwnPropertySymbols: T, getPrototypeOf: L } = Object, h = globalThis, S = h.trustedTypes, D = S ? S.emptyScript : "", m = h.reactiveElementPolyfillSupport, d = (r, t) => r, _ = { toAttribute(r, t) {
   switch (t) {
     case Boolean:
-      r = r ? N : null;
+      r = r ? D : null;
       break;
     case Object:
     case Array:
@@ -78,46 +78,44 @@ const { is: M, defineProperty: k, getOwnPropertyDescriptor: z, getOwnPropertyNam
       }
   }
   return e;
-} }, g = (r, t) => !M(r, t), S = { attribute: !0, type: String, converter: f, reflect: !1, hasChanged: g };
-Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), a.litPropertyMetadata ?? (a.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
-class c extends HTMLElement {
+} }, w = (r, t) => !M(r, t), v = { attribute: !0, type: String, converter: _, reflect: !1, useDefault: !1, hasChanged: w };
+Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), h.litPropertyMetadata ?? (h.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
+class l extends HTMLElement {
   static addInitializer(t) {
     this._$Ei(), (this.l ?? (this.l = [])).push(t);
   }
   static get observedAttributes() {
     return this.finalize(), this._$Eh && [...this._$Eh.keys()];
   }
-  static createProperty(t, e = S) {
-    if (e.state && (e.attribute = !1), this._$Ei(), this.elementProperties.set(t, e), !e.noAccessor) {
+  static createProperty(t, e = v) {
+    if (e.state && (e.attribute = !1), this._$Ei(), this.prototype.hasOwnProperty(t) && ((e = Object.create(e)).wrapped = !0), this.elementProperties.set(t, e), !e.noAccessor) {
       const s = Symbol(), i = this.getPropertyDescriptor(t, s, e);
-      i !== void 0 && k(this.prototype, t, i);
+      i !== void 0 && j(this.prototype, t, i);
     }
   }
   static getPropertyDescriptor(t, e, s) {
-    const { get: i, set: n } = z(this.prototype, t) ?? { get() {
+    const { get: i, set: o } = k(this.prototype, t) ?? { get() {
       return this[e];
-    }, set(o) {
-      this[e] = o;
+    }, set(n) {
+      this[e] = n;
     } };
-    return { get() {
-      return i == null ? void 0 : i.call(this);
-    }, set(o) {
-      const h = i == null ? void 0 : i.call(this);
-      n.call(this, o), this.requestUpdate(t, h, s);
+    return { get: i, set(n) {
+      const a = i == null ? void 0 : i.call(this);
+      o == null || o.call(this, n), this.requestUpdate(t, a, s);
     }, configurable: !0, enumerable: !0 };
   }
   static getPropertyOptions(t) {
-    return this.elementProperties.get(t) ?? S;
+    return this.elementProperties.get(t) ?? v;
   }
   static _$Ei() {
-    if (this.hasOwnProperty(l("elementProperties"))) return;
+    if (this.hasOwnProperty(d("elementProperties"))) return;
     const t = L(this);
     t.finalize(), t.l !== void 0 && (this.l = [...t.l]), this.elementProperties = new Map(t.elementProperties);
   }
   static finalize() {
-    if (this.hasOwnProperty(l("finalized"))) return;
-    if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(l("properties"))) {
-      const e = this.properties, s = [...T(e), ...j(e)];
+    if (this.hasOwnProperty(d("finalized"))) return;
+    if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(d("properties"))) {
+      const e = this.properties, s = [...z(e), ...T(e)];
       for (const i of s) this.createProperty(i, e[i]);
     }
     const t = this[Symbol.metadata];
@@ -136,8 +134,8 @@ class c extends HTMLElement {
     const e = [];
     if (Array.isArray(t)) {
       const s = new Set(t.flat(1 / 0).reverse());
-      for (const i of s) e.unshift(E(i));
-    } else t !== void 0 && e.push(E(t));
+      for (const i of s) e.unshift($(i));
+    } else t !== void 0 && e.push($(t));
     return e;
   }
   static _$Eu(t, e) {
@@ -187,33 +185,37 @@ class c extends HTMLElement {
   attributeChangedCallback(t, e, s) {
     this._$AK(t, s);
   }
-  _$EC(t, e) {
-    var n;
+  _$ET(t, e) {
+    var o;
     const s = this.constructor.elementProperties.get(t), i = this.constructor._$Eu(t, s);
     if (i !== void 0 && s.reflect === !0) {
-      const o = (((n = s.converter) == null ? void 0 : n.toAttribute) !== void 0 ? s.converter : f).toAttribute(e, s.type);
-      this._$Em = t, o == null ? this.removeAttribute(i) : this.setAttribute(i, o), this._$Em = null;
+      const n = (((o = s.converter) == null ? void 0 : o.toAttribute) !== void 0 ? s.converter : _).toAttribute(e, s.type);
+      this._$Em = t, n == null ? this.removeAttribute(i) : this.setAttribute(i, n), this._$Em = null;
     }
   }
   _$AK(t, e) {
-    var n;
+    var o, n;
     const s = this.constructor, i = s._$Eh.get(t);
     if (i !== void 0 && this._$Em !== i) {
-      const o = s.getPropertyOptions(i), h = typeof o.converter == "function" ? { fromAttribute: o.converter } : ((n = o.converter) == null ? void 0 : n.fromAttribute) !== void 0 ? o.converter : f;
-      this._$Em = i, this[i] = h.fromAttribute(e, o.type), this._$Em = null;
+      const a = s.getPropertyOptions(i), c = typeof a.converter == "function" ? { fromAttribute: a.converter } : ((o = a.converter) == null ? void 0 : o.fromAttribute) !== void 0 ? a.converter : _;
+      this._$Em = i;
+      const p = c.fromAttribute(e, a.type);
+      this[i] = p ?? ((n = this._$Ej) == null ? void 0 : n.get(i)) ?? p, this._$Em = null;
     }
   }
   requestUpdate(t, e, s) {
+    var i;
     if (t !== void 0) {
-      if (s ?? (s = this.constructor.getPropertyOptions(t)), !(s.hasChanged ?? g)(this[t], e)) return;
-      this.P(t, e, s);
+      const o = this.constructor, n = this[t];
+      if (s ?? (s = o.getPropertyOptions(t)), !((s.hasChanged ?? w)(n, e) || s.useDefault && s.reflect && n === ((i = this._$Ej) == null ? void 0 : i.get(t)) && !this.hasAttribute(o._$Eu(t, s)))) return;
+      this.C(t, e, s);
     }
-    this.isUpdatePending === !1 && (this._$ES = this._$ET());
+    this.isUpdatePending === !1 && (this._$ES = this._$EP());
   }
-  P(t, e, s) {
-    this._$AL.has(t) || this._$AL.set(t, e), s.reflect === !0 && this._$Em !== t && (this._$Ej ?? (this._$Ej = /* @__PURE__ */ new Set())).add(t);
+  C(t, e, { useDefault: s, reflect: i, wrapped: o }, n) {
+    s && !(this._$Ej ?? (this._$Ej = /* @__PURE__ */ new Map())).has(t) && (this._$Ej.set(t, n ?? e ?? this[t]), o !== !0 || n !== void 0) || (this._$AL.has(t) || (this.hasUpdated || s || (e = void 0), this._$AL.set(t, e)), i === !0 && this._$Em !== t && (this._$Eq ?? (this._$Eq = /* @__PURE__ */ new Set())).add(t));
   }
-  async _$ET() {
+  async _$EP() {
     this.isUpdatePending = !0;
     try {
       await this._$ES;
@@ -231,21 +233,24 @@ class c extends HTMLElement {
     if (!this.isUpdatePending) return;
     if (!this.hasUpdated) {
       if (this.renderRoot ?? (this.renderRoot = this.createRenderRoot()), this._$Ep) {
-        for (const [n, o] of this._$Ep) this[n] = o;
+        for (const [o, n] of this._$Ep) this[o] = n;
         this._$Ep = void 0;
       }
       const i = this.constructor.elementProperties;
-      if (i.size > 0) for (const [n, o] of i) o.wrapped !== !0 || this._$AL.has(n) || this[n] === void 0 || this.P(n, this[n], o);
+      if (i.size > 0) for (const [o, n] of i) {
+        const { wrapped: a } = n, c = this[o];
+        a !== !0 || this._$AL.has(o) || c === void 0 || this.C(o, void 0, n, c);
+      }
     }
     let t = !1;
     const e = this._$AL;
     try {
       t = this.shouldUpdate(e), t ? (this.willUpdate(e), (s = this._$EO) == null || s.forEach((i) => {
-        var n;
-        return (n = i.hostUpdate) == null ? void 0 : n.call(i);
-      }), this.update(e)) : this._$EU();
+        var o;
+        return (o = i.hostUpdate) == null ? void 0 : o.call(i);
+      }), this.update(e)) : this._$EM();
     } catch (i) {
-      throw t = !1, this._$EU(), i;
+      throw t = !1, this._$EM(), i;
     }
     t && this._$AE(e);
   }
@@ -258,7 +263,7 @@ class c extends HTMLElement {
       return (i = s.hostUpdated) == null ? void 0 : i.call(s);
     }), this.hasUpdated || (this.hasUpdated = !0, this.firstUpdated(t)), this.updated(t);
   }
-  _$EU() {
+  _$EM() {
     this._$AL = /* @__PURE__ */ new Map(), this.isUpdatePending = !1;
   }
   get updateComplete() {
@@ -271,20 +276,20 @@ class c extends HTMLElement {
     return !0;
   }
   update(t) {
-    this._$Ej && (this._$Ej = this._$Ej.forEach((e) => this._$EC(e, this[e]))), this._$EU();
+    this._$Eq && (this._$Eq = this._$Eq.forEach((e) => this._$ET(e, this[e]))), this._$EM();
   }
   updated(t) {
   }
   firstUpdated(t) {
   }
 }
-c.elementStyles = [], c.shadowRootOptions = { mode: "open" }, c[l("elementProperties")] = /* @__PURE__ */ new Map(), c[l("finalized")] = /* @__PURE__ */ new Map(), u == null || u({ ReactiveElement: c }), (a.reactiveElementVersions ?? (a.reactiveElementVersions = [])).push("2.0.4");
+l.elementStyles = [], l.shadowRootOptions = { mode: "open" }, l[d("elementProperties")] = /* @__PURE__ */ new Map(), l[d("finalized")] = /* @__PURE__ */ new Map(), m == null || m({ ReactiveElement: l }), (h.reactiveElementVersions ?? (h.reactiveElementVersions = [])).push("2.1.1");
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const D = (r, t, e) => (e.configurable = !0, e.enumerable = !0, Reflect.decorate && typeof t != "object" && Object.defineProperty(r, t, e), e);
+const N = (r, t, e) => (e.configurable = !0, e.enumerable = !0, Reflect.decorate && typeof t != "object" && Object.defineProperty(r, t, e), e);
 /**
  * @license
  * Copyright 2021 Google LLC
@@ -292,21 +297,21 @@ const D = (r, t, e) => (e.configurable = !0, e.enumerable = !0, Reflect.decorate
  */
 function q(r) {
   return (t, e) => {
-    const { slot: s, selector: i } = {}, n = "slot" + (s ? `[name=${s}]` : ":not([name])");
-    return D(t, e, { get() {
-      var y;
-      const o = (y = this.renderRoot) == null ? void 0 : y.querySelector(n), h = (o == null ? void 0 : o.assignedElements(r)) ?? [];
-      return i === void 0 ? h : h.filter((w) => w.matches(i));
+    const { slot: s, selector: i } = {}, o = "slot" + (s ? `[name=${s}]` : ":not([name])");
+    return N(t, e, { get() {
+      var c;
+      const n = (c = this.renderRoot) == null ? void 0 : c.querySelector(o), a = (n == null ? void 0 : n.assignedElements(r)) ?? [];
+      return i === void 0 ? a : a.filter((p) => p.matches(i));
     } });
   };
 }
 const B = ":host{display:block}.chip-group{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:16px}";
 var H = Object.defineProperty, I = Object.getOwnPropertyDescriptor, P = (r, t, e, s) => {
-  for (var i = s > 1 ? void 0 : s ? I(t, e) : t, n = r.length - 1, o; n >= 0; n--)
-    (o = r[n]) && (i = (s ? o(t, e, i) : o(i)) || i);
+  for (var i = s > 1 ? void 0 : s ? I(t, e) : t, o = r.length - 1, n; o >= 0; o--)
+    (n = r[o]) && (i = (s ? n(t, e, i) : n(i)) || i);
   return s && i && H(t, e, i), i;
 };
-let p = class extends v {
+let f = class extends b {
   // Focus the next sibling of the Chip being removed.
   _focusNextSiblingOf(r) {
     const t = this._defaultSlotNodes, e = t.indexOf(r);
@@ -327,23 +332,23 @@ let p = class extends v {
     super.disconnectedCallback && super.disconnectedCallback(), this.removeEventListener("chipRemoved", this._onChildRemove);
   }
   render() {
-    return U`
+    return O`
       <div class="chip-group">
         <slot></slot>
       </div>
     `;
   }
 };
-p.styles = [
-  v.styles,
+f.styles = [
+  b.styles,
   C(B)
 ];
 P([
   q()
-], p.prototype, "_defaultSlotNodes", 2);
-p = P([
-  O("ucds-chip-group")
-], p);
+], f.prototype, "_defaultSlotNodes", 2);
+f = P([
+  U("ucds-chip-group")
+], f);
 export {
-  p as ChipGroup
+  f as ChipGroup
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ucalgary-design-system/chip-group",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "type": "module",
   "main": "index.js",
   "module": "index.js",
@@ -10,9 +10,10 @@
       "require": "./index.js"
     }
   },
-  "dependencies": {
-    "@ucalgary-design-system/core": "^1.0.2",
+  "peerDependencies": {
+    "@ucalgary-design-system/core": "^1.0.3",
     "@ucalgary-design-system/tokens": "^1.0.3",
+    "@ucalgary-design-system/icon": "^1.0.3",
     "lit": "^3.2.1"
   },
   "description": "A web component for ChipGroup",