@operato/markdown 0.2.49 → 0.3.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (25) hide show
  1. package/CHANGELOG.md +44 -0
  2. package/dist/src/markdown-style.js +5 -6
  3. package/dist/src/markdown-style.js.map +1 -1
  4. package/dist/src/ox-markdown.js +3 -6
  5. package/dist/src/ox-markdown.js.map +1 -1
  6. package/dist/tsconfig.tsbuildinfo +1 -1
  7. package/package.json +4 -4
  8. package/src/markdown-style.ts +5 -6
  9. package/src/ox-markdown.ts +5 -9
  10. package/tsconfig.json +1 -0
  11. package/dist/src/ox-layout.d.ts +0 -45
  12. package/dist/src/ox-layout.js +0 -148
  13. package/dist/src/ox-layout.js.map +0 -1
  14. package/dist/src/ox-toolbar-style.d.ts +0 -4
  15. package/dist/src/ox-toolbar-style.js +0 -226
  16. package/dist/src/ox-toolbar-style.js.map +0 -1
  17. package/dist/src/ox-toolbar.d.ts +0 -4
  18. package/dist/src/ox-toolbar.js +0 -122
  19. package/dist/src/ox-toolbar.js.map +0 -1
  20. package/dist/stories/index.stories.d.ts +0 -33
  21. package/dist/stories/index.stories.js +0 -33
  22. package/dist/stories/index.stories.js.map +0 -1
  23. package/dist/test/ox-layout.test.d.ts +0 -1
  24. package/dist/test/ox-layout.test.js +0 -24
  25. package/dist/test/ox-layout.test.js.map +0 -1
package/CHANGELOG.md CHANGED
@@ -3,6 +3,50 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ ### [0.3.1](https://github.com/hatiolab/operato/compare/v0.3.0...v0.3.1) (2021-12-31)
7
+
8
+ **Note:** Version bump only for package @operato/markdown
9
+
10
+
11
+
12
+
13
+
14
+ ## [0.3.0](https://github.com/hatiolab/operato/compare/v0.2.52...v0.3.0) (2021-12-31)
15
+
16
+
17
+ ### :rocket: New Features
18
+
19
+ * add tsconfig option useDefineForClassFields ([6291438](https://github.com/hatiolab/operato/commit/6291438571eee0f095064e7d2ada1c620832e092))
20
+ * support package.json exports ([3717fa7](https://github.com/hatiolab/operato/commit/3717fa7f87f0411f6f023ba730b84441ffa5d4a8))
21
+
22
+
23
+
24
+ ### [0.2.52](https://github.com/hatiolab/operato/compare/v0.2.51...v0.2.52) (2021-12-21)
25
+
26
+
27
+ ### :bug: Bug Fix
28
+
29
+ * upgrade dependencies ([3fde5e7](https://github.com/hatiolab/operato/commit/3fde5e7182bb4b502103bcb70de2f1bfab2bc1ff))
30
+
31
+
32
+
33
+ ### [0.2.51](https://github.com/hatiolab/operato/compare/v0.2.50...v0.2.51) (2021-12-16)
34
+
35
+ **Note:** Version bump only for package @operato/markdown
36
+
37
+
38
+
39
+
40
+
41
+ ### [0.2.50](https://github.com/hatiolab/operato/compare/v0.2.49...v0.2.50) (2021-12-16)
42
+
43
+
44
+ ### :bug: Bug Fix
45
+
46
+ * markdown style ([c06d9ac](https://github.com/hatiolab/operato/commit/c06d9acecc18e9d3e572ee9595fbb14f5d02519c))
47
+
48
+
49
+
6
50
  ### [0.2.49](https://github.com/hatiolab/operato/compare/v0.2.48...v0.2.49) (2021-12-14)
7
51
 
8
52
 
package/dist/src/markdown-style.js CHANGED
@@ -1,24 +1,23 @@
1
1
  import { css } from 'lit';
2
2
  export const MarkdownStyle = css `
3
3
  h1 {
4
- background-color: var(--help-panel-title-background-color);
5
4
  margin: var(--help-panel-title-margin);
6
5
  padding: var(--help-panel-title-padding);
7
- font-size: var(--help-panel-h1-title-font-size);
6
+ font-size: 20px;
8
7
  text-transform: capitalize;
9
8
  color: var(--help-panel-h1-title-color);
10
9
  }
11
10
  h2 {
12
11
  margin: var(--help-panel-title-margin);
13
12
  padding: var(--help-panel-title-padding);
14
- font-size: var(--help-panel-h2-title-font-size);
13
+ font-size: 18px;
15
14
  color: var(--help-panel-h2-title-color);
16
15
  text-transform: capitalize;
17
16
  }
18
17
  h3 {
19
18
  margin: var(--help-panel-title-margin);
20
19
  padding: var(--help-panel-title-padding);
21
- font-size: var(--help-panel-h3-title-font-size);
20
+ font-size: 16px;
22
21
  color: var(--help-panel-h3-title-color);
23
22
  }
24
23
  mwc-icon {
@@ -27,8 +26,8 @@ export const MarkdownStyle = css `
27
26
 
28
27
  img {
29
28
  display: block;
30
- margin: var(--margin-narrow) var(--margin-default);
31
- max-width: 100%;
29
+ margin: var(--margin-wide) var(--margin-wide);
30
+ max-width: 90%;
32
31
  }
33
32
  img[src*='#icon25'] {
34
33
  width: 25px;
package/dist/src/markdown-style.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"markdown-style.js","sourceRoot":"","sources":["../../src/markdown-style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAEzB,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuH/B,CAAA","sourcesContent":["import { css } from 'lit'\n\nexport const MarkdownStyle = css`\n h1 {\n background-color: var(--help-panel-title-background-color);\n margin: var(--help-panel-title-margin);\n padding: var(--help-panel-title-padding);\n font-size: var(--help-panel-h1-title-font-size);\n text-transform: capitalize;\n color: var(--help-panel-h1-title-color);\n }\n h2 {\n margin: var(--help-panel-title-margin);\n padding: var(--help-panel-title-padding);\n font-size: var(--help-panel-h2-title-font-size);\n color: var(--help-panel-h2-title-color);\n text-transform: capitalize;\n }\n h3 {\n margin: var(--help-panel-title-margin);\n padding: var(--help-panel-title-padding);\n font-size: var(--help-panel-h3-title-font-size);\n color: var(--help-panel-h3-title-color);\n }\n mwc-icon {\n vertical-align: middle;\n }\n\n img {\n display: block;\n margin: var(--margin-narrow) var(--margin-default);\n max-width: 100%;\n }\n img[src*='#icon25'] {\n width: 25px;\n height: 25px;\n }\n img[src*='#icon50'] {\n width: 50px;\n height: 50px;\n }\n img[src*='#icon100'] {\n width: 100px;\n height: 100px;\n }\n img[src*='#icon25inlined'],\n img[src*='#icon50inlined'],\n img[src*='#icon100inlined'] {\n display: inline-block;\n margin: var(--margin-narrow);\n }\n p {\n margin: var(--help-panel-paragraph-margin);\n font-size: var(--help-panel-font-size);\n }\n [focusBox] {\n display: block;\n padding: var(--help-panel-focusBox-padding);\n border: var(--help-panel-focusBox-border);\n border-radius: var(--help-panel-focusBox-border-radius);\n background-color: var(--help-panel-focusBox-background-color);\n color: var(--help-panel-focusBox-color);\n }\n\n [subtitle] {\n font-weight: bold;\n }\n [subtitle]::before {\n content: '';\n width: 7px;\n height: 7px;\n display: inline-block;\n border: 3px solid var(--theme-white-color);\n border-radius: 50%;\n margin-right: var(--margin-narrow);\n }\n p + ol,\n p + ul {\n font-size: var(--help-panel-content-font-size);\n }\n ol,\n ul {\n padding: 0 0 0 30px;\n }\n ol li,\n ul li {\n margin: 0 0 2px 0;\n }\n a {\n margin-bottom: 0 !important;\n color: var(--help-panel-a-color);\n font-size: var(--fontsize-default);\n text-decoration: underline;\n }\n a mwc-icon {\n font-size: var(--help-panel-a-icon-size);\n margin: 0;\n }\n a:hover {\n background-color: var(--opacity-light-dark-color);\n font-weight: bold;\n }\n\n table {\n border-collapse: collapse;\n border: var(--border-dark-color);\n font-size: 0.9em;\n }\n th {\n border-top: 3px solid var(--primary-color);\n background-color: var(--main-section-background-color);\n color: var(--secondary-color);\n }\n th,\n td {\n border-bottom: var(--border-dark-color);\n padding: var(--padding-narrow);\n }\n tr:nth-child(even) {\n background-color: #f6f6f6;\n }\n`\n"]}
1
+ {"version":3,"file":"markdown-style.js","sourceRoot":"","sources":["../../src/markdown-style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAEzB,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsH/B,CAAA","sourcesContent":["import { css } from 'lit'\n\nexport const MarkdownStyle = css`\n h1 {\n margin: var(--help-panel-title-margin);\n padding: var(--help-panel-title-padding);\n font-size: 20px;\n text-transform: capitalize;\n color: var(--help-panel-h1-title-color);\n }\n h2 {\n margin: var(--help-panel-title-margin);\n padding: var(--help-panel-title-padding);\n font-size: 18px;\n color: var(--help-panel-h2-title-color);\n text-transform: capitalize;\n }\n h3 {\n margin: var(--help-panel-title-margin);\n padding: var(--help-panel-title-padding);\n font-size: 16px;\n color: var(--help-panel-h3-title-color);\n }\n mwc-icon {\n vertical-align: middle;\n }\n\n img {\n display: block;\n margin: var(--margin-wide) var(--margin-wide);\n max-width: 90%;\n }\n img[src*='#icon25'] {\n width: 25px;\n height: 25px;\n }\n img[src*='#icon50'] {\n width: 50px;\n height: 50px;\n }\n img[src*='#icon100'] {\n width: 100px;\n height: 100px;\n }\n img[src*='#icon25inlined'],\n img[src*='#icon50inlined'],\n img[src*='#icon100inlined'] {\n display: inline-block;\n margin: var(--margin-narrow);\n }\n p {\n margin: var(--help-panel-paragraph-margin);\n font-size: var(--help-panel-font-size);\n }\n [focusBox] {\n display: block;\n padding: var(--help-panel-focusBox-padding);\n border: var(--help-panel-focusBox-border);\n border-radius: var(--help-panel-focusBox-border-radius);\n background-color: var(--help-panel-focusBox-background-color);\n color: var(--help-panel-focusBox-color);\n }\n\n [subtitle] {\n font-weight: bold;\n }\n [subtitle]::before {\n content: '';\n width: 7px;\n height: 7px;\n display: inline-block;\n border: 3px solid var(--theme-white-color);\n border-radius: 50%;\n margin-right: var(--margin-narrow);\n }\n p + ol,\n p + ul {\n font-size: var(--help-panel-content-font-size);\n }\n ol,\n ul {\n padding: 0 0 0 30px;\n }\n ol li,\n ul li {\n margin: 0 0 2px 0;\n }\n a {\n margin-bottom: 0 !important;\n color: var(--help-panel-a-color);\n font-size: var(--fontsize-default);\n text-decoration: underline;\n }\n a mwc-icon {\n font-size: var(--help-panel-a-icon-size);\n margin: 0;\n }\n a:hover {\n background-color: var(--opacity-light-dark-color);\n font-weight: bold;\n }\n\n table {\n border-collapse: collapse;\n border: var(--border-dark-color);\n font-size: 0.9em;\n }\n th {\n border-top: 3px solid var(--primary-color);\n background-color: var(--main-section-background-color);\n color: var(--secondary-color);\n }\n th,\n td {\n border-bottom: var(--border-dark-color);\n padding: var(--padding-narrow);\n }\n tr:nth-child(even) {\n background-color: #f6f6f6;\n }\n`\n"]}
package/dist/src/ox-markdown.js CHANGED
@@ -1,10 +1,10 @@
1
1
  import { __decorate } from "tslib";
2
2
  import { LitElement, css, html } from 'lit';
3
- import { customElement, property, state } from 'lit/decorators';
3
+ import { customElement, property, state } from 'lit/decorators.js';
4
4
  import { MarkdownStyle } from './markdown-style';
5
5
  import { ScrollbarStyles } from '@operato/styles';
6
6
  import { md } from './markdown';
7
- import { unsafeHTML } from 'lit-html/directives/unsafe-html';
7
+ import { unsafeHTML } from 'lit/directives/unsafe-html.js';
8
8
  let OxMarkdown = class OxMarkdown extends LitElement {
9
9
  constructor() {
10
10
  super(...arguments);
@@ -12,10 +12,7 @@ let OxMarkdown = class OxMarkdown extends LitElement {
12
12
  this._headings = [];
13
13
  }
14
14
  render() {
15
- return html `
16
- ${this.toc ? this.renderToc() : html ``}
17
- ${this._html}
18
- `;
15
+ return html ` ${this.toc ? this.renderToc() : html ``} ${this._html} `;
19
16
  }
20
17
  renderToc() {
21
18
  var toc = this._headings || [];
package/dist/src/ox-markdown.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ox-markdown.js","sourceRoot":"","sources":["../../src/ox-markdown.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, PropertyValues, TemplateResult, css, html } from 'lit'\nimport { customElement, property, state } from 'lit/decorators'\n\nimport { DirectiveResult } from 'lit-html/directive'\nimport { MarkdownStyle } from './markdown-style'\nimport { ScrollbarStyles } from '@operato/styles'\nimport { md } from './markdown'\nimport { unsafeHTML } from 'lit-html/directives/unsafe-html'\n\n@customElement('ox-markdown')\nexport class OxMarkdown extends LitElement {\n static styles = [\n ScrollbarStyles,\n MarkdownStyle,\n css`\n #toc {\n position: absolute;\n max-width: 250px;\n background-color: var(--theme-white-color);\n padding: var(--padding-default);\n right: var(--margin-wide);\n font: bold var(--fontsize-large) var(--theme-font);\n color: var(--secondary-text-color);\n }\n #toc ul {\n list-style: circle;\n margin: var(--margin-default) 0 0 var(--margin-wide);\n padding: 0;\n }\n #toc a {\n display: inline-block;\n margin-left: -var(--margin-narrow);\n padding: var(--padding-narrow) 0;\n font: normal var(--fontsize-default) var(--theme-font);\n color: var(--secondary-color);\n text-decoration: none;\n cursor: pointer;\n }\n #toc a:hover {\n background-color: var(--theme-white-color);\n text-decoration: underline;\n color: var(--primary-color);\n }\n\n @media screen and (max-width: 480px) {\n #toc {\n background-color: var(--main-section-background-color);\n border-left: 4px solid var(--primary-color);\n border-bottom: 1px dotted rgba(0, 0, 0, 0.2);\n position: relative;\n width: 100%;\n max-width: initial;\n padding: var(--padding-default) var(--padding-default) var(--padding-default) var(--padding-wide);\n }\n }\n `\n ]\n\n @property({ type: String }) src?: string\n @property({ type: Boolean }) toc: boolean = false\n\n @state() _html?: TemplateResult | DirectiveResult | null\n @state() _headings: any[] = []\n\n render() {\n return html`\n ${this.toc ? this.renderToc() : html``}\n ${this._html}\n `\n }\n\n renderToc() {\n var toc = this._headings || []\n\n return toc && toc.length > 0\n ? html`\n <div id=\"toc\">\n Table Of Contents\n <ul>\n ${toc.map(\n heading => html` <li><a @click=${() => heading?.scrollIntoView()}>${heading.textContent}</a></li> `\n )}\n </ul>\n </div>\n `\n : html``\n }\n\n async updated(changed: PropertyValues<this>) {\n if (changed.has('src')) {\n if (this.src) {\n const response = await fetch(this.src)\n const content = await response.text()\n\n if (!response.ok) {\n this._html = html`\n <h1>Error : ${response.status}</h1>\n <div>${content}</div>\n `\n } else {\n if (response.headers.get('Content-Type')?.indexOf('text/markdown') !== -1) {\n this._html = unsafeHTML(\n (await md(content, {\n baseUrl: this.src\n } as StructuredSerializeOptions)) || ''\n )\n } else {\n this._html = unsafeHTML(content || '')\n }\n }\n }\n }\n \n if(changed.has('_html')) {\n this._headings = Array.from(this.renderRoot.querySelectorAll('h2'))\n }\n }\n\n}\n"]}
1
+ {"version":3,"file":"ox-markdown.js","sourceRoot":"","sources":["../../src/ox-markdown.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, PropertyValues, TemplateResult, css, html } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\n\nimport { DirectiveResult } from 'lit-html/directive'\nimport { MarkdownStyle } from './markdown-style'\nimport { ScrollbarStyles } from '@operato/styles'\nimport { md } from './markdown'\nimport { unsafeHTML } from 'lit/directives/unsafe-html.js'\n\n@customElement('ox-markdown')\nexport class OxMarkdown extends LitElement {\n static styles = [\n ScrollbarStyles,\n MarkdownStyle,\n css`\n #toc {\n position: absolute;\n max-width: 250px;\n background-color: var(--theme-white-color);\n padding: var(--padding-default);\n right: var(--margin-wide);\n font: bold var(--fontsize-large) var(--theme-font);\n color: var(--secondary-text-color);\n }\n #toc ul {\n list-style: circle;\n margin: var(--margin-default) 0 0 var(--margin-wide);\n padding: 0;\n }\n #toc a {\n display: inline-block;\n margin-left: -var(--margin-narrow);\n padding: var(--padding-narrow) 0;\n font: normal var(--fontsize-default) var(--theme-font);\n color: var(--secondary-color);\n text-decoration: none;\n cursor: pointer;\n }\n #toc a:hover {\n background-color: var(--theme-white-color);\n text-decoration: underline;\n color: var(--primary-color);\n }\n\n @media screen and (max-width: 480px) {\n #toc {\n background-color: var(--main-section-background-color);\n border-left: 4px solid var(--primary-color);\n border-bottom: 1px dotted rgba(0, 0, 0, 0.2);\n position: relative;\n width: 100%;\n max-width: initial;\n padding: var(--padding-default) var(--padding-default) var(--padding-default) var(--padding-wide);\n }\n }\n `\n ]\n\n @property({ type: String }) src?: string\n @property({ type: Boolean }) toc: boolean = false\n\n @state() _html?: TemplateResult | DirectiveResult | null\n @state() _headings: any[] = []\n\n render() {\n return html` ${this.toc ? this.renderToc() : html``} ${this._html} `\n }\n\n renderToc() {\n var toc = this._headings || []\n\n return toc && toc.length > 0\n ? html`\n <div id=\"toc\">\n Table Of Contents\n <ul>\n ${toc.map(\n heading => html` <li><a @click=${() => heading?.scrollIntoView()}>${heading.textContent}</a></li> `\n )}\n </ul>\n </div>\n `\n : html``\n }\n\n async updated(changed: PropertyValues<this>) {\n if (changed.has('src')) {\n if (this.src) {\n const response = await fetch(this.src)\n const content = await response.text()\n\n if (!response.ok) {\n this._html = html`\n <h1>Error : ${response.status}</h1>\n <div>${content}</div>\n `\n } else {\n if (response.headers.get('Content-Type')?.indexOf('text/markdown') !== -1) {\n this._html = unsafeHTML(\n (await md(content, {\n baseUrl: this.src\n } as StructuredSerializeOptions)) || ''\n )\n } else {\n this._html = unsafeHTML(content || '')\n }\n }\n }\n }\n\n if (changed.has('_html')) {\n this._headings = Array.from(this.renderRoot.querySelectorAll('h2'))\n }\n }\n}\n"]}
package/dist/tsconfig.tsbuildinfo CHANGED
@@ -1 +1 @@
1
- {"program":{"fileNames":["../../../node_modules/typescript/lib/lib.es5.d.ts","../../../node_modules/typescript/lib/lib.es2015.d.ts","../../../node_modules/typescript/lib/lib.es2016.d.ts","../../../node_modules/typescript/lib/lib.es2017.d.ts","../../../node_modules/typescript/lib/lib.es2018.d.ts","../../../node_modules/typescript/lib/lib.es2019.d.ts","../../../node_modules/typescript/lib/lib.es2020.d.ts","../../../node_modules/typescript/lib/lib.dom.d.ts","../../../node_modules/typescript/lib/lib.es2015.core.d.ts","../../../node_modules/typescript/lib/lib.es2015.collection.d.ts","../../../node_modules/typescript/lib/lib.es2015.generator.d.ts","../../../node_modules/typescript/lib/lib.es2015.iterable.d.ts","../../../node_modules/typescript/lib/lib.es2015.promise.d.ts","../../../node_modules/typescript/lib/lib.es2015.proxy.d.ts","../../../node_modules/typescript/lib/lib.es2015.reflect.d.ts","../../../node_modules/typescript/lib/lib.es2015.symbol.d.ts","../../../node_modules/typescript/lib/lib.es2015.symbol.wellknown.d.ts","../../../node_modules/typescript/lib/lib.es2016.array.include.d.ts","../../../node_modules/typescript/lib/lib.es2017.object.d.ts","../../../node_modules/typescript/lib/lib.es2017.sharedmemory.d.ts","../../../node_modules/typescript/lib/lib.es2017.string.d.ts","../../../node_modules/typescript/lib/lib.es2017.intl.d.ts","../../../node_modules/typescript/lib/lib.es2017.typedarrays.d.ts","../../../node_modules/typescript/lib/lib.es2018.asyncgenerator.d.ts","../../../node_modules/typescript/lib/lib.es2018.asynciterable.d.ts","../../../node_modules/typescript/lib/lib.es2018.intl.d.ts","../../../node_modules/typescript/lib/lib.es2018.promise.d.ts","../../../node_modules/typescript/lib/lib.es2018.regexp.d.ts","../../../node_modules/typescript/lib/lib.es2019.array.d.ts","../../../node_modules/typescript/lib/lib.es2019.object.d.ts","../../../node_modules/typescript/lib/lib.es2019.string.d.ts","../../../node_modules/typescript/lib/lib.es2019.symbol.d.ts","../../../node_modules/typescript/lib/lib.es2020.bigint.d.ts","../../../node_modules/typescript/lib/lib.es2020.promise.d.ts","../../../node_modules/typescript/lib/lib.es2020.sharedmemory.d.ts","../../../node_modules/typescript/lib/lib.es2020.string.d.ts","../../../node_modules/typescript/lib/lib.es2020.symbol.wellknown.d.ts","../../../node_modules/typescript/lib/lib.es2020.intl.d.ts","../../../node_modules/typescript/lib/lib.esnext.intl.d.ts","../../../node_modules/tslib/tslib.d.ts","../../../node_modules/@lit/reactive-element/css-tag.d.ts","../../../node_modules/@lit/reactive-element/reactive-controller.d.ts","../../../node_modules/@lit/reactive-element/reactive-element.d.ts","../../../node_modules/@types/trusted-types/lib/index.d.ts","../../../node_modules/@types/trusted-types/index.d.ts","../../../node_modules/lit-html/directive.d.ts","../../../node_modules/lit-html/lit-html.d.ts","../../../node_modules/lit-element/lit-element.d.ts","../../../node_modules/lit/index.d.ts","../../../node_modules/@lit/reactive-element/decorators/base.d.ts","../../../node_modules/@lit/reactive-element/decorators/custom-element.d.ts","../../../node_modules/@lit/reactive-element/decorators/property.d.ts","../../../node_modules/@lit/reactive-element/decorators/state.d.ts","../../../node_modules/@lit/reactive-element/decorators/event-options.d.ts","../../../node_modules/@lit/reactive-element/decorators/query.d.ts","../../../node_modules/@lit/reactive-element/decorators/query-all.d.ts","../../../node_modules/@lit/reactive-element/decorators/query-async.d.ts","../../../node_modules/@lit/reactive-element/decorators/query-assigned-nodes.d.ts","../../../node_modules/lit/decorators.d.ts","../src/markdown-style.ts","../../styles/dist/src/headroom-styles.d.ts","../../styles/dist/src/scrollbar-styles.d.ts","../../styles/dist/src/spinner-styles.d.ts","../../styles/dist/src/index.d.ts","../src/markdown.ts","../../../node_modules/lit-html/directives/unsafe-html.d.ts","../src/ox-markdown.ts","../src/index.ts","../../../node_modules/@types/node/assert.d.ts","../../../node_modules/@types/node/assert/strict.d.ts","../../../node_modules/@types/node/globals.d.ts","../../../node_modules/@types/node/async_hooks.d.ts","../../../node_modules/@types/node/buffer.d.ts","../../../node_modules/@types/node/child_process.d.ts","../../../node_modules/@types/node/cluster.d.ts","../../../node_modules/@types/node/console.d.ts","../../../node_modules/@types/node/constants.d.ts","../../../node_modules/@types/node/crypto.d.ts","../../../node_modules/@types/node/dgram.d.ts","../../../node_modules/@types/node/diagnostics_channel.d.ts","../../../node_modules/@types/node/dns.d.ts","../../../node_modules/@types/node/dns/promises.d.ts","../../../node_modules/@types/node/domain.d.ts","../../../node_modules/@types/node/events.d.ts","../../../node_modules/@types/node/fs.d.ts","../../../node_modules/@types/node/fs/promises.d.ts","../../../node_modules/@types/node/http.d.ts","../../../node_modules/@types/node/http2.d.ts","../../../node_modules/@types/node/https.d.ts","../../../node_modules/@types/node/inspector.d.ts","../../../node_modules/@types/node/module.d.ts","../../../node_modules/@types/node/net.d.ts","../../../node_modules/@types/node/os.d.ts","../../../node_modules/@types/node/path.d.ts","../../../node_modules/@types/node/perf_hooks.d.ts","../../../node_modules/@types/node/process.d.ts","../../../node_modules/@types/node/punycode.d.ts","../../../node_modules/@types/node/querystring.d.ts","../../../node_modules/@types/node/readline.d.ts","../../../node_modules/@types/node/repl.d.ts","../../../node_modules/@types/node/stream.d.ts","../../../node_modules/@types/node/stream/promises.d.ts","../../../node_modules/@types/node/stream/consumers.d.ts","../../../node_modules/@types/node/stream/web.d.ts","../../../node_modules/@types/node/string_decoder.d.ts","../../../node_modules/@types/node/timers.d.ts","../../../node_modules/@types/node/timers/promises.d.ts","../../../node_modules/@types/node/tls.d.ts","../../../node_modules/@types/node/trace_events.d.ts","../../../node_modules/@types/node/tty.d.ts","../../../node_modules/@types/node/url.d.ts","../../../node_modules/@types/node/util.d.ts","../../../node_modules/@types/node/v8.d.ts","../../../node_modules/@types/node/vm.d.ts","../../../node_modules/@types/node/wasi.d.ts","../../../node_modules/@types/node/worker_threads.d.ts","../../../node_modules/@types/node/zlib.d.ts","../../../node_modules/@types/node/globals.global.d.ts","../../../node_modules/@types/node/index.d.ts","../../../node_modules/@types/mocha/index.d.ts"],"fileInfos":[{"version":"6adbf5efd0e374ff5f427a4f26a5a413e9734eee5067a0e86da69aea41910b52","affectsGlobalScope":true},"dc47c4fa66b9b9890cf076304de2a9c5201e94b740cffdf09f87296d877d71f6","7a387c58583dfca701b6c85e0adaf43fb17d590fb16d5b2dc0a2fbd89f35c467","8a12173c586e95f4433e0c6dc446bc88346be73ffe9ca6eec7aa63c8f3dca7f9","5f4e733ced4e129482ae2186aae29fde948ab7182844c3a5a51dd346182c7b06","e6b724280c694a9f588847f754198fb96c43d805f065c3a5b28bbc9594541c84","e21c071ca3e1b4a815d5f04a7475adcaeea5d64367e840dd0154096d705c3940",{"version":"abba1071bfd89e55e88a054b0c851ea3e8a494c340d0f3fab19eb18f6afb0c9e","affectsGlobalScope":true},{"version":"d8996609230d17e90484a2dd58f22668f9a05a3bfe00bfb1d6271171e54a31fb","affectsGlobalScope":true},{"version":"43fb1d932e4966a39a41b464a12a81899d9ae5f2c829063f5571b6b87e6d2f9c","affectsGlobalScope":true},{"version":"cdccba9a388c2ee3fd6ad4018c640a471a6c060e96f1232062223063b0a5ac6a","affectsGlobalScope":true},{"version":"4378fc8122ec9d1a685b01eb66c46f62aba6b239ca7228bb6483bcf8259ee493","affectsGlobalScope":true},{"version":"0d5f52b3174bee6edb81260ebcd792692c32c81fd55499d69531496f3f2b25e7","affectsGlobalScope":true},{"version":"810627a82ac06fb5166da5ada4159c4ec11978dfbb0805fe804c86406dab8357","affectsGlobalScope":true},{"version":"62d80405c46c3f4c527ee657ae9d43fda65a0bf582292429aea1e69144a522a6","affectsGlobalScope":true},{"version":"3013574108c36fd3aaca79764002b3717da09725a36a6fc02eac386593110f93","affectsGlobalScope":true},{"version":"75ec0bdd727d887f1b79ed6619412ea72ba3c81d92d0787ccb64bab18d261f14","affectsGlobalScope":true},{"version":"3be5a1453daa63e031d266bf342f3943603873d890ab8b9ada95e22389389006","affectsGlobalScope":true},{"version":"17bb1fc99591b00515502d264fa55dc8370c45c5298f4a5c2083557dccba5a2a","affectsGlobalScope":true},{"version":"7ce9f0bde3307ca1f944119f6365f2d776d281a393b576a18a2f2893a2d75c98","affectsGlobalScope":true},{"version":"6a6b173e739a6a99629a8594bfb294cc7329bfb7b227f12e1f7c11bc163b8577","affectsGlobalScope":true},{"version":"12a310447c5d23c7d0d5ca2af606e3bd08afda69100166730ab92c62999ebb9d","affectsGlobalScope":true},{"version":"b0124885ef82641903d232172577f2ceb5d3e60aed4da1153bab4221e1f6dd4e","affectsGlobalScope":true},{"version":"0eb85d6c590b0d577919a79e0084fa1744c1beba6fd0d4e951432fa1ede5510a","affectsGlobalScope":true},{"version":"da233fc1c8a377ba9e0bed690a73c290d843c2c3d23a7bd7ec5cd3d7d73ba1e0","affectsGlobalScope":true},{"version":"d154ea5bb7f7f9001ed9153e876b2d5b8f5c2bb9ec02b3ae0d239ec769f1f2ae","affectsGlobalScope":true},{"version":"bb2d3fb05a1d2ffbca947cc7cbc95d23e1d053d6595391bd325deb265a18d36c","affectsGlobalScope":true},{"version":"c80df75850fea5caa2afe43b9949338ce4e2de086f91713e9af1a06f973872b8","affectsGlobalScope":true},{"version":"9d57b2b5d15838ed094aa9ff1299eecef40b190722eb619bac4616657a05f951","affectsGlobalScope":true},{"version":"6c51b5dd26a2c31dbf37f00cfc32b2aa6a92e19c995aefb5b97a3a64f1ac99de","affectsGlobalScope":true},{"version":"6e7997ef61de3132e4d4b2250e75343f487903ddf5370e7ce33cf1b9db9a63ed","affectsGlobalScope":true},{"version":"2ad234885a4240522efccd77de6c7d99eecf9b4de0914adb9a35c0c22433f993","affectsGlobalScope":true},{"version":"1b3fe904465430e030c93239a348f05e1be80640d91f2f004c3512c2c2c89f34","affectsGlobalScope":true},{"version":"3787b83e297de7c315d55d4a7c546ae28e5f6c0a361b7a1dcec1f1f50a54ef11","affectsGlobalScope":true},{"version":"e7e8e1d368290e9295ef18ca23f405cf40d5456fa9f20db6373a61ca45f75f40","affectsGlobalScope":true},{"version":"faf0221ae0465363c842ce6aa8a0cbda5d9296940a8e26c86e04cc4081eea21e","affectsGlobalScope":true},{"version":"06393d13ea207a1bfe08ec8d7be562549c5e2da8983f2ee074e00002629d1871","affectsGlobalScope":true},{"version":"d071129cba6a5f2700be09c86c07ad2791ab67d4e5ed1eb301d6746c62745ea4","affectsGlobalScope":true},{"version":"10bbdc1981b8d9310ee75bfac28ee0477bb2353e8529da8cff7cb26c409cb5e8","affectsGlobalScope":true},"12f4cfe2fe60b810c3174537bc2ddb20c1067b7768643d12cb1266fd183afb75","0c8a56610b08f55e29ffb466cd27626ad6dbe822312a398026e82270c63088e3","1e5743b25a63fd34ffbae89adcbf248ee17db6ed08d90079ffa93803c3e80d2a","7b33ee85f2e96a51c0e3bcee47b247a24515aff37a7d8b5dfe4e18b735d37440","2fcd2d22b1f30555e785105597cd8f57ed50300e213c4f1bbca6ae149f782c38",{"version":"bb4248c7f953233ac52332088fac897d62b82be07244e551d87c5049600b6cf7","affectsGlobalScope":true},"70f04c91d3186b1b10157157887fab664968fc9b88377785a5ee42750c202c6d","06e20da1bc94df355f22ac7a9533c2488816ec4cb9134d9b160a263629a07072","c311ef8d8b159d0c268b415f78c1949498dc2d14455a9891c5b8ef84625b1e41","f07a77a7fb1d49aa2b61cb68bf712a083487acd7130d20223a83de03af0c257d","97c58f6db61d45712d91d2260994817ae2b568bbb37cc280013079b6b5d2232d","ac388c7c7a262213a3700451bc921e382a93fb27c0252c34ccf03540b4ce044b","9bdb35d0b28dcd5d8f0879bd29f0cf07b7eb48aa63be4dd44057e32fcfeb1c83","fb0107c83e2e0e75b77dacd0c3c6c3ab6844e98dce2a8f858c6f0a57c12136a6","84610cf09dee3cefc910555318f1ad7b45f1cba36905a86849324ca4fead2385","a25d1e52291791819032826af5c52987e16ffdb96e8bb69f7f1790f5ab080be6","d660961abada6b5030461f3322ef3a2e1d9fec74167574f8b590a7796cf90a72","707b4eae3d469b2f347d2083037151922f94c370a9456ebd5ac0a4fb7441c7e7","ef509d57201aa4e2e3e2b3d1fafd066a8ce68cd2caea737d539c3544f5a99a67","84c66a77a1302611ea5001dc88d10de1b5d87c6b2f30a48585495217421ce1ac","7b2b714e726a7735e797983ed548ce9e12ef5c159b2dadc3fffd6f28aa2324a3","cf93fb9208a01c80f0fad245c4360356e5de6c2384b7641acf0b9cc2f5c42448","336398b0efaf964124e636a9b29c4edd5870aee79ac64bf87be58a9d66b7c048","571bc65ec37ba124e762bb822e14a2b8502dc684e356be8feaccbd6b9cadd023","0766fae8dbc740ce8a4731666a1537594d7763f71f46bbfef67ed9d7a34cb0cc","992458683d6de67eb6bf7a8d3ca235e9f9e07b24e6b6694ac9313d0ab00eee4e","133f37c4f3d0dc144efda59a3880df4fdf506f0ae98d859062c8c3e430d5b91c","a3a813989f3414191f54b84f2bdd91c651141533724714b2885d8db7bc94c0a7","453b0b8928616f194438b99f3fb75236011aa2216bc16025879082af81fdee34","0d5a2ee1fdfa82740e0103389b9efd6bfe145a20018a2da3c02b89666181f4d9","a69c09dbea52352f479d3e7ac949fde3d17b195abe90b045d619f747b38d6d1a",{"version":"92d63add669d18ebc349efbacd88966d6f2ccdddfb1b880b2db98ae3aa7bf7c4","affectsGlobalScope":true},"ccc94049a9841fe47abe5baef6be9a38fc6228807974ae675fb15dc22531b4be",{"version":"9acfe4d1ff027015151ce81d60797b04b52bffe97ad8310bb0ec2e8fd61e1303","affectsGlobalScope":true},"95843d5cfafced8f3f8a5ce57d2335f0bcd361b9483587d12a25e4bd403b8216","afc6e96061af46bcff47246158caee7e056f5288783f2d83d6858cd25be1c565",{"version":"34f5bcac12b36d70304b73de5f5aab3bb91bd9919f984be80579ebcad03a624e","affectsGlobalScope":true},"82408ed3e959ddc60d3e9904481b5a8dc16469928257af22a3f7d1a3bc7fd8c4","2f520601649a893e6a49a8851ebfcf4be8ce090dc1281c2a08a871cb04e8251f","f50c975ab7b50e25a69e3d8a3773894125b44e9698924105f23b812bf7488baf","2b8c764f856a1dd0a9a2bf23e5efddbff157de8138b0754010be561ae5fcaa90","76650408392bf49a8fbf3e2b6b302712a92d76af77b06e2da1cc8077359c4409","0af3121e68297b2247dd331c0d24dba599e50736a7517a5622d5591aae4a3122","6972fca26f6e9bd56197568d4379f99071a90766e06b4fcb5920a0130a9202be",{"version":"4a2628e95962c8ab756121faa3ac2ed348112ff7a87b5c286dd2cc3326546b4c","affectsGlobalScope":true},"80793b2277f31baa199234daed806fff0fb11491d1ebd3357e520c3558063f00","a049a59a02009fc023684fcfaf0ac526fe36c35dcc5d2b7d620c1750ba11b083","5533392c50c51b1a5c32b89f13145db929c574ef1c5949cf67a074a05ea107d9","b287b810b5035d5685f1df6e1e418f1ca452a3ed4f59fd5cc081dbf2045f0d9b","4b9a003b5c556c96784132945bb41c655ea11273b1917f5c8d0c154dd5fd20dd","a458dc78104cc80048ac24fdc02fe6dce254838094c2f25641b3f954d9721241",{"version":"e8b18c6385ff784228a6f369694fcf1a6b475355ba89090a88de13587a9391d5","affectsGlobalScope":true},"902cd98bf46e95caf4118a0733fb801e9e90eec3edaed6abdad77124afec9ca2","abc1c425b2ad6720433f40f1877abfa4223f0f3dd486c9c28c492179ca183cb6","cd4854d38f4eb5592afd98ab95ca17389a7dfe38013d9079e802d739bdbcc939","94eed4cc2f5f658d5e229ff1ccd38860bddf4233e347bf78edd2154dee1f2b99",{"version":"bd1a08e30569b0fb2f0b21035eb9b039871f68faa9b98accf847e9c878c5e0a9","affectsGlobalScope":true},"9f1069b9e2c051737b1f9b4f1baf50e4a63385a6a89c32235549ae87fc3d5492","ee18f2da7a037c6ceeb112a084e485aead9ea166980bf433474559eac1b46553","29c2706fa0cc49a2bd90c83234da33d08bb9554ecec675e91c1f85087f5a5324","0acbf26bf958f9e80c1ffa587b74749d2697b75b484062d36e103c137c562bc3","d7838022c7dab596357a9604b9c6adffe37dc34085ce0779c958ce9545bd7139","1b952304137851e45bc009785de89ada562d9376177c97e37702e39e60c2f1ff",{"version":"806ef4cac3b3d9fa4a48d849c8e084d7c72fcd7b16d76e06049a9ed742ff79c0","affectsGlobalScope":true},"a7971f9fb2a32ec7788ec6cda9d7a33c02023dfe9a62db2030ad1359649d8050","c33a6ea7147af60d8e98f1ac127047f4b0d4e2ce28b8f08ff3de07ca7cc00637",{"version":"b42b47e17b8ece2424ae8039feb944c2e3ba4b262986aebd582e51efbdca93dc","affectsGlobalScope":true},"664d8f2d59164f2e08c543981453893bc7e003e4dfd29651ce09db13e9457980","2408611d9b4146e35d1dbd1f443ccd8e187c74614a54b80300728277529dbf11","998a3de5237518c0b3ac00a11b3b4417affb008aa20aedee52f3fdae3cb86151","ad41008ffe077206e1811fc873f4d9005b5fd7f6ab52bb6118fef600815a5cb4","d88ecca73348e7c337541c4b8b60a50aca5e87384f6b8a422fc6603c637e4c21","badae0df9a8016ac36994b0a0e7b82ba6aaa3528e175a8c3cb161e4683eec03e","c3db860bcaaaeb3bbc23f353bbda1f8ab82756c8d5e973bebb3953cb09ea68f2","235a53595bd20b0b0eeb1a29cb2887c67c48375e92f03749b2488fbd46d0b1a0","bc09393cd4cd13f69cf1366d4236fbae5359bb550f0de4e15767e9a91d63dfb1","9c266243b01545e11d2733a55ad02b4c00ecdbda99c561cd1674f96e89cdc958","c71155c05fc76ff948a4759abc1cb9feec036509f500174bc18dad4c7827a60c",{"version":"ab9b9a36e5284fd8d3bf2f7d5fcbc60052f25f27e4d20954782099282c60d23e","affectsGlobalScope":true},"1cdb8f094b969dcc183745dc88404e2d8fcf2a858c6e7cc2441011476573238e",{"version":"5f186a758a616c107c70e8918db4630d063bd782f22e6e0b17573b125765b40b","affectsGlobalScope":true}],"options":{"allowSyntheticDefaultImports":true,"declaration":true,"esModuleInterop":false,"experimentalDecorators":true,"importHelpers":true,"inlineSources":true,"module":99,"noEmitOnError":true,"outDir":"./","rootDir":"..","sourceMap":true,"strict":true,"target":5},"fileIdsList":[[112],[43,112],[50,112],[43,50,112],[41,42,112],[69,112],[72,112],[73,78,112],[74,84,85,92,101,111,112],[74,75,84,92,112],[76,112],[77,78,85,93,112],[78,101,108,112],[79,81,84,92,112],[80,112],[81,82,112],[83,84,112],[84,112],[84,85,86,101,111,112],[84,85,86,101,112],[87,92,101,111,112],[84,85,87,88,92,101,108,111,112],[87,89,101,108,111,112],[69,70,71,72,73,74,75,76,77,78,79,80,81,82,83,84,85,86,87,88,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,107,108,109,110,111,112,113,114,115,116,117,118],[84,90,112],[91,111,112],[81,84,92,101,112],[93,112],[94,112],[72,95,112],[96,110,112,116],[97,112],[98,112],[84,99,112],[99,100,112,114],[84,101,102,103,112],[101,103,112],[101,102,112],[104,112],[105,112],[84,106,107,112],[106,107,112],[78,92,108,112],[109,112],[92,110,112],[73,87,98,111,112],[78,112],[101,112,113],[112,114],[112,115],[73,78,84,86,95,101,111,112,114,116],[101,112,117],[44,112],[43,47,112],[47,112],[46,47,112],[45,46,112],[51,52,53,54,55,56,57,58,112],[43,47,48,112],[40,67,112],[40,49,112],[40,112],[40,46,49,59,60,64,65,66,112],[49,112],[61,62,63,112]],"referencedMap":[[41,1],[50,2],[51,3],[54,4],[52,4],[56,4],[58,4],[57,4],[55,4],[53,3],[42,1],[43,5],[120,1],[69,6],[70,6],[72,7],[73,8],[74,9],[75,10],[76,11],[77,12],[78,13],[79,14],[80,15],[81,16],[82,16],[83,17],[84,18],[85,19],[86,20],[71,1],[118,1],[87,21],[88,22],[89,23],[119,24],[90,25],[91,26],[92,27],[93,28],[94,29],[95,30],[96,31],[97,32],[98,33],[99,34],[100,35],[101,36],[103,37],[102,38],[104,39],[105,40],[106,41],[107,42],[108,43],[109,44],[110,45],[111,46],[112,47],[113,48],[114,49],[115,50],[116,51],[117,52],[45,53],[44,1],[48,54],[46,55],[66,56],[47,57],[59,58],[49,59],[40,1],[8,1],[10,1],[9,1],[2,1],[11,1],[12,1],[13,1],[14,1],[15,1],[16,1],[17,1],[18,1],[3,1],[4,1],[22,1],[19,1],[20,1],[21,1],[23,1],[24,1],[25,1],[5,1],[26,1],[27,1],[28,1],[29,1],[6,1],[30,1],[31,1],[32,1],[33,1],[7,1],[38,1],[34,1],[35,1],[36,1],[37,1],[1,1],[39,1],[68,60],[60,61],[65,62],[67,63],[61,64],[64,65],[62,64],[63,64]],"exportedModulesMap":[[41,1],[50,2],[51,3],[54,4],[52,4],[56,4],[58,4],[57,4],[55,4],[53,3],[42,1],[43,5],[120,1],[69,6],[70,6],[72,7],[73,8],[74,9],[75,10],[76,11],[77,12],[78,13],[79,14],[80,15],[81,16],[82,16],[83,17],[84,18],[85,19],[86,20],[71,1],[118,1],[87,21],[88,22],[89,23],[119,24],[90,25],[91,26],[92,27],[93,28],[94,29],[95,30],[96,31],[97,32],[98,33],[99,34],[100,35],[101,36],[103,37],[102,38],[104,39],[105,40],[106,41],[107,42],[108,43],[109,44],[110,45],[111,46],[112,47],[113,48],[114,49],[115,50],[116,51],[117,52],[45,53],[44,1],[48,54],[46,55],[66,56],[47,57],[59,58],[49,59],[40,1],[8,1],[10,1],[9,1],[2,1],[11,1],[12,1],[13,1],[14,1],[15,1],[16,1],[17,1],[18,1],[3,1],[4,1],[22,1],[19,1],[20,1],[21,1],[23,1],[24,1],[25,1],[5,1],[26,1],[27,1],[28,1],[29,1],[6,1],[30,1],[31,1],[32,1],[33,1],[7,1],[38,1],[34,1],[35,1],[36,1],[37,1],[1,1],[39,1],[68,60],[60,61],[65,62],[67,63],[61,64],[64,65],[62,64],[63,64]],"semanticDiagnosticsPerFile":[41,50,51,54,52,56,58,57,55,53,42,43,120,69,70,72,73,74,75,76,77,78,79,80,81,82,83,84,85,86,71,118,87,88,89,119,90,91,92,93,94,95,96,97,98,99,100,101,103,102,104,105,106,107,108,109,110,111,112,113,114,115,116,117,45,44,48,46,66,47,59,49,40,8,10,9,2,11,12,13,14,15,16,17,18,3,4,22,19,20,21,23,24,25,5,26,27,28,29,6,30,31,32,33,7,38,34,35,36,37,1,39,68,60,65,67,61,64,62,63]},"version":"4.5.2"}
1
+ {"program":{"fileNames":["../../../node_modules/typescript/lib/lib.es5.d.ts","../../../node_modules/typescript/lib/lib.es2015.d.ts","../../../node_modules/typescript/lib/lib.es2016.d.ts","../../../node_modules/typescript/lib/lib.es2017.d.ts","../../../node_modules/typescript/lib/lib.es2018.d.ts","../../../node_modules/typescript/lib/lib.es2019.d.ts","../../../node_modules/typescript/lib/lib.es2020.d.ts","../../../node_modules/typescript/lib/lib.dom.d.ts","../../../node_modules/typescript/lib/lib.es2015.core.d.ts","../../../node_modules/typescript/lib/lib.es2015.collection.d.ts","../../../node_modules/typescript/lib/lib.es2015.generator.d.ts","../../../node_modules/typescript/lib/lib.es2015.iterable.d.ts","../../../node_modules/typescript/lib/lib.es2015.promise.d.ts","../../../node_modules/typescript/lib/lib.es2015.proxy.d.ts","../../../node_modules/typescript/lib/lib.es2015.reflect.d.ts","../../../node_modules/typescript/lib/lib.es2015.symbol.d.ts","../../../node_modules/typescript/lib/lib.es2015.symbol.wellknown.d.ts","../../../node_modules/typescript/lib/lib.es2016.array.include.d.ts","../../../node_modules/typescript/lib/lib.es2017.object.d.ts","../../../node_modules/typescript/lib/lib.es2017.sharedmemory.d.ts","../../../node_modules/typescript/lib/lib.es2017.string.d.ts","../../../node_modules/typescript/lib/lib.es2017.intl.d.ts","../../../node_modules/typescript/lib/lib.es2017.typedarrays.d.ts","../../../node_modules/typescript/lib/lib.es2018.asyncgenerator.d.ts","../../../node_modules/typescript/lib/lib.es2018.asynciterable.d.ts","../../../node_modules/typescript/lib/lib.es2018.intl.d.ts","../../../node_modules/typescript/lib/lib.es2018.promise.d.ts","../../../node_modules/typescript/lib/lib.es2018.regexp.d.ts","../../../node_modules/typescript/lib/lib.es2019.array.d.ts","../../../node_modules/typescript/lib/lib.es2019.object.d.ts","../../../node_modules/typescript/lib/lib.es2019.string.d.ts","../../../node_modules/typescript/lib/lib.es2019.symbol.d.ts","../../../node_modules/typescript/lib/lib.es2020.bigint.d.ts","../../../node_modules/typescript/lib/lib.es2020.promise.d.ts","../../../node_modules/typescript/lib/lib.es2020.sharedmemory.d.ts","../../../node_modules/typescript/lib/lib.es2020.string.d.ts","../../../node_modules/typescript/lib/lib.es2020.symbol.wellknown.d.ts","../../../node_modules/typescript/lib/lib.es2020.intl.d.ts","../../../node_modules/typescript/lib/lib.esnext.intl.d.ts","../../../node_modules/tslib/tslib.d.ts","../../../node_modules/@lit/reactive-element/css-tag.d.ts","../../../node_modules/@lit/reactive-element/reactive-controller.d.ts","../../../node_modules/@lit/reactive-element/reactive-element.d.ts","../../../node_modules/@types/trusted-types/lib/index.d.ts","../../../node_modules/@types/trusted-types/index.d.ts","../../../node_modules/lit-html/directive.d.ts","../../../node_modules/lit-html/lit-html.d.ts","../../../node_modules/lit-element/lit-element.d.ts","../../../node_modules/lit/index.d.ts","../../../node_modules/@lit/reactive-element/decorators/base.d.ts","../../../node_modules/@lit/reactive-element/decorators/custom-element.d.ts","../../../node_modules/@lit/reactive-element/decorators/property.d.ts","../../../node_modules/@lit/reactive-element/decorators/state.d.ts","../../../node_modules/@lit/reactive-element/decorators/event-options.d.ts","../../../node_modules/@lit/reactive-element/decorators/query.d.ts","../../../node_modules/@lit/reactive-element/decorators/query-all.d.ts","../../../node_modules/@lit/reactive-element/decorators/query-async.d.ts","../../../node_modules/@lit/reactive-element/decorators/query-assigned-nodes.d.ts","../../../node_modules/lit/decorators.d.ts","../src/markdown-style.ts","../../styles/dist/src/headroom-styles.d.ts","../../styles/dist/src/scrollbar-styles.d.ts","../../styles/dist/src/spinner-styles.d.ts","../../styles/dist/src/tooltip-styles.d.ts","../../styles/dist/src/index.d.ts","../src/markdown.ts","../../../node_modules/lit-html/directives/unsafe-html.d.ts","../../../node_modules/lit/directives/unsafe-html.d.ts","../src/ox-markdown.ts","../src/index.ts","../../../node_modules/@types/node/assert.d.ts","../../../node_modules/@types/node/assert/strict.d.ts","../../../node_modules/@types/node/globals.d.ts","../../../node_modules/@types/node/async_hooks.d.ts","../../../node_modules/@types/node/buffer.d.ts","../../../node_modules/@types/node/child_process.d.ts","../../../node_modules/@types/node/cluster.d.ts","../../../node_modules/@types/node/console.d.ts","../../../node_modules/@types/node/constants.d.ts","../../../node_modules/@types/node/crypto.d.ts","../../../node_modules/@types/node/dgram.d.ts","../../../node_modules/@types/node/diagnostics_channel.d.ts","../../../node_modules/@types/node/dns.d.ts","../../../node_modules/@types/node/dns/promises.d.ts","../../../node_modules/@types/node/domain.d.ts","../../../node_modules/@types/node/events.d.ts","../../../node_modules/@types/node/fs.d.ts","../../../node_modules/@types/node/fs/promises.d.ts","../../../node_modules/@types/node/http.d.ts","../../../node_modules/@types/node/http2.d.ts","../../../node_modules/@types/node/https.d.ts","../../../node_modules/@types/node/inspector.d.ts","../../../node_modules/@types/node/module.d.ts","../../../node_modules/@types/node/net.d.ts","../../../node_modules/@types/node/os.d.ts","../../../node_modules/@types/node/path.d.ts","../../../node_modules/@types/node/perf_hooks.d.ts","../../../node_modules/@types/node/process.d.ts","../../../node_modules/@types/node/punycode.d.ts","../../../node_modules/@types/node/querystring.d.ts","../../../node_modules/@types/node/readline.d.ts","../../../node_modules/@types/node/repl.d.ts","../../../node_modules/@types/node/stream.d.ts","../../../node_modules/@types/node/stream/promises.d.ts","../../../node_modules/@types/node/stream/consumers.d.ts","../../../node_modules/@types/node/stream/web.d.ts","../../../node_modules/@types/node/string_decoder.d.ts","../../../node_modules/@types/node/timers.d.ts","../../../node_modules/@types/node/timers/promises.d.ts","../../../node_modules/@types/node/tls.d.ts","../../../node_modules/@types/node/trace_events.d.ts","../../../node_modules/@types/node/tty.d.ts","../../../node_modules/@types/node/url.d.ts","../../../node_modules/@types/node/util.d.ts","../../../node_modules/@types/node/v8.d.ts","../../../node_modules/@types/node/vm.d.ts","../../../node_modules/@types/node/wasi.d.ts","../../../node_modules/@types/node/worker_threads.d.ts","../../../node_modules/@types/node/zlib.d.ts","../../../node_modules/@types/node/globals.global.d.ts","../../../node_modules/@types/node/index.d.ts","../../../node_modules/@types/mocha/index.d.ts"],"fileInfos":[{"version":"89f78430e422a0f06d13019d60d5a45b37ec2d28e67eb647f73b1b0d19a46b72","affectsGlobalScope":true},"dc47c4fa66b9b9890cf076304de2a9c5201e94b740cffdf09f87296d877d71f6","7a387c58583dfca701b6c85e0adaf43fb17d590fb16d5b2dc0a2fbd89f35c467","8a12173c586e95f4433e0c6dc446bc88346be73ffe9ca6eec7aa63c8f3dca7f9","5f4e733ced4e129482ae2186aae29fde948ab7182844c3a5a51dd346182c7b06","e6b724280c694a9f588847f754198fb96c43d805f065c3a5b28bbc9594541c84","e21c071ca3e1b4a815d5f04a7475adcaeea5d64367e840dd0154096d705c3940",{"version":"abba1071bfd89e55e88a054b0c851ea3e8a494c340d0f3fab19eb18f6afb0c9e","affectsGlobalScope":true},{"version":"d8996609230d17e90484a2dd58f22668f9a05a3bfe00bfb1d6271171e54a31fb","affectsGlobalScope":true},{"version":"43fb1d932e4966a39a41b464a12a81899d9ae5f2c829063f5571b6b87e6d2f9c","affectsGlobalScope":true},{"version":"cdccba9a388c2ee3fd6ad4018c640a471a6c060e96f1232062223063b0a5ac6a","affectsGlobalScope":true},{"version":"4378fc8122ec9d1a685b01eb66c46f62aba6b239ca7228bb6483bcf8259ee493","affectsGlobalScope":true},{"version":"0d5f52b3174bee6edb81260ebcd792692c32c81fd55499d69531496f3f2b25e7","affectsGlobalScope":true},{"version":"810627a82ac06fb5166da5ada4159c4ec11978dfbb0805fe804c86406dab8357","affectsGlobalScope":true},{"version":"62d80405c46c3f4c527ee657ae9d43fda65a0bf582292429aea1e69144a522a6","affectsGlobalScope":true},{"version":"3013574108c36fd3aaca79764002b3717da09725a36a6fc02eac386593110f93","affectsGlobalScope":true},{"version":"75ec0bdd727d887f1b79ed6619412ea72ba3c81d92d0787ccb64bab18d261f14","affectsGlobalScope":true},{"version":"3be5a1453daa63e031d266bf342f3943603873d890ab8b9ada95e22389389006","affectsGlobalScope":true},{"version":"17bb1fc99591b00515502d264fa55dc8370c45c5298f4a5c2083557dccba5a2a","affectsGlobalScope":true},{"version":"7ce9f0bde3307ca1f944119f6365f2d776d281a393b576a18a2f2893a2d75c98","affectsGlobalScope":true},{"version":"6a6b173e739a6a99629a8594bfb294cc7329bfb7b227f12e1f7c11bc163b8577","affectsGlobalScope":true},{"version":"12a310447c5d23c7d0d5ca2af606e3bd08afda69100166730ab92c62999ebb9d","affectsGlobalScope":true},{"version":"b0124885ef82641903d232172577f2ceb5d3e60aed4da1153bab4221e1f6dd4e","affectsGlobalScope":true},{"version":"0eb85d6c590b0d577919a79e0084fa1744c1beba6fd0d4e951432fa1ede5510a","affectsGlobalScope":true},{"version":"da233fc1c8a377ba9e0bed690a73c290d843c2c3d23a7bd7ec5cd3d7d73ba1e0","affectsGlobalScope":true},{"version":"d154ea5bb7f7f9001ed9153e876b2d5b8f5c2bb9ec02b3ae0d239ec769f1f2ae","affectsGlobalScope":true},{"version":"bb2d3fb05a1d2ffbca947cc7cbc95d23e1d053d6595391bd325deb265a18d36c","affectsGlobalScope":true},{"version":"c80df75850fea5caa2afe43b9949338ce4e2de086f91713e9af1a06f973872b8","affectsGlobalScope":true},{"version":"9d57b2b5d15838ed094aa9ff1299eecef40b190722eb619bac4616657a05f951","affectsGlobalScope":true},{"version":"6c51b5dd26a2c31dbf37f00cfc32b2aa6a92e19c995aefb5b97a3a64f1ac99de","affectsGlobalScope":true},{"version":"6e7997ef61de3132e4d4b2250e75343f487903ddf5370e7ce33cf1b9db9a63ed","affectsGlobalScope":true},{"version":"2ad234885a4240522efccd77de6c7d99eecf9b4de0914adb9a35c0c22433f993","affectsGlobalScope":true},{"version":"1b3fe904465430e030c93239a348f05e1be80640d91f2f004c3512c2c2c89f34","affectsGlobalScope":true},{"version":"3787b83e297de7c315d55d4a7c546ae28e5f6c0a361b7a1dcec1f1f50a54ef11","affectsGlobalScope":true},{"version":"e7e8e1d368290e9295ef18ca23f405cf40d5456fa9f20db6373a61ca45f75f40","affectsGlobalScope":true},{"version":"faf0221ae0465363c842ce6aa8a0cbda5d9296940a8e26c86e04cc4081eea21e","affectsGlobalScope":true},{"version":"06393d13ea207a1bfe08ec8d7be562549c5e2da8983f2ee074e00002629d1871","affectsGlobalScope":true},{"version":"d071129cba6a5f2700be09c86c07ad2791ab67d4e5ed1eb301d6746c62745ea4","affectsGlobalScope":true},{"version":"10bbdc1981b8d9310ee75bfac28ee0477bb2353e8529da8cff7cb26c409cb5e8","affectsGlobalScope":true},"12f4cfe2fe60b810c3174537bc2ddb20c1067b7768643d12cb1266fd183afb75","0c8a56610b08f55e29ffb466cd27626ad6dbe822312a398026e82270c63088e3","1e5743b25a63fd34ffbae89adcbf248ee17db6ed08d90079ffa93803c3e80d2a","7b33ee85f2e96a51c0e3bcee47b247a24515aff37a7d8b5dfe4e18b735d37440","2fcd2d22b1f30555e785105597cd8f57ed50300e213c4f1bbca6ae149f782c38",{"version":"bb4248c7f953233ac52332088fac897d62b82be07244e551d87c5049600b6cf7","affectsGlobalScope":true},"70f04c91d3186b1b10157157887fab664968fc9b88377785a5ee42750c202c6d","06e20da1bc94df355f22ac7a9533c2488816ec4cb9134d9b160a263629a07072","c311ef8d8b159d0c268b415f78c1949498dc2d14455a9891c5b8ef84625b1e41","f07a77a7fb1d49aa2b61cb68bf712a083487acd7130d20223a83de03af0c257d","97c58f6db61d45712d91d2260994817ae2b568bbb37cc280013079b6b5d2232d","ac388c7c7a262213a3700451bc921e382a93fb27c0252c34ccf03540b4ce044b","9bdb35d0b28dcd5d8f0879bd29f0cf07b7eb48aa63be4dd44057e32fcfeb1c83","fb0107c83e2e0e75b77dacd0c3c6c3ab6844e98dce2a8f858c6f0a57c12136a6","84610cf09dee3cefc910555318f1ad7b45f1cba36905a86849324ca4fead2385","a25d1e52291791819032826af5c52987e16ffdb96e8bb69f7f1790f5ab080be6","d660961abada6b5030461f3322ef3a2e1d9fec74167574f8b590a7796cf90a72","707b4eae3d469b2f347d2083037151922f94c370a9456ebd5ac0a4fb7441c7e7","ef509d57201aa4e2e3e2b3d1fafd066a8ce68cd2caea737d539c3544f5a99a67","84c66a77a1302611ea5001dc88d10de1b5d87c6b2f30a48585495217421ce1ac","f07d58e73f36ff66dce2fa2249219d71c358d6125449f47616475a5db514ccf7","cf93fb9208a01c80f0fad245c4360356e5de6c2384b7641acf0b9cc2f5c42448","336398b0efaf964124e636a9b29c4edd5870aee79ac64bf87be58a9d66b7c048","571bc65ec37ba124e762bb822e14a2b8502dc684e356be8feaccbd6b9cadd023","2bbbefc1235500bdb5091f240dc8cba861a95342272f7d11b7574a0d2ef4f85e","69398d1e569b8c8542902444a8c9bed2fc446b846caea7dbc8e57b6df36c9c62","992458683d6de67eb6bf7a8d3ca235e9f9e07b24e6b6694ac9313d0ab00eee4e","133f37c4f3d0dc144efda59a3880df4fdf506f0ae98d859062c8c3e430d5b91c","c889a2df565abacafdcd6eff6ecab5be7a301eec1a66f3774ae92abd4b04b464","111e662c0b26d80c00aecf17fb1448dad8d55880d2a4e6502cadf1bbd6f400f2","453b0b8928616f194438b99f3fb75236011aa2216bc16025879082af81fdee34","0cba3a5d7b81356222594442753cf90dd2892e5ccfe1d262aaca6896ba6c1380","a69c09dbea52352f479d3e7ac949fde3d17b195abe90b045d619f747b38d6d1a",{"version":"92d63add669d18ebc349efbacd88966d6f2ccdddfb1b880b2db98ae3aa7bf7c4","affectsGlobalScope":true},"422dbb183fdced59425ca072c8bd09efaa77ce4e2ab928ec0d8a1ce062d2a45a",{"version":"2a801b0322994c3dd7f0ef30265d19b3dd3bae6d793596879166ed6219c3da68","affectsGlobalScope":true},"1dab5ab6bcf11de47ab9db295df8c4f1d92ffa750e8f095e88c71ce4c3299628","f71f46ccd5a90566f0a37b25b23bc4684381ab2180bdf6733f4e6624474e1894",{"version":"54e65985a3ee3cec182e6a555e20974ea936fc8b8d1738c14e8ed8a42bd921d4","affectsGlobalScope":true},"82408ed3e959ddc60d3e9904481b5a8dc16469928257af22a3f7d1a3bc7fd8c4","bcc8caf03ee65fe8610d258752f255fbdddbb2e4de7b6c5628956a5a0d859ec8","34e5de87d983bc6aefef8b17658556e3157003e8d9555d3cb098c6bef0b5fbc8","cc0b61316c4f37393f1f9595e93b673f4184e9d07f4c127165a490ec4a928668","f27371653aded82b2b160f7a7033fb4a5b1534b6f6081ef7be1468f0f15327d3","c762cd6754b13a461c54b59d0ae0ab7aeef3c292c6cf889873f786ee4d8e75c9","f4ea7d5df644785bd9fbf419930cbaec118f0d8b4160037d2339b8e23c059e79",{"version":"c28e5baab1b53377c90d12970e207a2644bc3627840066449e37e2a59125d07e","affectsGlobalScope":true},"7a5459efa09ea82088234e6533a203d528c594b01787fb90fba148885a36e8b6","ae97e20f2e10dbeec193d6a2f9cd9a367a1e293e7d6b33b68bacea166afd7792","b3e30823f22a2185f7278f37e31358d5e2e69bd336d1035d2f5b8946928debf3","4ed10283814bb014a9d95959c5e1b5cd7a05c419dab36e28574bf2e0ca3e014c","bf73c576885408d4a176f44a9035d798827cc5020d58284cb18d7573430d9022","7ae078ca42a670445ae0c6a97c029cb83d143d62abd1730efb33f68f0b2c0e82",{"version":"e8b18c6385ff784228a6f369694fcf1a6b475355ba89090a88de13587a9391d5","affectsGlobalScope":true},"9f2edefec1509d5707b2de3a4d1f2af064ccfef02d050897d60adb5eead0c604","12eea70b5e11e924bb0543aea5eadc16ced318aa26001b453b0d561c2fd0bd1e","08777cd9318d294646b121838574e1dd7acbb22c21a03df84e1f2c87b1ad47f2","08a90bcdc717df3d50a2ce178d966a8c353fd23e5c392fd3594a6e39d9bb6304",{"version":"bd1a08e30569b0fb2f0b21035eb9b039871f68faa9b98accf847e9c878c5e0a9","affectsGlobalScope":true},"2a12d2da5ac4c4979401a3f6eaafa874747a37c365e4bc18aa2b171ae134d21b","002b837927b53f3714308ecd96f72ee8a053b8aeb28213d8ec6de23ed1608b66","1dc9c847473bb47279e398b22c740c83ea37a5c88bf66629666e3cf4c5b9f99c","a9e4a5a24bf2c44de4c98274975a1a705a0abbaad04df3557c2d3cd8b1727949","7185660ba7fe7c4221dcd443ffa32d1a786192548735692d98a40a90fa2867a4","1b952304137851e45bc009785de89ada562d9376177c97e37702e39e60c2f1ff",{"version":"806ef4cac3b3d9fa4a48d849c8e084d7c72fcd7b16d76e06049a9ed742ff79c0","affectsGlobalScope":true},"cfe724f7c694aab65a9bdd1acb05997848c504548c9d4c71645c187a091cfa2a","5f0ed51db151c2cdc4fa3bb0f44ce6066912ad001b607a34e65a96c52eb76248",{"version":"3345c276cab0e76dda86c0fb79104ff915a4580ba0f3e440870e183b1baec476","affectsGlobalScope":true},"664d8f2d59164f2e08c543981453893bc7e003e4dfd29651ce09db13e9457980","e383ff72aabf294913f8c346f5da1445ae6ad525836d28efd52cbadc01a361a6","f52fbf64c7e480271a9096763c4882d356b05cab05bf56a64e68a95313cd2ce2","59bdb65f28d7ce52ccfc906e9aaf422f8b8534b2d21c32a27d7819be5ad81df7","1835259a20b9fa6b1882931375b69ae5978195f2b139b4e0db51ec8319261649","b52cd693219a63dd21282ac99a7bf55f77cbe8a91f097968856419cc2e05f017","3aff9c8c36192e46a84afe7b926136d520487155154ab9ba982a8b544ea8fc95","a880cf8d85af2e4189c709b0fea613741649c0e40fffb4360ec70762563d5de0","85bbf436a15bbeda4db888be3062d47f99c66fd05d7c50f0f6473a9151b6a070","9f9c49c95ecd25e0cb2587751925976cf64fd184714cb11e213749c80cf0f927","f0c75c08a71f9212c93a719a25fb0320d53f2e50ca89a812640e08f8ad8c408c",{"version":"ab9b9a36e5284fd8d3bf2f7d5fcbc60052f25f27e4d20954782099282c60d23e","affectsGlobalScope":true},"267af67ea520cabd16402522756b19ac63d9e2c1c86e7c4d1ddeb991c32e12c9",{"version":"5f186a758a616c107c70e8918db4630d063bd782f22e6e0b17573b125765b40b","affectsGlobalScope":true}],"options":{"allowSyntheticDefaultImports":true,"declaration":true,"esModuleInterop":false,"experimentalDecorators":true,"importHelpers":true,"inlineSources":true,"module":99,"noEmitOnError":true,"outDir":"./","rootDir":"..","sourceMap":true,"strict":true,"target":5,"useDefineForClassFields":false},"fileIdsList":[[114],[43,114],[50,114],[43,50,114],[41,42,114],[71,114],[74,114],[75,80,114],[76,86,87,94,103,113,114],[76,77,86,94,114],[78,114],[79,80,87,95,114],[80,103,110,114],[81,83,86,94,114],[82,114],[83,84,114],[85,86,114],[86,114],[86,87,88,103,113,114],[86,87,88,103,114],[89,94,103,113,114],[86,87,89,90,94,103,110,113,114],[89,91,103,110,113,114],[71,72,73,74,75,76,77,78,79,80,81,82,83,84,85,86,87,88,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,107,108,109,110,111,112,113,114,115,116,117,118,119,120],[86,92,114],[93,113,114],[83,86,94,103,114],[95,114],[96,114],[74,97,114],[98,112,114,118],[99,114],[100,114],[86,101,114],[101,102,114,116],[86,103,104,105,114],[103,105,114],[103,104,114],[106,114],[107,114],[86,108,109,114],[108,109,114],[80,94,103,110,114],[111,114],[94,112,114],[75,89,100,113,114],[80,114],[103,114,115],[114,116],[114,117],[75,80,86,88,97,103,113,114,116,118],[103,114,119],[44,114],[43,47,114],[47,114],[46,47,114],[45,46,114],[51,52,53,54,55,56,57,58,114],[67,114],[43,47,48,114],[40,69,114],[40,49,114],[40,114],[40,46,49,59,60,65,66,68,114],[49,114],[61,62,63,64,114]],"referencedMap":[[41,1],[50,2],[51,3],[54,4],[52,4],[56,4],[58,4],[57,4],[55,4],[53,3],[42,1],[43,5],[122,1],[71,6],[72,6],[74,7],[75,8],[76,9],[77,10],[78,11],[79,12],[80,13],[81,14],[82,15],[83,16],[84,16],[85,17],[86,18],[87,19],[88,20],[73,1],[120,1],[89,21],[90,22],[91,23],[121,24],[92,25],[93,26],[94,27],[95,28],[96,29],[97,30],[98,31],[99,32],[100,33],[101,34],[102,35],[103,36],[105,37],[104,38],[106,39],[107,40],[108,41],[109,42],[110,43],[111,44],[112,45],[113,46],[114,47],[115,48],[116,49],[117,50],[118,51],[119,52],[45,53],[44,1],[48,54],[46,55],[67,56],[47,57],[59,58],[68,59],[49,60],[40,1],[8,1],[10,1],[9,1],[2,1],[11,1],[12,1],[13,1],[14,1],[15,1],[16,1],[17,1],[18,1],[3,1],[4,1],[22,1],[19,1],[20,1],[21,1],[23,1],[24,1],[25,1],[5,1],[26,1],[27,1],[28,1],[29,1],[6,1],[30,1],[31,1],[32,1],[33,1],[7,1],[38,1],[34,1],[35,1],[36,1],[37,1],[1,1],[39,1],[70,61],[60,62],[66,63],[69,64],[61,65],[65,66],[62,65],[63,65],[64,65]],"exportedModulesMap":[[41,1],[50,2],[51,3],[54,4],[52,4],[56,4],[58,4],[57,4],[55,4],[53,3],[42,1],[43,5],[122,1],[71,6],[72,6],[74,7],[75,8],[76,9],[77,10],[78,11],[79,12],[80,13],[81,14],[82,15],[83,16],[84,16],[85,17],[86,18],[87,19],[88,20],[73,1],[120,1],[89,21],[90,22],[91,23],[121,24],[92,25],[93,26],[94,27],[95,28],[96,29],[97,30],[98,31],[99,32],[100,33],[101,34],[102,35],[103,36],[105,37],[104,38],[106,39],[107,40],[108,41],[109,42],[110,43],[111,44],[112,45],[113,46],[114,47],[115,48],[116,49],[117,50],[118,51],[119,52],[45,53],[44,1],[48,54],[46,55],[67,56],[47,57],[59,58],[68,59],[49,60],[40,1],[8,1],[10,1],[9,1],[2,1],[11,1],[12,1],[13,1],[14,1],[15,1],[16,1],[17,1],[18,1],[3,1],[4,1],[22,1],[19,1],[20,1],[21,1],[23,1],[24,1],[25,1],[5,1],[26,1],[27,1],[28,1],[29,1],[6,1],[30,1],[31,1],[32,1],[33,1],[7,1],[38,1],[34,1],[35,1],[36,1],[37,1],[1,1],[39,1],[70,61],[60,62],[66,63],[69,64],[61,65],[65,66],[62,65],[63,65],[64,65]],"semanticDiagnosticsPerFile":[41,50,51,54,52,56,58,57,55,53,42,43,122,71,72,74,75,76,77,78,79,80,81,82,83,84,85,86,87,88,73,120,89,90,91,121,92,93,94,95,96,97,98,99,100,101,102,103,105,104,106,107,108,109,110,111,112,113,114,115,116,117,118,119,45,44,48,46,67,47,59,68,49,40,8,10,9,2,11,12,13,14,15,16,17,18,3,4,22,19,20,21,23,24,25,5,26,27,28,29,6,30,31,32,33,7,38,34,35,36,37,1,39,70,60,66,69,61,65,62,63,64]},"version":"4.5.4"}
package/package.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "description": "Webcomponent markdown following open-wc recommendations",
4
4
  "license": "MIT",
5
5
  "author": "heartyoh",
6
- "version": "0.2.49",
6
+ "version": "0.3.1",
7
7
  "main": "dist/src/index.js",
8
8
  "module": "dist/src/index.js",
9
9
  "exports": {
@@ -31,7 +31,7 @@
31
31
  "storybook:build": "tsc && npm run analyze -- --exclude dist && build-storybook"
32
32
  },
33
33
  "dependencies": {
34
- "@operato/styles": "^0.2.49",
34
+ "@operato/styles": "^0.3.1",
35
35
  "lit": "^2.0.2",
36
36
  "marked": "^4.0.7"
37
37
  },
@@ -43,7 +43,7 @@
43
43
  "@types/marked": "^4.0.1",
44
44
  "@typescript-eslint/eslint-plugin": "^4.33.0",
45
45
  "@typescript-eslint/parser": "^4.33.0",
46
- "@web/dev-server": "^0.1.25",
46
+ "@web/dev-server": "^0.1.28",
47
47
  "@web/dev-server-storybook": "next",
48
48
  "@web/test-runner": "next",
49
49
  "concurrently": "^5.3.0",
@@ -68,5 +68,5 @@
68
68
  "prettier --write"
69
69
  ]
70
70
  },
71
- "gitHead": "9a384d8b1eb814d71dd1146d3eb8e0754b763d97"
71
+ "gitHead": "082f16bf248908bd498ec1fddb912cdbb13efc68"
72
72
  }
package/src/markdown-style.ts CHANGED
@@ -2,24 +2,23 @@ import { css } from 'lit'
2
2
 
3
3
  export const MarkdownStyle = css`
4
4
  h1 {
5
- background-color: var(--help-panel-title-background-color);
6
5
  margin: var(--help-panel-title-margin);
7
6
  padding: var(--help-panel-title-padding);
8
- font-size: var(--help-panel-h1-title-font-size);
7
+ font-size: 20px;
9
8
  text-transform: capitalize;
10
9
  color: var(--help-panel-h1-title-color);
11
10
  }
12
11
  h2 {
13
12
  margin: var(--help-panel-title-margin);
14
13
  padding: var(--help-panel-title-padding);
15
- font-size: var(--help-panel-h2-title-font-size);
14
+ font-size: 18px;
16
15
  color: var(--help-panel-h2-title-color);
17
16
  text-transform: capitalize;
18
17
  }
19
18
  h3 {
20
19
  margin: var(--help-panel-title-margin);
21
20
  padding: var(--help-panel-title-padding);
22
- font-size: var(--help-panel-h3-title-font-size);
21
+ font-size: 16px;
23
22
  color: var(--help-panel-h3-title-color);
24
23
  }
25
24
  mwc-icon {
@@ -28,8 +27,8 @@ export const MarkdownStyle = css`
28
27
 
29
28
  img {
30
29
  display: block;
31
- margin: var(--margin-narrow) var(--margin-default);
32
- max-width: 100%;
30
+ margin: var(--margin-wide) var(--margin-wide);
31
+ max-width: 90%;
33
32
  }
34
33
  img[src*='#icon25'] {
35
34
  width: 25px;
package/src/ox-markdown.ts CHANGED
@@ -1,11 +1,11 @@
1
1
  import { LitElement, PropertyValues, TemplateResult, css, html } from 'lit'
2
- import { customElement, property, state } from 'lit/decorators'
2
+ import { customElement, property, state } from 'lit/decorators.js'
3
3
 
4
4
  import { DirectiveResult } from 'lit-html/directive'
5
5
  import { MarkdownStyle } from './markdown-style'
6
6
  import { ScrollbarStyles } from '@operato/styles'
7
7
  import { md } from './markdown'
8
- import { unsafeHTML } from 'lit-html/directives/unsafe-html'
8
+ import { unsafeHTML } from 'lit/directives/unsafe-html.js'
9
9
 
10
10
  @customElement('ox-markdown')
11
11
  export class OxMarkdown extends LitElement {
@@ -63,10 +63,7 @@ export class OxMarkdown extends LitElement {
63
63
  @state() _headings: any[] = []
64
64
 
65
65
  render() {
66
- return html`
67
- ${this.toc ? this.renderToc() : html``}
68
- ${this._html}
69
- `
66
+ return html` ${this.toc ? this.renderToc() : html``} ${this._html} `
70
67
  }
71
68
 
72
69
  renderToc() {
@@ -110,10 +107,9 @@ export class OxMarkdown extends LitElement {
110
107
  }
111
108
  }
112
109
  }
113
-
114
- if(changed.has('_html')) {
110
+
111
+ if (changed.has('_html')) {
115
112
  this._headings = Array.from(this.renderRoot.querySelectorAll('h2'))
116
113
  }
117
114
  }
118
-
119
115
  }
package/tsconfig.json CHANGED
@@ -9,6 +9,7 @@
9
9
  "esModuleInterop": false,
10
10
  "allowSyntheticDefaultImports": true,
11
11
  "experimentalDecorators": true,
12
+ "useDefineForClassFields": false,
12
13
  "importHelpers": true,
13
14
  "outDir": "dist",
14
15
  "sourceMap": true,
package/dist/src/ox-layout.d.ts DELETED
@@ -1,45 +0,0 @@
1
- import { LitElement } from 'lit';
2
- export declare class OxLayout extends LitElement {
3
- static styles: import("lit").CSSResult[];
4
- _parent?: Element;
5
- render(): import("lit-html").TemplateResult<1>;
6
- protected _onfocusout: (e: FocusEvent) => void;
7
- protected _onkeydown: (e: KeyboardEvent) => void;
8
- protected _onkeyup: (e: KeyboardEvent) => void;
9
- protected _onclick: (e: MouseEvent) => void;
10
- protected _onclose: (e: Event) => void;
11
- protected _oncollapse: (e: Event) => void;
12
- protected _onwindowblur: (e: Event) => void;
13
- connectedCallback(): void;
14
- /**
15
- * Configuration for opening ox-layout
16
- *
17
- * @typedef {Object} PopupOpenOptions
18
- * @property {HTMLTemplate} template HTMLTemplate to be displayed inside the layout
19
- * @property {Number} top The position-top where the pop-up will be displayed
20
- * @property {Number} left The position-left where the pop-up will be displayed
21
- * @property {HTMLElement} parent Popup's parent element
22
- */
23
- /**
24
- * Open Popup
25
- *
26
- * @param {PopupOpenOptions}
27
- */
28
- static open({ template, top, left, right, bottom, parent }: {
29
- template: unknown;
30
- top?: number;
31
- left?: number;
32
- right?: number;
33
- bottom?: number;
34
- parent?: Element | null;
35
- }): void;
36
- open({ left, top, right, bottom, silent }: {
37
- left?: number;
38
- top?: number;
39
- right?: number;
40
- bottom?: number;
41
- silent?: boolean;
42
- }): void;
43
- guaranteeFocus(): void;
44
- close(): void;
45
- }
package/dist/src/ox-layout.js DELETED
@@ -1,148 +0,0 @@
1
- import { __decorate } from "tslib";
2
- import { css, html, LitElement } from 'lit';
3
- import { render } from 'lit-html';
4
- import { customElement, state } from 'lit/decorators.js';
5
- import { ScrollbarStyles } from '@operato/styles';
6
- let OxLayout = class OxLayout extends LitElement {
7
- constructor() {
8
- super(...arguments);
9
- this._onfocusout = function (e) {
10
- const to = e.relatedTarget;
11
- if (!this.contains(to)) {
12
- /* 분명히 내 범위가 아닌 엘리먼트로 포커스가 옮겨졌다면, ox-popup은 닫혀야 한다. */
13
- // @ts-ignore for debug
14
- !window.POPUP_DEBUG && this.close();
15
- }
16
- }.bind(this);
17
- this._onkeydown = function (e) {
18
- e.stopPropagation();
19
- switch (e.key) {
20
- case 'Esc': // for IE/Edge
21
- case 'Escape':
22
- this.close();
23
- break;
24
- }
25
- }.bind(this);
26
- this._onkeyup = function (e) {
27
- e.stopPropagation();
28
- }.bind(this);
29
- this._onclick = function (e) {
30
- e.stopPropagation();
31
- }.bind(this);
32
- this._onclose = function (e) {
33
- this.close();
34
- }.bind(this);
35
- this._oncollapse = function (e) {
36
- e.stopPropagation();
37
- this.close();
38
- }.bind(this);
39
- this._onwindowblur = function (e) {
40
- // @ts-ignore for debug
41
- !window.POPUP_DEBUG && this.close();
42
- }.bind(this);
43
- }
44
- render() {
45
- return html ` <slot> </slot> `;
46
- }
47
- connectedCallback() {
48
- super.connectedCallback();
49
- this.addEventListener('focusout', this._onfocusout);
50
- this.addEventListener('keydown', this._onkeydown);
51
- this.addEventListener('keyup', this._onkeyup);
52
- this.addEventListener('click', this._onclick);
53
- this.addEventListener('ox-close', this._onclose);
54
- this.addEventListener('ox-collapse', this._oncollapse);
55
- this.setAttribute('tabindex', '0'); // make this element focusable
56
- this.guaranteeFocus();
57
- }
58
- /**
59
- * Configuration for opening ox-layout
60
- *
61
- * @typedef {Object} PopupOpenOptions
62
- * @property {HTMLTemplate} template HTMLTemplate to be displayed inside the layout
63
- * @property {Number} top The position-top where the pop-up will be displayed
64
- * @property {Number} left The position-left where the pop-up will be displayed
65
- * @property {HTMLElement} parent Popup's parent element
66
- */
67
- /**
68
- * Open Popup
69
- *
70
- * @param {PopupOpenOptions}
71
- */
72
- static open({ template, top, left, right, bottom, parent }) {
73
- const owner = parent || document.body;
74
- const target = document.createElement('ox-layout');
75
- render(template, target);
76
- target._parent = owner;
77
- owner.appendChild(target);
78
- target.open({ top, left, right, bottom });
79
- }
80
- open({ left, top, right, bottom, silent = false }) {
81
- if (left !== undefined)
82
- this.style.left = `${left}px`;
83
- if (top !== undefined)
84
- this.style.top = `${top}px`;
85
- if (right !== undefined)
86
- this.style.right = `${right}px`;
87
- if (bottom !== undefined)
88
- this.style.bottom = `${bottom}px`;
89
- this.setAttribute('active', '');
90
- !silent && this.guaranteeFocus();
91
- /* When the window is out of focus, all pop-ups should disappear. */
92
- window.addEventListener('blur', this._onwindowblur);
93
- }
94
- guaranteeFocus() {
95
- const focusible = this.querySelector(':scope > button, :scope > [href], :scope > input, :scope > select, :scope > textarea, :scope > [tabindex]:not([tabindex="-1"])');
96
- if (focusible) {
97
- ;
98
- focusible.focus();
99
- }
100
- else {
101
- this.focus();
102
- }
103
- }
104
- close() {
105
- this.removeAttribute('active');
106
- window.removeEventListener('blur', this._onwindowblur);
107
- if (this._parent) {
108
- /* this case is when the layout is opened by OxLayout.open(...) */
109
- this.removeEventListener('focusout', this._onfocusout);
110
- this.removeEventListener('keydown', this._onkeydown);
111
- this.removeEventListener('keyup', this._onkeyup);
112
- this.removeEventListener('click', this._onclick);
113
- this.removeEventListener('ox-close', this._onclose);
114
- this.removeEventListener('ox-collapse', this._oncollapse);
115
- this._parent.removeChild(this);
116
- delete this._parent;
117
- }
118
- }
119
- };
120
- OxLayout.styles = [
121
- ScrollbarStyles,
122
- css `
123
- :host {
124
- position: absolute;
125
- display: none;
126
- background-color: white;
127
- z-index: 100;
128
- box-sizing: border-box;
129
- min-width: fit-content;
130
- }
131
-
132
- :host([active]) {
133
- display: block;
134
- }
135
-
136
- :host(*:focus) {
137
- outline: none;
138
- }
139
- `
140
- ];
141
- __decorate([
142
- state()
143
- ], OxLayout.prototype, "_parent", void 0);
144
- OxLayout = __decorate([
145
- customElement('ox-layout')
146
- ], OxLayout);
147
- export { OxLayout };
148
- //# sourceMappingURL=ox-layout.js.map
package/dist/src/ox-layout.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"ox-layout.js","sourceRoot":"","sources":["../../src/ox-layout.ts"],"names":[],"mappings":"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","sourcesContent":["import { css, html, LitElement } from 'lit';\nimport { render } from 'lit-html';\nimport { customElement, state } from 'lit/decorators.js';\n\nimport { ScrollbarStyles } from '@operato/styles';\n\n@customElement('ox-layout')\nexport class OxLayout extends LitElement {\n static styles = [\n ScrollbarStyles,\n css`\n :host {\n position: absolute;\n display: none;\n background-color: white;\n z-index: 100;\n box-sizing: border-box;\n min-width: fit-content;\n }\n\n :host([active]) {\n display: block;\n }\n\n :host(*:focus) {\n outline: none;\n }\n `\n ]\n\n @state() _parent?: Element\n\n render() {\n return html` <slot> </slot> `\n }\n\n protected _onfocusout: (e: FocusEvent) => void = function (this: OxLayout, e: FocusEvent) {\n const to = e.relatedTarget as HTMLElement\n\n if (!this.contains(to)) {\n /* 분명히 내 범위가 아닌 엘리먼트로 포커스가 옮겨졌다면, ox-popup은 닫혀야 한다. */\n // @ts-ignore for debug\n !window.POPUP_DEBUG && this.close()\n }\n }.bind(this)\n\n protected _onkeydown: (e: KeyboardEvent) => void = function (this: OxLayout, e: KeyboardEvent) {\n e.stopPropagation()\n\n switch (e.key) {\n case 'Esc': // for IE/Edge\n case 'Escape':\n this.close()\n break\n }\n }.bind(this)\n\n protected _onkeyup: (e: KeyboardEvent) => void = function (this: OxLayout, e: KeyboardEvent) {\n e.stopPropagation()\n }.bind(this)\n\n protected _onclick: (e: MouseEvent) => void = function (this: OxLayout, e: MouseEvent) {\n e.stopPropagation()\n }.bind(this)\n\n protected _onclose: (e: Event) => void = function (this: OxLayout, e: Event) {\n this.close()\n }.bind(this)\n\n protected _oncollapse: (e: Event) => void = function (this: OxLayout, e: Event) {\n e.stopPropagation()\n this.close()\n }.bind(this)\n\n protected _onwindowblur: (e: Event) => void = function (this: OxLayout, e: Event) {\n // @ts-ignore for debug\n !window.POPUP_DEBUG && this.close()\n }.bind(this)\n\n connectedCallback() {\n super.connectedCallback()\n\n this.addEventListener('focusout', this._onfocusout)\n this.addEventListener('keydown', this._onkeydown)\n this.addEventListener('keyup', this._onkeyup)\n this.addEventListener('click', this._onclick)\n this.addEventListener('ox-close', this._onclose)\n this.addEventListener('ox-collapse', this._oncollapse)\n\n this.setAttribute('tabindex', '0') // make this element focusable\n this.guaranteeFocus()\n }\n\n /**\n * Configuration for opening ox-layout\n *\n * @typedef {Object} PopupOpenOptions\n * @property {HTMLTemplate} template HTMLTemplate to be displayed inside the layout\n * @property {Number} top The position-top where the pop-up will be displayed\n * @property {Number} left The position-left where the pop-up will be displayed\n * @property {HTMLElement} parent Popup's parent element\n */\n\n /**\n * Open Popup\n *\n * @param {PopupOpenOptions}\n */\n static open({\n template,\n top,\n left,\n right,\n bottom,\n parent\n }: {\n template: unknown\n top?: number\n left?: number\n right?: number\n bottom?: number\n parent?: Element | null\n }) {\n const owner = parent || document.body\n const target = document.createElement('ox-layout') as OxLayout\n\n render(template, target)\n\n target._parent = owner\n owner.appendChild(target)\n\n target.open({ top, left, right, bottom })\n }\n\n open({\n left,\n top,\n right,\n bottom,\n silent = false\n }: {\n left?: number\n top?: number\n right?: number\n bottom?: number\n silent?: boolean\n }) {\n if (left !== undefined) this.style.left = `${left}px`\n if (top !== undefined) this.style.top = `${top}px`\n if (right !== undefined) this.style.right = `${right}px`\n if (bottom !== undefined) this.style.bottom = `${bottom}px`\n\n this.setAttribute('active', '')\n\n !silent && this.guaranteeFocus()\n\n /* When the window is out of focus, all pop-ups should disappear. */\n window.addEventListener('blur', this._onwindowblur)\n }\n\n guaranteeFocus() {\n const focusible = this.querySelector(\n ':scope > button, :scope > [href], :scope > input, :scope > select, :scope > textarea, :scope > [tabindex]:not([tabindex=\"-1\"])'\n )\n\n if (focusible) {\n ;(focusible as HTMLElement).focus()\n } else {\n this.focus()\n }\n }\n\n close() {\n this.removeAttribute('active')\n\n window.removeEventListener('blur', this._onwindowblur)\n\n if (this._parent) {\n /* this case is when the layout is opened by OxLayout.open(...) */\n this.removeEventListener('focusout', this._onfocusout)\n this.removeEventListener('keydown', this._onkeydown)\n this.removeEventListener('keyup', this._onkeyup)\n this.removeEventListener('click', this._onclick)\n this.removeEventListener('ox-close', this._onclose)\n this.removeEventListener('ox-collapse', this._oncollapse)\n\n this._parent.removeChild(this)\n delete this._parent\n }\n }\n}\n"]}
package/dist/src/ox-toolbar-style.d.ts DELETED
@@ -1,4 +0,0 @@
1
- /**
2
- * @license Copyright © HatioLab Inc. All rights reserved.
3
- */
4
- export declare const style: import("lit-element").CSSResult;
package/dist/src/ox-toolbar-style.js DELETED
@@ -1,226 +0,0 @@
1
- /**
2
- * @license Copyright © HatioLab Inc. All rights reserved.
3
- */
4
- import { css } from 'lit-element';
5
- export const style = css `
6
- :host {
7
- background-color: var(--edit-toolbar-background-color, #394e64);
8
- overflow: hidden;
9
- }
10
-
11
- [tools] {
12
- display: flex;
13
- align-items: center;
14
- overflow: none;
15
- padding: 0px 10px;
16
- }
17
-
18
- [tools] > * {
19
- padding: 0px;
20
- }
21
-
22
- [tools] > span[button] {
23
- min-width: 30px;
24
- }
25
-
26
- [tools] > span[padding] {
27
- flex: 1;
28
- }
29
-
30
- [tools] > .vline {
31
- display: block;
32
- flex: none;
33
- border-left: 1px solid rgba(255, 255, 255, 0.2);
34
- border-right: 1px solid rgba(0, 0, 0, 0.15);
35
- width: 0px;
36
- height: 18px;
37
- margin: 0 3px;
38
- }
39
-
40
- span[button] {
41
- min-height: 35px;
42
-
43
- background: url('/assets/images/icon-htoolbar.png') no-repeat;
44
- background-position-x: 50%;
45
- opacity: 0.8;
46
- }
47
- span[button]:hover {
48
- opacity: 1;
49
- background-color: rgba(0, 0, 0, 0.1);
50
- cursor: pointer;
51
- }
52
-
53
- #fullscreen,
54
- #toggle-property {
55
- flex: none;
56
- }
57
-
58
- #align-left {
59
- background-position-y: 8px;
60
- }
61
-
62
- #align-center {
63
- background-position-y: -42px;
64
- }
65
-
66
- #align-right {
67
- background-position-y: -92px;
68
- }
69
-
70
- #align-top {
71
- background-position-y: -142px;
72
- }
73
-
74
- #align-middle {
75
- background-position-y: -192px;
76
- }
77
-
78
- #align-bottom {
79
- background-position-y: -242px;
80
- }
81
-
82
- #undo {
83
- background-position-y: -592px;
84
- }
85
-
86
- #redo {
87
- background-position-y: -642px;
88
- }
89
-
90
- #front {
91
- background-position-y: -292px;
92
- }
93
-
94
- #back {
95
- background-position-y: -342px;
96
- }
97
-
98
- #forward {
99
- background-position-y: -392px;
100
- }
101
-
102
- #backward {
103
- background-position-y: -442px;
104
- }
105
-
106
- #symmetry-x {
107
- background-position-y: -492px;
108
- }
109
-
110
- #symmetry-y {
111
- background-position-y: -542px;
112
- }
113
-
114
- #group {
115
- background-position-y: -492px;
116
- }
117
-
118
- #ungroup {
119
- background-position-y: -542px;
120
- }
121
-
122
- #fullscreen {
123
- background-position-y: -692px;
124
- }
125
-
126
- #toggle-property {
127
- background-position-y: -692px;
128
- float: right;
129
- }
130
-
131
- #zoomin {
132
- background-position-y: -742px;
133
- }
134
-
135
- #zoomout {
136
- background-position-y: -792px;
137
- }
138
-
139
- #fit-scene {
140
- background-position-y: -1492px;
141
- }
142
-
143
- #cut {
144
- background-position-y: -842px;
145
- }
146
-
147
- #copy {
148
- background-position-y: -892px;
149
- }
150
-
151
- #paste {
152
- background-position-y: -942px;
153
- }
154
-
155
- #delete {
156
- background-position-y: -992px;
157
- }
158
-
159
- #font-increase {
160
- background-position-y: -1042px;
161
- }
162
-
163
- #font-decrease {
164
- background-position-y: -1092px;
165
- }
166
-
167
- #style-copy {
168
- background-position-y: -1142px;
169
- }
170
-
171
- #context-menu {
172
- background-position-y: -692px;
173
- }
174
-
175
- #symmetry-x {
176
- background-position-y: -1192px;
177
- }
178
-
179
- #symmetry-y {
180
- background-position-y: -1242px;
181
- }
182
-
183
- #rotate-cw {
184
- background-position-y: -1292px;
185
- }
186
-
187
- #rotate-ccw {
188
- background-position-y: -1342px;
189
- }
190
-
191
- #distribute-horizontal {
192
- background-position-y: -1542px;
193
- }
194
-
195
- #distribute-vertical {
196
- background-position-y: -1593px;
197
- }
198
-
199
- #toggle-property {
200
- background-position-y: -1392px;
201
- }
202
-
203
- #preview {
204
- background-position-y: -1640px;
205
- }
206
-
207
- /* bigger buttons */
208
- #fullscreen {
209
- background: url('/assets/images/icon-fullscreen.png') 50% 10px no-repeat;
210
- width: var(--edit-toolbar-bigger-icon-size);
211
- height: var(--edit-toolbar-bigger-icon-size);
212
- border-left: var(--edit-toolbar-bigger-icon-line);
213
- }
214
-
215
- #toggle-property {
216
- background: url('/assets/images/icon-collapse.png') 80% 10px no-repeat;
217
- width: var(--edit-toolbar-bigger-icon-size);
218
- height: var(--edit-toolbar-bigger-icon-size);
219
- border-left: var(--edit-toolbar-bigger-icon-line);
220
- }
221
-
222
- #toggle-property[active] {
223
- background: url(/assets/images/icon-collapse-active.png) 80% 10px no-repeat;
224
- }
225
- `;
226
- //# sourceMappingURL=ox-toolbar-style.js.map
package/dist/src/ox-toolbar-style.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"ox-toolbar-style.js","sourceRoot":"","sources":["../../src/ox-toolbar-style.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAA;AAEjC,MAAM,CAAC,MAAM,KAAK,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4NvB,CAAA","sourcesContent":["/**\n * @license Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport { css } from 'lit-element'\n\nexport const style = css`\n :host {\n background-color: var(--edit-toolbar-background-color, #394e64);\n overflow: hidden;\n }\n\n [tools] {\n display: flex;\n align-items: center;\n overflow: none;\n padding: 0px 10px;\n }\n\n [tools] > * {\n padding: 0px;\n }\n\n [tools] > span[button] {\n min-width: 30px;\n }\n\n [tools] > span[padding] {\n flex: 1;\n }\n\n [tools] > .vline {\n display: block;\n flex: none;\n border-left: 1px solid rgba(255, 255, 255, 0.2);\n border-right: 1px solid rgba(0, 0, 0, 0.15);\n width: 0px;\n height: 18px;\n margin: 0 3px;\n }\n\n span[button] {\n min-height: 35px;\n\n background: url('/assets/images/icon-htoolbar.png') no-repeat;\n background-position-x: 50%;\n opacity: 0.8;\n }\n span[button]:hover {\n opacity: 1;\n background-color: rgba(0, 0, 0, 0.1);\n cursor: pointer;\n }\n\n #fullscreen,\n #toggle-property {\n flex: none;\n }\n\n #align-left {\n background-position-y: 8px;\n }\n\n #align-center {\n background-position-y: -42px;\n }\n\n #align-right {\n background-position-y: -92px;\n }\n\n #align-top {\n background-position-y: -142px;\n }\n\n #align-middle {\n background-position-y: -192px;\n }\n\n #align-bottom {\n background-position-y: -242px;\n }\n\n #undo {\n background-position-y: -592px;\n }\n\n #redo {\n background-position-y: -642px;\n }\n\n #front {\n background-position-y: -292px;\n }\n\n #back {\n background-position-y: -342px;\n }\n\n #forward {\n background-position-y: -392px;\n }\n\n #backward {\n background-position-y: -442px;\n }\n\n #symmetry-x {\n background-position-y: -492px;\n }\n\n #symmetry-y {\n background-position-y: -542px;\n }\n\n #group {\n background-position-y: -492px;\n }\n\n #ungroup {\n background-position-y: -542px;\n }\n\n #fullscreen {\n background-position-y: -692px;\n }\n\n #toggle-property {\n background-position-y: -692px;\n float: right;\n }\n\n #zoomin {\n background-position-y: -742px;\n }\n\n #zoomout {\n background-position-y: -792px;\n }\n\n #fit-scene {\n background-position-y: -1492px;\n }\n\n #cut {\n background-position-y: -842px;\n }\n\n #copy {\n background-position-y: -892px;\n }\n\n #paste {\n background-position-y: -942px;\n }\n\n #delete {\n background-position-y: -992px;\n }\n\n #font-increase {\n background-position-y: -1042px;\n }\n\n #font-decrease {\n background-position-y: -1092px;\n }\n\n #style-copy {\n background-position-y: -1142px;\n }\n\n #context-menu {\n background-position-y: -692px;\n }\n\n #symmetry-x {\n background-position-y: -1192px;\n }\n\n #symmetry-y {\n background-position-y: -1242px;\n }\n\n #rotate-cw {\n background-position-y: -1292px;\n }\n\n #rotate-ccw {\n background-position-y: -1342px;\n }\n\n #distribute-horizontal {\n background-position-y: -1542px;\n }\n\n #distribute-vertical {\n background-position-y: -1593px;\n }\n\n #toggle-property {\n background-position-y: -1392px;\n }\n\n #preview {\n background-position-y: -1640px;\n }\n\n /* bigger buttons */\n #fullscreen {\n background: url('/assets/images/icon-fullscreen.png') 50% 10px no-repeat;\n width: var(--edit-toolbar-bigger-icon-size);\n height: var(--edit-toolbar-bigger-icon-size);\n border-left: var(--edit-toolbar-bigger-icon-line);\n }\n\n #toggle-property {\n background: url('/assets/images/icon-collapse.png') 80% 10px no-repeat;\n width: var(--edit-toolbar-bigger-icon-size);\n height: var(--edit-toolbar-bigger-icon-size);\n border-left: var(--edit-toolbar-bigger-icon-line);\n }\n\n #toggle-property[active] {\n background: url(/assets/images/icon-collapse-active.png) 80% 10px no-repeat;\n }\n`\n"]}
package/dist/src/ox-toolbar.d.ts DELETED
@@ -1,4 +0,0 @@
1
- /**
2
- * @license Copyright © HatioLab Inc. All rights reserved.
3
- */
4
- export {};
package/dist/src/ox-toolbar.js DELETED
@@ -1,122 +0,0 @@
1
- /**
2
- * @license Copyright © HatioLab Inc. All rights reserved.
3
- */
4
- import { __decorate } from "tslib";
5
- import { css, html, LitElement } from 'lit';
6
- import { customElement } from 'lit/decorators.js';
7
- const _isMacOS = navigator.userAgent.indexOf('Mac') != -1;
8
- let OxToolbar = class OxToolbar extends LitElement {
9
- render() {
10
- return html `
11
- <slot></slot>
12
- `;
13
- }
14
- firstUpdated() {
15
- this.addEventListener('mousewheel', this.onWheelEvent.bind(this), false);
16
- }
17
- onWheelEvent(e) {
18
- var delta = Math.max(-1, Math.min(1, e.deltaY || -e.detail));
19
- this.scrollLeft -= delta * 40;
20
- e.preventDefault();
21
- }
22
- getSymbol(key) {
23
- var symbol;
24
- switch (key) {
25
- case 'cmd':
26
- case 'ctrl':
27
- symbol = _isMacOS ? '⌘' : 'Ctrl';
28
- break;
29
- case 'shift':
30
- symbol = _isMacOS ? '⇧' : 'Shift';
31
- break;
32
- case 'alt':
33
- case 'option':
34
- symbol = _isMacOS ? '⌥' : 'Alt';
35
- break;
36
- case 'backspace':
37
- symbol = _isMacOS ? '⌫' : 'BackSpace';
38
- break;
39
- case 'delete':
40
- symbol = _isMacOS ? '⌦' : 'Del';
41
- break;
42
- default:
43
- symbol = key.toUpperCase();
44
- break;
45
- }
46
- return symbol;
47
- }
48
- getShortcutString() {
49
- var symbols = [];
50
- for (var i = 0; i < arguments.length; i++) {
51
- symbols.push(this.getSymbol(arguments[i]));
52
- }
53
- return symbols.join(_isMacOS ? '' : '+');
54
- }
55
- onShortcut(e) {
56
- var ctrlKey = _isMacOS ? e.metaKey : e.ctrlKey;
57
- var altKey = e.altKey;
58
- var shiftKey = e.shiftKey;
59
- var defaultPrevent = ctrlKey || altKey;
60
- switch (e.code) {
61
- default:
62
- return false;
63
- }
64
- if (defaultPrevent)
65
- e.preventDefault();
66
- return true;
67
- }
68
- };
69
- OxToolbar.styles = [css `
70
- :host {
71
- background-color: var(--edit-toolbar-background-color, #394e64);
72
- overflow: hidden;
73
- }
74
-
75
- [tools] {
76
- display: flex;
77
- align-items: center;
78
- overflow: none;
79
- padding: 0px 10px;
80
- }
81
-
82
- [tools] > * {
83
- padding: 0px;
84
- }
85
-
86
- [tools] > span[button] {
87
- min-width: 30px;
88
- }
89
-
90
- [tools] > span[padding] {
91
- flex: 1;
92
- }
93
-
94
- [tools] > .vline {
95
- display: block;
96
- flex: none;
97
- border-left: 1px solid rgba(255, 255, 255, 0.2);
98
- border-right: 1px solid rgba(0, 0, 0, 0.15);
99
- width: 0px;
100
- height: 18px;
101
- margin: 0 3px;
102
- }
103
-
104
- span[button] {
105
- min-height: 35px;
106
-
107
- background: url('/assets/images/icon-htoolbar.png') no-repeat;
108
- background-position-x: 50%;
109
- opacity: 0.8;
110
- }
111
-
112
- span[button]:hover {
113
- opacity: 1;
114
- background-color: rgba(0, 0, 0, 0.1);
115
- cursor: pointer;
116
- }
117
- `];
118
- OxToolbar = __decorate([
119
- customElement('ox-toolbar')
120
- ], OxToolbar);
121
- customElements.define('process-edit-toolbar', OxToolbar);
122
- //# sourceMappingURL=ox-toolbar.js.map
package/dist/src/ox-toolbar.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"ox-toolbar.js","sourceRoot":"","sources":["../../src/ox-toolbar.ts"],"names":[],"mappings":"AAAA;;GAEG;;AAEH,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AAEjD,MAAM,QAAQ,GAAG,SAAS,CAAC,SAAS,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAA;AAGzD,IAAM,SAAS,GAAf,MAAM,SAAU,SAAQ,UAAU;IAmDhC,MAAM;QACJ,OAAO,IAAI,CAAA;;OAER,CAAA;IACL,CAAC;IAED,YAAY;QACV,IAAI,CAAC,gBAAgB,CAAC,YAAY,EAAE,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,KAAK,CAAC,CAAA;IAC1E,CAAC;IAED,YAAY,CAAC,CAAQ;QACnB,IAAI,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAG,CAAgB,CAAC,MAAM,IAAI,CAAE,CAAgB,CAAC,MAAM,CAAC,CAAC,CAAA;QAC5F,IAAI,CAAC,UAAU,IAAI,KAAK,GAAG,EAAE,CAAA;QAE7B,CAAC,CAAC,cAAc,EAAE,CAAA;IACpB,CAAC;IAED,SAAS,CAAC,GAAW;QACnB,IAAI,MAAM,CAAA;QACV,QAAQ,GAAG,EAAE;YACX,KAAK,KAAK,CAAC;YACX,KAAK,MAAM;gBACT,MAAM,GAAG,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM,CAAA;gBAChC,MAAK;YACP,KAAK,OAAO;gBACV,MAAM,GAAG,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,OAAO,CAAA;gBACjC,MAAK;YACP,KAAK,KAAK,CAAC;YACX,KAAK,QAAQ;gBACX,MAAM,GAAG,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAA;gBAC/B,MAAK;YACP,KAAK,WAAW;gBACd,MAAM,GAAG,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,WAAW,CAAA;gBACrC,MAAK;YACP,KAAK,QAAQ;gBACX,MAAM,GAAG,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAA;gBAC/B,MAAK;YACP;gBACE,MAAM,GAAG,GAAG,CAAC,WAAW,EAAE,CAAA;gBAC1B,MAAK;SACR;QAED,OAAO,MAAM,CAAA;IACf,CAAC;IAED,iBAAiB;QACf,IAAI,OAAO,GAAG,EAAE,CAAA;QAChB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,SAAS,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;YACzC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;SAC3C;QAED,OAAO,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAAA;IAC1C,CAAC;IAED,UAAU,CAAC,CAAgB;QACzB,IAAI,OAAO,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAA;QAC9C,IAAI,MAAM,GAAG,CAAC,CAAC,MAAM,CAAA;QACrB,IAAI,QAAQ,GAAG,CAAC,CAAC,QAAQ,CAAA;QAEzB,IAAI,cAAc,GAAG,OAAO,IAAI,MAAM,CAAA;QAEtC,QAAQ,CAAC,CAAC,IAAI,EAAE;YAEd;gBACE,OAAO,KAAK,CAAA;SACf;QAED,IAAI,cAAc;YAAE,CAAC,CAAC,cAAc,EAAE,CAAA;QACtC,OAAO,IAAI,CAAA;IACb,CAAC;CAEF,CAAA;AAzHQ,gBAAM,GAAG,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgDnB,CAAC,CAAA;AAjDE,SAAS;IADd,aAAa,CAAC,YAAY,CAAC;GACtB,SAAS,CA0Hd;AAED,cAAc,CAAC,MAAM,CAAC,sBAAsB,EAAE,SAAS,CAAC,CAAA","sourcesContent":["/**\n * @license Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport { css, html, LitElement } from 'lit'\nimport { customElement } from 'lit/decorators.js'\n\nconst _isMacOS = navigator.userAgent.indexOf('Mac') != -1\n\n@customElement('ox-toolbar')\nclass OxToolbar extends LitElement {\n static styles = [css` \n :host {\n background-color: var(--edit-toolbar-background-color, #394e64);\n overflow: hidden;\n }\n\n [tools] {\n display: flex;\n align-items: center;\n overflow: none;\n padding: 0px 10px;\n }\n\n [tools] > * {\n padding: 0px;\n }\n\n [tools] > span[button] {\n min-width: 30px;\n }\n\n [tools] > span[padding] {\n flex: 1;\n }\n\n [tools] > .vline {\n display: block;\n flex: none;\n border-left: 1px solid rgba(255, 255, 255, 0.2);\n border-right: 1px solid rgba(0, 0, 0, 0.15);\n width: 0px;\n height: 18px;\n margin: 0 3px;\n }\n\n span[button] {\n min-height: 35px;\n\n background: url('/assets/images/icon-htoolbar.png') no-repeat;\n background-position-x: 50%;\n opacity: 0.8;\n }\n\n span[button]:hover {\n opacity: 1;\n background-color: rgba(0, 0, 0, 0.1);\n cursor: pointer;\n }\n `]\n \n render() {\n return html`\n <slot></slot>\n `\n }\n \n firstUpdated() {\n this.addEventListener('mousewheel', this.onWheelEvent.bind(this), false)\n }\n\n onWheelEvent(e: Event) {\n var delta = Math.max(-1, Math.min(1, (e as WheelEvent).deltaY || -(e as WheelEvent).detail))\n this.scrollLeft -= delta * 40\n\n e.preventDefault()\n }\n\n getSymbol(key: string) {\n var symbol\n switch (key) {\n case 'cmd':\n case 'ctrl':\n symbol = _isMacOS ? '⌘' : 'Ctrl'\n break\n case 'shift':\n symbol = _isMacOS ? '⇧' : 'Shift'\n break\n case 'alt':\n case 'option':\n symbol = _isMacOS ? '⌥' : 'Alt'\n break\n case 'backspace':\n symbol = _isMacOS ? '⌫' : 'BackSpace'\n break\n case 'delete':\n symbol = _isMacOS ? '⌦' : 'Del'\n break\n default:\n symbol = key.toUpperCase()\n break\n }\n\n return symbol\n }\n\n getShortcutString() {\n var symbols = []\n for (var i = 0; i < arguments.length; i++) {\n symbols.push(this.getSymbol(arguments[i]))\n }\n\n return symbols.join(_isMacOS ? '' : '+')\n }\n\n onShortcut(e: KeyboardEvent) {\n var ctrlKey = _isMacOS ? e.metaKey : e.ctrlKey\n var altKey = e.altKey\n var shiftKey = e.shiftKey\n\n var defaultPrevent = ctrlKey || altKey\n\n switch (e.code) {\n\n default:\n return false\n }\n\n if (defaultPrevent) e.preventDefault()\n return true\n }\n\n}\n\ncustomElements.define('process-edit-toolbar', OxToolbar)\n"]}
package/dist/stories/index.stories.d.ts DELETED
@@ -1,33 +0,0 @@
1
- import '../src/ox-layout';
2
- import { TemplateResult } from 'lit';
3
- declare const _default: {
4
- title: string;
5
- component: string;
6
- argTypes: {
7
- title: {
8
- control: string;
9
- };
10
- counter: {
11
- control: string;
12
- };
13
- textColor: {
14
- control: string;
15
- };
16
- };
17
- };
18
- export default _default;
19
- interface Story<T> {
20
- (args: T): TemplateResult;
21
- args?: Partial<T>;
22
- argTypes?: Record<string, unknown>;
23
- }
24
- interface ArgTypes {
25
- title?: string;
26
- counter?: number;
27
- textColor?: string;
28
- slot?: TemplateResult;
29
- }
30
- export declare const Regular: Story<ArgTypes>;
31
- export declare const CustomTitle: Story<ArgTypes>;
32
- export declare const CustomCounter: Story<ArgTypes>;
33
- export declare const SlottedContent: Story<ArgTypes>;
package/dist/stories/index.stories.js DELETED
@@ -1,33 +0,0 @@
1
- import '../src/ox-layout';
2
- import { html } from 'lit';
3
- export default {
4
- title: 'ContextMenu',
5
- component: 'ox-layout',
6
- argTypes: {
7
- title: { control: 'text' },
8
- counter: { control: 'number' },
9
- textColor: { control: 'color' }
10
- }
11
- };
12
- const Template = ({ title = 'Hello world', counter = 5, textColor, slot }) => html `
13
- <ox-layout style="--ox-layout-text-color: ${textColor || 'black'}" .title=${title} .counter=${counter}>
14
- ${slot}
15
- </ox-layout>
16
- `;
17
- export const Regular = Template.bind({});
18
- export const CustomTitle = Template.bind({});
19
- CustomTitle.args = {
20
- title: 'My title'
21
- };
22
- export const CustomCounter = Template.bind({});
23
- CustomCounter.args = {
24
- counter: 123456
25
- };
26
- export const SlottedContent = Template.bind({});
27
- SlottedContent.args = {
28
- slot: html `<p>Slotted content</p>`
29
- };
30
- SlottedContent.argTypes = {
31
- slot: { table: { disable: true } }
32
- };
33
- //# sourceMappingURL=index.stories.js.map
package/dist/stories/index.stories.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.stories.js","sourceRoot":"","sources":["../../stories/index.stories.ts"],"names":[],"mappings":"AAAA,OAAO,kBAAkB,CAAC;AAE1B,OAAO,EAAE,IAAI,EAAkB,MAAM,KAAK,CAAC;AAE3C,eAAe;IACb,KAAK,EAAE,aAAa;IACpB,SAAS,EAAE,WAAW;IACtB,QAAQ,EAAE;QACR,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;QAC1B,OAAO,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;QAC9B,SAAS,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE;KAChC;CACF,CAAA;AAeD,MAAM,QAAQ,GAAoB,CAAC,EAAE,KAAK,GAAG,aAAa,EAAE,OAAO,GAAG,CAAC,EAAE,SAAS,EAAE,IAAI,EAAY,EAAE,EAAE,CAAC,IAAI,CAAA;8CAC/D,SAAS,IAAI,OAAO,YAAY,KAAK,aAAa,OAAO;MACjG,IAAI;;CAET,CAAA;AAED,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAExC,MAAM,CAAC,MAAM,WAAW,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAC5C,WAAW,CAAC,IAAI,GAAG;IACjB,KAAK,EAAE,UAAU;CAClB,CAAA;AAED,MAAM,CAAC,MAAM,aAAa,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAC9C,aAAa,CAAC,IAAI,GAAG;IACnB,OAAO,EAAE,MAAM;CAChB,CAAA;AAED,MAAM,CAAC,MAAM,cAAc,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAC/C,cAAc,CAAC,IAAI,GAAG;IACpB,IAAI,EAAE,IAAI,CAAA,wBAAwB;CACnC,CAAA;AACD,cAAc,CAAC,QAAQ,GAAG;IACxB,IAAI,EAAE,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE;CACnC,CAAA","sourcesContent":["import '../src/ox-layout';\n\nimport { html, TemplateResult } from 'lit';\n\nexport default {\n title: 'ContextMenu',\n component: 'ox-layout',\n argTypes: {\n title: { control: 'text' },\n counter: { control: 'number' },\n textColor: { control: 'color' }\n }\n}\n\ninterface Story<T> {\n (args: T): TemplateResult\n args?: Partial<T>\n argTypes?: Record<string, unknown>\n}\n\ninterface ArgTypes {\n title?: string\n counter?: number\n textColor?: string\n slot?: TemplateResult\n}\n\nconst Template: Story<ArgTypes> = ({ title = 'Hello world', counter = 5, textColor, slot }: ArgTypes) => html`\n <ox-layout style=\"--ox-layout-text-color: ${textColor || 'black'}\" .title=${title} .counter=${counter}>\n ${slot}\n </ox-layout>\n`\n\nexport const Regular = Template.bind({})\n\nexport const CustomTitle = Template.bind({})\nCustomTitle.args = {\n title: 'My title'\n}\n\nexport const CustomCounter = Template.bind({})\nCustomCounter.args = {\n counter: 123456\n}\n\nexport const SlottedContent = Template.bind({})\nSlottedContent.args = {\n slot: html`<p>Slotted content</p>`\n}\nSlottedContent.argTypes = {\n slot: { table: { disable: true } }\n}\n"]}
package/dist/test/ox-layout.test.d.ts DELETED
@@ -1 +0,0 @@
1
- import '../src/ox-layout';
package/dist/test/ox-layout.test.js DELETED
@@ -1,24 +0,0 @@
1
- import '../src/ox-layout';
2
- import { html } from 'lit';
3
- import { expect, fixture } from '@open-wc/testing';
4
- describe('Layout', () => {
5
- it('has a default title "Hey there" and counter 5', async () => {
6
- const el = await fixture(html `<ox-layout></ox-layout>`);
7
- expect(el.title).to.equal('Hey there');
8
- // expect(el.counter).to.equal(5)
9
- });
10
- it('increases the counter on button click', async () => {
11
- const el = await fixture(html `<ox-layout></ox-layout>`);
12
- el.shadowRoot.querySelector('button').click();
13
- // expect(el.counter).to.equal(6)
14
- });
15
- it('can override the title via attribute', async () => {
16
- const el = await fixture(html `<ox-layout title="attribute title"></ox-layout>`);
17
- expect(el.title).to.equal('attribute title');
18
- });
19
- it('passes the a11y audit', async () => {
20
- const el = await fixture(html `<ox-layout></ox-layout>`);
21
- await expect(el).shadowDom.to.be.accessible();
22
- });
23
- });
24
- //# sourceMappingURL=ox-layout.test.js.map
package/dist/test/ox-layout.test.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"ox-layout.test.js","sourceRoot":"","sources":["../../test/ox-layout.test.ts"],"names":[],"mappings":"AAAA,OAAO,kBAAkB,CAAC;AAE1B,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAE3B,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAInD,QAAQ,CAAC,QAAQ,EAAE,GAAG,EAAE;IACtB,EAAE,CAAC,+CAA+C,EAAE,KAAK,IAAI,EAAE;QAC7D,MAAM,EAAE,GAAG,MAAM,OAAO,CAAW,IAAI,CAAA,yBAAyB,CAAC,CAAA;QAEjE,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,CAAA;QACtC,iCAAiC;IACnC,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,uCAAuC,EAAE,KAAK,IAAI,EAAE;QACrD,MAAM,EAAE,GAAG,MAAM,OAAO,CAAW,IAAI,CAAA,yBAAyB,CAAC,CAAA;QACjE,EAAE,CAAC,UAAW,CAAC,aAAa,CAAC,QAAQ,CAAE,CAAC,KAAK,EAAE,CAAA;QAE/C,iCAAiC;IACnC,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,sCAAsC,EAAE,KAAK,IAAI,EAAE;QACpD,MAAM,EAAE,GAAG,MAAM,OAAO,CAAW,IAAI,CAAA,iDAAiD,CAAC,CAAA;QAEzF,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,CAAA;IAC9C,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,uBAAuB,EAAE,KAAK,IAAI,EAAE;QACrC,MAAM,EAAE,GAAG,MAAM,OAAO,CAAW,IAAI,CAAA,yBAAyB,CAAC,CAAA;QAEjE,MAAM,MAAM,CAAC,EAAE,CAAC,CAAC,SAAS,CAAC,EAAE,CAAC,EAAE,CAAC,UAAU,EAAE,CAAA;IAC/C,CAAC,CAAC,CAAA;AACJ,CAAC,CAAC,CAAA","sourcesContent":["import '../src/ox-layout';\n\nimport { html } from 'lit';\n\nimport { expect, fixture } from '@open-wc/testing';\n\nimport { OxLayout } from '../src/ox-layout';\n\ndescribe('Layout', () => {\n it('has a default title \"Hey there\" and counter 5', async () => {\n const el = await fixture<OxLayout>(html`<ox-layout></ox-layout>`)\n\n expect(el.title).to.equal('Hey there')\n // expect(el.counter).to.equal(5)\n })\n\n it('increases the counter on button click', async () => {\n const el = await fixture<OxLayout>(html`<ox-layout></ox-layout>`)\n el.shadowRoot!.querySelector('button')!.click()\n\n // expect(el.counter).to.equal(6)\n })\n\n it('can override the title via attribute', async () => {\n const el = await fixture<OxLayout>(html`<ox-layout title=\"attribute title\"></ox-layout>`)\n\n expect(el.title).to.equal('attribute title')\n })\n\n it('passes the a11y audit', async () => {\n const el = await fixture<OxLayout>(html`<ox-layout></ox-layout>`)\n\n await expect(el).shadowDom.to.be.accessible()\n })\n})\n"]}