@lostgradient/cinder 0.6.0 → 0.8.0

package/dist/components/data-table/index.js

@@ -144,33 +144,34 @@ function commitValue(proposed, onValueChange, setValue) {
 }
 
 // src/components/checkbox/checkbox.svelte
-var root_2 = $.from_html(`<span class="cinder-_required-marker" aria-hidden="true">*</span>`);
+var rest_excludes = new Set([
+  "$$slots",
+  "$$events",
+  "$$legacy",
+  "id",
+  "checked",
+  "onValueChange",
+  "indeterminate",
+  "label",
+  "description",
+  "error",
+  "disabled",
+  "required",
+  "fieldClass",
+  "class",
+  "aria-describedby",
+  "aria-invalid",
+  "onchange"
+]);
+var root = $.from_html(`<span class="cinder-_required-marker" aria-hidden="true">*</span>`);
 var root_1 = $.from_html(`<label class="cinder-checkbox-field__label"> <!></label>`);
-var root_3 = $.from_html(`<p class="cinder-checkbox-field__description"> </p>`);
-var root_4 = $.from_html(`<p class="cinder-checkbox-field__error" aria-live="polite"> </p>`);
-var root = $.from_html(`<div><div class="cinder-checkbox-row"><span class="cinder-checkbox-field__control"><input/> <span class="cinder-checkbox-field__indicator" aria-hidden="true"></span></span> <!></div> <!> <!></div>`);
+var root_2 = $.from_html(`<p class="cinder-checkbox-field__description"> </p>`);
+var root_3 = $.from_html(`<p class="cinder-checkbox-field__error" aria-live="polite"> </p>`);
+var root_4 = $.from_html(`<div><div class="cinder-checkbox-row"><span class="cinder-checkbox-field__control"><input/> <span class="cinder-checkbox-field__indicator" aria-hidden="true"></span></span> <!></div> <!> <!></div>`);
 function Checkbox($$anchor, $$props) {
   const generatedId = $.props_id();
   $.push($$props, true);
-  let checked = $.prop($$props, "checked", 15, false), indeterminate = $.prop($$props, "indeterminate", 11, false), rest = $.rest_props($$props, [
-    "$$slots",
-    "$$events",
-    "$$legacy",
-    "id",
-    "checked",
-    "onValueChange",
-    "indeterminate",
-    "label",
-    "description",
-    "error",
-    "disabled",
-    "required",
-    "fieldClass",
-    "class",
-    "aria-describedby",
-    "aria-invalid",
-    "onchange"
-  ]);
+  let checked = $.prop($$props, "checked", 15, false), indeterminate = $.prop($$props, "indeterminate", 11, false), rest = $.rest_props($$props, rest_excludes);
   const context = getFormFieldContext();
   const field = $.derived(() => resolveFieldControl({
     ...$$props.id !== undefined ? { id: $$props.id } : {},
@@ -229,7 +230,7 @@ function Checkbox($$anchor, $$props) {
     target.indeterminate = indeterminate() && !committed;
     $$props.onchange?.(event);
   }
-  var div = root();
+  var div = root_4();
   var div_1 = $.child(div);
   var span = $.child(div_1);
   var input = $.child(span);
@@ -256,7 +257,7 @@ function Checkbox($$anchor, $$props) {
       var node_1 = $.sibling(text);
       {
         var consequent = ($$anchor3) => {
-          var span_1 = root_2();
+          var span_1 = root();
           $.append($$anchor3, span_1);
         };
         $.if(node_1, ($$render) => {
@@ -281,7 +282,7 @@ function Checkbox($$anchor, $$props) {
   var node_2 = $.sibling(div_1, 2);
   {
     var consequent_2 = ($$anchor2) => {
-      var p = root_3();
+      var p = root_2();
       var text_1 = $.child(p, true);
       $.reset(p);
       $.template_effect(() => {
@@ -298,7 +299,7 @@ function Checkbox($$anchor, $$props) {
   var node_3 = $.sibling(node_2, 2);
   {
     var consequent_3 = ($$anchor2) => {
-      var p_1 = root_4();
+      var p_1 = root_3();
       var text_2 = $.child(p_1, true);
       $.reset(p_1);
       $.template_effect(() => {
@@ -353,17 +354,18 @@ function Table_body($$anchor, $$props) {
 // src/components/table-cell/table-cell.svelte
 import"svelte/internal/disclose-version";
 import * as $3 from "svelte/internal/client";
+var rest_excludes2 = new Set([
+  "$$slots",
+  "$$events",
+  "$$legacy",
+  "align",
+  "as",
+  "class",
+  "children"
+]);
 function Table_cell($$anchor, $$props) {
   $3.push($$props, true);
-  let align = $3.prop($$props, "align", 3, "left"), as = $3.prop($$props, "as", 3, "td"), rest = $3.rest_props($$props, [
-    "$$slots",
-    "$$events",
-    "$$legacy",
-    "align",
-    "as",
-    "class",
-    "children"
-  ]);
+  let align = $3.prop($$props, "align", 3, "left"), as = $3.prop($$props, "as", 3, "td"), rest = $3.rest_props($$props, rest_excludes2);
   var fragment = $3.comment();
   var node = $3.first_child(fragment);
   $3.element(node, as, false, ($$element, $$anchor2) => {
@@ -385,21 +387,22 @@ function Table_cell($$anchor, $$props) {
 // src/components/table-header-cell/table-header-cell.svelte
 import"svelte/internal/disclose-version";
 import * as $4 from "svelte/internal/client";
-var root_12 = $4.from_html(`<button><!> <span class="cinder-table__sort-indicator" aria-hidden="true"><svg viewBox="0 0 16 16" width="12" height="12" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline class="cinder-table__sort-chevron-up" points="4 7 8 4 12 7"></polyline><polyline class="cinder-table__sort-chevron-down" points="4 9 8 12 12 9"></polyline></svg></span></button>`);
-var root3 = $4.from_html(`<th><!></th>`);
+var rest_excludes3 = new Set([
+  "$$slots",
+  "$$events",
+  "$$legacy",
+  "column",
+  "sortable",
+  "scope",
+  "align",
+  "class",
+  "children"
+]);
+var root3 = $4.from_html(`<button><!> <span class="cinder-table__sort-indicator" aria-hidden="true"><svg viewBox="0 0 16 16" width="12" height="12" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline class="cinder-table__sort-chevron-up" points="4 7 8 4 12 7"></polyline><polyline class="cinder-table__sort-chevron-down" points="4 9 8 12 12 9"></polyline></svg></span></button>`);
+var root_12 = $4.from_html(`<th><!></th>`);
 function Table_header_cell($$anchor, $$props) {
   $4.push($$props, true);
-  let sortable = $4.prop($$props, "sortable", 3, false), scope = $4.prop($$props, "scope", 3, "col"), align = $4.prop($$props, "align", 3, "left"), rest = $4.rest_props($$props, [
-    "$$slots",
-    "$$events",
-    "$$legacy",
-    "column",
-    "sortable",
-    "scope",
-    "align",
-    "class",
-    "children"
-  ]);
+  let sortable = $4.prop($$props, "sortable", 3, false), scope = $4.prop($$props, "scope", 3, "col"), align = $4.prop($$props, "align", 3, "left"), rest = $4.rest_props($$props, rest_excludes3);
   const table = getTableContext();
   const isSortable = $4.derived(() => sortable() && !!$$props.column);
   const ariaSort = $4.derived(() => $4.get(isSortable) && table.sort?.column === $$props.column ? table.sort?.direction : $4.get(isSortable) ? "none" : undefined);
@@ -410,7 +413,7 @@ function Table_header_cell($$anchor, $$props) {
       return;
     table.onsortchange($$props.column);
   }
-  var th = root3();
+  var th = root_12();
   $4.attribute_effect(th, ($0) => ({
     ...rest,
     scope: scope(),
@@ -422,7 +425,7 @@ function Table_header_cell($$anchor, $$props) {
   var node = $4.child(th);
   {
     var consequent = ($$anchor2) => {
-      var button = root_12();
+      var button = root3();
       $4.attribute_effect(button, () => ({
         ...$4.get(sortButtonDescriptionAttributes),
         type: "button",
@@ -505,23 +508,24 @@ function Table_header($$anchor, $$props) {
 import"svelte/internal/disclose-version";
 import * as $6 from "svelte/internal/client";
 import { untrack as untrack2 } from "svelte";
-var root_13 = $6.from_html(`<th scope="col" class="cinder-table__header-cell cinder-table__header-cell--selection"><input type="checkbox" class="cinder-table__selection-checkbox"/></th>`);
-var root_32 = $6.from_html(`<td class="cinder-table__cell cinder-table__cell--selection cinder-table__cell--selection-disabled"><input type="checkbox" class="cinder-table__selection-checkbox" disabled=""/></td>`);
-var root_42 = $6.from_html(`<td class="cinder-table__cell cinder-table__cell--selection"><input type="checkbox" class="cinder-table__selection-checkbox"/></td>`);
-var root5 = $6.from_html(`<tr><!><!><!></tr>`);
+var rest_excludes4 = new Set([
+  "$$slots",
+  "$$events",
+  "$$legacy",
+  "class",
+  "children",
+  "selected",
+  "onselectedchange",
+  "selectionLabel",
+  "selectionDisabled"
+]);
+var root5 = $6.from_html(`<th scope="col" class="cinder-table__header-cell cinder-table__header-cell--selection"><input type="checkbox" class="cinder-table__selection-checkbox"/></th>`);
+var root_13 = $6.from_html(`<td class="cinder-table__cell cinder-table__cell--selection cinder-table__cell--selection-disabled"><input type="checkbox" class="cinder-table__selection-checkbox" disabled=""/></td>`);
+var root_22 = $6.from_html(`<td class="cinder-table__cell cinder-table__cell--selection"><input type="checkbox" class="cinder-table__selection-checkbox"/></td>`);
+var root_32 = $6.from_html(`<tr><!><!><!></tr>`);
 function Table_row($$anchor, $$props) {
   $6.push($$props, true);
-  let rest = $6.rest_props($$props, [
-    "$$slots",
-    "$$events",
-    "$$legacy",
-    "class",
-    "children",
-    "selected",
-    "onselectedchange",
-    "selectionLabel",
-    "selectionDisabled"
-  ]);
+  let rest = $6.rest_props($$props, rest_excludes4);
   const table = tryGetTableContext();
   const selectionEnabled = table?.selectionEnabled ?? false;
   const section = tryGetTableSectionContext();
@@ -558,12 +562,12 @@ function Table_row($$anchor, $$props) {
   if (shouldRenderHeaderSelectionCell) {
     headerSelection?.claimSelectionHeaderCell();
   }
-  var tr = root5();
+  var tr = root_32();
   $6.attribute_effect(tr, ($0) => ({ ...rest, class: $0 }), [() => classNames("cinder-table__row", $$props.class)]);
   var node_1 = $6.child(tr);
   {
     var consequent = ($$anchor2) => {
-      var th = root_13();
+      var th = root5();
       var input_1 = $6.child(th);
       $6.remove_input_defaults(input_1);
       $6.attach(input_1, () => (node) => {
@@ -591,14 +595,14 @@ function Table_row($$anchor, $$props) {
       var node_3 = $6.first_child(fragment);
       {
         var consequent_1 = ($$anchor3) => {
-          var td = root_32();
+          var td = root_13();
           var input_2 = $6.child(td);
           $6.reset(td);
           $6.template_effect(() => $6.set_attribute(input_2, "aria-label", $$props.selectionLabel ?? "Selection not allowed for this row"));
           $6.append($$anchor3, td);
         };
         var alternate = ($$anchor3) => {
-          var td_1 = root_42();
+          var td_1 = root_22();
           var input_3 = $6.child(td_1);
           $6.remove_input_defaults(input_3);
           $6.reset(td_1);
@@ -671,22 +675,23 @@ function useResizeObserver(onResize, options = {}) {
 }
 
 // src/components/table/table.svelte
-var root_14 = $8.from_html(`<caption class="cinder-table__caption"> </caption>`);
-var root6 = $8.from_html(`<table><!><!></table>`);
+var rest_excludes5 = new Set([
+  "$$slots",
+  "$$events",
+  "$$legacy",
+  "sort",
+  "caption",
+  "stickyHeader",
+  "density",
+  "selectable",
+  "class",
+  "children"
+]);
+var root6 = $8.from_html(`<caption class="cinder-table__caption"> </caption>`);
+var root_14 = $8.from_html(`<table><!><!></table>`);
 function Table($$anchor, $$props) {
   $8.push($$props, true);
-  let sort = $8.prop($$props, "sort", 15), stickyHeader = $8.prop($$props, "stickyHeader", 3, false), density = $8.prop($$props, "density", 3, "comfortable"), selectable = $8.prop($$props, "selectable", 3, false), rest = $8.rest_props($$props, [
-    "$$slots",
-    "$$events",
-    "$$legacy",
-    "sort",
-    "caption",
-    "stickyHeader",
-    "density",
-    "selectable",
-    "class",
-    "children"
-  ]);
+  let sort = $8.prop($$props, "sort", 15), stickyHeader = $8.prop($$props, "stickyHeader", 3, false), density = $8.prop($$props, "density", 3, "comfortable"), selectable = $8.prop($$props, "selectable", 3, false), rest = $8.rest_props($$props, rest_excludes5);
   let captionHeight = $8.state(0);
   const measureCaption = useResizeObserver((entries) => {
     const entry = entries[0];
@@ -713,7 +718,7 @@ function Table($$anchor, $$props) {
     },
     onsortchange
   });
-  var table = root6();
+  var table = root_14();
   $8.attribute_effect(table, ($0) => ({
     ...rest,
     class: $0,
@@ -727,7 +732,7 @@ function Table($$anchor, $$props) {
   var node = $8.child(table);
   {
     var consequent = ($$anchor2) => {
-      var caption_1 = root_14();
+      var caption_1 = root6();
       var text = $8.child(caption_1, true);
       $8.reset(caption_1);
       $8.attach(caption_1, () => measureCaption);
@@ -818,15 +823,37 @@ function getFixedVirtualWindow({
 }
 
 // src/components/data-table/data-table.svelte
-var root_5 = $9.from_html(`<th scope="col" class="cinder-table__header-cell cinder-table__header-cell--selection"><!></th>`);
-var root_43 = $9.from_html(`<!> <!>`, 1);
-var root_10 = $9.from_html(`<tr class="cinder-data-table__virtual-spacer" aria-hidden="true"><td class="cinder-data-table__virtual-spacer-cell"></td></tr>`);
-var root_132 = $9.from_html(`<td class="cinder-table__cell cinder-table__cell--selection"><!></td>`);
-var root_122 = $9.from_html(`<!> <!>`, 1);
-var root_16 = $9.from_html(`<tr class="cinder-data-table__virtual-spacer" aria-hidden="true"><td class="cinder-data-table__virtual-spacer-cell"></td></tr>`);
-var root_9 = $9.from_html(`<!> <!> <!>`, 1);
-var root_22 = $9.from_html(`<!> <!>`, 1);
-var root7 = $9.from_html(`<div><!></div>`);
+var rest_excludes6 = new Set([
+  "$$slots",
+  "$$events",
+  "$$legacy",
+  "columns",
+  "rows",
+  "caption",
+  "sort",
+  "selectable",
+  "selectedRowIds",
+  "getRowId",
+  "isRowSelectionDisabled",
+  "selectAllLabel",
+  "rowSelectionLabel",
+  "stickyHeader",
+  "density",
+  "scrollable",
+  "virtualized",
+  "rowHeight",
+  "overscan",
+  "height",
+  "stickToBottom",
+  "onscroll",
+  "class"
+]);
+var root7 = $9.from_html(`<th scope="col" class="cinder-table__header-cell cinder-table__header-cell--selection"><!></th>`);
+var root_15 = $9.from_html(`<!> <!>`, 1);
+var root_23 = $9.from_html(`<tr class="cinder-data-table__virtual-spacer" aria-hidden="true"><td class="cinder-data-table__virtual-spacer-cell"></td></tr>`);
+var root_33 = $9.from_html(`<td class="cinder-table__cell cinder-table__cell--selection"><!></td>`);
+var root_42 = $9.from_html(`<!> <!> <!>`, 1);
+var root_5 = $9.from_html(`<div><!></div>`);
 function Data_table($$anchor, $$props) {
   $9.push($$props, true);
   const table = ($$anchor2) => {
@@ -844,17 +871,17 @@ function Data_table($$anchor, $$props) {
         sort($$value);
       },
       children: ($$anchor3, $$slotProps) => {
-        var fragment_1 = root_22();
+        var fragment_1 = root_15();
         var node = $9.first_child(fragment_1);
         Table_header(node, {
           children: ($$anchor4, $$slotProps2) => {
             Table_row($$anchor4, {
               children: ($$anchor5, $$slotProps3) => {
-                var fragment_3 = root_43();
+                var fragment_3 = root_15();
                 var node_1 = $9.first_child(fragment_3);
                 {
                   var consequent_1 = ($$anchor6) => {
-                    var th = root_5();
+                    var th = root7();
                     var node_2 = $9.child(th);
                     {
                       var consequent = ($$anchor7) => {
@@ -924,11 +951,11 @@ function Data_table($$anchor, $$props) {
         var node_4 = $9.sibling(node, 2);
         Table_body(node_4, {
           children: ($$anchor4, $$slotProps2) => {
-            var fragment_7 = root_9();
+            var fragment_7 = root_42();
             var node_5 = $9.first_child(fragment_7);
             {
               var consequent_2 = ($$anchor5) => {
-                var tr = root_10();
+                var tr = root_23();
                 var td = $9.child(tr);
                 let styles;
                 $9.reset(tr);
@@ -954,13 +981,13 @@ function Data_table($$anchor, $$props) {
                 onkeydown: (event) => handleRowKeydown(event, $9.get(virtualRow).index)
               } : {}, {
                 children: ($$anchor6, $$slotProps3) => {
-                  var fragment_9 = root_122();
+                  var fragment_9 = root_15();
                   var node_7 = $9.first_child(fragment_9);
                   {
                     var consequent_3 = ($$anchor7) => {
                       const rowSelectionDisabled = $9.derived(() => $$props.isRowSelectionDisabled?.($9.get(virtualRow).row, $9.get(virtualRow).index) ?? false);
                       const rowId = $9.derived(() => resolveRowId($9.get(virtualRow).row, $9.get(virtualRow).index));
-                      var td_1 = root_132();
+                      var td_1 = root_33();
                       var node_8 = $9.child(td_1);
                       {
                         let $0 = $9.derived(() => $9.get(selectedRowIdSet).has($9.get(rowId)));
@@ -1021,7 +1048,7 @@ function Data_table($$anchor, $$props) {
             var node_10 = $9.sibling(node_6, 2);
             {
               var consequent_4 = ($$anchor5) => {
-                var tr_1 = root_16();
+                var tr_1 = root_23();
                 var td_2 = $9.child(tr_1);
                 let styles_1;
                 $9.reset(tr_1);
@@ -1045,31 +1072,7 @@ function Data_table($$anchor, $$props) {
       $$slots: { default: true }
     }));
   };
-  let sort = $9.prop($$props, "sort", 15), selectable = $9.prop($$props, "selectable", 3, "none"), selectedRowIds = $9.prop($$props, "selectedRowIds", 31, () => $9.proxy([])), selectAllLabel = $9.prop($$props, "selectAllLabel", 3, "Select all rows"), stickyHeader = $9.prop($$props, "stickyHeader", 3, false), density = $9.prop($$props, "density", 3, "comfortable"), scrollable = $9.prop($$props, "scrollable", 3, false), virtualized = $9.prop($$props, "virtualized", 3, false), rowHeight = $9.prop($$props, "rowHeight", 3, 44), overscan = $9.prop($$props, "overscan", 3, 5), height = $9.prop($$props, "height", 3, "24rem"), stickToBottom = $9.prop($$props, "stickToBottom", 3, false), rest = $9.rest_props($$props, [
-    "$$slots",
-    "$$events",
-    "$$legacy",
-    "columns",
-    "rows",
-    "caption",
-    "sort",
-    "selectable",
-    "selectedRowIds",
-    "getRowId",
-    "isRowSelectionDisabled",
-    "selectAllLabel",
-    "rowSelectionLabel",
-    "stickyHeader",
-    "density",
-    "scrollable",
-    "virtualized",
-    "rowHeight",
-    "overscan",
-    "height",
-    "stickToBottom",
-    "onscroll",
-    "class"
-  ]);
+  let sort = $9.prop($$props, "sort", 15), selectable = $9.prop($$props, "selectable", 3, "none"), selectedRowIds = $9.prop($$props, "selectedRowIds", 31, () => $9.proxy([])), selectAllLabel = $9.prop($$props, "selectAllLabel", 3, "Select all rows"), stickyHeader = $9.prop($$props, "stickyHeader", 3, false), density = $9.prop($$props, "density", 3, "comfortable"), scrollable = $9.prop($$props, "scrollable", 3, false), virtualized = $9.prop($$props, "virtualized", 3, false), rowHeight = $9.prop($$props, "rowHeight", 3, 44), overscan = $9.prop($$props, "overscan", 3, 5), height = $9.prop($$props, "height", 3, "24rem"), stickToBottom = $9.prop($$props, "stickToBottom", 3, false), rest = $9.rest_props($$props, rest_excludes6);
   let wrapperElement = $9.state(undefined);
   let scrollOffset = $9.state(0);
   let measuredViewportHeight = $9.state(0);
@@ -1345,7 +1348,7 @@ function Data_table($$anchor, $$props) {
       focusRow($$props.rows.length - 1);
     }
   }
-  var div = root7();
+  var div = root_5();
   $9.attribute_effect(div, ($0) => ({
     ...rest,
     class: $0,
@@ -1375,4 +1378,4 @@ export {
   Data_table as DataTable
 };
 
-//# debugId=96FEE28148BF9B3864756E2164756E21
+//# debugId=4476472E5713EABB64756E2164756E21