accessify-widget 0.3.37 → 0.3.39

package/dist/accessify.mjs

@@ -1,4 +1,4 @@
-import { d, i } from "./index-jJHI2SMZ.js";
+import { d, i } from "./index-SYghhXzh.js";
 export {
   d as destroy,
   i as init

package/dist/{index-jJHI2SMZ.js → index-SYghhXzh.js}

@@ -254,8 +254,6 @@ https://svelte.dev/e/svelte_boundary_reset_onerror`);
 }
 const EACH_ITEM_REACTIVE = 1;
 const EACH_INDEX_REACTIVE = 1 << 1;
-const EACH_IS_CONTROLLED = 1 << 2;
-const EACH_IS_ANIMATED = 1 << 3;
 const EACH_ITEM_IMMUTABLE = 1 << 4;
 const PROPS_IS_IMMUTABLE = 1;
 const PROPS_IS_UPDATED = 1 << 2;
@@ -3836,8 +3834,7 @@ var offscreen_anchor;
 function each(node, flags2, get_collection, get_key, render_fn2, fallback_fn = null) {
   var anchor = node;
   var items = /* @__PURE__ */ new Map();
-  var is_controlled = (flags2 & EACH_IS_CONTROLLED) !== 0;
-  if (is_controlled) {
+  {
     var parent_node = (
       /** @type {Element} */
       node
@@ -3962,31 +3959,17 @@ function skip_to_branch(effect2) {
   return effect2;
 }
 function reconcile(state2, array, anchor, flags2, get_key) {
-  var is_animated = (flags2 & EACH_IS_ANIMATED) !== 0;
   var length = array.length;
   var items = state2.items;
   var current = skip_to_branch(state2.effect.first);
   var seen;
   var prev = null;
-  var to_animate;
   var matched = [];
   var stashed = [];
   var value;
   var key;
   var effect2;
   var i;
-  if (is_animated) {
-    for (i = 0; i < length; i += 1) {
-      value = array[i];
-      key = get_key(value, i);
-      effect2 = /** @type {EachItem} */
-      items.get(key).e;
-      if ((effect2.f & EFFECT_OFFSCREEN) === 0) {
-        effect2.nodes?.a?.measure();
-        (to_animate ?? (to_animate = /* @__PURE__ */ new Set())).add(effect2);
-      }
-    }
-  }
   for (i = 0; i < length; i += 1) {
     value = array[i];
     key = get_key(value, i);
@@ -4021,10 +4004,6 @@ function reconcile(state2, array, anchor, flags2, get_key) {
     }
     if ((effect2.f & INERT) !== 0) {
       resume_effect(effect2);
-      if (is_animated) {
-        effect2.nodes?.a?.unfix();
-        (to_animate ?? (to_animate = /* @__PURE__ */ new Set())).delete(effect2);
-      }
     }
     if (effect2 !== current) {
       if (seen !== void 0 && seen.has(effect2)) {
@@ -4103,26 +4082,10 @@ function reconcile(state2, array, anchor, flags2, get_key) {
     }
     var destroy_length = to_destroy.length;
     if (destroy_length > 0) {
-      var controlled_anchor = (flags2 & EACH_IS_CONTROLLED) !== 0 && length === 0 ? anchor : null;
-      if (is_animated) {
-        for (i = 0; i < destroy_length; i += 1) {
-          to_destroy[i].nodes?.a?.measure();
-        }
-        for (i = 0; i < destroy_length; i += 1) {
-          to_destroy[i].nodes?.a?.fix();
-        }
-      }
+      var controlled_anchor = length === 0 ? anchor : null;
       pause_effects(state2, to_destroy, controlled_anchor);
     }
   }
-  if (is_animated) {
-    queue_micro_task(() => {
-      if (to_animate === void 0) return;
-      for (effect2 of to_animate) {
-        effect2.nodes?.a?.apply();
-      }
-    });
-  }
 }
 function create_item(items, anchor, value, key, index2, render_fn2, flags2, get_collection) {
   var v = (flags2 & EACH_ITEM_REACTIVE) !== 0 ? (flags2 & EACH_ITEM_IMMUTABLE) === 0 ? /* @__PURE__ */ mutable_source(value, false, false) : source(value) : null;
@@ -6555,8 +6518,8 @@ Return ONLY the simplified text.`;
 }
 var root_2$1 = /* @__PURE__ */ from_html(`<button class="accessify-chip accessify-chip--icon"><span class="accessify-chip-icon" aria-hidden="true"></span> <span> </span></button>`);
 var root_1$2 = /* @__PURE__ */ from_html(`<div class="accessify-control-row" role="group"><div class="accessify-control-label"><span class="accessify-control-label-icon" aria-hidden="true"></span> <span class="accessify-control-label-text"> </span></div> <div class="accessify-chip-row"></div></div>`);
-var root_4 = /* @__PURE__ */ from_html(`<button><span>A</span></button>`);
-var root_3$1 = /* @__PURE__ */ from_html(`<div class="accessify-control-row" role="group"><div class="accessify-control-label"><span class="accessify-control-label-icon" aria-hidden="true"></span> <span class="accessify-control-label-text"> </span></div> <div class="accessify-size-steps"></div></div>`);
+var root_4 = /* @__PURE__ */ from_html(`<button class="accessify-chip accessify-chip--icon"><span aria-hidden="true">A</span> <span> </span></button>`);
+var root_3$1 = /* @__PURE__ */ from_html(`<div class="accessify-control-row" role="group"><div class="accessify-control-label"><span class="accessify-control-label-icon" aria-hidden="true"></span> <span class="accessify-control-label-text"> </span></div> <div class="accessify-chip-row"></div></div>`);
 var root_6 = /* @__PURE__ */ from_html(`<div class="accessify-card-wrap"><button class="accessify-card" role="switch"><span class="accessify-card-icon" aria-hidden="true"></span> <span class="accessify-card-label"> </span></button> <span class="accessify-card-info" role="note"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg></span></div>`);
 var root_5 = /* @__PURE__ */ from_html(`<div class="accessify-features"></div>`);
 var root$2 = /* @__PURE__ */ from_html(`<!> <!> <div class="accessify-section-divider"></div> <!>`, 1);
@@ -6661,14 +6624,14 @@ function FeatureGrid($$anchor, $$props) {
   const FEATURE_LOADERS = {
     contrast: () => import("./contrast-CqsICAkU.js"),
     "text-size": () => import("./text-size-m_mHNPWo.js"),
-    "keyboard-nav": () => import("./keyboard-nav-By_dGJQ-.js"),
+    "keyboard-nav": () => import("./keyboard-nav-BPNT4h61.js"),
     "link-highlight": () => import("./link-highlight-DBGm067Y.js"),
     "reading-guide": () => import("./reading-guide-VT8NciIL.js"),
     "reading-mask": () => import("./reading-mask-BABChuCz.js"),
     "animation-stop": () => import("./animation-stop-_chC8bg1.js"),
     "hide-images": () => import("./hide-images-B_LeCBcd.js"),
     "big-cursor": () => import("./big-cursor-B2UKu9dQ.js"),
-    "page-structure": () => import("./page-structure-DM8eu0-9.js"),
+    "page-structure": () => import("./page-structure-Cg1a9HyG.js"),
     tts: () => import("./tts-CjszLRnb.js"),
     "text-simplify": () => import("./text-simplify-CK2GFhq2.js"),
     "alt-text": () => Promise.resolve().then(() => altText)
@@ -6871,24 +6834,37 @@ function FeatureGrid($$anchor, $$props) {
       var div_5 = sibling(div_4, 2);
       each(
         div_5,
-        20,
+        21,
         () => [
-          { pct: 85, size: "11px" },
-          { pct: 125, size: "16px" },
-          { pct: 175, size: "21px" }
+          {
+            pct: 85,
+            size: "12px",
+            label: $$props.config.lang?.startsWith("de") ? "Kleiner" : "Smaller"
+          },
+          {
+            pct: 125,
+            size: "16px",
+            label: $$props.config.lang?.startsWith("de") ? "Größer" : "Bigger"
+          },
+          {
+            pct: 150,
+            size: "20px",
+            label: $$props.config.lang?.startsWith("de") ? "Groß" : "Large"
+          }
         ],
         index,
         ($$anchor3, step) => {
           var button_1 = root_4();
-          let classes;
           var span_6 = child(button_1);
+          var span_7 = sibling(span_6, 2);
+          var text_3 = child(span_7);
           template_effect(() => {
-            classes = set_class(button_1, 1, "accessify-size-step-btn", null, classes, { active: get(textSize) === step.pct });
-            set_attribute(button_1, "aria-label", `${step.pct ?? ""}%`);
-            set_attribute(button_1, "aria-pressed", get(textSize) === step.pct);
-            set_style(span_6, `font-size:${step.size ?? ""}`);
+            set_attribute(button_1, "data-active", get(textSize) === get(step).pct);
+            set_attribute(button_1, "aria-pressed", get(textSize) === get(step).pct);
+            set_style(span_6, `font-size:${get(step).size ?? ""};font-weight:700;line-height:1`);
+            set_text(text_3, get(step).label);
           });
-          delegated("click", button_1, () => setTextSize(get(textSize) === step.pct ? 100 : step.pct));
+          delegated("click", button_1, () => setTextSize(get(textSize) === get(step).pct ? 100 : get(step).pct));
           append($$anchor3, button_1);
         }
       );
@@ -6926,19 +6902,19 @@ function FeatureGrid($$anchor, $$props) {
           const isActive = /* @__PURE__ */ user_derived(() => $$props.activeFeatures.get(get(feature).id) ?? false);
           var div_7 = root_6();
           var button_2 = child(div_7);
-          var span_7 = child(button_2);
-          html(span_7, () => getIcon(get(feature).iconId), true);
-          var span_8 = sibling(span_7, 2);
-          var text_3 = child(span_8);
-          var span_9 = sibling(button_2, 2);
+          var span_8 = child(button_2);
+          html(span_8, () => getIcon(get(feature).iconId), true);
+          var span_9 = sibling(span_8, 2);
+          var text_4 = child(span_9);
+          var span_10 = sibling(button_2, 2);
           template_effect(
             ($0, $1, $2, $3) => {
               set_attribute(button_2, "data-active", get(isActive));
               set_attribute(button_2, "aria-checked", get(isActive));
               set_attribute(button_2, "aria-label", $0);
-              set_text(text_3, $1);
-              set_attribute(span_9, "aria-label", $2);
-              set_attribute(span_9, "title", $3);
+              set_text(text_4, $1);
+              set_attribute(span_10, "aria-label", $2);
+              set_attribute(span_10, "title", $3);
             },
             [
               () => t(get(feature).nameKey, $$props.config.lang),
@@ -8013,22 +7989,7 @@ function createWidgetStyles(config2) {
       font-size: 13px; font-weight: 600; color: var(--text); user-select: none;
     }
 
-    /* Text Size 3-step buttons */
-    .accessify-size-steps {
-      display: flex; align-items: flex-end; gap: 6px;
-    }
-    .accessify-size-step-btn {
-      display: inline-flex; align-items: center; justify-content: center;
-      width: 36px; height: 36px; border-radius: 8px;
-      border: 1.5px solid var(--border); background: var(--surface-dim);
-      color: var(--text); cursor: pointer; font-weight: 700;
-      font-family: inherit; transition: all var(--fast);
-      line-height: 1;
-    }
-    .accessify-size-step-btn:hover { background: var(--surface-hover); }
-    .accessify-size-step-btn.active {
-      background: var(--accent); color: #fff; border-color: var(--accent);
-    }
+    /* Text Size: uses same .accessify-chip-row / .accessify-chip as contrast */
 
     /* ─── Feature Cards (2-column grid) ─── */
     .accessify-features {
@@ -8984,4 +8945,4 @@ export {
   init as i,
   t
 };
-//# sourceMappingURL=index-jJHI2SMZ.js.map
+//# sourceMappingURL=index-SYghhXzh.js.map