@functionalcms/svelte-components 3.0.0 → 3.0.3

package/dist/components/agnostic/Tabs/Tabs.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponent } from "svelte";
+import { SvelteComponentTyped } from "svelte";
 import type { Tab, TabSizes } from './api';
 declare const __propDef: {
     props: {
@@ -23,12 +23,10 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
-    exports?: {} | undefined;
-    bindings?: string | undefined;
 };
 export type TabsProps = typeof __propDef.props;
 export type TabsEvents = typeof __propDef.events;
 export type TabsSlots = typeof __propDef.slots;
-export default class Tabs extends SvelteComponent<TabsProps, TabsEvents, TabsSlots> {
+export default class Tabs extends SvelteComponentTyped<TabsProps, TabsEvents, TabsSlots> {
 }
 export {};

package/dist/components/agnostic/Tag/Tag.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponent } from "svelte";
+import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
         isUppercase?: boolean;
@@ -12,12 +12,10 @@ declare const __propDef: {
     slots: {
         default: {};
     };
-    exports?: {} | undefined;
-    bindings?: string | undefined;
 };
 export type TagProps = typeof __propDef.props;
 export type TagEvents = typeof __propDef.events;
 export type TagSlots = typeof __propDef.slots;
-export default class Tag extends SvelteComponent<TagProps, TagEvents, TagSlots> {
+export default class Tag extends SvelteComponentTyped<TagProps, TagEvents, TagSlots> {
 }
 export {};

package/dist/components/agnostic/Tag/TagSlots.svelte.d.ts

@@ -1,16 +1,14 @@
-import { SvelteComponent } from "svelte";
+import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: Record<string, never>;
     events: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
-    exports?: {} | undefined;
-    bindings?: string | undefined;
 };
 export type TagSlotsProps = typeof __propDef.props;
 export type TagSlotsEvents = typeof __propDef.events;
 export type TagSlotsSlots = typeof __propDef.slots;
-export default class TagSlots extends SvelteComponent<TagSlotsProps, TagSlotsEvents, TagSlotsSlots> {
+export default class TagSlots extends SvelteComponentTyped<TagSlotsProps, TagSlotsEvents, TagSlotsSlots> {
 }
 export {};

package/dist/components/agnostic/Toasts/Toasts.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponent } from "svelte";
+import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
         portalRootSelector?: string;
@@ -11,12 +11,10 @@ declare const __propDef: {
     slots: {
         default: {};
     };
-    exports?: {} | undefined;
-    bindings?: string | undefined;
 };
 export type ToastsProps = typeof __propDef.props;
 export type ToastsEvents = typeof __propDef.events;
 export type ToastsSlots = typeof __propDef.slots;
-export default class Toasts extends SvelteComponent<ToastsProps, ToastsEvents, ToastsSlots> {
+export default class Toasts extends SvelteComponentTyped<ToastsProps, ToastsEvents, ToastsSlots> {
 }
 export {};

package/dist/components/agnostic/Tooltip/Tooltip.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponent } from "svelte";
+import { SvelteComponentTyped } from "svelte";
 import type { TooltipPlacement } from './api';
 declare const __propDef: {
     props: {
@@ -12,12 +12,10 @@ declare const __propDef: {
         default: {};
         content: {};
     };
-    exports?: {} | undefined;
-    bindings?: string | undefined;
 };
 export type TooltipProps = typeof __propDef.props;
 export type TooltipEvents = typeof __propDef.events;
 export type TooltipSlots = typeof __propDef.slots;
-export default class Tooltip extends SvelteComponent<TooltipProps, TooltipEvents, TooltipSlots> {
+export default class Tooltip extends SvelteComponentTyped<TooltipProps, TooltipEvents, TooltipSlots> {
 }
 export {};

package/dist/components/agnostic/Tooltip/TooltipSlots.svelte.d.ts

@@ -1,16 +1,14 @@
-import { SvelteComponent } from "svelte";
+import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: Record<string, never>;
     events: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
-    exports?: {} | undefined;
-    bindings?: string | undefined;
 };
 export type TooltipSlotsProps = typeof __propDef.props;
 export type TooltipSlotsEvents = typeof __propDef.events;
 export type TooltipSlotsSlots = typeof __propDef.slots;
-export default class TooltipSlots extends SvelteComponent<TooltipSlotsProps, TooltipSlotsEvents, TooltipSlotsSlots> {
+export default class TooltipSlots extends SvelteComponentTyped<TooltipSlotsProps, TooltipSlotsEvents, TooltipSlotsSlots> {
 }
 export {};

package/dist/components/blog/BlogDescription.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponent } from "svelte";
+import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
         description: string;
@@ -10,12 +10,10 @@ declare const __propDef: {
     slots: {
         readMore: {};
     };
-    exports?: {} | undefined;
-    bindings?: string | undefined;
 };
 export type BlogDescriptionProps = typeof __propDef.props;
 export type BlogDescriptionEvents = typeof __propDef.events;
 export type BlogDescriptionSlots = typeof __propDef.slots;
-export default class BlogDescription extends SvelteComponent<BlogDescriptionProps, BlogDescriptionEvents, BlogDescriptionSlots> {
+export default class BlogDescription extends SvelteComponentTyped<BlogDescriptionProps, BlogDescriptionEvents, BlogDescriptionSlots> {
 }
 export {};

package/dist/components/blog/BlogTitle.svelte

@@ -1,7 +1,7 @@
 <script>export let slug = "";
 export let path = "";
 export let title;
-export let css;
+export let css = "";
 const href = `${path}/${slug}`;
 const isLink = slug != "";
 </script>

package/dist/components/blog/BlogTitle.svelte.d.ts

@@ -1,21 +1,19 @@
-import { SvelteComponent } from "svelte";
+import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
         slug?: string;
         path?: string;
         title: string;
-        css: string;
+        css?: string;
     };
     events: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
-    exports?: {} | undefined;
-    bindings?: string | undefined;
 };
 export type BlogTitleProps = typeof __propDef.props;
 export type BlogTitleEvents = typeof __propDef.events;
 export type BlogTitleSlots = typeof __propDef.slots;
-export default class BlogTitle extends SvelteComponent<BlogTitleProps, BlogTitleEvents, BlogTitleSlots> {
+export default class BlogTitle extends SvelteComponentTyped<BlogTitleProps, BlogTitleEvents, BlogTitleSlots> {
 }
 export {};

package/dist/components/form/DateTimePicker.svelte.d.ts

@@ -1,16 +1,14 @@
-import { SvelteComponent } from "svelte";
+import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: Record<string, never>;
     events: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
-    exports?: {} | undefined;
-    bindings?: string | undefined;
 };
 export type DateTimePickerProps = typeof __propDef.props;
 export type DateTimePickerEvents = typeof __propDef.events;
 export type DateTimePickerSlots = typeof __propDef.slots;
-export default class DateTimePicker extends SvelteComponent<DateTimePickerProps, DateTimePickerEvents, DateTimePickerSlots> {
+export default class DateTimePicker extends SvelteComponentTyped<DateTimePickerProps, DateTimePickerEvents, DateTimePickerSlots> {
 }
 export {};

package/dist/components/form/Input.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponent } from "svelte";
+import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
         [x: string]: any;
@@ -34,12 +34,10 @@ declare const __propDef: {
         addonLeft: {};
         addonRight: {};
     };
-    exports?: undefined;
-    bindings?: undefined;
 };
 export type InputProps = typeof __propDef.props;
 export type InputEvents = typeof __propDef.events;
 export type InputSlots = typeof __propDef.slots;
-export default class Input extends SvelteComponent<InputProps, InputEvents, InputSlots> {
+export default class Input extends SvelteComponentTyped<InputProps, InputEvents, InputSlots> {
 }
 export {};

package/dist/components/form/InputAddonItem.svelte.d.ts

@@ -1,7 +1,7 @@
 /** @typedef {typeof __propDef.props}  InputAddonItemProps */
 /** @typedef {typeof __propDef.events}  InputAddonItemEvents */
 /** @typedef {typeof __propDef.slots}  InputAddonItemSlots */
-export default class InputAddonItem extends SvelteComponent<{
+export default class InputAddonItem extends SvelteComponentTyped<{
     css?: string | undefined;
     addonLeft?: boolean | undefined;
     addonRight?: boolean | undefined;
@@ -14,7 +14,7 @@ export default class InputAddonItem extends SvelteComponent<{
 export type InputAddonItemProps = typeof __propDef.props;
 export type InputAddonItemEvents = typeof __propDef.events;
 export type InputAddonItemSlots = typeof __propDef.slots;
-import { SvelteComponent } from "svelte";
+import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
         css?: string | undefined;
@@ -27,7 +27,5 @@ declare const __propDef: {
     slots: {
         default: {};
     };
-    exports?: undefined;
-    bindings?: undefined;
 };
 export {};

package/dist/components/form/Select.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponent } from "svelte";
+import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
         uniqueId?: string;
@@ -21,12 +21,10 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
-    exports?: {} | undefined;
-    bindings?: string | undefined;
 };
 export type SelectProps = typeof __propDef.props;
 export type SelectEvents = typeof __propDef.events;
 export type SelectSlots = typeof __propDef.slots;
-export default class Select extends SvelteComponent<SelectProps, SelectEvents, SelectSlots> {
+export default class Select extends SvelteComponentTyped<SelectProps, SelectEvents, SelectSlots> {
 }
 export {};

package/dist/components/layouts/DefaultLayout.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponent } from "svelte";
+import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
         headerIsSticky?: boolean;
@@ -14,12 +14,10 @@ declare const __propDef: {
         footer: {};
         sticky_footer: {};
     };
-    exports?: {} | undefined;
-    bindings?: string | undefined;
 };
 export type DefaultLayoutProps = typeof __propDef.props;
 export type DefaultLayoutEvents = typeof __propDef.events;
 export type DefaultLayoutSlots = typeof __propDef.slots;
-export default class DefaultLayout extends SvelteComponent<DefaultLayoutProps, DefaultLayoutEvents, DefaultLayoutSlots> {
+export default class DefaultLayout extends SvelteComponentTyped<DefaultLayoutProps, DefaultLayoutEvents, DefaultLayoutSlots> {
 }
 export {};

package/dist/components/layouts/Meta.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponent } from "svelte";
+import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
         title?: string;
@@ -12,12 +12,10 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
-    exports?: {} | undefined;
-    bindings?: string | undefined;
 };
 export type MetaProps = typeof __propDef.props;
 export type MetaEvents = typeof __propDef.events;
 export type MetaSlots = typeof __propDef.slots;
-export default class Meta extends SvelteComponent<MetaProps, MetaEvents, MetaSlots> {
+export default class Meta extends SvelteComponentTyped<MetaProps, MetaEvents, MetaSlots> {
 }
 export {};

package/dist/components/{SimpleFooter.svelte.d.ts → layouts/SimpleFooter.svelte.d.ts}

@@ -1,4 +1,4 @@
-import { SvelteComponent } from "svelte";
+import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
         /**
@@ -15,12 +15,10 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
-    exports?: {} | undefined;
-    bindings?: string | undefined;
 };
 export type SimpleFooterProps = typeof __propDef.props;
 export type SimpleFooterEvents = typeof __propDef.events;
 export type SimpleFooterSlots = typeof __propDef.slots;
-export default class SimpleFooter extends SvelteComponent<SimpleFooterProps, SimpleFooterEvents, SimpleFooterSlots> {
+export default class SimpleFooter extends SvelteComponentTyped<SimpleFooterProps, SimpleFooterEvents, SimpleFooterSlots> {
 }
 export {};

package/dist/components/layouts/Tracker.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponent } from "svelte";
+import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
         domain: any;
@@ -7,12 +7,10 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
-    exports?: {} | undefined;
-    bindings?: string | undefined;
 };
 export type TrackerProps = typeof __propDef.props;
 export type TrackerEvents = typeof __propDef.events;
 export type TrackerSlots = typeof __propDef.slots;
-export default class Tracker extends SvelteComponent<TrackerProps, TrackerEvents, TrackerSlots> {
+export default class Tracker extends SvelteComponentTyped<TrackerProps, TrackerEvents, TrackerSlots> {
 }
 export {};

package/dist/components/layouts/TwoColumnsLayout.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponent } from "svelte";
+import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
         leftCss?: string;
@@ -11,12 +11,10 @@ declare const __propDef: {
         left: {};
         right: {};
     };
-    exports?: {} | undefined;
-    bindings?: string | undefined;
 };
 export type TwoColumnsLayoutProps = typeof __propDef.props;
 export type TwoColumnsLayoutEvents = typeof __propDef.events;
 export type TwoColumnsLayoutSlots = typeof __propDef.slots;
-export default class TwoColumnsLayout extends SvelteComponent<TwoColumnsLayoutProps, TwoColumnsLayoutEvents, TwoColumnsLayoutSlots> {
+export default class TwoColumnsLayout extends SvelteComponentTyped<TwoColumnsLayoutProps, TwoColumnsLayoutEvents, TwoColumnsLayoutSlots> {
 }
 export {};

package/dist/components/markdown/Parser.svelte

@@ -0,0 +1,79 @@
+<script>
+  import { supressWarnings } from './supress-warnings'
+
+  export let type = undefined
+  export let tokens = undefined
+  export let header = undefined
+  export let rows = undefined
+  export let ordered = false
+  export let renderers
+
+  supressWarnings();
+</script>
+
+{#if !type}
+  {#each tokens as token}
+    <svelte:self {...token} {renderers} />
+  {/each}
+{:else}
+  {#if renderers[type]}
+    {#if type === 'table'}
+      <svelte:component this={renderers.table}>
+        <svelte:component this={renderers.tablehead}>
+          <svelte:component this={renderers.tablerow}>
+            {#each header as headerItem, i}
+              <svelte:component
+                this={renderers.tablecell}
+                header={true}
+                align={$$restProps.align[i] || 'center'}
+                >
+                <svelte:self tokens={headerItem.tokens} {renderers} />
+              </svelte:component>
+            {/each}
+          </svelte:component>
+        </svelte:component>
+        <svelte:component this={renderers.tablebody}>
+          {#each rows as row}
+            <svelte:component this={renderers.tablerow}>
+              {#each row as cells, i}
+                <svelte:component
+                  this={renderers.tablecell}
+                  header={false}
+                  align={$$restProps.align[i] || 'center'}
+                  >
+                  <svelte:self tokens={cells.tokens} {renderers} />
+                </svelte:component>
+              {/each}
+            </svelte:component>
+          {/each}
+        </svelte:component>
+      </svelte:component>
+    {:else if type === 'list'}
+      {#if ordered}
+        <svelte:component this={renderers.list} {ordered} {...$$restProps}>
+          {#each $$restProps.items as item}
+            <svelte:component this={renderers.orderedlistitem || renderers.listitem} {...item}>
+              <svelte:self tokens={item.tokens} {renderers} />
+            </svelte:component>
+          {/each}
+        </svelte:component>
+      {:else}
+        <svelte:component this={renderers.list} {ordered} {...$$restProps}>
+          {#each $$restProps.items as item}
+            <svelte:component this={renderers.unorderedlistitem || renderers.listitem} {...item}>
+              <svelte:self tokens={item.tokens} {renderers} />
+            </svelte:component>
+          {/each}
+        </svelte:component>
+      {/if}
+    {:else}
+      <svelte:component this={renderers[type]} {...$$restProps}>
+        {#if tokens}
+          <svelte:self {tokens} {renderers} />
+        {:else}
+          {$$restProps.raw}
+        {/if}
+      </svelte:component>
+    {/if}
+  {/if}
+{/if}

package/dist/components/markdown/Parser.svelte.d.ts

@@ -0,0 +1,35 @@
+/** @typedef {typeof __propDef.props}  ParserProps */
+/** @typedef {typeof __propDef.events}  ParserEvents */
+/** @typedef {typeof __propDef.slots}  ParserSlots */
+export default class Parser extends SvelteComponentTyped<{
+    [x: string]: any;
+    renderers: any;
+    type?: any;
+    header?: any;
+    tokens?: any;
+    rows?: any;
+    ordered?: boolean | undefined;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> {
+}
+export type ParserProps = typeof __propDef.props;
+export type ParserEvents = typeof __propDef.events;
+export type ParserSlots = typeof __propDef.slots;
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        [x: string]: any;
+        renderers: any;
+        type?: any;
+        header?: any;
+        tokens?: any;
+        rows?: any;
+        ordered?: boolean | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export {};

package/dist/components/markdown/SvelteMarkdown.svelte

@@ -0,0 +1,44 @@
+<script>
+  import { setContext, createEventDispatcher, onMount } from 'svelte'
+  import Parser from './Parser.svelte'
+  import { Lexer, Slugger, defaultOptions, defaultRenderers } from './markdown-parser'
+  import { key } from './context'
+
+  export let source = []
+  export let renderers = {}
+  export let options = {}
+  export let isInline = false
+
+  const dispatch = createEventDispatcher();
+
+  let tokens;
+  let lexer;
+  let mounted;
+
+  $: preprocessed = Array.isArray(source)
+  $: slugger = source ? new Slugger : undefined
+  $: combinedOptions = { ...defaultOptions, ...options }
+  $: if (preprocessed) {
+    tokens = source
+  } else {
+    lexer = new Lexer(combinedOptions)
+
+    tokens = isInline ? lexer.inlineTokens(source) : lexer.lex(source)
+
+    dispatch('parsed', { tokens })
+  }
+
+  $: combinedRenderers = { ...defaultRenderers, ...renderers }
+
+  setContext(key, {
+    slug: (val) => slugger ? slugger.slug(val) : '',
+    getOptions: () => combinedOptions
+  })
+  $: mounted && !preprocessed && dispatch('parsed', { tokens })
+
+  onMount(() => {
+    mounted = true
+  });
+</script>
+
+<Parser {tokens} renderers={combinedRenderers} />

package/dist/components/markdown/SvelteMarkdown.svelte.d.ts

@@ -0,0 +1,33 @@
+/** @typedef {typeof __propDef.props}  SvelteMarkdownProps */
+/** @typedef {typeof __propDef.events}  SvelteMarkdownEvents */
+/** @typedef {typeof __propDef.slots}  SvelteMarkdownSlots */
+export default class SvelteMarkdown extends SvelteComponentTyped<{
+    options?: {} | undefined;
+    renderers?: {} | undefined;
+    source?: any[] | undefined;
+    isInline?: boolean | undefined;
+}, {
+    parsed: CustomEvent<any>;
+} & {
+    [evt: string]: CustomEvent<any>;
+}, {}> {
+}
+export type SvelteMarkdownProps = typeof __propDef.props;
+export type SvelteMarkdownEvents = typeof __propDef.events;
+export type SvelteMarkdownSlots = typeof __propDef.slots;
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        options?: {} | undefined;
+        renderers?: {} | undefined;
+        source?: any[] | undefined;
+        isInline?: boolean | undefined;
+    };
+    events: {
+        parsed: CustomEvent<any>;
+    } & {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export {};

package/dist/components/markdown/context.d.ts

@@ -0,0 +1 @@
+export const key: {};

package/dist/components/markdown/context.js

@@ -0,0 +1 @@
+export const key = {}

package/dist/components/markdown/index.d.ts

@@ -0,0 +1,2 @@
+export default SvelteMarkdown;
+import SvelteMarkdown from './SvelteMarkdown.svelte';

package/dist/components/markdown/index.js

@@ -0,0 +1,3 @@
+import SvelteMarkdown from './SvelteMarkdown.svelte'
+
+export default SvelteMarkdown

package/dist/components/markdown/markdown-parser.d.ts

@@ -0,0 +1,65 @@
+export namespace defaultRenderers {
+    export { Heading as heading };
+    export { Paragraph as paragraph };
+    export { Text as text };
+    export { Image as image };
+    export { Link as link };
+    export { Em as em };
+    export { Strong as strong };
+    export { Codespan as codespan };
+    export { Del as del };
+    export { Table as table };
+    export { TableHead as tablehead };
+    export { TableBody as tablebody };
+    export { TableRow as tablerow };
+    export { TableCell as tablecell };
+    export { List as list };
+    export let orderedlistitem: null;
+    export let unorderedlistitem: null;
+    export { ListItem as listitem };
+    export { Hr as hr };
+    export { Html as html };
+    export { Blockquote as blockquote };
+    export { Code as code };
+    export { Br as br };
+}
+export namespace defaultOptions {
+    let baseUrl: null;
+    let breaks: boolean;
+    let gfm: boolean;
+    let headerIds: boolean;
+    let headerPrefix: string;
+    let highlight: null;
+    let langPrefix: string;
+    let mangle: boolean;
+    let pedantic: boolean;
+    let renderer: null;
+    let sanitize: boolean;
+    let sanitizer: null;
+    let silent: boolean;
+    let smartLists: boolean;
+    let smartypants: boolean;
+    let tokenizer: null;
+    let xhtml: boolean;
+}
+import { Heading } from './renderers';
+import { Paragraph } from './renderers';
+import { Text } from './renderers';
+import { Image } from './renderers';
+import { Link } from './renderers';
+import { Em } from './renderers';
+import { Strong } from './renderers';
+import { Codespan } from './renderers';
+import { Del } from './renderers';
+import { Table } from './renderers';
+import { TableHead } from './renderers';
+import { TableBody } from './renderers';
+import { TableRow } from './renderers';
+import { TableCell } from './renderers';
+import { List } from './renderers';
+import { ListItem } from './renderers';
+import { Hr } from './renderers';
+import { Html } from './renderers';
+import { Blockquote } from './renderers';
+import { Code } from './renderers';
+import { Br } from './renderers';