@limetech/kompendium 1.1.1

package/dist/cjs/kompendium-component.entry.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"kompendium-component.entry.cjs.js","sources":["src/components/component/templates/events.tsx","src/components/component/templates/slots.tsx","src/components/component/templates/style.tsx","src/components/component/templates/examples.tsx","node_modules/lodash/negate.js","src/components/component/component.scss?tag=kompendium-component&encapsulation=shadow","src/components/component/component.tsx"],"sourcesContent":["import { JsonDocsEvent } from '@stencil/core/internal';\nimport { h } from '@stencil/core';\nimport { ProplistItem } from '../../proplist/proplist';\n\nexport function EventList({\n    events,\n    id,\n}: {\n    id: string;\n    events: JsonDocsEvent[];\n}): HTMLElement[] {\n    if (!events.length) {\n        return;\n    }\n\n    return [\n        <h3 class=\"docs-layout-section-heading\" id={id}>\n            Events\n        </h3>,\n        ...events.map(renderEvent),\n    ];\n}\n\nfunction renderEvent(event: JsonDocsEvent) {\n    const items: ProplistItem[] = [\n        {\n            key: 'Detail',\n            value: event.detail,\n        },\n        {\n            key: 'Bubbles',\n            value: String(event.bubbles),\n        },\n        {\n            key: 'Cancelable',\n            value: String(event.cancelable),\n        },\n        {\n            key: 'Composed',\n            value: String(event.composed),\n        },\n    ];\n\n    return (\n        <div class=\"props-events-layout\">\n            <h4>{event.event}</h4>\n            <kompendium-taglist tags={event.docsTags} />\n            <div class=\"markdown-props\">\n                <kompendium-markdown text={event.docs} />\n                <kompendium-proplist items={items} />\n            </div>\n        </div>\n    );\n}\n","import { JsonDocsSlot } from '@stencil/core/internal';\nimport { h } from '@stencil/core';\n\nexport function SlotList({\n    slots,\n    id,\n}: {\n    id: string;\n    slots: JsonDocsSlot[];\n}): HTMLElement[] {\n    if (!slots.length) {\n        return;\n    }\n\n    return [\n        <h3 class=\"docs-layout-section-heading\" id={id}>\n            Slots\n        </h3>,\n        ...slots.map(renderSlot),\n    ];\n}\n\nfunction renderSlot(slot: JsonDocsSlot) {\n    return (\n        <div>\n            <h4>{slot.name}</h4>\n            <kompendium-markdown text={slot.docs} />\n        </div>\n    );\n}\n","import { JsonDocsStyle } from '@stencil/core/internal';\nimport { h } from '@stencil/core';\n\nexport function StyleList({\n    styles,\n    id,\n}: {\n    id: string;\n    styles: JsonDocsStyle[];\n}): HTMLElement[] {\n    if (!styles.length) {\n        return;\n    }\n\n    return [\n        <h3 class=\"docs-layout-section-heading\" id={id}>\n            Styles\n        </h3>,\n        ...styles.map(renderStyle),\n    ];\n}\n\nfunction renderStyle(style: JsonDocsStyle) {\n    return (\n        <div class=\"styles-layout\">\n            <div class=\"styles-title\">\n                <code>{style.name}</code>\n            </div>\n            <div class=\"styles-content\">\n                <kompendium-markdown text={style.docs} />\n            </div>\n        </div>\n    );\n}\n","import { JsonDocsComponent, JsonDocsTag } from '@stencil/core/internal';\nimport { h } from '@stencil/core';\nimport { PropsFactory } from '../../playground/playground.types';\n\nexport function ExampleList({\n    examples,\n    id,\n    schema,\n    propsFactory,\n}: {\n    id: string;\n    examples: JsonDocsComponent[];\n    schema: Record<string, any>;\n    propsFactory?: PropsFactory;\n}): HTMLElement[] {\n    if (!examples.length) {\n        return;\n    }\n\n    return [\n        <h3 class=\"docs-layout-section-heading\" id={id}>\n            Examples\n        </h3>,\n        examples.map(renderExample(schema, propsFactory)),\n    ];\n}\n\nconst renderExample =\n    (schema: Record<string, any>, factory: PropsFactory) =>\n    (example: JsonDocsComponent) => {\n        return (\n            <kompendium-playground\n                component={example}\n                schema={schema}\n                propsFactory={factory}\n            />\n        );\n    };\n\nexport const isExampleTag =\n    (name: string) =>\n    (tag: JsonDocsTag): boolean => {\n        return tag.text.startsWith(name);\n    };\n","/** Error message constants. */\nvar FUNC_ERROR_TEXT = 'Expected a function';\n\n/**\n * Creates a function that negates the result of the predicate `func`. The\n * `func` predicate is invoked with the `this` binding and arguments of the\n * created function.\n *\n * @static\n * @memberOf _\n * @since 3.0.0\n * @category Function\n * @param {Function} predicate The predicate to negate.\n * @returns {Function} Returns the new negated function.\n * @example\n *\n * function isEven(n) {\n *   return n % 2 == 0;\n * }\n *\n * _.filter([1, 2, 3, 4, 5, 6], _.negate(isEven));\n * // => [1, 3, 5]\n */\nfunction negate(predicate) {\n  if (typeof predicate != 'function') {\n    throw new TypeError(FUNC_ERROR_TEXT);\n  }\n  return function() {\n    var args = arguments;\n    switch (args.length) {\n      case 0: return !predicate.call(this);\n      case 1: return !predicate.call(this, args[0]);\n      case 2: return !predicate.call(this, args[0], args[1]);\n      case 3: return !predicate.call(this, args[0], args[1], args[2]);\n    }\n    return !predicate.apply(this, args);\n  };\n}\n\nmodule.exports = negate;\n","@use '../../style/reset.scss';\n@use '../../style/variables.scss';\n@use '../../style/mixins.scss';\n@use '../../style/functions.scss';\n@use '../../style/typography.scss';\n@use '../../style/global-layout-rules.scss';\n\n:host {\n    display: block;\n}\n\n.docs {\n    kompendium-markdown {\n        display: block;\n        width: 100%;\n        max-width: functions.pxToRem(960);\n    }\n}\n","import { Component, h, Prop, Element } from '@stencil/core';\nimport {\n    JsonDocs,\n    JsonDocsComponent,\n    JsonDocsTag,\n} from '@stencil/core/internal';\nimport { MatchResults } from '@limetech/stencil-router';\nimport { PropertyList } from './templates/props';\nimport { EventList } from './templates/events';\nimport { MethodList } from './templates/methods';\nimport { SlotList } from './templates/slots';\nimport { StyleList } from './templates/style';\nimport { ExampleList } from './templates/examples';\nimport negate from 'lodash/negate';\nimport { PropsFactory } from '../playground/playground.types';\nimport { getRoute, scrollToElement } from '../anchor-scroll';\n\n@Component({\n    tag: 'kompendium-component',\n    shadow: true,\n    styleUrl: 'component.scss',\n})\nexport class KompendiumComponent {\n    /**\n     * The generated documentation data\n     */\n    @Prop()\n    public docs: JsonDocs;\n\n    /**\n     * Component schemas\n     */\n    @Prop()\n    public schemas: Array<Record<string, any>>;\n\n    /**\n     * Matched route parameters\n     */\n    @Prop()\n    public match: MatchResults;\n\n    /**\n     * Factory for creating props for example components\n     */\n    @Prop()\n    public examplePropsFactory: PropsFactory;\n\n    @Element()\n    private host: HTMLKompendiumComponentElement;\n\n    private scrollToOnNextUpdate: string = null;\n\n    constructor() {\n        this.handleRouteChange = this.handleRouteChange.bind(this);\n    }\n\n    protected connectedCallback(): void {\n        window.addEventListener('hashchange', this.handleRouteChange);\n    }\n\n    protected disconnectedCallback(): void {\n        window.removeEventListener('hashchange', this.handleRouteChange);\n    }\n\n    protected componentDidLoad(): void {\n        const route = getRoute().split('#')[0];\n        scrollToElement(this.host.shadowRoot, route);\n    }\n\n    protected componentDidUpdate(): void {\n        if (this.scrollToOnNextUpdate) {\n            const route = this.scrollToOnNextUpdate.split('#')[0];\n            scrollToElement(this.host.shadowRoot, route);\n            this.scrollToOnNextUpdate = null;\n        }\n    }\n\n    private handleRouteChange() {\n        this.scrollToOnNextUpdate = getRoute().split('#')[0];\n    }\n\n    public render(): HTMLElement {\n        const tag = this.match.params.name;\n        const component = findComponent(tag, this.docs);\n\n        return (\n            <article class=\"component\">\n                <section class=\"docs\">\n                    {this.renderDocs(tag, component)}\n                </section>\n            </article>\n        );\n    }\n\n    private renderDocs(tag: string, component: JsonDocsComponent) {\n        let title = tag.split('-').slice(1).join(' ');\n        title = title[0].toLocaleUpperCase() + title.slice(1);\n        const examples = findExamples(component, this.docs);\n        const tags = component.docsTags\n            .filter(negate(isTag('slot')))\n            .filter(negate(isTag('exampleComponent')));\n        const schema = this.schemas.find((s) => s.$id === tag);\n\n        return [\n            <h1 id={this.getId()}>{title}</h1>,\n            <kompendium-markdown text={component.docs} />,\n            <kompendium-taglist tags={tags} />,\n            <ExampleList\n                examples={examples}\n                id={this.getId('examples')}\n                schema={schema}\n                propsFactory={this.examplePropsFactory}\n            />,\n            <PropertyList\n                props={component.props}\n                id={this.getId('properties')}\n            />,\n            <EventList events={component.events} id={this.getId('events')} />,\n            <MethodList\n                methods={component.methods}\n                id={this.getId('methods')}\n            />,\n            <SlotList slots={component.slots} id={this.getId('slots')} />,\n            <StyleList styles={component.styles} id={this.getId('styles')} />,\n        ];\n    }\n\n    private getId(name?: string) {\n        const route = getRoute().split('#')[0].split('/').slice(0, 3).join('/');\n\n        return [route, name].filter((item) => !!item).join('/') + '/';\n    }\n}\n\nfunction findExamples(component: JsonDocsComponent, docs: JsonDocs) {\n    return component.docsTags\n        .filter(isTag('exampleComponent'))\n        .map(findComponentByTag(docs));\n}\n\nfunction findComponent(tag: string, docs: JsonDocs) {\n    return docs.components.find((doc) => doc.tag === tag);\n}\n\nconst findComponentByTag = (docs: JsonDocs) => (tag: JsonDocsTag) => {\n    return docs.components.find((component) => component.tag === tag.text);\n};\n\nconst isTag = (name: string) => (tag: JsonDocsTag) => {\n    return tag.name === name;\n};\n"],"names":["h","getRoute","scrollToElement","PropertyList","MethodList"],"mappings":"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","x_google_ignoreList":[4]}

package/dist/cjs/kompendium-debug.cjs.entry.js

@@ -0,0 +1,47 @@
+'use strict';
+
+var index = require('./index-DYiJ6dQL.js');
+
+const KompendiumDebug = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        /**
+         * Factory for creating props for example components
+         * @returns {Record<string, unknown>} props
+         */
+        this.examplePropsFactory = () => ({});
+    }
+    render() {
+        const tag = this.match.params.name;
+        const component = findComponent(tag, this.docs);
+        return (index.h("article", { key: '29c045c23cd107d1d0006467db9abad681bb7e2e', class: "component" }, index.h("section", { key: 'ae3e9fe451f3663a720d2113d140f1efb42a5da8', class: "docs debug" }, this.renderComponent(component))));
+    }
+    renderComponent(component) {
+        const ExampleComponent = component.tag;
+        const ownerComponent = this.docs.components.find(isOwnerOf(component));
+        const schema = this.schemas.find((s) => s.$id === ownerComponent.tag);
+        const factory = this.examplePropsFactory;
+        const props = {
+            schema: schema,
+            ...factory(ExampleComponent),
+        };
+        return (index.h("div", { class: "show-case" }, index.h("div", { class: "show-case_component" }, index.h(ExampleComponent, { ...props }))));
+    }
+};
+function findComponent(tag, docs) {
+    return docs.components.find((doc) => doc.tag === tag);
+}
+const isOwnerOf = (example) => (component) => {
+    return !!component.docsTags
+        .filter(isTag('exampleComponent'))
+        .find(hasText(example.tag));
+};
+const isTag = (name) => (tag) => {
+    return tag.name === name;
+};
+const hasText = (name) => (tag) => {
+    return tag.text === name;
+};
+
+exports.kompendium_debug = KompendiumDebug;
+//# sourceMappingURL=kompendium-debug.entry.cjs.js.map

package/dist/cjs/kompendium-debug.entry.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"kompendium-debug.entry.cjs.js","sources":["src/components/debug/debug.tsx"],"sourcesContent":["import { Component, h, Prop } from '@stencil/core';\nimport {\n    JsonDocs,\n    JsonDocsComponent,\n    JsonDocsTag,\n} from '@stencil/core/internal';\nimport { MatchResults } from '@limetech/stencil-router';\nimport { PropsFactory } from '../playground/playground.types';\n\n@Component({\n    tag: 'kompendium-debug',\n    shadow: true,\n})\nexport class KompendiumDebug {\n    /**\n     * The generated documentation data\n     */\n    @Prop()\n    public docs: JsonDocs;\n\n    /**\n     * Component schemas\n     */\n    @Prop()\n    public schemas: Array<Record<string, any>>;\n\n    /**\n     * Matched route parameters\n     */\n    @Prop()\n    public match: MatchResults;\n\n    /**\n     * Factory for creating props for example components\n     * @returns {Record<string, unknown>} props\n     */\n    @Prop()\n    public examplePropsFactory?: PropsFactory = () => ({});\n\n    public render(): HTMLElement {\n        const tag = this.match.params.name;\n        const component = findComponent(tag, this.docs);\n\n        return (\n            <article class=\"component\">\n                <section class=\"docs debug\">\n                    {this.renderComponent(component)}\n                </section>\n            </article>\n        );\n    }\n\n    private renderComponent(component: JsonDocsComponent) {\n        const ExampleComponent = component.tag;\n        const ownerComponent = this.docs.components.find(isOwnerOf(component));\n        const schema = this.schemas.find((s) => s.$id === ownerComponent.tag);\n        const factory = this.examplePropsFactory;\n        const props = {\n            schema: schema,\n            ...factory(ExampleComponent),\n        };\n\n        return (\n            <div class=\"show-case\">\n                <div class=\"show-case_component\">\n                    <ExampleComponent {...props} />\n                </div>\n            </div>\n        );\n    }\n}\n\nfunction findComponent(tag: string, docs: JsonDocs) {\n    return docs.components.find((doc) => doc.tag === tag);\n}\n\nconst isOwnerOf =\n    (example: JsonDocsComponent) => (component: JsonDocsComponent) => {\n        return !!component.docsTags\n            .filter(isTag('exampleComponent'))\n            .find(hasText(example.tag));\n    };\n\nconst isTag = (name: string) => (tag: JsonDocsTag) => {\n    return tag.name === name;\n};\n\nconst hasText = (name: string) => (tag: JsonDocsTag) => {\n    return tag.text === name;\n};\n"],"names":["h"],"mappings":";;;;MAaa,eAAe,GAAA,MAAA;AAJ5B,IAAA,WAAA,CAAA,OAAA,EAAA;;AAuBI;;;AAGG;QAEI,IAAA,CAAA,mBAAmB,GAAkB,OAAO,EAAE,CAAC;AAiCzD;IA/BU,MAAM,GAAA;QACT,MAAM,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI;QAClC,MAAM,SAAS,GAAG,aAAa,CAAC,GAAG,EAAE,IAAI,CAAC,IAAI,CAAC;AAE/C,QAAA,QACIA,OAAA,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAS,KAAK,EAAC,WAAW,EAAA,EACtBA,OAAA,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAS,KAAK,EAAC,YAAY,EAAA,EACtB,IAAI,CAAC,eAAe,CAAC,SAAS,CAAC,CAC1B,CACJ;;AAIV,IAAA,eAAe,CAAC,SAA4B,EAAA;AAChD,QAAA,MAAM,gBAAgB,GAAG,SAAS,CAAC,GAAG;AACtC,QAAA,MAAM,cAAc,GAAG,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC;QACtE,MAAM,MAAM,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,GAAG,KAAK,cAAc,CAAC,GAAG,CAAC;AACrE,QAAA,MAAM,OAAO,GAAG,IAAI,CAAC,mBAAmB;AACxC,QAAA,MAAM,KAAK,GAAG;AACV,YAAA,MAAM,EAAE,MAAM;YACd,GAAG,OAAO,CAAC,gBAAgB,CAAC;SAC/B;AAED,QAAA,QACIA,OAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,WAAW,EAAA,EAClBA,OAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,qBAAqB,EAAA,EAC5BA,OAAA,CAAC,gBAAgB,EAAK,EAAA,GAAA,KAAK,GAAI,CAC7B,CACJ;;;AAKlB,SAAS,aAAa,CAAC,GAAW,EAAE,IAAc,EAAA;AAC9C,IAAA,OAAO,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,CAAC,GAAG,KAAK,GAAG,CAAC;AACzD;AAEA,MAAM,SAAS,GACX,CAAC,OAA0B,KAAK,CAAC,SAA4B,KAAI;AAC7D,IAAA,OAAO,CAAC,CAAC,SAAS,CAAC;AACd,SAAA,MAAM,CAAC,KAAK,CAAC,kBAAkB,CAAC;SAChC,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;AACnC,CAAC;AAEL,MAAM,KAAK,GAAG,CAAC,IAAY,KAAK,CAAC,GAAgB,KAAI;AACjD,IAAA,OAAO,GAAG,CAAC,IAAI,KAAK,IAAI;AAC5B,CAAC;AAED,MAAM,OAAO,GAAG,CAAC,IAAY,KAAK,CAAC,GAAgB,KAAI;AACnD,IAAA,OAAO,GAAG,CAAC,IAAI,KAAK,IAAI;AAC5B,CAAC;;;;"}

package/dist/cjs/kompendium-example-code.cjs.entry.js

@@ -0,0 +1,20 @@
+'use strict';
+
+var index = require('./index-DYiJ6dQL.js');
+
+const code = `
+import foo from 'foo';
+
+foo();
+`;
+const CodeExample = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    render() {
+        return index.h("kompendium-code", { key: '03405a3a1ab839b1b9caa99cf938230a1ff61c18', language: "ts" }, code);
+    }
+};
+
+exports.kompendium_example_code = CodeExample;
+//# sourceMappingURL=kompendium-example-code.entry.cjs.js.map

package/dist/cjs/kompendium-example-code.entry.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"kompendium-example-code.entry.cjs.js","sources":["src/components/code/examples/code.tsx"],"sourcesContent":["import { Component, h } from '@stencil/core';\n\nconst code = `\nimport foo from 'foo';\n\nfoo();\n`;\n\n@Component({\n    tag: 'kompendium-example-code',\n    shadow: true,\n})\nexport class CodeExample {\n    public render(): HTMLElement {\n        return <kompendium-code language=\"ts\">{code}</kompendium-code>;\n    }\n}\n"],"names":["h"],"mappings":";;;;AAEA,MAAM,IAAI,GAAG;;;;CAIZ;MAMY,WAAW,GAAA,MAAA;;;;IACb,MAAM,GAAA;AACT,QAAA,OAAOA,8EAAiB,QAAQ,EAAC,IAAI,EAAE,EAAA,IAAI,CAAmB;;;;;;"}

package/dist/cjs/kompendium-example-markdown.cjs.entry.js

@@ -0,0 +1,165 @@
+'use strict';
+
+var index = require('./index-DYiJ6dQL.js');
+
+const markdownExample = `
+## Headings
+
+The following HTML \`<h1>\`—\`<h6>\` elements represent six levels of section headings. \`<h1>\` is the highest section level while \`<h6>\` is the lowest.
+
+# H1
+## H2
+### H3
+#### H4
+##### H5
+###### H6
+
+## Paragraph
+
+Xerum, quo qui aut unt expliquam qui dolut labo. Aque venitatiusda cum, voluptionse latur sitiae dolessi aut parist aut dollo enim qui voluptate ma dolestendit peritin re plis aut quas inctum laceat est volestemque commosa as cus endigna tectur, offic to cor sequas etum rerum idem sintibus eiur? Quianimin porecus evelectur, cum que nis nust voloribus ratem aut omnimi, sitatur? Quiatem. Nam, omnis sum am facea corem alique molestrunt et eos evelece arcillit ut aut eos eos nus, sin conecerem erum fuga. Ri oditatquam, ad quibus unda veliamenimin cusam et facea ipsamus es exerum sitate dolores editium rerore eost, temped molorro ratiae volorro te reribus dolorer sperchicium faceata tiustia prat.
+
+Itatur? Quiatae cullecum rem ent aut odis in re eossequodi nonsequ idebis ne sapicia is sinveli squiatum, core et que aut hariosam ex eat.
+
+## Blockquotes
+
+The blockquote element represents content that is quoted from another source, optionally with a citation which must be within a \`footer\` or \`cite\` element, and optionally with in-line changes such as annotations and abbreviations.
+
+#### Blockquote without attribution
+
+> Tiam, ad mint andaepu dandae nostion secatur sequo quae.
+> **Note** that you can use *Markdown syntax* within a blockquote.
+
+#### Blockquote with attribution
+
+> Don't communicate by sharing memory, share memory by communicating.</p>
+> — <cite>Rob Pike[^1]</cite>
+
+
+[^1]: The above quote is excerpted from Rob Pike's [talk](https://www.youtube.com/watch?v=PAAkCSZUG1c) during Gopherfest, November 18, 2015.
+
+## Tables
+
+Tables aren't part of the core Markdown spec, but Hugo supports supports them out-of-the-box.
+
+   | Name  | Age |
+   | ----- | --- |
+   | Bob   | 27  |
+   | Alice | 23  |
+
+#### Inline Markdown within tables
+
+| Inline&nbsp;&nbsp;&nbsp; | Markdown&nbsp;&nbsp;&nbsp; | In&nbsp;&nbsp;&nbsp;                | Table  |
+| ------------------------ | -------------------------- | ----------------------------------- | ------ |
+| *italics*                | **bold**                   | ~~strikethrough~~&nbsp;&nbsp;&nbsp; | \`code\` |
+
+## Code Blocks
+
+#### Code block with backticks
+
+\`\`\`
+html
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>Example HTML5 Document</title>
+</head>
+<body>
+  <p>Test</p>
+</body>
+</html>
+\`\`\`
+
+#### Code block indented with four spaces
+
+    <!DOCTYPE html>
+    <html lang="en">
+    <head>
+      <meta charset="UTF-8">
+      <title>Example HTML5 Document</title>
+    </head>
+    <body>
+      <p>Test</p>
+    </body>
+    </html>
+
+## List Types
+
+#### Ordered List
+
+1. First item
+2. Second item
+3. Third item
+
+#### Unordered List
+
+* List item
+* Another item
+* And another item
+
+#### Nested list
+
+* Fruit
+  * Apple
+  * Orange
+  * Banana
+* Dairy
+  * Milk
+  * Cheese
+
+## Other Elements — abbr, sub, sup, kbd, mark
+
+<abbr title="Graphics Interchange Format">GIF</abbr> is a bitmap image format.
+
+H<sub>2</sub>O
+
+X<sup>n</sup> + Y<sup>n</sup> = Z<sup>n</sup>
+
+Press <kbd>CTRL</kbd>+<kbd>ALT</kbd>+<kbd>Delete</kbd> to end the session.
+
+Most <mark>salamanders</mark> are nocturnal, and hunt for insects, worms, and other small creatures.
+
+## Emoji Rendering
+
+<p><span class="nowrap"><span class="emojify">🙈</span> <code>:see_no_evil:</code></span>  <span class="nowrap"><span class="emojify">🙉</span> <code>:hear_no_evil:</code></span>  <span class="nowrap"><span class="emojify">🙊</span> <code>:speak_no_evil:</code></span></p>
+<br>
+
+## Callout Rendering
+
+:::note
+Some important note.
+:::
+
+:::tip
+A very useful tip!
+:::
+
+:::warning
+Just be careful.
+:::
+
+:::danger
+This is too risky.
+:::
+
+:::important
+This is vey important!
+:::
+
+:::info
+Just for your information…
+:::
+
+`;
+
+const MarkdownExample = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    render() {
+        return index.h("kompendium-markdown", { key: '6db38675f45e524403707a714226b9f794ea1285', text: markdownExample });
+    }
+};
+
+exports.kompendium_example_markdown = MarkdownExample;
+//# sourceMappingURL=kompendium-example-markdown.entry.cjs.js.map

package/dist/cjs/kompendium-example-markdown.entry.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"kompendium-example-markdown.entry.cjs.js","sources":["src/components/markdown/examples/markdown-example.ts","src/components/markdown/examples/markdown.tsx"],"sourcesContent":["export const markdownExample = `\n## Headings\n\nThe following HTML \\`<h1>\\`—\\`<h6>\\` elements represent six levels of section headings. \\`<h1>\\` is the highest section level while \\`<h6>\\` is the lowest.\n\n# H1\n## H2\n### H3\n#### H4\n##### H5\n###### H6\n\n## Paragraph\n\nXerum, quo qui aut unt expliquam qui dolut labo. Aque venitatiusda cum, voluptionse latur sitiae dolessi aut parist aut dollo enim qui voluptate ma dolestendit peritin re plis aut quas inctum laceat est volestemque commosa as cus endigna tectur, offic to cor sequas etum rerum idem sintibus eiur? Quianimin porecus evelectur, cum que nis nust voloribus ratem aut omnimi, sitatur? Quiatem. Nam, omnis sum am facea corem alique molestrunt et eos evelece arcillit ut aut eos eos nus, sin conecerem erum fuga. Ri oditatquam, ad quibus unda veliamenimin cusam et facea ipsamus es exerum sitate dolores editium rerore eost, temped molorro ratiae volorro te reribus dolorer sperchicium faceata tiustia prat.\n\nItatur? Quiatae cullecum rem ent aut odis in re eossequodi nonsequ idebis ne sapicia is sinveli squiatum, core et que aut hariosam ex eat.\n\n## Blockquotes\n\nThe blockquote element represents content that is quoted from another source, optionally with a citation which must be within a \\`footer\\` or \\`cite\\` element, and optionally with in-line changes such as annotations and abbreviations.\n\n#### Blockquote without attribution\n\n> Tiam, ad mint andaepu dandae nostion secatur sequo quae.\n> **Note** that you can use *Markdown syntax* within a blockquote.\n\n#### Blockquote with attribution\n\n> Don't communicate by sharing memory, share memory by communicating.</p>\n> — <cite>Rob Pike[^1]</cite>\n\n\n[^1]: The above quote is excerpted from Rob Pike's [talk](https://www.youtube.com/watch?v=PAAkCSZUG1c) during Gopherfest, November 18, 2015.\n\n## Tables\n\nTables aren't part of the core Markdown spec, but Hugo supports supports them out-of-the-box.\n\n   | Name  | Age |\n   | ----- | --- |\n   | Bob   | 27  |\n   | Alice | 23  |\n\n#### Inline Markdown within tables\n\n| Inline&nbsp;&nbsp;&nbsp; | Markdown&nbsp;&nbsp;&nbsp; | In&nbsp;&nbsp;&nbsp;                | Table  |\n| ------------------------ | -------------------------- | ----------------------------------- | ------ |\n| *italics*                | **bold**                   | ~~strikethrough~~&nbsp;&nbsp;&nbsp; | \\`code\\` |\n\n## Code Blocks\n\n#### Code block with backticks\n\n\\`\\`\\`\nhtml\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n  <meta charset=\"UTF-8\">\n  <title>Example HTML5 Document</title>\n</head>\n<body>\n  <p>Test</p>\n</body>\n</html>\n\\`\\`\\`\n\n#### Code block indented with four spaces\n\n    <!DOCTYPE html>\n    <html lang=\"en\">\n    <head>\n      <meta charset=\"UTF-8\">\n      <title>Example HTML5 Document</title>\n    </head>\n    <body>\n      <p>Test</p>\n    </body>\n    </html>\n\n## List Types\n\n#### Ordered List\n\n1. First item\n2. Second item\n3. Third item\n\n#### Unordered List\n\n* List item\n* Another item\n* And another item\n\n#### Nested list\n\n* Fruit\n  * Apple\n  * Orange\n  * Banana\n* Dairy\n  * Milk\n  * Cheese\n\n## Other Elements — abbr, sub, sup, kbd, mark\n\n<abbr title=\"Graphics Interchange Format\">GIF</abbr> is a bitmap image format.\n\nH<sub>2</sub>O\n\nX<sup>n</sup> + Y<sup>n</sup> = Z<sup>n</sup>\n\nPress <kbd>CTRL</kbd>+<kbd>ALT</kbd>+<kbd>Delete</kbd> to end the session.\n\nMost <mark>salamanders</mark> are nocturnal, and hunt for insects, worms, and other small creatures.\n\n## Emoji Rendering\n\n<p><span class=\"nowrap\"><span class=\"emojify\">🙈</span> <code>:see_no_evil:</code></span>  <span class=\"nowrap\"><span class=\"emojify\">🙉</span> <code>:hear_no_evil:</code></span>  <span class=\"nowrap\"><span class=\"emojify\">🙊</span> <code>:speak_no_evil:</code></span></p>\n<br>\n\n## Callout Rendering\n\n:::note\nSome important note.\n:::\n\n:::tip\nA very useful tip!\n:::\n\n:::warning\nJust be careful.\n:::\n\n:::danger\nThis is too risky.\n:::\n\n:::important\nThis is vey important!\n:::\n\n:::info\nJust for your information…\n:::\n\n`;\n","import { Component, h } from '@stencil/core';\nimport { markdownExample } from './markdown-example';\n\n/**\n * This is a simple example of how the `kompendium-markdown` component is used\n * @sourceFile markdown-example.ts\n */\n@Component({\n    tag: 'kompendium-example-markdown',\n    shadow: true,\n})\nexport class MarkdownExample {\n    public render(): HTMLElement {\n        return <kompendium-markdown text={markdownExample} />;\n    }\n}\n"],"names":["h"],"mappings":";;;;AAAO,MAAM,eAAe,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoJ9B;;MCzIY,eAAe,GAAA,MAAA;;;;IACjB,MAAM,GAAA;AACT,QAAA,OAAOA,OAAqB,CAAA,qBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAE,eAAe,GAAI;;;;;;"}

package/dist/cjs/kompendium-guide.cjs.entry.js

@@ -0,0 +1,33 @@
+'use strict';
+
+var index = require('./index-DYiJ6dQL.js');
+
+const Guide = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.setRoute = this.setRoute.bind(this);
+    }
+    connectedCallback() {
+        window.addEventListener('hashchange', this.setRoute);
+        this.setRoute();
+    }
+    disconnectedCallback() {
+        window.removeEventListener('hashchange', this.setRoute);
+    }
+    setRoute() {
+        this.route = location.hash.replace('#', '');
+    }
+    render() {
+        this.findGuide();
+        return index.h("kompendium-markdown", { key: '8df12c70deaae9f377a9e0674b7f274bc62076df', text: this.text });
+    }
+    findGuide() {
+        const guide = this.data.guides.find((g) => g.data.path + '/' === this.route);
+        if (guide) {
+            this.text = guide.content;
+        }
+    }
+};
+
+exports.kompendium_guide = Guide;
+//# sourceMappingURL=kompendium-guide.entry.cjs.js.map

package/dist/cjs/kompendium-guide.entry.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"kompendium-guide.entry.cjs.js","sources":["src/components/guide/guide.tsx"],"sourcesContent":["import { Component, h, Prop, State } from '@stencil/core';\nimport { KompendiumData } from '../../types';\n\n@Component({\n    tag: 'kompendium-guide',\n    shadow: true,\n})\nexport class Guide {\n    /**\n     */\n    @Prop()\n    public data: KompendiumData;\n\n    @State()\n    public route: string;\n\n    private text: string;\n\n    constructor() {\n        this.setRoute = this.setRoute.bind(this);\n    }\n\n    protected connectedCallback(): void {\n        window.addEventListener('hashchange', this.setRoute);\n        this.setRoute();\n    }\n\n    protected disconnectedCallback(): void {\n        window.removeEventListener('hashchange', this.setRoute);\n    }\n\n    private setRoute() {\n        this.route = location.hash.replace('#', '');\n    }\n\n    render(): HTMLElement {\n        this.findGuide();\n\n        return <kompendium-markdown text={this.text} />;\n    }\n\n    private findGuide() {\n        const guide = this.data.guides.find(\n            (g) => g.data.path + '/' === this.route,\n        );\n\n        if (guide) {\n            this.text = guide.content;\n        }\n    }\n}\n"],"names":["h"],"mappings":";;;;MAOa,KAAK,GAAA,MAAA;AAWd,IAAA,WAAA,CAAA,OAAA,EAAA;;QACI,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC;AAC3C;IAES,iBAAiB,GAAA;QACvB,MAAM,CAAC,gBAAgB,CAAC,YAAY,EAAE,IAAI,CAAC,QAAQ,CAAC;QACpD,IAAI,CAAC,QAAQ,EAAE;;IAGT,oBAAoB,GAAA;QAC1B,MAAM,CAAC,mBAAmB,CAAC,YAAY,EAAE,IAAI,CAAC,QAAQ,CAAC;;IAGnD,QAAQ,GAAA;AACZ,QAAA,IAAI,CAAC,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC;;IAG/C,MAAM,GAAA;QACF,IAAI,CAAC,SAAS,EAAE;AAEhB,QAAA,OAAOA,kFAAqB,IAAI,EAAE,IAAI,CAAC,IAAI,GAAI;;IAG3C,SAAS,GAAA;QACb,MAAM,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAC/B,CAAC,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,IAAI,GAAG,GAAG,KAAK,IAAI,CAAC,KAAK,CAC1C;QAED,IAAI,KAAK,EAAE;AACP,YAAA,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC,OAAO;;;;;;;"}