@streamscloud/kit 0.2.42 → 0.9.0

package/dist/ui/inputs/textarea/index.d.ts

@@ -1,2 +0,0 @@
-export { default as Textarea } from './cmp.textarea.svelte';
-export { default as TextareaValidatable } from './cmp.textarea-validatable.svelte';

package/dist/ui/inputs/textarea/index.js

@@ -1,2 +0,0 @@
-export { default as Textarea } from './cmp.textarea.svelte';
-export { default as TextareaValidatable } from './cmp.textarea-validatable.svelte';

package/dist/ui/loading/cmp.loading.svelte

@@ -1,93 +0,0 @@
-<script lang="ts">let { positionFixedCenter = false, positionAbsoluteCenter = false, blocking = false, timeout = 0 } = $props();
-let visible = $state(false);
-$effect(() => {
-    const timer = setTimeout(() => (visible = true), timeout);
-    return () => clearTimeout(timer);
-});
-</script>
-
-{#if visible && blocking}
-  <div class="loading-ring-overlay" class:loading-ring-overlay--fixed={positionFixedCenter}></div>
-{/if}
-
-<div
-  class="la-ball-clip-rotate"
-  class:la-ball-clip-rotate--absolute-center={positionAbsoluteCenter}
-  class:la-ball-clip-rotate--fixed-center={positionFixedCenter}
-  class:la-ball-clip-rotate--visible={visible}>
-  <div class="la-ball-clip-rotate__spin"></div>
-</div>
-
-<!--
-@component
-A circular spinning loader with optional delay and blocking overlay.
-
-### CSS Custom Properties
-| Property | Description | Default |
-|---|---|---|
-| `--sc-kit--loading--font-size` | Base size of the spinner | `1rem` |
-| `--sc-kit--loading--spinner-color` | Spinner arc color | `primary-500` / `primary-400` |
--->
-
-<style>.loading-ring-overlay {
-  position: absolute;
-  inset: 0;
-  background-color: rgba(0, 0, 0, 0.3);
-  z-index: 999;
-}
-.loading-ring-overlay--fixed {
-  position: fixed;
-}
-
-.la-ball-clip-rotate {
-  --_loading--font-size: var(--sc-kit--loading--font-size, 1rem);
-  --_loading--spinner-color: var(--sc-kit--loading--spinner-color, light-dark(#144ab0, #5a8dec));
-  font-size: var(--_loading--font-size);
-  color: var(--_loading--spinner-color);
-  display: block;
-  opacity: 0;
-  width: 2em;
-  height: 2em;
-  z-index: 10;
-}
-.la-ball-clip-rotate--visible {
-  opacity: 1;
-}
-.la-ball-clip-rotate--absolute-center {
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-}
-.la-ball-clip-rotate--fixed-center {
-  position: fixed;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-  z-index: 1;
-}
-.la-ball-clip-rotate__spin {
-  position: relative;
-  box-sizing: border-box;
-  display: inline-block;
-  float: none;
-  border: 0.125em solid currentColor;
-  width: 2em;
-  height: 2em;
-  background: transparent;
-  border-bottom-color: transparent;
-  border-radius: 100%;
-  animation: ball-clip-rotate 0.75s linear infinite;
-}
-
-@keyframes ball-clip-rotate {
-  0% {
-    transform: rotate(0deg);
-  }
-  50% {
-    transform: rotate(180deg);
-  }
-  100% {
-    transform: rotate(360deg);
-  }
-}</style>

package/dist/ui/loading/cmp.loading.svelte.d.ts

@@ -1,22 +0,0 @@
-type Props = {
-    /** Center the spinner using fixed positioning */
-    positionFixedCenter?: boolean;
-    /** Center the spinner using absolute positioning */
-    positionAbsoluteCenter?: boolean;
-    /** Show a semi-transparent overlay behind the spinner */
-    blocking?: boolean;
-    /** Delay in ms before the spinner becomes visible @default 0 */
-    timeout?: number;
-};
-/**
- * A circular spinning loader with optional delay and blocking overlay.
- *
- * ### CSS Custom Properties
- * | Property | Description | Default |
- * |---|---|---|
- * | `--sc-kit--loading--font-size` | Base size of the spinner | `1rem` |
- * | `--sc-kit--loading--spinner-color` | Spinner arc color | `primary-500` / `primary-400` |
- */
-declare const Cmp: import("svelte").Component<Props, {}, "">;
-type Cmp = ReturnType<typeof Cmp>;
-export default Cmp;

package/dist/ui/loading/index.d.ts

@@ -1 +0,0 @@
-export { default as Loading } from './cmp.loading.svelte';

package/dist/ui/loading/index.js

@@ -1 +0,0 @@
-export { default as Loading } from './cmp.loading.svelte';

package/dist/ui/multiselect-dropdown/cmp.checkbox-node.svelte

@@ -1,76 +0,0 @@
-<script lang="ts">import { ThreeStateCheckbox } from '../checkbox';
-import CheckboxNode from './cmp.checkbox-node.svelte';
-const { treeNode, canSelectChildrenWithoutParent, allSuffix = ' (All)', on } = $props();
-let treeNodeInternal = $derived(treeNode);
-const getIsChecked = (node) => {
-    if (node.checked) {
-        return true;
-    }
-    if (node.children?.some((c) => getIsChecked(c))) {
-        return true;
-    }
-    return false;
-};
-const setIsChecked = (node, value) => {
-    node.checked = value;
-    if (node.children?.length) {
-        node.children = node.children.map((c) => setIsChecked(c, value));
-    }
-    return node;
-};
-let checkboxState = $derived.by(() => {
-    if (treeNodeInternal.checked) {
-        if (!treeNodeInternal.children?.length || treeNodeInternal.children.every((c) => getIsChecked(c))) {
-            return 'checked';
-        }
-        return 'indeterminate';
-    }
-    return 'unchecked';
-});
-const handleChanged = (value) => {
-    treeNodeInternal = setIsChecked(treeNodeInternal, value);
-    on?.change(treeNodeInternal);
-};
-const onChildChanged = (child) => {
-    if (!treeNodeInternal.children) {
-        return;
-    }
-    const index = treeNodeInternal.children.findIndex((c) => c.id === child.id);
-    if (index === -1) {
-        return;
-    }
-    treeNodeInternal.children[index] = child;
-    if (canSelectChildrenWithoutParent) {
-        on?.change(treeNodeInternal);
-        return;
-    }
-    if (treeNodeInternal.children.some((c) => c.checked)) {
-        treeNodeInternal.checked = true;
-    }
-    on?.change(treeNodeInternal);
-};
-</script>
-
-<div class="checkbox-node">
-  <ThreeStateCheckbox state={checkboxState} label={treeNodeInternal.name + (treeNodeInternal.children ? allSuffix : '')} on={{ change: handleChanged }} />
-  {#if treeNodeInternal.children?.length}
-    <div class="checkbox-node__children">
-      {#each treeNodeInternal.children as child (child.id)}
-        {#if !child.hidden}
-          <CheckboxNode treeNode={child} allSuffix={allSuffix} on={{ change: onChildChanged }} />
-        {/if}
-      {/each}
-    </div>
-  {/if}
-</div>
-
-<style>.checkbox-node {
-  --sc-kit--checkbox--label--font-size: 0.875rem;
-  overflow: hidden;
-}
-.checkbox-node__children {
-  display: flex;
-  flex-direction: column;
-  gap: 0.25rem;
-  margin-inline-start: 1.25rem;
-}</style>

package/dist/ui/multiselect-dropdown/cmp.checkbox-node.svelte.d.ts

@@ -1,14 +0,0 @@
-import type { MultiselectTreeNode } from './types';
-type Props = {
-    treeNode: MultiselectTreeNode;
-    /** When true, child selection state propagates without forcing parent on */
-    canSelectChildrenWithoutParent?: boolean;
-    /** Suffix appended to the parent label when it has children */
-    allSuffix?: string;
-    on?: {
-        change: (treeNode: MultiselectTreeNode) => void;
-    };
-};
-declare const Cmp: import("svelte").Component<Props, {}, "">;
-type Cmp = ReturnType<typeof Cmp>;
-export default Cmp;

package/dist/ui/multiselect-dropdown/cmp.multiselect-dropdown.svelte

@@ -1,276 +0,0 @@
-<script lang="ts">import { Button } from '../button';
-import { Dropdown } from '../dropdown';
-import { Icon } from '../icon';
-import { Input } from '../inputs';
-import { Singleselect } from '../selects';
-import CheckboxNode from './cmp.checkbox-node.svelte';
-import { flattenTree, mapToTree } from './mapper';
-import { MultiselectDropdownLocalization } from './multiselect-dropdown-localization';
-import IconCheckmark from '@fluentui/svg-icons/icons/checkmark_20_regular.svg?raw';
-import IconChevronDown from '@fluentui/svg-icons/icons/chevron_down_20_regular.svg?raw';
-import IconSearch from '@fluentui/svg-icons/icons/search_20_regular.svg?raw';
-import IconTag from '@fluentui/svg-icons/icons/tag_20_regular.svg?raw';
-import { nanoid } from 'nanoid';
-let { placeholder, values, possibleValues, dropdownIcon, on, disableMultilevel, canSelectChildrenWithoutParent, disabled, label, createNewLabel, createNewPlaceholder } = $props();
-const localization = new MultiselectDropdownLocalization();
-let possibleValuesInternal = $state([]);
-let filteredValues = $state([]);
-$effect(() => {
-    possibleValuesInternal = possibleValues;
-    filteredValues = possibleValues;
-});
-const possibleValuesAsTree = $derived(mapToTree(possibleValuesInternal, values, filteredValues));
-let search = $state('');
-let selectedParentNode = $state(null);
-const onNodeChanged = (node) => {
-    const newValues = flattenTree([...possibleValuesAsTree.filter((v) => v.id !== node.id), node]);
-    on?.change?.(newValues);
-};
-const createNewNode = () => {
-    if (!search) {
-        return;
-    }
-    const newNode = {
-        id: nanoid(),
-        name: search,
-        parentId: disableMultilevel ? null : selectedParentNode?.id || null
-    };
-    possibleValuesInternal = [...possibleValuesInternal, newNode];
-    filteredValues = possibleValuesInternal;
-    search = '';
-    selectedParentNode = null;
-    on?.create?.(newNode);
-};
-const onSearchInput = (value) => {
-    search = value;
-    if (!value) {
-        filteredValues = possibleValuesInternal;
-        return;
-    }
-    const searchTerm = value.toLowerCase();
-    filteredValues = possibleValuesInternal.filter((v) => v.name.toLowerCase().includes(searchTerm));
-    let parents = [];
-    do {
-        parents = possibleValuesInternal.filter((v) => filteredValues.some((fv) => fv.parentId === v.id) && !filteredValues.some((fv) => fv.id === v.id));
-        filteredValues = [...filteredValues, ...parents];
-    } while (parents.length);
-};
-</script>
-
-<div class="multiselect-dropdown">
-  {#if label}
-    {@render label()}
-  {/if}
-  <Dropdown
-    keepDropdownOpen
-    disabled={disabled}
-    on={{
-      closed: () => {
-        onSearchInput('');
-        selectedParentNode = null;
-      }
-    }}>
-    {#snippet trigger()}
-      <div class="multiselect-dropdown__trigger">
-        <Input value={null} inert placeholder={placeholder ?? localization.dropdownPlaceholder} on={{}}>
-          {#snippet icon()}
-            {#if dropdownIcon}
-              <Icon src={dropdownIcon} />
-            {/if}
-          {/snippet}
-          {#snippet clearButton()}
-            <Icon src={IconChevronDown} />
-          {/snippet}
-        </Input>
-      </div>
-    {/snippet}
-    <div class="multiselect-dropdown__content">
-      <div class="multiselect-dropdown__search">
-        <Input
-          value={search}
-          placeholder={on?.create ? localization.searchOrTypeToCreatePlaceholder : localization.searchPlaceholder}
-          on={{ input: onSearchInput }}>
-          {#snippet icon()}
-            <Icon src={IconSearch} />
-          {/snippet}
-        </Input>
-      </div>
-      {#if (on?.create && !filteredValues.length) || (on?.create && search && !filteredValues.some((v) => v.name.toLowerCase() === search.toLowerCase()))}
-        <div class="multiselect-dropdown__create-new">
-          <div class="multiselect-dropdown__create-new-title">{createNewLabel ?? localization.createNewItem}</div>
-          <div class="multiselect-dropdown__create-new-subtitle">
-            <div class="multiselect-dropdown__create-new-description" class:multiselect-dropdown__create-new-description--create-in={selectedParentNode}>
-              {#if disableMultilevel}
-                {localization.create}<span>"{search}"</span>
-              {:else if selectedParentNode}
-                {localization.createIn}<span>"{selectedParentNode.name}"</span>
-              {:else}
-                {localization.createAsParent}<span>"{search}"</span>
-              {/if}
-            </div>
-            <div class="multiselect-dropdown__create-new-action">
-              <Button size="small" variant="standard" on={{ click: () => createNewNode() }}>
-                <Icon src={IconCheckmark} color="green" />
-              </Button>
-            </div>
-          </div>
-          {#if !disableMultilevel}
-            <div class="multiselect-dropdown__create-new-select">
-              <Singleselect
-                placeholder={createNewPlaceholder ?? localization.orSelectParentItem}
-                options={possibleValuesInternal.filter((c) => !c.parentId).map((v) => ({ label: v.name, value: v }))}
-                on={{ change: (value: MultiselectNode | null) => (selectedParentNode = value) }}>
-                {#snippet icon()}
-                  <Icon src={IconTag} />
-                {/snippet}
-              </Singleselect>
-            </div>
-          {/if}
-        </div>
-      {/if}
-      {#key possibleValuesAsTree}
-        <div class="multiselect-dropdown__items">
-          {#each possibleValuesAsTree as item, index (index)}
-            {#if !item.hidden}
-              <CheckboxNode
-                treeNode={item}
-                canSelectChildrenWithoutParent={canSelectChildrenWithoutParent}
-                allSuffix={localization.allSuffix}
-                on={{ change: onNodeChanged }} />
-            {/if}
-          {/each}
-        </div>
-      {/key}
-    </div>
-  </Dropdown>
-</div>
-
-<!--
-@component
-A dropdown with a tree of three-state checkboxes for selecting multiple items, optional creation of new items (with parent picker), and built-in fuzzy search across the tree (parents of matched items are kept visible).
-
-### CSS Custom Properties
-| Property | Description | Default |
-|---|---|---|
-| `--sc-kit--multiselect-dropdown--content--background` | Dropdown panel background | `light-dark(white, gray-900)` |
-| `--sc-kit--multiselect-dropdown--content--min-width` | Dropdown panel min width | `21.875em` |
-| `--sc-kit--multiselect-dropdown--content--max-height` | Dropdown panel max height | `18.75em` |
-| `--sc-kit--multiselect-dropdown--create-new--background` | Create-new section background | `light-dark(neutral-50, neutral-800)` |
-| `--sc-kit--multiselect-dropdown--create-new-subtitle--background` | Subtitle row background | `light-dark(neutral-100, neutral-700)` |
-| `--sc-kit--multiselect-dropdown--create-new-title--color` | Create-new title color | `light-dark(gray-700, neutral-200)` |
-| `--sc-kit--multiselect-dropdown--create-new-description--color` | Default description color | `light-dark(primary-500, primary-400)` |
-| `--sc-kit--multiselect-dropdown--create-new-description--color--create-in` | Description color when a parent is selected | `success-700` |
-| `--sc-kit--multiselect-dropdown--create-new-description--accent-color` | Highlighted token (search/parent name) color | `light-dark(gray-800, white)` |
--->
-
-<style>.multiselect-dropdown {
-  --_multiselect-dropdown--content--background: var(
-    --sc-kit--multiselect-dropdown--content--background,
-    light-dark(#ffffff, #1c1c1c)
-  );
-  --_multiselect-dropdown--content--min-width: var(--sc-kit--multiselect-dropdown--content--min-width, 21.875rem);
-  --_multiselect-dropdown--content--max-height: var(--sc-kit--multiselect-dropdown--content--max-height, 18.75rem);
-  --_multiselect-dropdown--create-new--background: var(
-    --sc-kit--multiselect-dropdown--create-new--background,
-    light-dark(#f9fafb, #1f2937)
-  );
-  --_multiselect-dropdown--create-new-subtitle--background: var(
-    --sc-kit--multiselect-dropdown--create-new-subtitle--background,
-    light-dark(#f2f2f3, #374151)
-  );
-  --_multiselect-dropdown--create-new-title--color: var(
-    --sc-kit--multiselect-dropdown--create-new-title--color,
-    light-dark(#4d4d4d, #e5e7eb)
-  );
-  --_multiselect-dropdown--create-new-description--color: var(
-    --sc-kit--multiselect-dropdown--create-new-description--color,
-    light-dark(#144ab0, #5a8dec)
-  );
-  --_multiselect-dropdown--create-new-description--color--create-in: var(
-    --sc-kit--multiselect-dropdown--create-new-description--color--create-in,
-    #0aa454
-  );
-  --_multiselect-dropdown--create-new-description--accent-color: var(
-    --sc-kit--multiselect-dropdown--create-new-description--accent-color,
-    light-dark(#2e2e2e, #ffffff)
-  );
-}
-.multiselect-dropdown__trigger {
-  width: 100%;
-  --sc-kit--input--background--disabled: var(--sc-kit--input--background, light-dark(#ffffff, #1c1c1c));
-  --sc-kit--input--accent-color: transparent;
-  caret-color: transparent;
-}
-.multiselect-dropdown__content {
-  background-color: var(--_multiselect-dropdown--content--background);
-  min-width: var(--_multiselect-dropdown--content--min-width);
-  padding-block: 1rem;
-  max-height: var(--_multiselect-dropdown--content--max-height);
-  overflow-y: auto;
-  --_cross-browser-scrollbar--thumb-color: var(--scrollbar--thumb-color, light-dark(#d1d5db, #4b5563));
-  --_cross-browser-scrollbar--track-color: var(--scrollbar--track-color, transparent);
-}
-.multiselect-dropdown__content::-webkit-scrollbar {
-  width: 6px;
-  height: 6px;
-}
-.multiselect-dropdown__content::-webkit-scrollbar-track {
-  background: var(--_cross-browser-scrollbar--track-color);
-  border-radius: 100vw;
-}
-.multiselect-dropdown__content::-webkit-scrollbar-thumb {
-  background: var(--_cross-browser-scrollbar--thumb-color);
-  border-radius: 100vw;
-}
-@supports (scrollbar-color: transparent transparent) {
-  .multiselect-dropdown__content {
-    scrollbar-color: var(--_cross-browser-scrollbar--thumb-color) var(--_cross-browser-scrollbar--track-color);
-    scrollbar-width: thin;
-  }
-}
-.multiselect-dropdown__search {
-  width: 100%;
-  padding-inline: 1.25rem;
-}
-.multiselect-dropdown__items {
-  margin-block-start: 0.625rem;
-  padding-inline: 1.25rem;
-}
-.multiselect-dropdown__create-new {
-  display: flex;
-  flex-direction: column;
-  gap: 0.6875rem;
-  margin-block-start: 0.625rem;
-  padding: 0.625rem 1.25rem;
-  background-color: var(--_multiselect-dropdown--create-new--background);
-}
-.multiselect-dropdown__create-new-title {
-  font-size: 0.75rem;
-  font-weight: 400;
-  margin-block-end: 0.25rem;
-  color: var(--_multiselect-dropdown--create-new-title--color);
-}
-.multiselect-dropdown__create-new-subtitle {
-  display: flex;
-  flex-direction: row;
-  justify-content: space-between;
-  align-items: center;
-  gap: 0.625rem;
-  background-color: var(--_multiselect-dropdown--create-new-subtitle--background);
-  padding: 0.5rem 0.625rem;
-}
-.multiselect-dropdown__create-new-action {
-  --sc-kit--button--padding--inline: 0.375rem;
-}
-.multiselect-dropdown__create-new-description {
-  font-size: 0.75rem;
-  font-weight: 500;
-  color: var(--_multiselect-dropdown--create-new-description--color);
-}
-.multiselect-dropdown__create-new-description--create-in {
-  color: var(--_multiselect-dropdown--create-new-description--color--create-in);
-}
-.multiselect-dropdown__create-new-description span {
-  color: var(--_multiselect-dropdown--create-new-description--accent-color);
-  font-weight: 400;
-}</style>

package/dist/ui/multiselect-dropdown/cmp.multiselect-dropdown.svelte.d.ts

@@ -1,45 +0,0 @@
-import type { MultiselectNode } from './types';
-import type { Snippet } from 'svelte';
-type Props = {
-    /** Currently selected nodes */
-    values: MultiselectNode[];
-    /** Full pool of selectable nodes (flat — parent-child via `parentId`) */
-    possibleValues: MultiselectNode[];
-    placeholder?: string;
-    /** Header label for the create-new section */
-    createNewLabel?: string;
-    /** Placeholder for the parent-picker shown in the create-new section */
-    createNewPlaceholder?: string;
-    disabled?: boolean;
-    /** Treat the tree as flat — never nest new items under a parent */
-    disableMultilevel?: boolean;
-    /** Allow children to be checked without forcing the parent on */
-    canSelectChildrenWithoutParent?: boolean;
-    /** Custom icon shown on the trigger input */
-    dropdownIcon?: string;
-    on?: {
-        change?: (values: MultiselectNode[]) => Promise<void> | void;
-        create?: (value: MultiselectNode) => Promise<void> | void;
-    };
-    /** Optional label rendered above the trigger */
-    label?: Snippet;
-};
-/**
- * A dropdown with a tree of three-state checkboxes for selecting multiple items, optional creation of new items (with parent picker), and built-in fuzzy search across the tree (parents of matched items are kept visible).
- *
- * ### CSS Custom Properties
- * | Property | Description | Default |
- * |---|---|---|
- * | `--sc-kit--multiselect-dropdown--content--background` | Dropdown panel background | `light-dark(white, gray-900)` |
- * | `--sc-kit--multiselect-dropdown--content--min-width` | Dropdown panel min width | `21.875em` |
- * | `--sc-kit--multiselect-dropdown--content--max-height` | Dropdown panel max height | `18.75em` |
- * | `--sc-kit--multiselect-dropdown--create-new--background` | Create-new section background | `light-dark(neutral-50, neutral-800)` |
- * | `--sc-kit--multiselect-dropdown--create-new-subtitle--background` | Subtitle row background | `light-dark(neutral-100, neutral-700)` |
- * | `--sc-kit--multiselect-dropdown--create-new-title--color` | Create-new title color | `light-dark(gray-700, neutral-200)` |
- * | `--sc-kit--multiselect-dropdown--create-new-description--color` | Default description color | `light-dark(primary-500, primary-400)` |
- * | `--sc-kit--multiselect-dropdown--create-new-description--color--create-in` | Description color when a parent is selected | `success-700` |
- * | `--sc-kit--multiselect-dropdown--create-new-description--accent-color` | Highlighted token (search/parent name) color | `light-dark(gray-800, white)` |
- */
-declare const Cmp: import("svelte").Component<Props, {}, "">;
-type Cmp = ReturnType<typeof Cmp>;
-export default Cmp;

package/dist/ui/multiselect-dropdown/index.d.ts

@@ -1,3 +0,0 @@
-export { default as MultiselectDropdown } from './cmp.multiselect-dropdown.svelte';
-export { MultiselectDropdownLocalization } from './multiselect-dropdown-localization';
-export type { MultiselectNode, MultiselectTreeNode } from './types';

package/dist/ui/multiselect-dropdown/index.js

@@ -1,2 +0,0 @@
-export { default as MultiselectDropdown } from './cmp.multiselect-dropdown.svelte';
-export { MultiselectDropdownLocalization } from './multiselect-dropdown-localization';

package/dist/ui/multiselect-dropdown/mapper.d.ts

@@ -1,3 +0,0 @@
-import type { MultiselectNode, MultiselectTreeNode } from './types';
-export declare const mapToTree: <T extends MultiselectNode>(nodes: ReadonlyArray<T>, checkedNodes: ReadonlyArray<T>, visibleNodes: ReadonlyArray<T>) => Array<MultiselectTreeNode>;
-export declare const flattenTree: (nodes: ReadonlyArray<MultiselectTreeNode>) => Array<MultiselectNode>;

package/dist/ui/multiselect-dropdown/mapper.js

@@ -1,39 +0,0 @@
-export const mapToTree = (nodes, checkedNodes, visibleNodes) => {
-    const nodeMap = {};
-    const tree = [];
-    nodes.forEach((node) => {
-        nodeMap[node.id] = {
-            ...node,
-            checked: checkedNodes.some((checkedNode) => checkedNode.id === node.id),
-            hidden: !visibleNodes.some((visibleNode) => visibleNode.id === node.id)
-        };
-    });
-    nodes.forEach((node) => {
-        if (node.parentId) {
-            const parent = nodeMap[node.parentId];
-            if (parent) {
-                if (!parent.children) {
-                    parent.children = [];
-                }
-                parent.children.push(nodeMap[node.id]);
-            }
-        }
-        else {
-            tree.push(nodeMap[node.id]);
-        }
-    });
-    return tree;
-};
-export const flattenTree = (nodes) => {
-    const flatList = [];
-    const traverse = (node) => {
-        if (node.checked) {
-            flatList.push({ id: node.id, name: node.name, parentId: node.parentId });
-        }
-        if (node.children) {
-            node.children.forEach(traverse);
-        }
-    };
-    nodes.forEach(traverse);
-    return flatList;
-};

package/dist/ui/multiselect-dropdown/multiselect-dropdown-localization.d.ts

@@ -1,11 +0,0 @@
-export declare class MultiselectDropdownLocalization {
-    get dropdownPlaceholder(): string;
-    get searchPlaceholder(): string;
-    get searchOrTypeToCreatePlaceholder(): string;
-    get createNewItem(): string;
-    get orSelectParentItem(): string;
-    get create(): string;
-    get createIn(): string;
-    get createAsParent(): string;
-    get allSuffix(): string;
-}

package/dist/ui/multiselect-dropdown/multiselect-dropdown-localization.js

@@ -1,41 +0,0 @@
-import { AppLocale } from '../../core/locale';
-const loc = {
-    dropdownPlaceholder: { en: 'Select items', no: 'Velg elementer' },
-    searchPlaceholder: { en: 'Search', no: 'Søk' },
-    searchOrTypeToCreatePlaceholder: { en: 'Search or type to create', no: 'Søk eller skriv for å opprette' },
-    createNewItem: { en: 'Create new item', no: 'Opprett nytt element' },
-    orSelectParentItem: { en: 'Or select parent item', no: 'Eller velg overordnet element' },
-    create: { en: 'Create ', no: 'Opprett ' },
-    createIn: { en: 'Create in ', no: 'Opprett i ' },
-    createAsParent: { en: 'Create as parent ', no: 'Opprett som overordnet ' },
-    allSuffix: { en: ' (All)', no: ' (Alle)' }
-};
-export class MultiselectDropdownLocalization {
-    get dropdownPlaceholder() {
-        return loc.dropdownPlaceholder[AppLocale.current];
-    }
-    get searchPlaceholder() {
-        return loc.searchPlaceholder[AppLocale.current];
-    }
-    get searchOrTypeToCreatePlaceholder() {
-        return loc.searchOrTypeToCreatePlaceholder[AppLocale.current];
-    }
-    get createNewItem() {
-        return loc.createNewItem[AppLocale.current];
-    }
-    get orSelectParentItem() {
-        return loc.orSelectParentItem[AppLocale.current];
-    }
-    get create() {
-        return loc.create[AppLocale.current];
-    }
-    get createIn() {
-        return loc.createIn[AppLocale.current];
-    }
-    get createAsParent() {
-        return loc.createAsParent[AppLocale.current];
-    }
-    get allSuffix() {
-        return loc.allSuffix[AppLocale.current];
-    }
-}

package/dist/ui/multiselect-dropdown/types.d.ts

@@ -1,10 +0,0 @@
-export interface MultiselectNode {
-    id: string;
-    name: string;
-    parentId?: string | null;
-}
-export interface MultiselectTreeNode extends MultiselectNode {
-    checked: boolean;
-    hidden?: boolean;
-    children?: Array<MultiselectTreeNode>;
-}