@hkdigital/lib-sveltekit 0.1.6 → 0.1.8

package/dist/components/layout/HkGridLayers.svelte.d.ts

@@ -1,4 +1,27 @@
 export default HkGridLayers;
+type HkGridLayers = {
+    $on?(type: string, callback: (e: any) => void): () => void;
+    $set?(props: Partial<{
+        base?: string;
+        bg?: string;
+        padding?: string;
+        margin?: string;
+        height?: string;
+        classes?: string;
+        style?: string;
+        boxBase?: string;
+        boxBg?: string;
+        boxPadding?: string;
+        boxMargin?: string;
+        boxClasses?: string;
+        boxAttrs?: {
+            [attr: string]: any;
+        };
+        children: Snippet<[]>;
+    } & {
+        [attr: string]: any;
+    }>): void;
+};
 declare const HkGridLayers: import("svelte").Component<{
     base?: string;
     bg?: string;

package/dist/components/layout/index.js

@@ -1,9 +1,9 @@
-export {
-	createOrGetState as createOrGetAppLayoutState,
-	createState as createAppLayoutState,
-	getState as getAppLayoutState
-} from './HkAppLayout.state.svelte.js';
-
-export { default as HkAppLayout } from './HkAppLayout.svelte';
-
-export { default as HkGridLayers } from './HkGridLayers.svelte';
+export {
+	createOrGetState as createOrGetAppLayoutState,
+	createState as createAppLayoutState,
+	getState as getAppLayoutState
+} from './HkAppLayout.state.svelte.js';
+
+export { default as HkAppLayout } from './HkAppLayout.svelte';
+
+export { default as HkGridLayers } from './HkGridLayers.svelte';

package/dist/components/panels/index.js

@@ -1 +1 @@
-export { default as PlainPanel } from './plain-panel/PlainPanel.svelte';
+export { default as PlainPanel } from './plain-panel/PlainPanel.svelte';

package/dist/components/panels/plain-panel/PlainPanel.svelte

@@ -1,33 +1,33 @@
-<script>
-  /**
-   * @example
-   *
-   *
-   */
-
-  /**
-   * @type {{
-   *   base?: string,
-   *   bg?: string,
-   *   width?: string,
-   *   classes?: string
-   *   children?: import('svelte').Snippet,
-   * } & { [attr: string]: any }}
-   */
-  const {
-    // Style
-    base,
-    bg,
-    width,
-    classes,
-
-    children,
-
-    // Attributes
-    ...attrs
-  } = $props();
-</script>
-
-<div data-panel="plain-panel" class="{base} {bg} {width} {classes}" {...attrs}>
-  {@render children()}
-</div>
+<script>
+  /**
+   * @example
+   *
+   *
+   */
+
+  /**
+   * @type {{
+   *   base?: string,
+   *   bg?: string,
+   *   width?: string,
+   *   classes?: string
+   *   children?: import('svelte').Snippet,
+   * } & { [attr: string]: any }}
+   */
+  const {
+    // Style
+    base,
+    bg,
+    width,
+    classes,
+
+    children,
+
+    // Attributes
+    ...attrs
+  } = $props();
+</script>
+
+<div data-panel="plain-panel" class="{base} {bg} {width} {classes}" {...attrs}>
+  {@render children()}
+</div>

package/dist/components/panels/plain-panel/PlainPanel.svelte.d.ts

@@ -1,4 +1,16 @@
 export default PlainPanel;
+type PlainPanel = {
+    $on?(type: string, callback: (e: any) => void): () => void;
+    $set?(props: Partial<{
+        base?: string;
+        bg?: string;
+        width?: string;
+        classes?: string;
+        children?: Snippet<[]>;
+    } & {
+        [attr: string]: any;
+    }>): void;
+};
 declare const PlainPanel: import("svelte").Component<{
     base?: string;
     bg?: string;

package/dist/components/rows/index.js

@@ -1,3 +1,3 @@
-export { default as PanelGridRow } from './panel-grid-row/PanelGridRow.svelte';
-
-export { default as PanelRow2 } from './panel-row-2/PanelRow2.svelte';
+export { default as PanelGridRow } from './panel-grid-row/PanelGridRow.svelte';
+
+export { default as PanelRow2 } from './panel-row-2/PanelRow2.svelte';

package/dist/components/rows/panel-grid-row/PanelGridRow.svelte

@@ -1,104 +1,104 @@
-<script>
-  /**
-   * @example
-   *
-   */
-
-  /**
-   * @type {{
-   *   base?: string,
-   *   bg?: string,
-   *   justify?: 'start'|'center'|'end'|'between'|'around'|'evenly'|'stretch'|'normal',
-   *   justifyItems?: 'start'|'center'|'end'|'stretch',
-   *   gap?: string,
-   *   classes?: string,
-   *   children?: import('svelte').Snippet,
-   * } & { [attr: string]: any }}
-   */
-  const {
-    // Style
-    base,
-    bg,
-    justify,
-    justifyItems,
-    flow = 'col',
-    gap,
-    classes,
-
-    // Snippets
-    children,
-
-    // Attributes
-    ...attrs
-  } = $props();
-
-  let colsCls = $derived.by(() => {
-    //
-    // The CSS classes to apply for the desired column layout
-    //
-    let out = '';
-
-    /* @note justify-end won't work with auto-cols-fr! */
-
-    if (justifyItems && justify !== 'end') {
-      out += 'auto-cols-fr';
-    } else {
-      out += 'auto-cols-auto';
-    }
-
-    if (flow) {
-      out += ` grid-flow-${flow}`;
-    }
-
-    // TODO: CSS for a specific number of columns
-
-    return out.replace(/\s{2,}/g, ' ').trim();
-  });
-
-  let justifyCls = $derived.by(() => {
-    //
-    // Determine justify classes
-    //
-    if (justify) {
-      return `justify-${justify}`;
-    }
-
-    return '';
-  });
-
-  let justifyItemsCls = $derived.by(() => {
-    //
-    // Determine justify-items classes
-    //
-    if (justifyItems) {
-      return `justify-items-${justifyItems}`;
-    }
-
-    return '';
-  });
-</script>
-
-<div
-  data-row="panel-grid-row"
-  class="{base} {bg} {gap} {classes} grid {colsCls} {justifyCls} {justifyItemsCls}"
-  {...attrs}
->
-  {@render children()}
-</div>
-
-<style>
-  /* This rule makes justify-items-start behave like
-     justify-items-center and justify-items-end */
-  /*[data-row='panel-grid-row'] {
-    & > :global(*) {
-      width: fit-content;
-      height: fit-content;
-    }
-  }*/
-
-  /*[data-row='panel-grid-row'] {
-    & > :global(*) {
-      min-width: 0;
-    }
-  }*/
-</style>
+<script>
+  /**
+   * @example
+   *
+   */
+
+  /**
+   * @type {{
+   *   base?: string,
+   *   bg?: string,
+   *   justify?: 'start'|'center'|'end'|'between'|'around'|'evenly'|'stretch'|'normal',
+   *   justifyItems?: 'start'|'center'|'end'|'stretch',
+   *   gap?: string,
+   *   classes?: string,
+   *   children?: import('svelte').Snippet,
+   * } & { [attr: string]: any }}
+   */
+  const {
+    // Style
+    base,
+    bg,
+    justify,
+    justifyItems,
+    flow = 'col',
+    gap,
+    classes,
+
+    // Snippets
+    children,
+
+    // Attributes
+    ...attrs
+  } = $props();
+
+  let colsCls = $derived.by(() => {
+    //
+    // The CSS classes to apply for the desired column layout
+    //
+    let out = '';
+
+    /* @note justify-end won't work with auto-cols-fr! */
+
+    if (justifyItems && justify !== 'end') {
+      out += 'auto-cols-fr';
+    } else {
+      out += 'auto-cols-auto';
+    }
+
+    if (flow) {
+      out += ` grid-flow-${flow}`;
+    }
+
+    // TODO: CSS for a specific number of columns
+
+    return out.replace(/\s{2,}/g, ' ').trim();
+  });
+
+  let justifyCls = $derived.by(() => {
+    //
+    // Determine justify classes
+    //
+    if (justify) {
+      return `justify-${justify}`;
+    }
+
+    return '';
+  });
+
+  let justifyItemsCls = $derived.by(() => {
+    //
+    // Determine justify-items classes
+    //
+    if (justifyItems) {
+      return `justify-items-${justifyItems}`;
+    }
+
+    return '';
+  });
+</script>
+
+<div
+  data-row="panel-grid-row"
+  class="{base} {bg} {gap} {classes} grid {colsCls} {justifyCls} {justifyItemsCls}"
+  {...attrs}
+>
+  {@render children()}
+</div>
+
+<style>
+  /* This rule makes justify-items-start behave like
+     justify-items-center and justify-items-end */
+  /*[data-row='panel-grid-row'] {
+    & > :global(*) {
+      width: fit-content;
+      height: fit-content;
+    }
+  }*/
+
+  /*[data-row='panel-grid-row'] {
+    & > :global(*) {
+      min-width: 0;
+    }
+  }*/
+</style>

package/dist/components/rows/panel-grid-row/PanelGridRow.svelte.d.ts

@@ -1,4 +1,18 @@
 export default PanelGridRow;
+type PanelGridRow = {
+    $on?(type: string, callback: (e: any) => void): () => void;
+    $set?(props: Partial<{
+        base?: string;
+        bg?: string;
+        justify?: "center" | "start" | "end" | "between" | "around" | "evenly" | "stretch" | "normal";
+        justifyItems?: "center" | "start" | "end" | "stretch";
+        gap?: string;
+        classes?: string;
+        children?: Snippet<[]>;
+    } & {
+        [attr: string]: any;
+    }>): void;
+};
 declare const PanelGridRow: import("svelte").Component<{
     base?: string;
     bg?: string;

package/dist/components/rows/panel-row-2/PanelRow2.svelte

@@ -1,40 +1,40 @@
-<script>
-  import { PanelGridRow } from '../index.js';
-
-  /**
-   * @example
-   */
-
-  /**
-   * @type {{
-   *   base?: string,
-   *   bg?: string,
-   *   justify?: 'start'|'center'|'end'|'between'|'around'|'evenly'|'stretch'|'normal',
-   *   justifyItems?: 'start'|'center'|'end'|'stretch',
-   *   gap?: string,
-   *   classes?: string,
-   *   children?: import('svelte').Snippet,
-   * } & { [attr: string]: any }}
-   */
-  const {
-    // Style
-    // base,
-    // bg,
-    // justify,
-    // justifyItems,
-    // flow = 'col',
-    // gap,
-    // classes,
-
-    // // Snippets
-    // children,
-
-    // Attributes
-    ...attrs
-  } = $props();
-</script>
-
-<!-- class="test-small mb-8p mt-8 grid auto-cols-fr grid-flow-col justify-stretch gap-20p" -->
-
-<PanelGridRow data-wrapper="panel-row-2" gap="gap-20p" {...attrs}
-></PanelGridRow>
+<script>
+  import { PanelGridRow } from '../index.js';
+
+  /**
+   * @example
+   */
+
+  /**
+   * @type {{
+   *   base?: string,
+   *   bg?: string,
+   *   justify?: 'start'|'center'|'end'|'between'|'around'|'evenly'|'stretch'|'normal',
+   *   justifyItems?: 'start'|'center'|'end'|'stretch',
+   *   gap?: string,
+   *   classes?: string,
+   *   children?: import('svelte').Snippet,
+   * } & { [attr: string]: any }}
+   */
+  const {
+    // Style
+    // base,
+    // bg,
+    // justify,
+    // justifyItems,
+    // flow = 'col',
+    // gap,
+    // classes,
+
+    // // Snippets
+    // children,
+
+    // Attributes
+    ...attrs
+  } = $props();
+</script>
+
+<!-- class="test-small mb-8p mt-8 grid auto-cols-fr grid-flow-col justify-stretch gap-20p" -->
+
+<PanelGridRow data-wrapper="panel-row-2" gap="gap-20p" {...attrs}
+></PanelGridRow>

package/dist/components/rows/panel-row-2/PanelRow2.svelte.d.ts

@@ -1,4 +1,18 @@
 export default PanelRow2;
+type PanelRow2 = {
+    $on?(type: string, callback: (e: any) => void): () => void;
+    $set?(props: Partial<{
+        base?: string;
+        bg?: string;
+        justify?: "center" | "start" | "end" | "between" | "around" | "evenly" | "stretch" | "normal";
+        justifyItems?: "center" | "start" | "end" | "stretch";
+        gap?: string;
+        classes?: string;
+        children?: Snippet<[]>;
+    } & {
+        [attr: string]: any;
+    }>): void;
+};
 declare const PanelRow2: import("svelte").Component<{
     base?: string;
     bg?: string;