npm - @limetech/lime-elements - Versions diffs - 37.1.0-next.72 → 37.1.0-next.74 - Mend

@limetech/lime-elements 37.1.0-next.72 → 37.1.0-next.74

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 (18) hide show

package/dist/collection/components/code-editor/code-editor.js CHANGED Viewed

@@ -46,8 +46,9 @@ export class CodeEditor {
     this.darkMode.addEventListener('change', this.handleChangeDarkMode);
   }
   disconnectedCallback() {
+    var _a;
     this.observer.unobserve(this.host);
-    this.editor.off('change', this.handleChange);
+    (_a = this.editor) === null || _a === void 0 ? void 0 : _a.off('change', this.handleChange);
     this.editor = null;
     this.darkMode.removeEventListener('change', this.handleChangeDarkMode);
     const editorElement = this.host.shadowRoot.querySelector('.editor');

package/dist/collection/components/code-editor/code-editor.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"code-editor.js","sourceRoot":"","sources":["../../../src/components/code-editor/code-editor.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n Component,\n h,\n Prop,\n Element,\n Event,\n EventEmitter,\n State,\n Watch,\n} from '@stencil/core';\nimport { ColorScheme, Language } from '../../interface';\nimport CodeMirror from 'codemirror';\nimport 'codemirror/mode/javascript/javascript';\nimport 'codemirror/mode/jinja2/jinja2';\nimport 'codemirror/addon/selection/active-line';\nimport 'codemirror/addon/edit/matchbrackets';\nimport 'codemirror/addon/lint/lint';\nimport 'codemirror/addon/lint/json-lint';\nimport 'codemirror/addon/fold/foldgutter';\nimport 'codemirror/addon/fold/brace-fold';\nimport jslint from 'jsonlint-mod';\n\n/*\n @exampleComponent limel-example-code-editor\n * @exampleComponent limel-example-code-editor-readonly-with-line-numbers\n * @exampleComponent limel-example-code-editor-fold-lint\n /\n@Component({\n tag: 'limel-code-editor',\n shadow: true,\n styleUrl: 'code-editor.scss',\n})\nexport class CodeEditor {\n /\n The code to be rendered\n /\n @Prop()\n public value: string = '';\n\n /\n The language of the code\n /\n @Prop()\n public language: Language;\n\n /\n Disables editing of the editor content\n /\n @Prop()\n public readonly: boolean = false;\n\n /\n Displays line numbers in the editor\n /\n @Prop()\n public lineNumbers: boolean = false;\n\n /\n Allows the user to fold code\n /\n @Prop()\n public fold: boolean = false;\n\n /\n Enables linting of JSON content\n /\n @Prop()\n public lint: boolean = false;\n\n /\n Select color scheme for the editor\n /\n @Prop()\n public colorScheme: ColorScheme = 'auto';\n\n /\n Emitted when the code has changed. Will only be emitted when the code\n * area has lost focus\n /\n @Event()\n public change: EventEmitter<string>;\n\n @Element()\n private host: HTMLLimelCodeEditorElement;\n\n /\n This is only used to trigger a redraw if the\n * `(prefers-color-scheme: dark)` media query is changed\n */\n @State()\n protected random: number;\n\n private editor: CodeMirror.Editor;\n private observer: ResizeObserver;\n\n public connectedCallback() {\n this.observer = new ResizeObserver(this.handleResize) as any;\n this.observer.observe(this.host);\n\n this.darkMode.addEventListener('change', this.handleChangeDarkMode);\n }\n\n public disconnectedCallback() {\n this.observer.unobserve(this.host);\n this.editor.off('change', this.handleChange);\n this.editor = null;\n\n this.darkMode.removeEventListener('change', this.handleChangeDarkMode);\n\n const editorElement = this.host.shadowRoot.querySelector('.editor');\n editorElement?.childNodes.forEach((child) => {\n child.remove();\n });\n }\n\n public componentDidRender() {\n if (this.editor) {\n return;\n }\n\n this.editor = this.createEditor();\n }\n\n @Watch('value')\n protected watchValue(newValue: string) {\n if (!this.editor) {\n return;\n }\n\n const currentValue = this.editor.getValue();\n if (newValue === currentValue) {\n // Circuit breaker for when the change comes from the editor itself\n // The caret position will be reset without this\n return;\n }\n\n this.editor.getDoc().setValue(newValue \|\| '');\n }\n\n private handleChangeDarkMode = () => {\n if (this.colorScheme !== 'auto') {\n return;\n }\n\n this.forceRedraw();\n };\n\n private handleChange = () => {\n this.change.emit(this.editor.getValue());\n };\n\n private handleResize = () => {\n if (!this.editor) {\n return;\n }\n\n this.editor.refresh();\n };\n\n private createEditor() {\n const options = this.getOptions();\n\n const editor = CodeMirror(\n this.host.shadowRoot.querySelector('.editor'),\n options\n );\n\n editor.on('change', this.handleChange);\n\n // Replace tab with spaces and use the actual indent setting for\n // the space count\n editor.setOption('extraKeys', {\n Tab: (codeMirror) => {\n const spaces = Array(\n codeMirror.getOption('indentUnit') + 1\n ).join(' ');\n codeMirror.replaceSelection(spaces);\n },\n });\n\n return editor;\n }\n\n private getOptions(): CodeMirror.EditorConfiguration {\n let mode: string \| CodeMirror.ModeSpec<any> = this.language;\n const TAB_SIZE = 4;\n let theme = 'lime light';\n const gutters = [];\n\n if (this.isDarkMode()) {\n theme = 'lime dark';\n }\n\n if (this.language === 'json') {\n mode = {\n name: 'application/json',\n json: true,\n };\n if (this.lint) {\n gutters.push('CodeMirror-lint-markers');\n if (!('jsonlint' in window)) {\n // eslint-disable-next-line @typescript-eslint/dot-notation\n window['jsonlint'] = jslint;\n }\n }\n } else if (this.language === 'typescript') {\n mode = {\n name: 'application/typescript',\n typescript: true,\n };\n }\n\n if (this.fold) {\n gutters.push('CodeMirror-foldgutter');\n }\n\n return {\n mode: mode,\n value: this.value \|\| '',\n theme: theme,\n readOnly: this.readonly,\n tabSize: TAB_SIZE,\n indentUnit: TAB_SIZE,\n lineNumbers: this.lineNumbers,\n styleActiveLine: true,\n matchBrackets: true,\n lint: this.lint,\n foldGutter: this.fold,\n gutters: gutters,\n };\n }\n\n private isDarkMode(): boolean {\n if (this.colorScheme !== 'auto') {\n return this.colorScheme === 'dark';\n }\n\n return this.darkMode.matches;\n }\n\n public render() {\n const classList = {\n editor: true,\n readonly: this.readonly,\n 'is-dark-mode': this.isDarkMode(),\n 'is-light-mode': !this.isDarkMode(),\n };\n\n return <div class={classList} />;\n }\n\n private forceRedraw() {\n this.random = Math.random();\n }\n\n private get darkMode(): MediaQueryList {\n return matchMedia('(prefers-color-scheme: dark)');\n }\n}\n"]}
1	+ {"version":3,"file":"code-editor.js","sourceRoot":"","sources":["../../../src/components/code-editor/code-editor.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n Component,\n h,\n Prop,\n Element,\n Event,\n EventEmitter,\n State,\n Watch,\n} from '@stencil/core';\nimport { ColorScheme, Language } from '../../interface';\nimport CodeMirror from 'codemirror';\nimport 'codemirror/mode/javascript/javascript';\nimport 'codemirror/mode/jinja2/jinja2';\nimport 'codemirror/addon/selection/active-line';\nimport 'codemirror/addon/edit/matchbrackets';\nimport 'codemirror/addon/lint/lint';\nimport 'codemirror/addon/lint/json-lint';\nimport 'codemirror/addon/fold/foldgutter';\nimport 'codemirror/addon/fold/brace-fold';\nimport jslint from 'jsonlint-mod';\n\n/*\n @exampleComponent limel-example-code-editor\n * @exampleComponent limel-example-code-editor-readonly-with-line-numbers\n * @exampleComponent limel-example-code-editor-fold-lint\n /\n@Component({\n tag: 'limel-code-editor',\n shadow: true,\n styleUrl: 'code-editor.scss',\n})\nexport class CodeEditor {\n /\n The code to be rendered\n /\n @Prop()\n public value: string = '';\n\n /\n The language of the code\n /\n @Prop()\n public language: Language;\n\n /\n Disables editing of the editor content\n /\n @Prop()\n public readonly: boolean = false;\n\n /\n Displays line numbers in the editor\n /\n @Prop()\n public lineNumbers: boolean = false;\n\n /\n Allows the user to fold code\n /\n @Prop()\n public fold: boolean = false;\n\n /\n Enables linting of JSON content\n /\n @Prop()\n public lint: boolean = false;\n\n /\n Select color scheme for the editor\n /\n @Prop()\n public colorScheme: ColorScheme = 'auto';\n\n /\n Emitted when the code has changed. Will only be emitted when the code\n * area has lost focus\n /\n @Event()\n public change: EventEmitter<string>;\n\n @Element()\n private host: HTMLLimelCodeEditorElement;\n\n /\n This is only used to trigger a redraw if the\n * `(prefers-color-scheme: dark)` media query is changed\n */\n @State()\n protected random: number;\n\n private editor: CodeMirror.Editor;\n private observer: ResizeObserver;\n\n public connectedCallback() {\n this.observer = new ResizeObserver(this.handleResize) as any;\n this.observer.observe(this.host);\n\n this.darkMode.addEventListener('change', this.handleChangeDarkMode);\n }\n\n public disconnectedCallback() {\n this.observer.unobserve(this.host);\n this.editor?.off('change', this.handleChange);\n this.editor = null;\n\n this.darkMode.removeEventListener('change', this.handleChangeDarkMode);\n\n const editorElement = this.host.shadowRoot.querySelector('.editor');\n editorElement?.childNodes.forEach((child) => {\n child.remove();\n });\n }\n\n public componentDidRender() {\n if (this.editor) {\n return;\n }\n\n this.editor = this.createEditor();\n }\n\n @Watch('value')\n protected watchValue(newValue: string) {\n if (!this.editor) {\n return;\n }\n\n const currentValue = this.editor.getValue();\n if (newValue === currentValue) {\n // Circuit breaker for when the change comes from the editor itself\n // The caret position will be reset without this\n return;\n }\n\n this.editor.getDoc().setValue(newValue \|\| '');\n }\n\n private handleChangeDarkMode = () => {\n if (this.colorScheme !== 'auto') {\n return;\n }\n\n this.forceRedraw();\n };\n\n private handleChange = () => {\n this.change.emit(this.editor.getValue());\n };\n\n private handleResize = () => {\n if (!this.editor) {\n return;\n }\n\n this.editor.refresh();\n };\n\n private createEditor() {\n const options = this.getOptions();\n\n const editor = CodeMirror(\n this.host.shadowRoot.querySelector('.editor'),\n options\n );\n\n editor.on('change', this.handleChange);\n\n // Replace tab with spaces and use the actual indent setting for\n // the space count\n editor.setOption('extraKeys', {\n Tab: (codeMirror) => {\n const spaces = Array(\n codeMirror.getOption('indentUnit') + 1\n ).join(' ');\n codeMirror.replaceSelection(spaces);\n },\n });\n\n return editor;\n }\n\n private getOptions(): CodeMirror.EditorConfiguration {\n let mode: string \| CodeMirror.ModeSpec<any> = this.language;\n const TAB_SIZE = 4;\n let theme = 'lime light';\n const gutters = [];\n\n if (this.isDarkMode()) {\n theme = 'lime dark';\n }\n\n if (this.language === 'json') {\n mode = {\n name: 'application/json',\n json: true,\n };\n if (this.lint) {\n gutters.push('CodeMirror-lint-markers');\n if (!('jsonlint' in window)) {\n // eslint-disable-next-line @typescript-eslint/dot-notation\n window['jsonlint'] = jslint;\n }\n }\n } else if (this.language === 'typescript') {\n mode = {\n name: 'application/typescript',\n typescript: true,\n };\n }\n\n if (this.fold) {\n gutters.push('CodeMirror-foldgutter');\n }\n\n return {\n mode: mode,\n value: this.value \|\| '',\n theme: theme,\n readOnly: this.readonly,\n tabSize: TAB_SIZE,\n indentUnit: TAB_SIZE,\n lineNumbers: this.lineNumbers,\n styleActiveLine: true,\n matchBrackets: true,\n lint: this.lint,\n foldGutter: this.fold,\n gutters: gutters,\n };\n }\n\n private isDarkMode(): boolean {\n if (this.colorScheme !== 'auto') {\n return this.colorScheme === 'dark';\n }\n\n return this.darkMode.matches;\n }\n\n public render() {\n const classList = {\n editor: true,\n readonly: this.readonly,\n 'is-dark-mode': this.isDarkMode(),\n 'is-light-mode': !this.isDarkMode(),\n };\n\n return <div class={classList} />;\n }\n\n private forceRedraw() {\n this.random = Math.random();\n }\n\n private get darkMode(): MediaQueryList {\n return matchMedia('(prefers-color-scheme: dark)');\n }\n}\n"]}

package/dist/collection/components/markdown/markdown.css CHANGED Viewed

@@ -1,4 +1,8 @@
 @charset "UTF-8";
+/**
+* @prop --markdown-hyperlink-color: color of text for hyperlinks. Defaults to `--color-blue-dark`;
+* @prop --markdown-hyperlink-color--hovered: color of text for hyperlinks when hovered. Defaults to `--color-blue-default`;
+*/
 /*
  * This file is imported into every component!
  *
@@ -104,11 +108,11 @@ p:only-child {
 a {
   transition: color 0.2s ease;
-  color: rgb(var(--color-blue-dark));
+  color: var(--markdown-hyperlink-color, rgb(var(--color-blue-dark)));
   text-decoration: none;
 }
 a:hover {
-  color: rgb(var(--color-blue-default));
+  color: var(--markdown-hyperlink-color--hovered, rgb(var(--color-blue-default)));
 }
 hr {

package/dist/esm/limel-code-editor.entry.js CHANGED Viewed

@@ -12836,8 +12836,9 @@ const CodeEditor = class {
     this.darkMode.addEventListener('change', this.handleChangeDarkMode);
   }
   disconnectedCallback() {
+    var _a;
     this.observer.unobserve(this.host);
-    this.editor.off('change', this.handleChange);
+    (_a = this.editor) === null || _a === void 0 ? void 0 : _a.off('change', this.handleChange);
     this.editor = null;
     this.darkMode.removeEventListener('change', this.handleChangeDarkMode);
     const editorElement = this.host.shadowRoot.querySelector('.editor');