@lostgradient/cinder 0.6.0 → 0.7.0

package/dist/components/menu-bar/index.js

@@ -1684,7 +1684,7 @@ function rectsAreEqual(a, b) {
 function observeMove(element, onMove) {
   let io = null;
   let timeoutId;
-  const root3 = getDocumentElement(element);
+  const root4 = getDocumentElement(element);
   function cleanup() {
     var _io;
     clearTimeout(timeoutId);
@@ -1713,8 +1713,8 @@ function observeMove(element, onMove) {
       return;
     }
     const insetTop = floor(top);
-    const insetRight = floor(root3.clientWidth - (left + width));
-    const insetBottom = floor(root3.clientHeight - (top + height));
+    const insetRight = floor(root4.clientWidth - (left + width));
+    const insetBottom = floor(root4.clientHeight - (top + height));
     const insetLeft = floor(left);
     const rootMargin = -insetTop + "px " + -insetRight + "px " + -insetBottom + "px " + -insetLeft + "px";
     const options = {
@@ -1744,7 +1744,7 @@ function observeMove(element, onMove) {
     try {
       io = new IntersectionObserver(handleObserve, {
         ...options,
-        root: root3.ownerDocument
+        root: root4.ownerDocument
       });
     } catch (_e) {
       io = new IntersectionObserver(handleObserve, options);
@@ -2071,19 +2071,20 @@ function createPortalAttachment(options = {}) {
 }
 
 // src/components/portal/portal.svelte
+var rest_excludes = new Set([
+  "$$slots",
+  "$$events",
+  "$$legacy",
+  "target",
+  "disabled",
+  "class",
+  "inheritAttributes",
+  "children"
+]);
 var root = $2.from_html(`<div><!></div>`);
 function Portal($$anchor, $$props) {
   $2.push($$props, true);
-  let target = $2.prop($$props, "target", 3, null), disabled = $2.prop($$props, "disabled", 3, false), inheritAttributes = $2.prop($$props, "inheritAttributes", 3, true), rest = $2.rest_props($$props, [
-    "$$slots",
-    "$$events",
-    "$$legacy",
-    "target",
-    "disabled",
-    "class",
-    "inheritAttributes",
-    "children"
-  ]);
+  let target = $2.prop($$props, "target", 3, null), disabled = $2.prop($$props, "disabled", 3, false), inheritAttributes = $2.prop($$props, "inheritAttributes", 3, true), rest = $2.rest_props($$props, rest_excludes);
   let hasHydrated = $2.state(false);
   $2.user_effect(() => {
     $2.set(hasHydrated, true);
@@ -2383,26 +2384,27 @@ var [getDropdownSetOpenStrict, setDropdownSetOpen] = createContext2();
 var getDropdownSetOpen = getDropdownSetOpenStrict;
 
 // src/components/dropdown-item/dropdown-item.svelte
-var root_1 = $3.from_html(`<a><!></a>`);
-var root_3 = $3.from_html(`<button><!></button>`);
+var rest_excludes2 = new Set([
+  "$$slots",
+  "$$events",
+  "$$legacy",
+  "variant",
+  "itemRole",
+  "checked",
+  "inset",
+  "disabled",
+  "closeOnSelect",
+  "class",
+  "onclick",
+  "onkeydown",
+  "href",
+  "children"
+]);
+var root2 = $3.from_html(`<a><!></a>`);
+var root_1 = $3.from_html(`<button><!></button>`);
 function Dropdown_item($$anchor, $$props) {
   $3.push($$props, true);
-  let variant = $3.prop($$props, "variant", 3, "default"), itemRole = $3.prop($$props, "itemRole", 3, "menuitem"), checked = $3.prop($$props, "checked", 3, false), inset = $3.prop($$props, "inset", 3, false), closeOnSelect = $3.prop($$props, "closeOnSelect", 3, true), rest = $3.rest_props($$props, [
-    "$$slots",
-    "$$events",
-    "$$legacy",
-    "variant",
-    "itemRole",
-    "checked",
-    "inset",
-    "disabled",
-    "closeOnSelect",
-    "class",
-    "onclick",
-    "onkeydown",
-    "href",
-    "children"
-  ]);
+  let variant = $3.prop($$props, "variant", 3, "default"), itemRole = $3.prop($$props, "itemRole", 3, "menuitem"), checked = $3.prop($$props, "checked", 3, false), inset = $3.prop($$props, "inset", 3, false), closeOnSelect = $3.prop($$props, "closeOnSelect", 3, true), rest = $3.rest_props($$props, rest_excludes2);
   const context = getDropdownContext();
   const isLink = $3.derived(() => $$props.href !== undefined);
   const sharedClass = $3.derived(() => classNames("cinder-_option-row", "cinder-dropdown-item", inset() && "cinder-dropdown-item--inset", $$props.class));
@@ -2443,7 +2445,7 @@ function Dropdown_item($$anchor, $$props) {
   var node = $3.first_child(fragment);
   {
     var consequent_1 = ($$anchor2) => {
-      var a = root_1();
+      var a = root2();
       $3.attribute_effect(a, () => ({
         ...$3.get(anchorAttributes),
         href: $$props.href,
@@ -2474,7 +2476,7 @@ function Dropdown_item($$anchor, $$props) {
       $3.append($$anchor2, a);
     };
     var alternate = ($$anchor2) => {
-      var button = root_3();
+      var button = root_1();
       $3.attribute_effect(button, () => ({
         ...$3.get(buttonAttributes),
         type: $3.get(buttonType),
@@ -2518,11 +2520,12 @@ function Dropdown_item($$anchor, $$props) {
 // src/components/dropdown-label/dropdown-label.svelte
 import"svelte/internal/disclose-version";
 import * as $4 from "svelte/internal/client";
-var root2 = $4.from_html(`<div><!></div>`);
+var rest_excludes3 = new Set(["$$slots", "$$events", "$$legacy", "class", "children"]);
+var root3 = $4.from_html(`<div><!></div>`);
 function Dropdown_label($$anchor, $$props) {
   $4.push($$props, true);
-  let rest = $4.rest_props($$props, ["$$slots", "$$events", "$$legacy", "class", "children"]);
-  var div = root2();
+  let rest = $4.rest_props($$props, rest_excludes3);
+  var div = root3();
   $4.attribute_effect(div, ($0) => ({ ...rest, class: $0, role: "presentation" }), [() => classNames("cinder-dropdown-label", $$props.class)]);
   var node = $4.child(div);
   {
@@ -2713,17 +2716,18 @@ function createAnchoredOverlay(options) {
 }
 
 // src/components/dropdown-menu/dropdown-menu.svelte
-var root_12 = $6.from_html(`<div><!></div>`);
+var rest_excludes4 = new Set([
+  "$$slots",
+  "$$events",
+  "$$legacy",
+  "class",
+  "children",
+  "dir"
+]);
+var root4 = $6.from_html(`<div><!></div>`);
 function Dropdown_menu($$anchor, $$props) {
   $6.push($$props, true);
-  let rest = $6.rest_props($$props, [
-    "$$slots",
-    "$$events",
-    "$$legacy",
-    "class",
-    "children",
-    "dir"
-  ]);
+  let rest = $6.rest_props($$props, rest_excludes4);
   const context = getDropdownContext();
   const registerMenu = getDropdownRegister();
   const setOpen = getDropdownSetOpen();
@@ -2862,7 +2866,7 @@ function Dropdown_menu($$anchor, $$props) {
   var node = $6.first_child(fragment);
   {
     var consequent_1 = ($$anchor2) => {
-      var div = root_12();
+      var div = root4();
       $6.attribute_effect(div, ($0) => ({
         id: context.menuId,
         popover: context.supportsPopover ? "auto" : undefined,
@@ -2912,11 +2916,12 @@ function Dropdown_menu($$anchor, $$props) {
 // src/components/dropdown-separator/dropdown-separator.svelte
 import"svelte/internal/disclose-version";
 import * as $7 from "svelte/internal/client";
-var root3 = $7.from_html(`<div></div>`);
+var rest_excludes5 = new Set(["$$slots", "$$events", "$$legacy", "class"]);
+var root5 = $7.from_html(`<div></div>`);
 function Dropdown_separator($$anchor, $$props) {
   $7.push($$props, true);
-  let rest = $7.rest_props($$props, ["$$slots", "$$events", "$$legacy", "class"]);
-  var div = root3();
+  let rest = $7.rest_props($$props, rest_excludes5);
+  var div = root5();
   $7.attribute_effect(div, ($0) => ({ ...rest, class: $0, role: "separator" }), [() => classNames("cinder-dropdown-separator", $$props.class)]);
   $7.append($$anchor, div);
   $7.pop();
@@ -2940,35 +2945,34 @@ function Menu_bar_dropdown_context($$anchor, $$props) {
 }
 
 // src/components/menu-bar/menu-bar.svelte
-var root_2 = $9.from_html(` <span class="cinder-menu-bar__access-key"> </span> `, 1);
-var root_9 = $9.from_html(`<span class="cinder-menu-bar__shortcut" aria-hidden="true"> </span>`);
-var root_8 = $9.from_html(`<span class="cinder-menu-bar__item-label"> </span> <!>`, 1);
-var root_11 = $9.from_html(`<span class="cinder-menu-bar__item-label"> </span> <span class="cinder-menu-bar__submenu-indicator" aria-hidden="true">&gt;</span>`, 1);
-var root_17 = $9.from_html(`<span class="cinder-menu-bar__shortcut" aria-hidden="true"> </span>`);
-var root_16 = $9.from_html(`<span class="cinder-menu-bar__item-label"> </span> <!>`, 1);
-var root_10 = $9.from_html(`<div class="cinder-menu-bar__submenu" role="presentation"><!> <!></div>`);
+var rest_excludes6 = new Set([
+  "$$slots",
+  "$$events",
+  "$$legacy",
+  "id",
+  "menus",
+  "label",
+  "labelledBy",
+  "class",
+  "role",
+  "dir",
+  "aria-label",
+  "aria-labelledby",
+  "aria-orientation",
+  "onkeydown"
+]);
+var root6 = $9.from_html(` <span class="cinder-menu-bar__access-key"> </span> `, 1);
+var root_12 = $9.from_html(`<span class="cinder-menu-bar__shortcut" aria-hidden="true"> </span>`);
+var root_2 = $9.from_html(`<span class="cinder-menu-bar__item-label"> </span> <!>`, 1);
+var root_3 = $9.from_html(`<span class="cinder-menu-bar__item-label"> </span> <span class="cinder-menu-bar__submenu-indicator" aria-hidden="true">&gt;</span>`, 1);
+var root_4 = $9.from_html(`<div class="cinder-menu-bar__submenu" role="presentation"><!> <!></div>`);
 var root_5 = $9.from_html(`<div class="cinder-menu-bar__dropdown-scroll" role="presentation"></div>`);
-var root_13 = $9.from_html(`<div class="cinder-menu-bar__menu"><button type="button" class="cinder-menu-bar__trigger" role="menuitem" aria-haspopup="menu"><!></button> <!></div>`);
-var root4 = $9.from_html(`<div></div>`);
+var root_6 = $9.from_html(`<div class="cinder-menu-bar__menu"><button type="button" class="cinder-menu-bar__trigger" role="menuitem" aria-haspopup="menu"><!></button> <!></div>`);
+var root_7 = $9.from_html(`<div></div>`);
 function Menu_bar($$anchor, $$props) {
   const generatedId = $9.props_id();
   $9.push($$props, true);
-  let label = $9.prop($$props, "label", 3, "Application menu"), rest = $9.rest_props($$props, [
-    "$$slots",
-    "$$events",
-    "$$legacy",
-    "id",
-    "menus",
-    "label",
-    "labelledBy",
-    "class",
-    "role",
-    "dir",
-    "aria-label",
-    "aria-labelledby",
-    "aria-orientation",
-    "onkeydown"
-  ]);
+  let label = $9.prop($$props, "label", 3, "Application menu"), rest = $9.rest_props($$props, rest_excludes6);
   const rootId = $9.derived(() => $$props.id ?? generatedId);
   let rootElement = $9.state(null);
   let activeMenuIndex = $9.state(0);
@@ -3417,7 +3421,7 @@ function Menu_bar($$anchor, $$props) {
       return;
     handleRootKeydown(event2);
   }
-  var div = root4();
+  var div = root_7();
   $9.event("pointerdown", $9.document, handleDocumentPointerdown);
   $9.event("pointermove", $9.document, handleDocumentPointermove);
   $9.event("focusin", $9.document, handleDocumentFocusin);
@@ -3437,12 +3441,12 @@ function Menu_bar($$anchor, $$props) {
     const triggerId = $9.derived(() => topLevelTriggerId($9.get(menuIndex), $9.get(menu)));
     const menuId = $9.derived(() => topLevelMenuId($9.get(menuIndex), $9.get(menu)));
     const parts = $9.derived(() => labelParts($9.get(menu)));
-    var div_1 = root_13();
+    var div_1 = root_6();
     var button = $9.child(div_1);
     var node = $9.child(button);
     {
       var consequent = ($$anchor3) => {
-        var fragment = root_2();
+        var fragment = root6();
         var text2 = $9.first_child(fragment, true);
         var span = $9.sibling(text2);
         var text_1 = $9.child(span, true);
@@ -3529,14 +3533,14 @@ function Menu_bar($$anchor, $$props) {
                           $9.set(openSubmenuKey, null);
                         },
                         children: ($$anchor7, $$slotProps3) => {
-                          var fragment_5 = root_8();
+                          var fragment_5 = root_2();
                           var span_1 = $9.first_child(fragment_5);
                           var text_4 = $9.child(span_1, true);
                           $9.reset(span_1);
                           var node_3 = $9.sibling(span_1, 2);
                           {
                             var consequent_1 = ($$anchor8) => {
-                              var span_2 = root_9();
+                              var span_2 = root_12();
                               var text_5 = $9.child(span_2, true);
                               $9.reset(span_2);
                               $9.template_effect(() => $9.set_text(text_5, $9.get(entry).shortcut));
@@ -3558,7 +3562,7 @@ function Menu_bar($$anchor, $$props) {
                   var consequent_6 = ($$anchor6) => {
                     const submenuKey = $9.derived(() => submenuMenuId($9.get(menuIndex), $9.get(menu), $9.get(entryIndex), $9.get(entry)));
                     const submenuTrigger = $9.derived(() => submenuTriggerId($9.get(menuIndex), $9.get(menu), $9.get(entryIndex), $9.get(entry)));
-                    var div_3 = root_10();
+                    var div_3 = root_4();
                     var node_4 = $9.child(div_3);
                     {
                       let $02 = $9.derived(() => $9.get(openSubmenuKey) === $9.get(submenuKey) ? "true" : "false");
@@ -3604,7 +3608,7 @@ function Menu_bar($$anchor, $$props) {
                           }
                         },
                         children: ($$anchor7, $$slotProps3) => {
-                          var fragment_6 = root_11();
+                          var fragment_6 = root_3();
                           var span_3 = $9.first_child(fragment_6);
                           var text_6 = $9.child(span_3, true);
                           $9.reset(span_3);
@@ -3686,14 +3690,14 @@ function Menu_bar($$anchor, $$props) {
                                           },
                                           onclick: (event2) => $9.get(submenuEntry).onSelect?.(event2),
                                           children: ($$anchor11, $$slotProps5) => {
-                                            var fragment_11 = root_16();
+                                            var fragment_11 = root_2();
                                             var span_4 = $9.first_child(fragment_11);
                                             var text_7 = $9.child(span_4, true);
                                             $9.reset(span_4);
                                             var node_8 = $9.sibling(span_4, 2);
                                             {
                                               var consequent_3 = ($$anchor12) => {
-                                                var span_5 = root_17();
+                                                var span_5 = root_12();
                                                 var text_8 = $9.child(span_5, true);
                                                 $9.reset(span_5);
                                                 $9.template_effect(() => $9.set_text(text_8, $9.get(submenuEntry).shortcut));
@@ -3834,4 +3838,4 @@ export {
   Menu_bar as MenuBar
 };
 
-//# debugId=17D1E39D933BDB7164756E2164756E21
+//# debugId=A768391597CB989C64756E2164756E21

package/dist/components/message/index.js

@@ -65,24 +65,25 @@ function classNames(...parts) {
 
 // src/components/message/message.svelte
 var defaultNames = { user: "You", assistant: "Assistant", system: "System" };
-var root_1 = $.from_html(`<time class="cinder-message__time"> </time>`);
-var root_2 = $.from_html(`<div class="cinder-message__body"><!></div>`);
-var root = $.from_html(`<article><header class="cinder-message__header"><span class="cinder-message__name"> </span> <!></header> <!></article>`);
+var rest_excludes = new Set([
+  "$$slots",
+  "$$events",
+  "$$legacy",
+  "role",
+  "datetime",
+  "timestamp",
+  "name",
+  "class",
+  "children"
+]);
+var root = $.from_html(`<time class="cinder-message__time"> </time>`);
+var root_1 = $.from_html(`<div class="cinder-message__body"><!></div>`);
+var root_2 = $.from_html(`<article><header class="cinder-message__header"><span class="cinder-message__name"> </span> <!></header> <!></article>`);
 function Message($$anchor, $$props) {
   $.push($$props, true);
-  let rest = $.rest_props($$props, [
-    "$$slots",
-    "$$events",
-    "$$legacy",
-    "role",
-    "datetime",
-    "timestamp",
-    "name",
-    "class",
-    "children"
-  ]);
+  let rest = $.rest_props($$props, rest_excludes);
   const visibleName = $.derived(() => $$props.name ?? defaultNames[$$props.role]);
-  var article = root();
+  var article = root_2();
   $.attribute_effect(article, ($0) => ({ ...rest, "data-cinder-role": $$props.role, class: $0 }), [() => classNames("cinder-message", $$props.class)]);
   var header = $.child(article);
   var span = $.child(header);
@@ -91,7 +92,7 @@ function Message($$anchor, $$props) {
   var node = $.sibling(span, 2);
   {
     var consequent = ($$anchor2) => {
-      var time = root_1();
+      var time = root();
       var text_1 = $.child(time, true);
       $.reset(time);
       $.template_effect(() => {
@@ -109,7 +110,7 @@ function Message($$anchor, $$props) {
   var node_1 = $.sibling(header, 2);
   {
     var consequent_1 = ($$anchor2) => {
-      var div = root_2();
+      var div = root_1();
       var node_2 = $.child(div);
       $.snippet(node_2, () => $$props.children);
       $.reset(div);
@@ -133,4 +134,4 @@ export {
   Message
 };
 
-//# debugId=BEBD6CAA9C41841264756E2164756E21
+//# debugId=6A592D5EA9EA7DFC64756E2164756E21

package/dist/components/meter/index.js

@@ -73,8 +73,8 @@ function devWarn(message, ...args) {
 }
 
 // src/components/meter/meter.svelte
-var root_1 = $.from_html(`<div class="cinder-meter__segments" aria-hidden="true"><div></div> <div></div> <div></div></div>`);
-var root = $.from_html(`<div role="meter"><div class="cinder-meter__track"><!> <div class="cinder-meter__fill"></div></div></div>`);
+var root = $.from_html(`<div class="cinder-meter__segments" aria-hidden="true"><div></div> <div></div> <div></div></div>`);
+var root_1 = $.from_html(`<div role="meter"><div class="cinder-meter__track"><!> <div class="cinder-meter__fill"></div></div></div>`);
 function Meter($$anchor, $$props) {
   $.push($$props, true);
   const DEFAULT_MIN = 0;
@@ -158,12 +158,12 @@ function Meter($$anchor, $$props) {
       devWarn("[cinder/Meter] rendered without an accessible name — pass `ariaLabel` or `ariaLabelledby`.");
     }
   });
-  var div = root();
+  var div = root_1();
   var div_1 = $.child(div);
   var node = $.child(div_1);
   {
     var consequent = ($$anchor2) => {
-      var div_2 = root_1();
+      var div_2 = root();
       var div_3 = $.child(div_2);
       let styles;
       var div_4 = $.sibling(div_3, 2);
@@ -220,4 +220,4 @@ export {
   Meter
 };
 
-//# debugId=51E798C43A911B2264756E2164756E21
+//# debugId=D168A85348BA387564756E2164756E21

package/dist/components/modal/index.js

@@ -283,20 +283,21 @@ function createFocusTrap(options = {}) {
 }
 
 // src/components/focus-trap/focus-trap.svelte
+var rest_excludes = new Set([
+  "$$slots",
+  "$$events",
+  "$$legacy",
+  "active",
+  "restoreFocus",
+  "initialFocus",
+  "fallbackFocus",
+  "class",
+  "children"
+]);
 var root = $2.from_html(`<div><!></div>`);
 function Focus_trap($$anchor, $$props) {
   $2.push($$props, true);
-  let active = $2.prop($$props, "active", 3, true), restoreFocus = $2.prop($$props, "restoreFocus", 3, true), initialFocus = $2.prop($$props, "initialFocus", 3, null), fallbackFocus = $2.prop($$props, "fallbackFocus", 3, null), rest = $2.rest_props($$props, [
-    "$$slots",
-    "$$events",
-    "$$legacy",
-    "active",
-    "restoreFocus",
-    "initialFocus",
-    "fallbackFocus",
-    "class",
-    "children"
-  ]);
+  let active = $2.prop($$props, "active", 3, true), restoreFocus = $2.prop($$props, "restoreFocus", 3, true), initialFocus = $2.prop($$props, "initialFocus", 3, null), fallbackFocus = $2.prop($$props, "fallbackFocus", 3, null), rest = $2.rest_props($$props, rest_excludes);
   var div = root();
   $2.attribute_effect(div, ($0) => ({ class: $0, ...rest }), [() => classNames($$props.class)]);
   var node = $2.child(div);
@@ -501,10 +502,10 @@ function overflowFade() {
 }
 
 // src/components/modal/modal.svelte
-var root_3 = $3.from_html(`<div class="cinder-modal__footer"><!></div>`);
-var root_4 = $3.from_html(`<button type="button" class="cinder-modal__close" aria-label="Close dialog"><svg class="cinder-modal__close-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"><path d="M6.28 5.22a.75.75 0 00-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 101.06 1.06L10 11.06l3.72 3.72a.75.75 0 101.06-1.06L11.06 10l3.72-3.72a.75.75 0 00-1.06-1.06L10 8.94 6.28 5.22z"></path></svg></button>`);
+var root2 = $3.from_html(`<div class="cinder-modal__footer"><!></div>`);
+var root_1 = $3.from_html(`<button type="button" class="cinder-modal__close" aria-label="Close dialog"><svg class="cinder-modal__close-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"><path d="M6.28 5.22a.75.75 0 00-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 101.06 1.06L10 11.06l3.72 3.72a.75.75 0 101.06-1.06L11.06 10l3.72-3.72a.75.75 0 00-1.06-1.06L10 8.94 6.28 5.22z"></path></svg></button>`);
 var root_2 = $3.from_html(`<div class="cinder-modal__panel"><div class="cinder-modal__header"><h2 class="cinder-modal__title"> </h2></div> <div class="cinder-modal__body" tabindex="-1"><!></div> <!> <!></div>`);
-var root_1 = $3.from_html(`<dialog><!></dialog>`);
+var root_3 = $3.from_html(`<dialog><!></dialog>`);
 function Modal($$anchor, $$props) {
   const titleId = $3.props_id();
   $3.push($$props, true);
@@ -595,7 +596,7 @@ function Modal($$anchor, $$props) {
   var node = $3.first_child(fragment);
   {
     var consequent_3 = ($$anchor2) => {
-      var dialog = root_1();
+      var dialog = root_3();
       $3.attribute_effect(dialog, ($0) => ({
         class: $0,
         role: role(),
@@ -624,7 +625,7 @@ function Modal($$anchor, $$props) {
           var node_3 = $3.sibling(div_2, 2);
           {
             var consequent = ($$anchor4) => {
-              var div_3 = root_3();
+              var div_3 = root2();
               var node_4 = $3.child(div_3);
               $3.snippet(node_4, () => $$props.footer);
               $3.reset(div_3);
@@ -638,7 +639,7 @@ function Modal($$anchor, $$props) {
           var node_5 = $3.sibling(node_3, 2);
           {
             var consequent_1 = ($$anchor4) => {
-              var button = root_4();
+              var button = root_1();
               $3.delegated("click", button, dismiss);
               $3.append($$anchor4, button);
             };
@@ -685,4 +686,4 @@ export {
   Modal
 };
 
-//# debugId=D981156E389B453C64756E2164756E21
+//# debugId=2B36BA87FC200E1664756E2164756E21

package/dist/components/multi-select/index.js

@@ -184,20 +184,20 @@ function classNames(...parts) {
 }
 
 // src/components/multi-select/multi-select.svelte
-var root_2 = $.from_html(`<span class="cinder-_required-marker" aria-hidden="true">*</span>`);
+var root = $.from_html(`<span class="cinder-_required-marker" aria-hidden="true">*</span>`);
 var root_1 = $.from_html(`<label class="cinder-multi-select__label"> <!></label>`);
-var root_3 = $.from_html(`<span class="cinder-multi-select__count" aria-hidden="true"> </span>`);
-var root_4 = $.from_html(`<button type="button" class="cinder-multi-select__clear" aria-label="Clear selected items">×</button>`);
-var root_6 = $.from_html(`<input class="cinder-_input-frame cinder-multi-select__filter" type="text" role="combobox" placeholder="Filter options" aria-autocomplete="list" aria-haspopup="listbox"/>`);
-var root_9 = $.from_html(`<span class="cinder-multi-select__option-description"> </span>`);
-var root_7 = $.from_html(`<li role="option" class="cinder-_option-row cinder-multi-select__option"><span class="cinder-multi-select__checkbox" aria-hidden="true"><!></span> <span class="cinder-multi-select__option-text"><span class="cinder-multi-select__option-label"> </span> <!></span></li>`);
-var root_10 = $.from_html(`<li class="cinder-multi-select__empty" role="option" aria-disabled="true" aria-selected="false"> </li>`);
-var root_5 = $.from_html(`<div class="cinder-_floating-surface cinder-multi-select__panel" data-cinder-open=""><!> <ul role="listbox" class="cinder-multi-select__listbox" aria-multiselectable="true"></ul></div>`);
-var root_11 = $.from_html(`<p class="cinder-multi-select__sr-status" role="status" aria-live="polite"> </p> <span class="cinder-multi-select__sr-status">Filter options</span>`, 1);
-var root_13 = $.from_html(`<input type="hidden"/>`);
-var root_14 = $.from_html(`<p class="cinder-multi-select__description"> </p>`);
-var root_15 = $.from_html(`<p class="cinder-multi-select__warning"> </p>`);
-var root = $.from_html(`<div><!> <div class="cinder-multi-select__control"><button type="button" class="cinder-_input-frame cinder-multi-select__trigger" aria-haspopup="listbox"><span class="cinder-multi-select__summary cinder-_truncate"> </span> <!> <span class="cinder-multi-select__chevron" aria-hidden="true">▾</span></button> <!> <!></div> <!> <input type="text" tabindex="-1" aria-hidden="true" class="cinder-multi-select__validation-proxy"/> <!> <!> <!> <p class="cinder-multi-select__error" aria-live="polite"> </p></div>`);
+var root_2 = $.from_html(`<span class="cinder-multi-select__count" aria-hidden="true"> </span>`);
+var root_3 = $.from_html(`<button type="button" class="cinder-multi-select__clear" aria-label="Clear selected items">×</button>`);
+var root_4 = $.from_html(`<input class="cinder-_input-frame cinder-multi-select__filter" type="text" role="combobox" placeholder="Filter options" aria-autocomplete="list" aria-haspopup="listbox"/>`);
+var root_5 = $.from_html(`<span class="cinder-multi-select__option-description"> </span>`);
+var root_6 = $.from_html(`<li role="option" class="cinder-_option-row cinder-multi-select__option"><span class="cinder-multi-select__checkbox" aria-hidden="true"><!></span> <span class="cinder-multi-select__option-text"><span class="cinder-multi-select__option-label"> </span> <!></span></li>`);
+var root_7 = $.from_html(`<li class="cinder-multi-select__empty" role="option" aria-disabled="true" aria-selected="false"> </li>`);
+var root_8 = $.from_html(`<div class="cinder-_floating-surface cinder-multi-select__panel" data-cinder-open=""><!> <ul role="listbox" class="cinder-multi-select__listbox" aria-multiselectable="true"></ul></div>`);
+var root_9 = $.from_html(`<p class="cinder-multi-select__sr-status" role="status" aria-live="polite"> </p> <span class="cinder-multi-select__sr-status">Filter options</span>`, 1);
+var root_10 = $.from_html(`<input type="hidden"/>`);
+var root_11 = $.from_html(`<p class="cinder-multi-select__description"> </p>`);
+var root_12 = $.from_html(`<p class="cinder-multi-select__warning"> </p>`);
+var root_13 = $.from_html(`<div><!> <div class="cinder-multi-select__control"><button type="button" class="cinder-_input-frame cinder-multi-select__trigger" aria-haspopup="listbox"><span class="cinder-multi-select__summary cinder-_truncate"> </span> <!> <span class="cinder-multi-select__chevron" aria-hidden="true">▾</span></button> <!> <!></div> <!> <input type="text" tabindex="-1" aria-hidden="true" class="cinder-multi-select__validation-proxy"/> <!> <!> <!> <p class="cinder-multi-select__error" aria-live="polite"> </p></div>`);
 function Multi_select($$anchor, $$props) {
   $.push($$props, true);
   let selectedIds = $.prop($$props, "selectedIds", 31, () => $.proxy([])), placeholder = $.prop($$props, "placeholder", 3, "Select options"), readonly = $.prop($$props, "readonly", 3, false), filterable = $.prop($$props, "filterable", 3, false), selectionFeedback = $.prop($$props, "selectionFeedback", 3, "fixed"), direction = $.prop($$props, "direction", 3, "down");
@@ -522,7 +522,7 @@ function Multi_select($$anchor, $$props) {
     const activeOption = document.getElementById(`${$$props.id}-option-${$.get(activeIndex)}`);
     activeOption?.scrollIntoView?.({ block: "nearest" });
   });
-  var div = root();
+  var div = root_13();
   var node = $.child(div);
   {
     var consequent_1 = ($$anchor2) => {
@@ -531,7 +531,7 @@ function Multi_select($$anchor, $$props) {
       var node_1 = $.sibling(text2);
       {
         var consequent = ($$anchor3) => {
-          var span = root_2();
+          var span = root();
           $.append($$anchor3, span);
         };
         $.if(node_1, ($$render) => {
@@ -561,7 +561,7 @@ function Multi_select($$anchor, $$props) {
   var node_2 = $.sibling(span_1, 2);
   {
     var consequent_2 = ($$anchor2) => {
-      var span_2 = root_3();
+      var span_2 = root_2();
       var text_2 = $.child(span_2, true);
       $.reset(span_2);
       $.template_effect(() => $.set_text(text_2, $.get(selectedCount)));
@@ -578,7 +578,7 @@ function Multi_select($$anchor, $$props) {
   var node_3 = $.sibling(button, 2);
   {
     var consequent_3 = ($$anchor2) => {
-      var button_1 = root_4();
+      var button_1 = root_3();
       $.delegated("click", button_1, clearSelection);
       $.append($$anchor2, button_1);
     };
@@ -590,11 +590,11 @@ function Multi_select($$anchor, $$props) {
   var node_4 = $.sibling(node_3, 2);
   {
     var consequent_7 = ($$anchor2) => {
-      var div_2 = root_5();
+      var div_2 = root_8();
       var node_5 = $.child(div_2);
       {
         var consequent_4 = ($$anchor3) => {
-          var input = root_6();
+          var input = root_4();
           $.remove_input_defaults(input);
           $.bind_this(input, ($$value) => $.set(filterElement, $$value), () => $.get(filterElement));
           $.template_effect(() => {
@@ -618,7 +618,7 @@ function Multi_select($$anchor, $$props) {
       }
       var ul = $.sibling(node_5, 2);
       $.each(ul, 23, () => $.get(visibleItems), (item) => item.id, ($$anchor3, item, index) => {
-        var li = root_7();
+        var li = root_6();
         var span_3 = $.child(li);
         var node_6 = $.child(span_3);
         {
@@ -640,7 +640,7 @@ function Multi_select($$anchor, $$props) {
         var node_7 = $.sibling(span_5, 2);
         {
           var consequent_6 = ($$anchor4) => {
-            var span_6 = root_9();
+            var span_6 = root_5();
             var text_5 = $.child(span_6, true);
             $.reset(span_6);
             $.template_effect(() => $.set_text(text_5, $.get(item).description));
@@ -674,7 +674,7 @@ function Multi_select($$anchor, $$props) {
         });
         $.append($$anchor3, li);
       }, ($$anchor3) => {
-        var li_1 = root_10();
+        var li_1 = root_7();
         var text_6 = $.child(li_1, true);
         $.reset(li_1);
         $.template_effect(() => $.set_text(text_6, $.get(emptyListMessage)));
@@ -708,7 +708,7 @@ function Multi_select($$anchor, $$props) {
   var node_8 = $.sibling(div_1, 2);
   {
     var consequent_8 = ($$anchor2) => {
-      var fragment = root_11();
+      var fragment = root_9();
       var p = $.first_child(fragment);
       var text_7 = $.child(p, true);
       $.reset(p);
@@ -733,7 +733,7 @@ function Multi_select($$anchor, $$props) {
       var fragment_1 = $.comment();
       var node_10 = $.first_child(fragment_1);
       $.each(node_10, 16, () => $.get(uniqueSelectedIds), (selectedId) => selectedId, ($$anchor3, selectedId) => {
-        var input_2 = root_13();
+        var input_2 = root_10();
         $.remove_input_defaults(input_2);
         $.template_effect(() => {
           $.set_attribute(input_2, "name", $$props.name);
@@ -752,7 +752,7 @@ function Multi_select($$anchor, $$props) {
   var node_11 = $.sibling(node_9, 2);
   {
     var consequent_10 = ($$anchor2) => {
-      var p_1 = root_14();
+      var p_1 = root_11();
       var text_8 = $.child(p_1, true);
       $.reset(p_1);
       $.template_effect(() => {
@@ -769,7 +769,7 @@ function Multi_select($$anchor, $$props) {
   var node_12 = $.sibling(node_11, 2);
   {
     var consequent_11 = ($$anchor2) => {
-      var p_2 = root_15();
+      var p_2 = root_12();
       var text_9 = $.child(p_2, true);
       $.reset(p_2);
       $.template_effect(() => {
@@ -824,4 +824,4 @@ export {
   Multi_select as MultiSelect
 };
 
-//# debugId=3F33B5F16A000F4A64756E2164756E21
+//# debugId=F859B66A1EF9085364756E2164756E21