@humandialog/forms.svelte 1.8.7 → 1.8.8

package/components/document/editor.svelte

@@ -74,9 +74,9 @@ export let onLinkClick = void 0;
 export let c = "";
 export let chat = void 0;
 export let readOnly = false;
-export let extraFrontPaletteCommands = [];
-export let extraBackPaletteCommands = [];
-export let extraInsertPaletteCommands = [];
+export let extraFrontPaletteCommands = void 0;
+export let extraBackPaletteCommands = void 0;
+export let extraInsertPaletteCommands = void 0;
 let onFinishEditing = void 0;
 export function run(onStop = void 0) {
   onFinishEditing = onStop;
@@ -146,8 +146,16 @@ export function getStylesOperations(tbr = "A") {
 }
 export function getInsertOperations(tbr = "A") {
   let operations = [];
-  if (extraInsertPaletteCommands && extraInsertPaletteCommands.length > 0) {
-    extraInsertPaletteCommands.forEach((exc) => {
+  let additionalCommands = [];
+  if (extraInsertPaletteCommands) {
+    if (typeof extraInsertPaletteCommands === "function") {
+      additionalCommands = extraInsertPaletteCommands();
+    } else if (Array.isArray(extraInsertPaletteCommands) && extraInsertPaletteCommands.length > 0) {
+      additionalCommands = extraInsertPaletteCommands;
+    }
+  }
+  if (additionalCommands && additionalCommands.length > 0) {
+    additionalCommands.forEach((exc) => {
       operations = [...operations, exc];
     });
   }
@@ -1048,7 +1056,7 @@ const paletteMarksCommands = () => [
   { caption: i18n({ en: "Strikethrough", es: "Tachado", pl: "Przekre\u015Blenie" }), description: "Marks text as strikethrough", tags: "strike", mricon: "strikethrough", on_choice: makeStrikethrough, is_active: () => editor?.isActive("strike") }
 ];
 const paletteStylesCommands = () => [
-  { caption: i18n({ en: "Heading 1", es: "T\xEDtulo 1", pl: "Nag\u0142\xF3wek 1#" }), description: "Description heading", tags: "h1,head", mricon: "heading-1", on_choice: (range) => {
+  { caption: i18n({ en: "Heading 1", es: "T\xEDtulo 1", pl: "Nag\u0142\xF3wek 1" }), description: "Description heading", tags: "h1,head", mricon: "heading-1", on_choice: (range) => {
     if (range)
       editor.chain().focus().deleteRange(range).setHeading({ level: 1 }).run();
     else
@@ -1167,8 +1175,16 @@ function makeStrikethrough(range) {
 }
 function getPaletteCommands() {
   let commands = [];
-  if (extraFrontPaletteCommands && extraFrontPaletteCommands.length > 0) {
-    extraFrontPaletteCommands.forEach((exc) => {
+  let additionalCommands = [];
+  if (extraFrontPaletteCommands) {
+    if (typeof extraFrontPaletteCommands === "function") {
+      additionalCommands = extraFrontPaletteCommands();
+    } else if (Array.isArray(extraFrontPaletteCommands) && extraFrontPaletteCommands.length > 0) {
+      additionalCommands = extraFrontPaletteCommands;
+    }
+  }
+  if (additionalCommands && additionalCommands.length > 0) {
+    additionalCommands.forEach((exc) => {
       commands.push({
         caption: exc.caption,
         description: exc.description,
@@ -1198,8 +1214,16 @@ function getPaletteCommands() {
   commands = [...commands, { caption: i18n({ en: "Text", es: "Texto", pl: "Tekst" }), separator: true }];
   commands = [...commands, ...paletteMarksCommands()];
   commands = [...commands, { caption: i18n({ en: "Insert", es: "Insertar", pl: "Wstaw" }), separator: true }];
-  if (extraInsertPaletteCommands && extraInsertPaletteCommands.length > 0) {
-    extraInsertPaletteCommands.forEach((exc) => {
+  additionalCommands = [];
+  if (extraInsertPaletteCommands) {
+    if (typeof extraInsertPaletteCommands === "function") {
+      additionalCommands = extraInsertPaletteCommands();
+    } else if (Array.isArray(extraInsertPaletteCommands) && extraInsertPaletteCommands.length > 0) {
+      additionalCommands = extraInsertPaletteCommands;
+    }
+  }
+  if (additionalCommands && additionalCommands.length > 0) {
+    additionalCommands.forEach((exc) => {
       commands.push({
         caption: exc.caption,
         description: exc.description,
@@ -1224,9 +1248,17 @@ function getPaletteCommands() {
     });
   }
   commands = [...commands, ...paletteInsertCommands()];
-  if (extraBackPaletteCommands && extraBackPaletteCommands.length > 0) {
+  additionalCommands = [];
+  if (extraBackPaletteCommands) {
+    if (typeof extraBackPaletteCommands === "function") {
+      additionalCommands = extraBackPaletteCommands();
+    } else if (Array.isArray(extraBackPaletteCommands) && extraBackPaletteCommands.length > 0) {
+      additionalCommands = extraBackPaletteCommands;
+    }
+  }
+  if (additionalCommands && additionalCommands.length > 0) {
     commands.push({ separator: true });
-    extraBackPaletteCommands.forEach((exc) => {
+    additionalCommands.forEach((exc) => {
       commands.push({
         caption: exc.caption,
         description: exc.description,

package/components/document/editor.svelte.d.ts

@@ -18,9 +18,9 @@ declare const __propDef: {
         c?: string | undefined;
         chat?: object | undefined;
         readOnly?: boolean | undefined;
-        extraFrontPaletteCommands?: any[] | undefined;
-        extraBackPaletteCommands?: any[] | undefined;
-        extraInsertPaletteCommands?: any[] | undefined;
+        extraFrontPaletteCommands?: Array<object> | Function | undefined;
+        extraBackPaletteCommands?: Array<object> | Function | undefined;
+        extraInsertPaletteCommands?: Array<object> | Function | undefined;
         run?: ((onStop?: undefined) => void) | undefined;
         getFormattingOperations?: ((withCaptions?: boolean) => any[]) | undefined;
         getMarksOperations?: ((tbr?: string) => {

package/components/kanban/kanban.svelte

@@ -4,7 +4,7 @@ import { parseWidthDirective, clearActiveItem, getPrev, getNext, remove, insertA
 import { contextItemsStore, contextTypesStore, data_tick_store } from "../../stores";
 import KanbanColumn from "./internal/kanban.column.svelte";
 import { informModification, pushChanges } from "../../updates";
-import { Editable } from "../..";
+import { Editable, focusEditable } from "../..";
 export let self = null;
 export let title = "";
 export let summary = "";
@@ -144,6 +144,12 @@ export function edit(item, field) {
       card.editProperty(field);
   }
 }
+export function editTitle() {
+  focusEditable(title);
+}
+export function editSummary() {
+  focusEditable(summary);
+}
 let columns = [];
 export function scrollViewToCard(item) {
   columns.forEach((c2) => {

package/components/kanban/kanban.svelte.d.ts

@@ -15,6 +15,8 @@ declare const __propDef: {
         reload?: ((data: object | object[], selectElement?: number) => Promise<void>) | undefined;
         getColumnIdx?: ((item: any) => number) | undefined;
         edit?: ((item: object, field: string) => void) | undefined;
+        editTitle?: (() => void) | undefined;
+        editSummary?: (() => void) | undefined;
         scrollViewToCard?: ((item: any) => void) | undefined;
         moveUp?: ((item: object) => void) | undefined;
         moveDown?: ((item: object) => void) | undefined;
@@ -54,6 +56,8 @@ export default class Kanban extends SvelteComponentTyped<KanbanProps, KanbanEven
     get reload(): (data: object | object[], selectElement?: number) => Promise<void>;
     get getColumnIdx(): (item: any) => number;
     get edit(): (item: object, field: string) => void;
+    get editTitle(): () => void;
+    get editSummary(): () => void;
     get scrollViewToCard(): (item: any) => void;
     get moveUp(): (item: object) => void;
     get moveDown(): (item: object) => void;

package/components/list/internal/list.element.svelte

@@ -357,8 +357,7 @@ async function onDownloadFile(e) {
         bg-stone-200 dark:bg-stone-700
         outline outline-8
         outline-stone-200 dark:outline-stone-700
-        ring-1 ring-offset-8
-        ring-stone-300 dark:ring-stone-700
+        
         "
 
         bind:this={rootElement}
@@ -376,7 +375,7 @@ async function onDownloadFile(e) {
             href={element_href}
             on:click={onDownloadFile}>
 
-            <h4 class="-indent-8">
+            <h4 class="-indent-8 mt-0">
                 <div class="inline-block w-4 h-4 ml-0 mr-4 align-baseline
                         text-stone-700 dark:text-stone-400 ">
                         <Ricon icon={isDownloading ? 'loader-circle' : element_icon} />
@@ -391,7 +390,7 @@ async function onDownloadFile(e) {
         <a  class="sm:hover:cursor-pointer"
             href={element_href} use:link>
 
-            <h4 class="-indent-8 ">
+            <h4 class="-indent-8 mt-0">
                 <div class="inline-block w-4 h-4 ml-0 mr-4 align-baseline
                         text-stone-700 dark:text-stone-400 ">
                         <Ricon icon={element_icon} />
@@ -407,7 +406,7 @@ async function onDownloadFile(e) {
             href="/#"
             on:click|preventDefault={() => element_open_handler(item)}>
 
-            <h4 class="-indent-8">
+            <h4 class="-indent-8 mt-0">
                 <div class="inline-block w-4 h-4 ml-0 mr-4 align-baseline
                         text-stone-700 dark:text-stone-400 ">
                         <Ricon icon={element_icon} />

package/components/r.icon.svelte

@@ -91,6 +91,10 @@
 
   import LoaderCircle from './ricons/loader-circle.svelte'
   import Check from './ricons/check.svelte'
+  import Star from './ricons/star.svelte'
+  import StarOff from './ricons/star-off.svelte'
+  import Heart from './ricons/heart.svelte'
+  import HeartOff from './ricons/heart-off.svelte'
 
   let ricons_box = {
     "arrow-up": ArrowUp,
@@ -173,7 +177,11 @@
     'minus': Minus,
 
     'loader-circle': LoaderCircle,
-    'check': Check
+    'check': Check,
+    'star': Star,
+    'star-off': StarOff,
+    'heart': Heart,
+    'heart-off': HeartOff
   }
 
   let width = 24;

package/components/ricons/heart-off.svelte

@@ -0,0 +1,8 @@
+<script>
+  export let w = 24;
+  export let h = 24;
+  export let s = 1;
+</script>
+
+
+<svg xmlns="http://www.w3.org/2000/svg" width={w} height={h} viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width={s} stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-heart-off-icon lucide-heart-off"><path d="M10.5 4.893a5.5 5.5 0 0 1 1.091.931.56.56 0 0 0 .818 0A5.49 5.49 0 0 1 22 9.5c0 1.872-1.002 3.356-2.187 4.655"/><path d="m16.967 16.967-3.459 3.346a2 2 0 0 1-3 .019L5 15c-1.5-1.5-3-3.2-3-5.5a5.5 5.5 0 0 1 2.747-4.761"/><path d="m2 2 20 20"/></svg>

package/components/ricons/heart-off.svelte.d.ts

@@ -0,0 +1,27 @@
+/** @typedef {typeof __propDef.props}  HeartOffProps */
+/** @typedef {typeof __propDef.events}  HeartOffEvents */
+/** @typedef {typeof __propDef.slots}  HeartOffSlots */
+export default class HeartOff extends SvelteComponentTyped<{
+    w?: number | undefined;
+    s?: number | undefined;
+    h?: number | undefined;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> {
+}
+export type HeartOffProps = typeof __propDef.props;
+export type HeartOffEvents = typeof __propDef.events;
+export type HeartOffSlots = typeof __propDef.slots;
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        w?: number | undefined;
+        s?: number | undefined;
+        h?: number | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export {};

package/components/ricons/heart.svelte

@@ -0,0 +1,8 @@
+<script>
+  export let w = 24;
+  export let h = 24;
+  export let s = 1;
+</script>
+
+
+<svg xmlns="http://www.w3.org/2000/svg" width={w} height={h} viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width={s} stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-heart-icon lucide-heart"><path d="M2 9.5a5.5 5.5 0 0 1 9.591-3.676.56.56 0 0 0 .818 0A5.49 5.49 0 0 1 22 9.5c0 2.29-1.5 4-3 5.5l-5.492 5.313a2 2 0 0 1-3 .019L5 15c-1.5-1.5-3-3.2-3-5.5"/></svg>

package/components/ricons/heart.svelte.d.ts

@@ -0,0 +1,27 @@
+/** @typedef {typeof __propDef.props}  HeartProps */
+/** @typedef {typeof __propDef.events}  HeartEvents */
+/** @typedef {typeof __propDef.slots}  HeartSlots */
+export default class Heart extends SvelteComponentTyped<{
+    w?: number | undefined;
+    s?: number | undefined;
+    h?: number | undefined;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> {
+}
+export type HeartProps = typeof __propDef.props;
+export type HeartEvents = typeof __propDef.events;
+export type HeartSlots = typeof __propDef.slots;
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        w?: number | undefined;
+        s?: number | undefined;
+        h?: number | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export {};

package/components/ricons/star-off.svelte

@@ -0,0 +1,8 @@
+<script>
+  export let w = 24;
+  export let h = 24;
+  export let s = 1;
+</script>
+
+
+<svg xmlns="http://www.w3.org/2000/svg" width={w} height={h} viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width={s} stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star-off-icon lucide-star-off"><path d="m10.344 4.688 1.181-2.393a.53.53 0 0 1 .95 0l2.31 4.679a2.12 2.12 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.237 3.152"/><path d="m17.945 17.945.43 2.505a.53.53 0 0 1-.771.56l-4.618-2.428a2.12 2.12 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.12 2.12 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a8 8 0 0 0 .4-.099"/><path d="m2 2 20 20"/></svg>

package/components/ricons/star-off.svelte.d.ts

@@ -0,0 +1,27 @@
+/** @typedef {typeof __propDef.props}  StarOffProps */
+/** @typedef {typeof __propDef.events}  StarOffEvents */
+/** @typedef {typeof __propDef.slots}  StarOffSlots */
+export default class StarOff extends SvelteComponentTyped<{
+    w?: number | undefined;
+    s?: number | undefined;
+    h?: number | undefined;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> {
+}
+export type StarOffProps = typeof __propDef.props;
+export type StarOffEvents = typeof __propDef.events;
+export type StarOffSlots = typeof __propDef.slots;
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        w?: number | undefined;
+        s?: number | undefined;
+        h?: number | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export {};

package/components/ricons/star.svelte

@@ -0,0 +1,8 @@
+<script>
+  export let w = 24;
+  export let h = 24;
+  export let s = 1;
+</script>
+
+
+<svg xmlns="http://www.w3.org/2000/svg" width={w} height={h} viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width={s} stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star-icon lucide-star"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"/></svg>

package/components/ricons/star.svelte.d.ts

@@ -0,0 +1,27 @@
+/** @typedef {typeof __propDef.props}  StarProps */
+/** @typedef {typeof __propDef.events}  StarEvents */
+/** @typedef {typeof __propDef.slots}  StarSlots */
+export default class Star extends SvelteComponentTyped<{
+    w?: number | undefined;
+    s?: number | undefined;
+    h?: number | undefined;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> {
+}
+export type StarProps = typeof __propDef.props;
+export type StarEvents = typeof __propDef.events;
+export type StarSlots = typeof __propDef.slots;
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        w?: number | undefined;
+        s?: number | undefined;
+        h?: number | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@humandialog/forms.svelte",
-  "version": "1.8.7",
+  "version": "1.8.8",
   "description": "Basic Svelte UI components for Object Reef applications",
   "devDependencies": {
     "@playwright/test": "^1.28.1",
@@ -196,6 +196,8 @@
     "./components/ricons/heading-3.svelte": "./components/ricons/heading-3.svelte",
     "./components/ricons/heading-4.svelte": "./components/ricons/heading-4.svelte",
     "./components/ricons/heading-5.svelte": "./components/ricons/heading-5.svelte",
+    "./components/ricons/heart-off.svelte": "./components/ricons/heart-off.svelte",
+    "./components/ricons/heart.svelte": "./components/ricons/heart.svelte",
     "./components/ricons/image.svelte": "./components/ricons/image.svelte",
     "./components/ricons/italic.svelte": "./components/ricons/italic.svelte",
     "./components/ricons/languages.svelte": "./components/ricons/languages.svelte",
@@ -220,6 +222,8 @@
     "./components/ricons/square-check-big.svelte": "./components/ricons/square-check-big.svelte",
     "./components/ricons/square-pen.svelte": "./components/ricons/square-pen.svelte",
     "./components/ricons/square.svelte": "./components/ricons/square.svelte",
+    "./components/ricons/star-off.svelte": "./components/ricons/star-off.svelte",
+    "./components/ricons/star.svelte": "./components/ricons/star.svelte",
     "./components/ricons/strikethrough.svelte": "./components/ricons/strikethrough.svelte",
     "./components/ricons/sun-moon.svelte": "./components/ricons/sun-moon.svelte",
     "./components/ricons/table.svelte": "./components/ricons/table.svelte",