@functionalcms/svelte-components 3.0.1 → 3.0.4

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

@@ -3,11 +3,11 @@
 /** @typedef {typeof __propDef.slots}  SwitchSlots */
 export default class Switch extends SvelteComponentTyped<{
     size?: string | undefined;
-    css?: string | undefined;
+    label?: string | undefined;
     id?: string | undefined;
-    isDisabled?: boolean | undefined;
     isBordered?: boolean | undefined;
-    label?: string | undefined;
+    isDisabled?: boolean | undefined;
+    css?: string | undefined;
     labelPosition?: string | undefined;
     isChecked?: boolean | undefined;
     isAction?: boolean | undefined;
@@ -24,11 +24,11 @@ import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
         size?: string | undefined;
-        css?: string | undefined;
+        label?: string | undefined;
         id?: string | undefined;
-        isDisabled?: boolean | undefined;
         isBordered?: boolean | undefined;
-        label?: string | undefined;
+        isDisabled?: boolean | undefined;
+        css?: string | undefined;
         labelPosition?: string | undefined;
         isChecked?: boolean | undefined;
         isAction?: boolean | undefined;

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

@@ -4,7 +4,7 @@ declare const __propDef: {
         slug?: string;
         path?: string;
         title: string;
-        css: string;
+        css?: string;
     };
     events: {
         [evt: string]: CustomEvent<any>;

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<{
+    source?: any[] | undefined;
+    options?: {} | undefined;
+    renderers?: {} | 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: {
+        source?: any[] | undefined;
+        options?: {} | undefined;
+        renderers?: {} | 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';

package/dist/components/markdown/markdown-parser.js

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

package/dist/components/markdown/renderers/Blockquote.svelte

@@ -0,0 +1 @@
+<blockquote><slot></slot></blockquote>

package/dist/components/markdown/renderers/Blockquote.svelte.d.ts

@@ -0,0 +1,27 @@
+/** @typedef {typeof __propDef.props}  BlockquoteProps */
+/** @typedef {typeof __propDef.events}  BlockquoteEvents */
+/** @typedef {typeof __propDef.slots}  BlockquoteSlots */
+export default class Blockquote extends SvelteComponentTyped<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {
+    default: {};
+}> {
+}
+export type BlockquoteProps = typeof __propDef.props;
+export type BlockquoteEvents = typeof __propDef.events;
+export type BlockquoteSlots = typeof __propDef.slots;
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        [x: string]: never;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export {};

package/dist/components/markdown/renderers/Br.svelte

@@ -0,0 +1 @@
+<br /><slot />

package/dist/components/markdown/renderers/Br.svelte.d.ts

@@ -0,0 +1,27 @@
+/** @typedef {typeof __propDef.props}  BrProps */
+/** @typedef {typeof __propDef.events}  BrEvents */
+/** @typedef {typeof __propDef.slots}  BrSlots */
+export default class Br extends SvelteComponentTyped<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {
+    default: {};
+}> {
+}
+export type BrProps = typeof __propDef.props;
+export type BrEvents = typeof __propDef.events;
+export type BrSlots = typeof __propDef.slots;
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        [x: string]: never;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export {};

package/dist/components/markdown/renderers/Code.svelte

@@ -0,0 +1,6 @@
+<script>
+  export let lang
+  export let text
+</script>
+
+<pre class={lang}><code>{text}</code></pre>

package/dist/components/markdown/renderers/Code.svelte.d.ts

@@ -0,0 +1,25 @@
+/** @typedef {typeof __propDef.props}  CodeProps */
+/** @typedef {typeof __propDef.events}  CodeEvents */
+/** @typedef {typeof __propDef.slots}  CodeSlots */
+export default class Code extends SvelteComponentTyped<{
+    lang: any;
+    text: any;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> {
+}
+export type CodeProps = typeof __propDef.props;
+export type CodeEvents = typeof __propDef.events;
+export type CodeSlots = typeof __propDef.slots;
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        lang: any;
+        text: any;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export {};

package/dist/components/markdown/renderers/Codespan.svelte

@@ -0,0 +1,5 @@
+<script>
+  export let raw
+</script>
+
+<code>{raw.replace(/`/g, '')}</code>

package/dist/components/markdown/renderers/Codespan.svelte.d.ts

@@ -0,0 +1,23 @@
+/** @typedef {typeof __propDef.props}  CodespanProps */
+/** @typedef {typeof __propDef.events}  CodespanEvents */
+/** @typedef {typeof __propDef.slots}  CodespanSlots */
+export default class Codespan extends SvelteComponentTyped<{
+    raw: any;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> {
+}
+export type CodespanProps = typeof __propDef.props;
+export type CodespanEvents = typeof __propDef.events;
+export type CodespanSlots = typeof __propDef.slots;
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        raw: any;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export {};

package/dist/components/markdown/renderers/Del.svelte

@@ -0,0 +1 @@
+<del><slot></slot></del>

package/dist/components/markdown/renderers/Del.svelte.d.ts

@@ -0,0 +1,27 @@
+/** @typedef {typeof __propDef.props}  DelProps */
+/** @typedef {typeof __propDef.events}  DelEvents */
+/** @typedef {typeof __propDef.slots}  DelSlots */
+export default class Del extends SvelteComponentTyped<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {
+    default: {};
+}> {
+}
+export type DelProps = typeof __propDef.props;
+export type DelEvents = typeof __propDef.events;
+export type DelSlots = typeof __propDef.slots;
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        [x: string]: never;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export {};

package/dist/components/markdown/renderers/Em.svelte

@@ -0,0 +1 @@
+<em><slot></slot></em>

package/dist/components/markdown/renderers/Em.svelte.d.ts

@@ -0,0 +1,27 @@
+/** @typedef {typeof __propDef.props}  EmProps */
+/** @typedef {typeof __propDef.events}  EmEvents */
+/** @typedef {typeof __propDef.slots}  EmSlots */
+export default class Em extends SvelteComponentTyped<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {
+    default: {};
+}> {
+}
+export type EmProps = typeof __propDef.props;
+export type EmEvents = typeof __propDef.events;
+export type EmSlots = typeof __propDef.slots;
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        [x: string]: never;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export {};

package/dist/components/markdown/renderers/Heading.svelte

@@ -0,0 +1,30 @@
+<script>
+  import { getContext } from 'svelte'
+  import { key } from '../context'
+  export let depth
+  export let raw
+  export let text
+
+  const { slug, getOptions } = getContext(key)
+  const options = getOptions()
+
+  $: id = options.headerIds
+    ? options.headerPrefix + slug(text)
+    : undefined
+</script>
+
+{#if depth === 1}
+  <h1 {id}><slot></slot></h1>
+{:else if depth === 2}
+  <h2 {id}><slot></slot></h2>
+{:else if depth === 3}
+  <h3 {id}><slot></slot></h3>
+{:else if depth === 4}
+  <h4 {id}><slot></slot></h4>
+{:else if depth === 5}
+  <h5 {id}><slot></slot></h5>
+{:else if depth === 6}
+  <h6 {id}><slot></slot></h6>
+{:else}
+  {raw}
+{/if}

package/dist/components/markdown/renderers/Heading.svelte.d.ts

@@ -0,0 +1,31 @@
+/** @typedef {typeof __propDef.props}  HeadingProps */
+/** @typedef {typeof __propDef.events}  HeadingEvents */
+/** @typedef {typeof __propDef.slots}  HeadingSlots */
+export default class Heading extends SvelteComponentTyped<{
+    depth: any;
+    raw: any;
+    text: any;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {
+    default: {};
+}> {
+}
+export type HeadingProps = typeof __propDef.props;
+export type HeadingEvents = typeof __propDef.events;
+export type HeadingSlots = typeof __propDef.slots;
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        depth: any;
+        raw: any;
+        text: any;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export {};

package/dist/components/markdown/renderers/Hr.svelte

@@ -0,0 +1 @@
+<hr>

package/dist/components/markdown/renderers/Hr.svelte.d.ts

@@ -0,0 +1,23 @@
+/** @typedef {typeof __propDef.props}  HrProps */
+/** @typedef {typeof __propDef.events}  HrEvents */
+/** @typedef {typeof __propDef.slots}  HrSlots */
+export default class Hr extends SvelteComponentTyped<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> {
+}
+export type HrProps = typeof __propDef.props;
+export type HrEvents = typeof __propDef.events;
+export type HrSlots = typeof __propDef.slots;
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        [x: string]: never;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export {};