@omegagrid/code 0.9.53 → 0.9.55
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.
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"codeBlock.d.ts","sourceRoot":"","sources":["../../src/components/codeBlock.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAe,MAAM,iBAAiB,CAAC;AACtD,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAE5C,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AACrC,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAEtE,OAAO,KAAK,KAAK,MAAM,MAAM,eAAe,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,cAAM,eAAgB,SAAQ,WAAW;IAClC,OAAO;;;;IASb,UAAU,IAAK,WAAW;CAO1B;AAED,qBACa,SAAU,SAAQ,UAAW,YAAW,MAAM;;IAE1D,MAAM,CAAC,MAAM,
|
|
1
|
+
{"version":3,"file":"codeBlock.d.ts","sourceRoot":"","sources":["../../src/components/codeBlock.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAe,MAAM,iBAAiB,CAAC;AACtD,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAE5C,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AACrC,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAEtE,OAAO,KAAK,KAAK,MAAM,MAAM,eAAe,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,cAAM,eAAgB,SAAQ,WAAW;IAClC,OAAO;;;;IASb,UAAU,IAAK,WAAW;CAO1B;AAED,qBACa,SAAU,SAAQ,UAAW,YAAW,MAAM;;IAE1D,MAAM,CAAC,MAAM,0BA2CX;IAGF,QAAQ,SAAgB;IAGxB,aAAa,UAAS;IAGtB,SAAS,SAAO;IAGhB,SAAS,SAAM;IAGf,cAAc,UAAS;IAGvB,MAAM,EAAE,IAAI,CAAC;IAGb,IAAI,EAAE,QAAQ,CAAC;IAGf,aAAa,EAAE,MAAM,CAAC,MAAM,CAAC,oCAAoC,CAAC;IAGlE,OAAO,UAAS;IAGhB,IAAI,eAAe,oBAGlB;IAGD,IAAI,OAAO,IACQ,MAAM,CADqC;IAC9D,IAAI,OAAO,CAAC,KAAK,EAAE,MAAM,EAGxB;IAED,IAAI,YAAY,wCAAiC;IACjD,IAAI,KAAK,6BAA2C;IAEpD,YAAY;IASZ,SAAS,GAAI,IAAI,SAAS,UAExB;IAEI,UAAU,CAAC,YAAY,EAAE,GAAG,CAAC,WAAW,EAAE,OAAO,CAAC;IAMxD,iBAAiB,GAAI,GAAG,SAAS,UAMhC;IAED,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAGb;IAEH,MAAM,6CA+BJ;IAEF,MAAM;IAIN,KAAK;CAIL"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"codeBlock.js","sourceRoot":"","sources":["../../src/components/codeBlock.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAU,GAAG,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAG1E,OAAO,EAAE,WAAW,EAA0B,MAAM,iBAAiB,CAAC;AACtE,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAI1D,MAAM,eAAgB,SAAQ,WAAW;IACxC,KAAK,CAAC,OAAO;QACZ,MAAM,SAAS,GAAG,MAAM,YAAY,EAAE,CAAC;QACvC,SAAS,CAAC,IAAI,EAAE,CAAC;QACjB,OAAO,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;YAC7B,CAAC,EAAE,IAAI;YACP,CAAC,EAAE,IAAI;SACP,CAAC,CAAC,CAAC;IACL,CAAC;IAED,UAAU;QACT,OAAO;YACN,MAAM,EAAE,IAAI;YACZ,UAAU,EAAE,QAAQ;YACpB,SAAS,EAAE,IAAI;SACf,CAAC;IACH,CAAC;CACD;AAGM,IAAM,SAAS,GAAf,MAAM,SAAU,SAAQ,UAAU;IAAlC;;
|
|
1
|
+
{"version":3,"file":"codeBlock.js","sourceRoot":"","sources":["../../src/components/codeBlock.ts"],"names":[],"mappings":"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","sourcesContent":["import { Layout, dom, events } from '@omegagrid/core';\nimport { LitElement, css, html } from 'lit';\nimport { customElement, query, property, state } from 'lit/decorators.js';\nimport { Code } from './code';\nimport { CodeEvent } from './shared';\nimport { TreeAdapter, TreeEvent, TreeOptions } from '@omegagrid/tree';\nimport { getLanguages, validateLanguage } from '../utils';\nimport type * as monaco from 'monaco-editor';\nimport { CodeView } from './codeView';\n\nclass LangTreeAdapter extends TreeAdapter {\n\tasync getTree() {\n\t\tconst languages = await getLanguages();\n\t\tlanguages.sort();\n\t\treturn languages.map(lang => ({\n\t\t\tk: lang,\n\t\t\tv: lang,\n\t\t}));\n\t}\n\n\tgetOptions() : TreeOptions {\n\t\treturn {\n\t\t\tsearch: true,\n\t\t\tselectMode: 'single',\n\t\t\tautoClose: true\n\t\t};\n\t}\n}\n\n@customElement('og-code-block')\nexport class CodeBlock extends LitElement implements Layout {\n\n\tstatic styles = css`\n\t\t* {\n\t\t\tbox-sizing: border-box;\n\t\t}\n\n\t\t:host {\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: column;\n\t\t\twidth: 100%;\n\t\t\theight: 100%;\n\t\t\tposition: relative;\n\t\t\tborder-radius: var(--og-base-radius);\n\t\t}\n\n\t\t:host([dynamicHeight]) {\n\t\t\tdisplay: block;\n\t\t\theight: auto;\n\t\t}\n\n\t\tog-code {\n\t\t\tflex: 1;\n\t\t\tuser-select: text;\n\t\t\twidth: 100%;\n\t\t\theight: 100%;\n\t\t}\n\n\t\tog-code-view {\n\t\t\tcursor: pointer;\n\t\t\theight: 100%;\n\t\t}\n\n\t\t.toolbar {\n\t\t\tflex: 0;\n\t\t\theight: 28px;\n\t\t\tdisplay: flex;\n\t\t\tborder-bottom: 1px solid var(--og-border-color);\n\t\t\tpadding: 4px;\n\t\t}\n\n\t\tog-tree-dropdown {\n\t\t\twidth: 150px;\n\t\t\theight: 20px;\n\t\t}\n\t`;\n\n\t@property({type: String})\n\tlanguage = 'typescript';\n\n\t@property({type: Boolean, reflect: true})\n\tdynamicHeight = false;\n\n\t@property({type: Number})\n\tmaxHeight = 400;\n\n\t@property({type: Number})\n\tminHeight = 25;\n\n\t@property({type: Boolean, reflect: true})\n\tdisableToolbar = false;\n\n\t@query('og-code')\n\teditor: Code;\n\n\t@query('og-code-view')\n\tview: CodeView;\n\n\t@property({type: Object})\n\teditorOptions: monaco.editor.IStandaloneEditorConstructionOptions;\n\n\t@state()\n\tediting = false;\n\n\t#languageAdapter: LangTreeAdapter;\n\tget languageAdapter() {\n\t\tif (!this.#languageAdapter) this.#languageAdapter = new LangTreeAdapter();\n\t\treturn this.#languageAdapter;\n\t}\n\n\t#content: string;\n\tget content() { return this.editor?.content ?? this.#content }\n\tset content(value: string) {\n\t\tthis.#content = value;\n\t\tif (this.editor) this.editor.content = value;\n\t}\n\n\tget monacoEditor() { return this.editor?.editor }\n\tget model() { return this.monacoEditor?.getModel() }\n\t\n\tupdateHeight() {\n\t\tif (!this.dynamicHeight) return;\n\t\tlet height = this.editor?.editor?.getScrollHeight();\n\t\tif (height == null) return;\n\t\theight = Math.max(this.minHeight, height);\n\t\tdom.setSize(this.editor, {h: Math.min(this.maxHeight, height)});\n\t\tthis.layout();\n\t}\n\n\t_onChange = (_e: CodeEvent) => {\n\t\tthis.updateHeight();\n\t};\n\n\tasync willUpdate(changedProps: Map<PropertyKey, unknown>) {\n\t\tif (changedProps.has('language')) {\n\t\t\tthis.language = await validateLanguage(this.language);\n\t\t}\n\t}\n\n\t_onLanguageChange = (e: TreeEvent) => {\n\t\tthis.language = e.node.key;\n\t\tthis.dispatchEvent(new events.ChangeEvent({\n\t\t\ttype: 'changeLanguage', \n\t\t\tvalue: this.language\n\t\t}));\n\t}\n\n\tgetEditorOptions = () => ({\n\t\tscrollBeyondLastLine: !this.dynamicHeight,\n\t\t...this.editorOptions\n\t});\n\n\trender = () => html`\n\t\t${!this.disableToolbar ? html`\n\t\t\t<div class=\"toolbar\">\n\t\t\t\t<og-tree-dropdown \n\t\t\t\t\t@change=\"${this._onLanguageChange}\"\n\t\t\t\t\t.adapter=\"${this.languageAdapter}\"\n\t\t\t\t\t.value=\"${[[this.language, 0, 1]]}\">\n\t\t\t\t</og-tree-dropdown>\n\t\t\t</div>\n\t\t` : ''}\n\n\t\t${this.editing ? html`\n\t\t\t<og-code\n\t\t\t\t.content=\"${this.content}\"\n\t\t\t\t.language=\"${this.language}\"\n\t\t\t\t.options=\"${this.getEditorOptions()}\"\n\t\t\t\t@code.change=\"${this._onChange}\"\n\t\t\t\t@code.ready=\"${() => this.updateHeight()}\"\n\t\t\t\t@code.blur=\"${() => {\n\t\t\t\t\tthis.#content = this.editor.content;\n\t\t\t\t\tthis.editing = false;\n\t\t\t\t}}\">\n\t\t\t</og-code>\n\t\t` : html`\n\t\t\t<og-code-view\n\t\t\t\tscrollable\n\t\t\t\t.content=\"${this.content}\"\n\t\t\t\t.language=\"${this.language}\"\n\t\t\t\t@click=\"${() => this.editing = true}\">\n\t\t\t</og-code-view>\n\t\t`}\n\t`;\n\n\tlayout() {\n\t\tthis.editor?.layout();\n\t}\n\n\tfocus() {\n\t\tthis.editor?.focus();\n\t}\n\n}\n"]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@omegagrid/code",
|
|
3
|
-
"version": "0.9.
|
|
3
|
+
"version": "0.9.55",
|
|
4
4
|
"license": "UNLICENSED",
|
|
5
5
|
"description": "Monaco editor webcomponent",
|
|
6
6
|
"main": "./dist/index.js",
|
|
@@ -28,9 +28,9 @@
|
|
|
28
28
|
},
|
|
29
29
|
"dependencies": {
|
|
30
30
|
"@fortawesome/fontawesome-svg-core": "^7.0.1",
|
|
31
|
-
"@omegagrid/core": "^0.9.
|
|
32
|
-
"@omegagrid/localize": "^0.9.
|
|
33
|
-
"@omegagrid/tree": "^0.9.
|
|
31
|
+
"@omegagrid/core": "^0.9.55",
|
|
32
|
+
"@omegagrid/localize": "^0.9.55",
|
|
33
|
+
"@omegagrid/tree": "^0.9.55",
|
|
34
34
|
"lit": "^3.1.1",
|
|
35
35
|
"monaco-editor": "0.47.0",
|
|
36
36
|
"ts-debounce": "^4.0.0",
|