@webwriter/quiz 1.0.3 → 1.0.4

package/dist/widgets/webwriter-choice.js

@@ -1662,7 +1662,7 @@ var component_styles_default = i`
   }
 `;
 
-// ../../node_modules/@shoelace-style/shoelace/dist/chunks/chunk.IFDWM6P4.js
+// ../../node_modules/@shoelace-style/shoelace/dist/chunks/chunk.B3BW2AY6.js
 var __defProp3 = Object.defineProperty;
 var __defProps = Object.defineProperties;
 var __getOwnPropDesc3 = Object.getOwnPropertyDescriptor;
@@ -1692,11 +1692,32 @@ var __decorateClass = (decorators, target, key, kind) => {
     __defProp3(target, key, result);
   return result;
 };
+var __accessCheck3 = (obj, member, msg) => {
+  if (!member.has(obj))
+    throw TypeError("Cannot " + msg);
+};
+var __privateGet3 = (obj, member, getter) => {
+  __accessCheck3(obj, member, "read from private field");
+  return getter ? getter.call(obj) : member.get(obj);
+};
+var __privateAdd3 = (obj, member, value) => {
+  if (member.has(obj))
+    throw TypeError("Cannot add the same private member more than once");
+  member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+};
+var __privateSet3 = (obj, member, value, setter) => {
+  __accessCheck3(obj, member, "write to private field");
+  setter ? setter.call(obj, value) : member.set(obj, value);
+  return value;
+};
 
-// ../../node_modules/@shoelace-style/shoelace/dist/chunks/chunk.5THGRZAA.js
+// ../../node_modules/@shoelace-style/shoelace/dist/chunks/chunk.NLWS5DN7.js
+var _hasRecordedInitialProperties;
 var ShoelaceElement = class extends h3 {
   constructor() {
     super();
+    __privateAdd3(this, _hasRecordedInitialProperties, false);
+    this.initialReflectedProperties = /* @__PURE__ */ new Map();
     Object.entries(this.constructor.dependencies).forEach(([name, component]) => {
       this.constructor.define(name, component);
     });
@@ -1738,8 +1759,30 @@ var ShoelaceElement = class extends h3 {
       `Attempted to register <${name}>${newVersion}, but <${name}>${existingVersion} has already been registered.`
     );
   }
+  attributeChangedCallback(name, oldValue, newValue) {
+    if (!__privateGet3(this, _hasRecordedInitialProperties)) {
+      this.constructor.elementProperties.forEach(
+        (obj, prop) => {
+          if (obj.reflect && this[prop] != null) {
+            this.initialReflectedProperties.set(prop, this[prop]);
+          }
+        }
+      );
+      __privateSet3(this, _hasRecordedInitialProperties, true);
+    }
+    super.attributeChangedCallback(name, oldValue, newValue);
+  }
+  willUpdate(changedProperties) {
+    super.willUpdate(changedProperties);
+    this.initialReflectedProperties.forEach((value, prop) => {
+      if (changedProperties.has(prop) && this[prop] == null) {
+        this[prop] = value;
+      }
+    });
+  }
 };
-ShoelaceElement.version = "2.16.0";
+_hasRecordedInitialProperties = /* @__PURE__ */ new WeakMap();
+ShoelaceElement.version = "2.17.1";
 ShoelaceElement.dependencies = {};
 __decorateClass([
   n5()
@@ -1748,7 +1791,7 @@ __decorateClass([
   n5()
 ], ShoelaceElement.prototype, "lang", 2);
 
-// ../../node_modules/@shoelace-style/shoelace/dist/chunks/chunk.7HOIOSC7.js
+// ../../node_modules/@shoelace-style/shoelace/dist/chunks/chunk.R2T2D3TO.js
 var SlSpinner = class extends ShoelaceElement {
   constructor() {
     super(...arguments);
@@ -1765,7 +1808,7 @@ var SlSpinner = class extends ShoelaceElement {
 };
 SlSpinner.styles = [component_styles_default, spinner_styles_default];
 
-// ../../node_modules/@shoelace-style/shoelace/dist/chunks/chunk.KWPBDQ6I.js
+// ../../node_modules/@shoelace-style/shoelace/dist/chunks/chunk.2RCF7SLU.js
 var formCollections = /* @__PURE__ */ new WeakMap();
 var reportValidityOverloads = /* @__PURE__ */ new WeakMap();
 var checkValidityOverloads = /* @__PURE__ */ new WeakMap();
@@ -2882,7 +2925,7 @@ var icon_styles_default = i`
   }
 `;
 
-// ../../node_modules/@shoelace-style/shoelace/dist/chunks/chunk.2FB5TK5H.js
+// ../../node_modules/@shoelace-style/shoelace/dist/chunks/chunk.CCJUT23E.js
 function watch(propertyName, options) {
   const resolvedOptions = __spreadValues({
     waitUntilFirstUpdate: false
@@ -2915,7 +2958,7 @@ var rt = (o6) => void 0 === o6.strings;
 var ht = {};
 var dt = (o6, t5 = ht) => o6._$AH = t5;
 
-// ../../node_modules/@shoelace-style/shoelace/dist/chunks/chunk.ALSPWWWG.js
+// ../../node_modules/@shoelace-style/shoelace/dist/chunks/chunk.O7VCMB7W.js
 var CACHEABLE_ERROR = Symbol();
 var RETRYABLE_ERROR = Symbol();
 var parser;
@@ -2936,11 +2979,6 @@ var SlIcon = class extends ShoelaceElement {
       this.svg = ke`<svg part="svg">
         <use part="use" href="${url}"></use>
       </svg>`;
-      await this.updateComplete;
-      const svg = this.shadowRoot.querySelector("[part='svg']");
-      if (typeof library2.mutator === "function") {
-        library2.mutator(svg);
-      }
       return this.svg;
     }
     try {
@@ -3030,6 +3068,13 @@ var SlIcon = class extends ShoelaceElement {
     }
     if (nt(svg)) {
       this.svg = svg;
+      if (library2) {
+        await this.updateComplete;
+        const shadowSVG = this.shadowRoot.querySelector("[part='svg']");
+        if (typeof library2.mutator === "function" && shadowSVG) {
+          library2.mutator(shadowSVG);
+        }
+      }
       return;
     }
     switch (svg) {
@@ -3148,7 +3193,7 @@ var Se3 = Ee(Se);
 // ../../node_modules/lit/node_modules/lit-html/directives/if-defined.js
 var to = (t5) => t5 ?? D;
 
-// ../../node_modules/@shoelace-style/shoelace/dist/chunks/chunk.MR6SHCJO.js
+// ../../node_modules/@shoelace-style/shoelace/dist/chunks/chunk.OEHLR4TU.js
 var SlButton = class extends ShoelaceElement {
   constructor() {
     super(...arguments);
@@ -3297,7 +3342,7 @@ var SlButton = class extends ShoelaceElement {
         title=${this.title}
         name=${to(isLink ? void 0 : this.name)}
         value=${to(isLink ? void 0 : this.value)}
-        href=${to(isLink ? this.href : void 0)}
+        href=${to(isLink && !this.disabled ? this.href : void 0)}
         target=${to(isLink ? this.target : void 0)}
         download=${to(isLink ? this.download : void 0)}
         rel=${to(isLink ? this.rel : void 0)}
@@ -3517,7 +3562,7 @@ var radio_styles_default = i`
   }
 `;
 
-// ../../node_modules/@shoelace-style/shoelace/dist/chunks/chunk.QQTW5PZI.js
+// ../../node_modules/@shoelace-style/shoelace/dist/chunks/chunk.N5H7JIU3.js
 var SlRadio = class extends ShoelaceElement {
   constructor() {
     super();
@@ -3826,7 +3871,7 @@ var Ft = e6(class extends i3 {
   }
 });
 
-// ../../node_modules/@shoelace-style/shoelace/dist/chunks/chunk.6GAVHIFH.js
+// ../../node_modules/@shoelace-style/shoelace/dist/chunks/chunk.CX3DZWHK.js
 var SlCheckbox = class extends ShoelaceElement {
   constructor() {
     super(...arguments);
@@ -4073,7 +4118,7 @@ var radio_button_styles_default = i`
   }
 `;
 
-// ../../node_modules/@shoelace-style/shoelace/dist/chunks/chunk.2VQCGLC7.js
+// ../../node_modules/@shoelace-style/shoelace/dist/chunks/chunk.ZHOD7CUD.js
 var SlRadioButton = class extends ShoelaceElement {
   constructor() {
     super(...arguments);
@@ -4228,7 +4273,7 @@ var button_group_styles_default = i`
   }
 `;
 
-// ../../node_modules/@shoelace-style/shoelace/dist/chunks/chunk.AKN2SAUH.js
+// ../../node_modules/@shoelace-style/shoelace/dist/chunks/chunk.RBPP5PLA.js
 var SlButtonGroup = class extends ShoelaceElement {
   constructor() {
     super(...arguments);
@@ -4301,7 +4346,7 @@ function findButton(el) {
   return (_a3 = el.closest(selector)) != null ? _a3 : el.querySelector(selector);
 }
 
-// ../../node_modules/@shoelace-style/shoelace/dist/chunks/chunk.TSKLKQOV.js
+// ../../node_modules/@shoelace-style/shoelace/dist/chunks/chunk.XISPCK6C.js
 var SlRadioGroup = class extends ShoelaceElement {
   constructor() {
     super(...arguments);

package/dist/widgets/webwriter-cloze-gap.js

@@ -1649,7 +1649,7 @@ var icon_styles_default = i`
   }
 `;
 
-// ../../node_modules/@shoelace-style/shoelace/dist/chunks/chunk.IFDWM6P4.js
+// ../../node_modules/@shoelace-style/shoelace/dist/chunks/chunk.B3BW2AY6.js
 var __defProp3 = Object.defineProperty;
 var __defProps = Object.defineProperties;
 var __getOwnPropDesc3 = Object.getOwnPropertyDescriptor;
@@ -1679,8 +1679,26 @@ var __decorateClass = (decorators, target, key, kind) => {
     __defProp3(target, key, result);
   return result;
 };
+var __accessCheck3 = (obj, member, msg) => {
+  if (!member.has(obj))
+    throw TypeError("Cannot " + msg);
+};
+var __privateGet3 = (obj, member, getter) => {
+  __accessCheck3(obj, member, "read from private field");
+  return getter ? getter.call(obj) : member.get(obj);
+};
+var __privateAdd3 = (obj, member, value) => {
+  if (member.has(obj))
+    throw TypeError("Cannot add the same private member more than once");
+  member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+};
+var __privateSet3 = (obj, member, value, setter) => {
+  __accessCheck3(obj, member, "write to private field");
+  setter ? setter.call(obj, value) : member.set(obj, value);
+  return value;
+};
 
-// ../../node_modules/@shoelace-style/shoelace/dist/chunks/chunk.2FB5TK5H.js
+// ../../node_modules/@shoelace-style/shoelace/dist/chunks/chunk.CCJUT23E.js
 function watch(propertyName, options) {
   const resolvedOptions = __spreadValues({
     waitUntilFirstUpdate: false
@@ -1723,10 +1741,13 @@ var component_styles_default = i`
   }
 `;
 
-// ../../node_modules/@shoelace-style/shoelace/dist/chunks/chunk.5THGRZAA.js
+// ../../node_modules/@shoelace-style/shoelace/dist/chunks/chunk.NLWS5DN7.js
+var _hasRecordedInitialProperties;
 var ShoelaceElement = class extends h3 {
   constructor() {
     super();
+    __privateAdd3(this, _hasRecordedInitialProperties, false);
+    this.initialReflectedProperties = /* @__PURE__ */ new Map();
     Object.entries(this.constructor.dependencies).forEach(([name, component]) => {
       this.constructor.define(name, component);
     });
@@ -1768,8 +1789,30 @@ var ShoelaceElement = class extends h3 {
       `Attempted to register <${name}>${newVersion}, but <${name}>${existingVersion} has already been registered.`
     );
   }
+  attributeChangedCallback(name, oldValue, newValue) {
+    if (!__privateGet3(this, _hasRecordedInitialProperties)) {
+      this.constructor.elementProperties.forEach(
+        (obj, prop) => {
+          if (obj.reflect && this[prop] != null) {
+            this.initialReflectedProperties.set(prop, this[prop]);
+          }
+        }
+      );
+      __privateSet3(this, _hasRecordedInitialProperties, true);
+    }
+    super.attributeChangedCallback(name, oldValue, newValue);
+  }
+  willUpdate(changedProperties) {
+    super.willUpdate(changedProperties);
+    this.initialReflectedProperties.forEach((value, prop) => {
+      if (changedProperties.has(prop) && this[prop] == null) {
+        this[prop] = value;
+      }
+    });
+  }
 };
-ShoelaceElement.version = "2.16.0";
+_hasRecordedInitialProperties = /* @__PURE__ */ new WeakMap();
+ShoelaceElement.version = "2.17.1";
 ShoelaceElement.dependencies = {};
 __decorateClass([
   n5()
@@ -1785,7 +1828,7 @@ var rt = (o6) => void 0 === o6.strings;
 var ht = {};
 var dt = (o6, t5 = ht) => o6._$AH = t5;
 
-// ../../node_modules/@shoelace-style/shoelace/dist/chunks/chunk.ALSPWWWG.js
+// ../../node_modules/@shoelace-style/shoelace/dist/chunks/chunk.O7VCMB7W.js
 var CACHEABLE_ERROR = Symbol();
 var RETRYABLE_ERROR = Symbol();
 var parser;
@@ -1806,11 +1849,6 @@ var SlIcon = class extends ShoelaceElement {
       this.svg = ke`<svg part="svg">
         <use part="use" href="${url}"></use>
       </svg>`;
-      await this.updateComplete;
-      const svg = this.shadowRoot.querySelector("[part='svg']");
-      if (typeof library2.mutator === "function") {
-        library2.mutator(svg);
-      }
       return this.svg;
     }
     try {
@@ -1900,6 +1938,13 @@ var SlIcon = class extends ShoelaceElement {
     }
     if (nt(svg)) {
       this.svg = svg;
+      if (library2) {
+        await this.updateComplete;
+        const shadowSVG = this.shadowRoot.querySelector("[part='svg']");
+        if (typeof library2.mutator === "function" && shadowSVG) {
+          library2.mutator(shadowSVG);
+        }
+      }
       return;
     }
     switch (svg) {
@@ -2018,7 +2063,7 @@ var Se3 = Ee(Se);
 // ../../node_modules/lit/node_modules/lit-html/directives/if-defined.js
 var to = (t5) => t5 ?? D;
 
-// ../../node_modules/@shoelace-style/shoelace/dist/chunks/chunk.XJILXOW4.js
+// ../../node_modules/@shoelace-style/shoelace/dist/chunks/chunk.AYP3HPB7.js
 var SlIconButton = class extends ShoelaceElement {
   constructor() {
     super(...arguments);
@@ -2350,7 +2395,7 @@ var LocalizeController2 = class extends LocalizeController {
 };
 registerTranslation(en_default);
 
-// ../../node_modules/@shoelace-style/shoelace/dist/chunks/chunk.YCFFWTNH.js
+// ../../node_modules/@shoelace-style/shoelace/dist/chunks/chunk.4L6M7RA3.js
 var SlOption = class extends ShoelaceElement {
   constructor() {
     super(...arguments);
@@ -2846,7 +2891,7 @@ var form_control_styles_default = i`
   }
 `;
 
-// ../../node_modules/@shoelace-style/shoelace/dist/chunks/chunk.KWPBDQ6I.js
+// ../../node_modules/@shoelace-style/shoelace/dist/chunks/chunk.2RCF7SLU.js
 var formCollections = /* @__PURE__ */ new WeakMap();
 var reportValidityOverloads = /* @__PURE__ */ new WeakMap();
 var checkValidityOverloads = /* @__PURE__ */ new WeakMap();
@@ -3203,7 +3248,7 @@ var Ft = e6(class extends i3 {
   }
 });
 
-// ../../node_modules/@shoelace-style/shoelace/dist/chunks/chunk.5LELDSAA.js
+// ../../node_modules/@shoelace-style/shoelace/dist/chunks/chunk.4RFB4FGM.js
 var SlInput = class extends ShoelaceElement {
   constructor() {
     super(...arguments);

package/dist/widgets/webwriter-cloze.js

@@ -1687,7 +1687,7 @@ var icon_styles_default = i`
   }
 `;
 
-// ../../node_modules/@shoelace-style/shoelace/dist/chunks/chunk.IFDWM6P4.js
+// ../../node_modules/@shoelace-style/shoelace/dist/chunks/chunk.B3BW2AY6.js
 var __defProp3 = Object.defineProperty;
 var __getOwnPropDesc3 = Object.getOwnPropertyDescriptor;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
@@ -1714,8 +1714,26 @@ var __decorateClass = (decorators, target, key, kind) => {
     __defProp3(target, key, result);
   return result;
 };
+var __accessCheck3 = (obj, member, msg) => {
+  if (!member.has(obj))
+    throw TypeError("Cannot " + msg);
+};
+var __privateGet3 = (obj, member, getter) => {
+  __accessCheck3(obj, member, "read from private field");
+  return getter ? getter.call(obj) : member.get(obj);
+};
+var __privateAdd3 = (obj, member, value) => {
+  if (member.has(obj))
+    throw TypeError("Cannot add the same private member more than once");
+  member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+};
+var __privateSet3 = (obj, member, value, setter) => {
+  __accessCheck3(obj, member, "write to private field");
+  setter ? setter.call(obj, value) : member.set(obj, value);
+  return value;
+};
 
-// ../../node_modules/@shoelace-style/shoelace/dist/chunks/chunk.2FB5TK5H.js
+// ../../node_modules/@shoelace-style/shoelace/dist/chunks/chunk.CCJUT23E.js
 function watch(propertyName, options) {
   const resolvedOptions = __spreadValues({
     waitUntilFirstUpdate: false
@@ -1758,10 +1776,13 @@ var component_styles_default = i`
   }
 `;
 
-// ../../node_modules/@shoelace-style/shoelace/dist/chunks/chunk.5THGRZAA.js
+// ../../node_modules/@shoelace-style/shoelace/dist/chunks/chunk.NLWS5DN7.js
+var _hasRecordedInitialProperties;
 var ShoelaceElement = class extends h3 {
   constructor() {
     super();
+    __privateAdd3(this, _hasRecordedInitialProperties, false);
+    this.initialReflectedProperties = /* @__PURE__ */ new Map();
     Object.entries(this.constructor.dependencies).forEach(([name, component]) => {
       this.constructor.define(name, component);
     });
@@ -1803,8 +1824,30 @@ var ShoelaceElement = class extends h3 {
       `Attempted to register <${name}>${newVersion}, but <${name}>${existingVersion} has already been registered.`
     );
   }
+  attributeChangedCallback(name, oldValue, newValue) {
+    if (!__privateGet3(this, _hasRecordedInitialProperties)) {
+      this.constructor.elementProperties.forEach(
+        (obj, prop) => {
+          if (obj.reflect && this[prop] != null) {
+            this.initialReflectedProperties.set(prop, this[prop]);
+          }
+        }
+      );
+      __privateSet3(this, _hasRecordedInitialProperties, true);
+    }
+    super.attributeChangedCallback(name, oldValue, newValue);
+  }
+  willUpdate(changedProperties) {
+    super.willUpdate(changedProperties);
+    this.initialReflectedProperties.forEach((value, prop) => {
+      if (changedProperties.has(prop) && this[prop] == null) {
+        this[prop] = value;
+      }
+    });
+  }
 };
-ShoelaceElement.version = "2.16.0";
+_hasRecordedInitialProperties = /* @__PURE__ */ new WeakMap();
+ShoelaceElement.version = "2.17.1";
 ShoelaceElement.dependencies = {};
 __decorateClass([
   n5()
@@ -1817,7 +1860,7 @@ __decorateClass([
 var { I: et3 } = si;
 var nt = (o5, t5) => void 0 === t5 ? void 0 !== o5?._$litType$ : o5?._$litType$ === t5;
 
-// ../../node_modules/@shoelace-style/shoelace/dist/chunks/chunk.ALSPWWWG.js
+// ../../node_modules/@shoelace-style/shoelace/dist/chunks/chunk.O7VCMB7W.js
 var CACHEABLE_ERROR = Symbol();
 var RETRYABLE_ERROR = Symbol();
 var parser;
@@ -1838,11 +1881,6 @@ var SlIcon = class extends ShoelaceElement {
       this.svg = ke`<svg part="svg">
         <use part="use" href="${url}"></use>
       </svg>`;
-      await this.updateComplete;
-      const svg = this.shadowRoot.querySelector("[part='svg']");
-      if (typeof library2.mutator === "function") {
-        library2.mutator(svg);
-      }
       return this.svg;
     }
     try {
@@ -1932,6 +1970,13 @@ var SlIcon = class extends ShoelaceElement {
     }
     if (nt(svg)) {
       this.svg = svg;
+      if (library2) {
+        await this.updateComplete;
+        const shadowSVG = this.shadowRoot.querySelector("[part='svg']");
+        if (typeof library2.mutator === "function" && shadowSVG) {
+          library2.mutator(shadowSVG);
+        }
+      }
       return;
     }
     switch (svg) {
@@ -2030,7 +2075,7 @@ var Se3 = Ee(Se);
 // ../../node_modules/lit/node_modules/lit-html/directives/if-defined.js
 var to = (t5) => t5 ?? D;
 
-// ../../node_modules/@shoelace-style/shoelace/dist/chunks/chunk.XJILXOW4.js
+// ../../node_modules/@shoelace-style/shoelace/dist/chunks/chunk.AYP3HPB7.js
 var SlIconButton = class extends ShoelaceElement {
   constructor() {
     super(...arguments);

package/dist/widgets/webwriter-mark.js

@@ -1716,7 +1716,7 @@ var icon_styles_default = i`
   }
 `;
 
-// ../../node_modules/@shoelace-style/shoelace/dist/chunks/chunk.IFDWM6P4.js
+// ../../node_modules/@shoelace-style/shoelace/dist/chunks/chunk.B3BW2AY6.js
 var __defProp3 = Object.defineProperty;
 var __getOwnPropDesc3 = Object.getOwnPropertyDescriptor;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
@@ -1743,8 +1743,26 @@ var __decorateClass = (decorators, target, key, kind) => {
     __defProp3(target, key, result);
   return result;
 };
+var __accessCheck3 = (obj, member, msg) => {
+  if (!member.has(obj))
+    throw TypeError("Cannot " + msg);
+};
+var __privateGet3 = (obj, member, getter) => {
+  __accessCheck3(obj, member, "read from private field");
+  return getter ? getter.call(obj) : member.get(obj);
+};
+var __privateAdd3 = (obj, member, value) => {
+  if (member.has(obj))
+    throw TypeError("Cannot add the same private member more than once");
+  member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+};
+var __privateSet3 = (obj, member, value, setter) => {
+  __accessCheck3(obj, member, "write to private field");
+  setter ? setter.call(obj, value) : member.set(obj, value);
+  return value;
+};
 
-// ../../node_modules/@shoelace-style/shoelace/dist/chunks/chunk.2FB5TK5H.js
+// ../../node_modules/@shoelace-style/shoelace/dist/chunks/chunk.CCJUT23E.js
 function watch(propertyName, options) {
   const resolvedOptions = __spreadValues({
     waitUntilFirstUpdate: false
@@ -1787,10 +1805,13 @@ var component_styles_default = i`
   }
 `;
 
-// ../../node_modules/@shoelace-style/shoelace/dist/chunks/chunk.5THGRZAA.js
+// ../../node_modules/@shoelace-style/shoelace/dist/chunks/chunk.NLWS5DN7.js
+var _hasRecordedInitialProperties;
 var ShoelaceElement = class extends h3 {
   constructor() {
     super();
+    __privateAdd3(this, _hasRecordedInitialProperties, false);
+    this.initialReflectedProperties = /* @__PURE__ */ new Map();
     Object.entries(this.constructor.dependencies).forEach(([name, component]) => {
       this.constructor.define(name, component);
     });
@@ -1832,8 +1853,30 @@ var ShoelaceElement = class extends h3 {
       `Attempted to register <${name}>${newVersion}, but <${name}>${existingVersion} has already been registered.`
     );
   }
+  attributeChangedCallback(name, oldValue, newValue) {
+    if (!__privateGet3(this, _hasRecordedInitialProperties)) {
+      this.constructor.elementProperties.forEach(
+        (obj, prop) => {
+          if (obj.reflect && this[prop] != null) {
+            this.initialReflectedProperties.set(prop, this[prop]);
+          }
+        }
+      );
+      __privateSet3(this, _hasRecordedInitialProperties, true);
+    }
+    super.attributeChangedCallback(name, oldValue, newValue);
+  }
+  willUpdate(changedProperties) {
+    super.willUpdate(changedProperties);
+    this.initialReflectedProperties.forEach((value, prop) => {
+      if (changedProperties.has(prop) && this[prop] == null) {
+        this[prop] = value;
+      }
+    });
+  }
 };
-ShoelaceElement.version = "2.16.0";
+_hasRecordedInitialProperties = /* @__PURE__ */ new WeakMap();
+ShoelaceElement.version = "2.17.1";
 ShoelaceElement.dependencies = {};
 __decorateClass([
   n5()
@@ -1846,7 +1889,7 @@ __decorateClass([
 var { I: et3 } = si;
 var nt = (o5, t6) => void 0 === t6 ? void 0 !== o5?._$litType$ : o5?._$litType$ === t6;
 
-// ../../node_modules/@shoelace-style/shoelace/dist/chunks/chunk.ALSPWWWG.js
+// ../../node_modules/@shoelace-style/shoelace/dist/chunks/chunk.O7VCMB7W.js
 var CACHEABLE_ERROR = Symbol();
 var RETRYABLE_ERROR = Symbol();
 var parser;
@@ -1867,11 +1910,6 @@ var SlIcon = class extends ShoelaceElement {
       this.svg = ke`<svg part="svg">
         <use part="use" href="${url}"></use>
       </svg>`;
-      await this.updateComplete;
-      const svg = this.shadowRoot.querySelector("[part='svg']");
-      if (typeof library2.mutator === "function") {
-        library2.mutator(svg);
-      }
       return this.svg;
     }
     try {
@@ -1961,6 +1999,13 @@ var SlIcon = class extends ShoelaceElement {
     }
     if (nt(svg)) {
       this.svg = svg;
+      if (library2) {
+        await this.updateComplete;
+        const shadowSVG = this.shadowRoot.querySelector("[part='svg']");
+        if (typeof library2.mutator === "function" && shadowSVG) {
+          library2.mutator(shadowSVG);
+        }
+      }
       return;
     }
     switch (svg) {
@@ -2059,7 +2104,7 @@ var Se3 = Ee(Se);
 // ../../node_modules/lit/node_modules/lit-html/directives/if-defined.js
 var to = (t6) => t6 ?? D;
 
-// ../../node_modules/@shoelace-style/shoelace/dist/chunks/chunk.XJILXOW4.js
+// ../../node_modules/@shoelace-style/shoelace/dist/chunks/chunk.AYP3HPB7.js
 var SlIconButton = class extends ShoelaceElement {
   constructor() {
     super(...arguments);