@limetech/lime-elements 37.1.0-next.44 → 37.1.0-next.46

package/dist/cjs/{translations-f8080c48.js → translations-a384b596.js}

@@ -12,6 +12,12 @@ const da = {
   'date-picker.year.heading': 'År',
   'chip-set.clear-all': 'Ryd alle',
   'file.drag-and-drop-tips': 'Træk og slip filen her, eller klik for at gennemse.',
+  'file-viewer.message.unsupported-filetype': 'Denne fil kan ikke vises!',
+  'file-viewer.download': 'Hent',
+  'file-viewer.exit-fullscreen': 'Afslut fuldskærm',
+  'file-viewer.open-in-fullscreen': 'Åbn i fuld skærm',
+  'file-viewer.open-in-new-tab': 'Åbn i en ny fane',
+  'file-viewer.more-actions': 'Mere…',
 };
 
 const en = {
@@ -28,6 +34,12 @@ const en = {
   'chip-set.remove-chip': 'Remove chip',
   'snackbar.dismiss': 'Dismiss',
   'file.drag-and-drop-tips': 'Drag and drop your file here, or click to browse.',
+  'file-viewer.message.unsupported-filetype': 'Cannot display this file!',
+  'file-viewer.download': 'Download',
+  'file-viewer.exit-fullscreen': 'Exit fullscreen',
+  'file-viewer.open-in-fullscreen': 'Open in fullscreen',
+  'file-viewer.open-in-new-tab': 'Open in a new tab',
+  'file-viewer.more-actions': 'More…',
 };
 
 const fi = {
@@ -42,6 +54,12 @@ const fi = {
   'date-picker.year.heading': 'Vuosi',
   'chip-set.clear-all': 'Tyhjennä kaikki',
   'file.drag-and-drop-tips': 'Vedä ja pudota tiedostosi tähän, tai napsauta selataksesi.',
+  'file-viewer.message.unsupported-filetype': 'Tätä tiedostoa ei voi näyttää!',
+  'file-viewer.download': 'Ladata',
+  'file-viewer.exit-fullscreen': 'Poistu koko näytöstä',
+  'file-viewer.open-in-fullscreen': 'Avaa koko näytössä',
+  'file-viewer.open-in-new-tab': 'Avaa uudella välilehdellä',
+  'file-viewer.more-actions': 'Lisää…',
 };
 
 const nl = {
@@ -56,6 +74,12 @@ const nl = {
   'date-picker.year.heading': 'Jaar',
   'chip-set.clear-all': 'Alles wissen',
   'file.drag-and-drop-tips': 'Sleep uw bestand en zet het hier neer of klik om te bladeren.',
+  'file-viewer.message.unsupported-filetype': 'Kan dit bestand niet weergeven!',
+  'file-viewer.download': 'Downloaden',
+  'file-viewer.exit-fullscreen': 'Verlaat volledig scherm',
+  'file-viewer.open-in-fullscreen': 'Open in volledig scherm',
+  'file-viewer.open-in-new-tab': 'Openen op een nieuw tabblad',
+  'file-viewer.more-actions': 'Meer…',
 };
 
 const no = {
@@ -70,6 +94,12 @@ const no = {
   'date-picker.year.heading': 'År',
   'chip-set.clear-all': 'Fjern alle',
   'file.drag-and-drop-tips': 'Dra og slipp filen her, eller klikk for å bla gjennom.',
+  'file-viewer.message.unsupported-filetype': 'Kan ikke vise denne filen!',
+  'file-viewer.download': 'Nedlasting',
+  'file-viewer.exit-fullscreen': 'Gå ut av fullskjerm',
+  'file-viewer.open-in-fullscreen': 'Åpne i fullskjerm',
+  'file-viewer.open-in-new-tab': 'Åpne i en ny fane',
+  'file-viewer.more-actions': 'Mer…',
 };
 
 const sv = {
@@ -86,6 +116,12 @@ const sv = {
   'chip-set.remove-chip': 'Ta bort chip',
   'snackbar.dismiss': 'Stäng',
   'file.drag-and-drop-tips': 'Dra och släpp filen här eller klicka om du vill bläddra.',
+  'file-viewer.message.unsupported-filetype': 'Kan inte visa den här filen!',
+  'file-viewer.download': 'Ladda ner',
+  'file-viewer.exit-fullscreen': 'Avsluta fullskärmsläge',
+  'file-viewer.open-in-fullscreen': 'Öppna i fullskärmsläge',
+  'file-viewer.open-in-new-tab': 'Öppna i ny flik',
+  'file-viewer.more-actions': 'Mer…',
 };
 
 const allTranslations = { da: da, en: en, fi: fi, no: no, nl: nl, sv: sv };
@@ -101,4 +137,4 @@ const translate = (() => {
 
 exports.translate = translate;
 
-//# sourceMappingURL=translations-f8080c48.js.map
+//# sourceMappingURL=translations-a384b596.js.map

package/dist/cjs/translations-a384b596.js.map

@@ -0,0 +1 @@
+{"file":"translations-a384b596.js","mappings":"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","names":[],"sources":["./src/translations/da.ts","./src/translations/en.ts","./src/translations/fi.ts","./src/translations/nl.ts","./src/translations/no.ts","./src/translations/sv.ts","./src/global/translations.ts"],"sourcesContent":["export default {\n    'callout.note': 'Bemærk',\n    'callout.important': 'Vigtig',\n    'callout.tip': 'Tip',\n    'callout.caution': 'Advarsel',\n    'callout.warning': 'Advarsel',\n    'date-picker.today': 'Idag',\n    'date-picker.month.heading': 'Måned',\n    'date-picker.quarter.heading': 'Kvartal',\n    'date-picker.year.heading': 'År',\n    'chip-set.clear-all': 'Ryd alle',\n    'file.drag-and-drop-tips':\n        'Træk og slip filen her, eller klik for at gennemse.',\n    'file-viewer.message.unsupported-filetype': 'Denne fil kan ikke vises!',\n    'file-viewer.download': 'Hent',\n    'file-viewer.exit-fullscreen': 'Afslut fuldskærm',\n    'file-viewer.open-in-fullscreen': 'Åbn i fuld skærm',\n    'file-viewer.open-in-new-tab': 'Åbn i en ny fane',\n    'file-viewer.more-actions': 'Mere…',\n};\n","export default {\n    'callout.note': 'Note',\n    'callout.important': 'Important',\n    'callout.tip': 'Tip',\n    'callout.caution': 'Caution',\n    'callout.warning': 'Warning',\n    'date-picker.today': 'Today',\n    'date-picker.month.heading': 'Month',\n    'date-picker.quarter.heading': 'Quarter',\n    'date-picker.year.heading': 'Year',\n    'chip-set.clear-all': 'Clear all',\n    'chip-set.remove-chip': 'Remove chip',\n    'snackbar.dismiss': 'Dismiss',\n    'file.drag-and-drop-tips':\n        'Drag and drop your file here, or click to browse.',\n    'file-viewer.message.unsupported-filetype': 'Cannot display this file!',\n    'file-viewer.download': 'Download',\n    'file-viewer.exit-fullscreen': 'Exit fullscreen',\n    'file-viewer.open-in-fullscreen': 'Open in fullscreen',\n    'file-viewer.open-in-new-tab': 'Open in a new tab',\n    'file-viewer.more-actions': 'More…',\n};\n","export default {\n    'callout.note': 'Huomio',\n    'callout.important': 'Tärkeää',\n    'callout.tip': 'Vinkki',\n    'callout.caution': 'Varoitus',\n    'callout.warning': 'Varoitus',\n    'date-picker.today': 'Tänään',\n    'date-picker.month.heading': 'Kuukausi',\n    'date-picker.quarter.heading': 'Vuosineljännes',\n    'date-picker.year.heading': 'Vuosi',\n    'chip-set.clear-all': 'Tyhjennä kaikki',\n    'file.drag-and-drop-tips':\n        'Vedä ja pudota tiedostosi tähän, tai napsauta selataksesi.',\n    'file-viewer.message.unsupported-filetype':\n        'Tätä tiedostoa ei voi näyttää!',\n    'file-viewer.download': 'Ladata',\n    'file-viewer.exit-fullscreen': 'Poistu koko näytöstä',\n    'file-viewer.open-in-fullscreen': 'Avaa koko näytössä',\n    'file-viewer.open-in-new-tab': 'Avaa uudella välilehdellä',\n    'file-viewer.more-actions': 'Lisää…',\n};\n","export default {\n    'callout.note': 'Opmerking',\n    'callout.important': 'Belangrijk',\n    'callout.tip': 'Tip',\n    'callout.caution': 'Waarschuwing',\n    'callout.warning': 'Waarschuwing',\n    'date-picker.today': 'Vandaag',\n    'date-picker.month.heading': 'Maand',\n    'date-picker.quarter.heading': 'Kwartaal',\n    'date-picker.year.heading': 'Jaar',\n    'chip-set.clear-all': 'Alles wissen',\n    'file.drag-and-drop-tips':\n        'Sleep uw bestand en zet het hier neer of klik om te bladeren.',\n    'file-viewer.message.unsupported-filetype':\n        'Kan dit bestand niet weergeven!',\n    'file-viewer.download': 'Downloaden',\n    'file-viewer.exit-fullscreen': 'Verlaat volledig scherm',\n    'file-viewer.open-in-fullscreen': 'Open in volledig scherm',\n    'file-viewer.open-in-new-tab': 'Openen op een nieuw tabblad',\n    'file-viewer.more-actions': 'Meer…',\n};\n","export default {\n    'callout.note': 'Note',\n    'callout.important': 'Viktig',\n    'callout.tip': 'Tip',\n    'callout.caution': 'Advarsel',\n    'callout.warning': 'Advarsel',\n    'date-picker.today': 'I dag',\n    'date-picker.month.heading': 'Måned',\n    'date-picker.quarter.heading': 'Kvartal',\n    'date-picker.year.heading': 'År',\n    'chip-set.clear-all': 'Fjern alle',\n    'file.drag-and-drop-tips':\n        'Dra og slipp filen her, eller klikk for å bla gjennom.',\n    'file-viewer.message.unsupported-filetype': 'Kan ikke vise denne filen!',\n    'file-viewer.download': 'Nedlasting',\n    'file-viewer.exit-fullscreen': 'Gå ut av fullskjerm',\n    'file-viewer.open-in-fullscreen': 'Åpne i fullskjerm',\n    'file-viewer.open-in-new-tab': 'Åpne i en ny fane',\n    'file-viewer.more-actions': 'Mer…',\n};\n","export default {\n    'callout.note': 'Obs',\n    'callout.important': 'Viktigt',\n    'callout.tip': 'Tips',\n    'callout.caution': 'Varning',\n    'callout.warning': 'Varning',\n    'date-picker.today': 'Idag',\n    'date-picker.month.heading': 'Månad',\n    'date-picker.quarter.heading': 'Kvartal',\n    'date-picker.year.heading': 'År',\n    'chip-set.clear-all': 'Rensa alla',\n    'chip-set.remove-chip': 'Ta bort chip',\n    'snackbar.dismiss': 'Stäng',\n    'file.drag-and-drop-tips':\n        'Dra och släpp filen här eller klicka om du vill bläddra.',\n    'file-viewer.message.unsupported-filetype': 'Kan inte visa den här filen!',\n    'file-viewer.download': 'Ladda ner',\n    'file-viewer.exit-fullscreen': 'Avsluta fullskärmsläge',\n    'file-viewer.open-in-fullscreen': 'Öppna i fullskärmsläge',\n    'file-viewer.open-in-new-tab': 'Öppna i ny flik',\n    'file-viewer.more-actions': 'Mer…',\n};\n","import da from '../translations/da';\nimport en from '../translations/en';\nimport fi from '../translations/fi';\nimport nl from '../translations/nl';\nimport no from '../translations/no';\nimport sv from '../translations/sv';\n\nconst allTranslations = { da: da, en: en, fi: fi, no: no, nl: nl, sv: sv };\n\nexport class Translations {\n    public get(key, language = 'en') {\n        return allTranslations[language][key];\n    }\n}\n\nconst translations = new Translations();\nexport default (() => {\n    return translations;\n})();\n"],"version":3}

package/dist/collection/collection-manifest.json

@@ -23,6 +23,7 @@
     "./components/dock/dock.js",
     "./components/dock/dock-button/dock-button.js",
     "./components/file/file.js",
+    "./components/file-viewer/file-viewer.js",
     "./components/flex-container/flex-container.js",
     "./components/form/form.js",
     "./components/grid/grid.js",

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

@@ -1,6 +1,7 @@
 import { h, } from '@stencil/core';
 import CodeMirror from 'codemirror';
 import 'codemirror/mode/javascript/javascript';
+import 'codemirror/mode/jinja2/jinja2';
 import 'codemirror/addon/selection/active-line';
 import 'codemirror/addon/edit/matchbrackets';
 import 'codemirror/addon/lint/lint';
@@ -9,8 +10,6 @@ import 'codemirror/addon/fold/foldgutter';
 import 'codemirror/addon/fold/brace-fold';
 import jslint from 'jsonlint-mod';
 /**
- * Currently this component support syntax highlighting for `javascript`,
- * `json` and `typescript` formats.
  * @exampleComponent limel-example-code-editor
  * @exampleComponent limel-example-code-editor-readonly-with-line-numbers
  * @exampleComponent limel-example-code-editor-fold-lint
@@ -191,7 +190,7 @@ export class CodeEditor {
         "mutable": false,
         "complexType": {
           "original": "Language",
-          "resolved": "\"javascript\" | \"json\" | \"typescript\"",
+          "resolved": "\"javascript\" | \"jinja2\" | \"json\" | \"typescript\"",
           "references": {
             "Language": {
               "location": "import",

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

@@ -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/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 * Currently this component support syntax highlighting for `javascript`,\n * `json` and `typescript` formats.\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"]}
+{"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/code-editor/code-editor.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"code-editor.types.js","sourceRoot":"","sources":["../../../src/components/code-editor/code-editor.types.ts"],"names":[],"mappings":"","sourcesContent":["export type Language = 'javascript' | 'json' | 'typescript';\n\nexport type ColorScheme = 'dark' | 'light' | 'auto';\n"]}
+{"version":3,"file":"code-editor.types.js","sourceRoot":"","sources":["../../../src/components/code-editor/code-editor.types.ts"],"names":[],"mappings":"","sourcesContent":["export type Language = 'javascript' | 'jinja2' | 'json' | 'typescript';\n\nexport type ColorScheme = 'dark' | 'light' | 'auto';\n"]}

package/dist/collection/components/file-viewer/extension-mapping.js

@@ -0,0 +1,66 @@
+export function detectExtension(fileName, url) {
+  const pathLike = fileName || url;
+  if (!pathLike) {
+    return 'unknown';
+  }
+  const extension = pathLike.split('.').pop().toLowerCase();
+  const extensionsToTypes = {
+    pdf: 'pdf',
+    jpg: 'image',
+    jpeg: 'image',
+    heic: 'image',
+    bmp: 'image',
+    png: 'image',
+    gif: 'image',
+    svg: 'image',
+    svgz: 'image',
+    ep: 'image',
+    eps: 'image',
+    avi: 'video',
+    flv: 'video',
+    h264: 'video',
+    mov: 'video',
+    mp4: 'video',
+    mwv: 'video',
+    mkv: 'video',
+    mp3: 'audio',
+    wav: 'audio',
+    wma: 'audio',
+    ogg: 'audio',
+    txt: 'text',
+    json: 'text',
+    html: 'text',
+    xml: 'text',
+    // Word
+    doc: 'office',
+    docx: 'office',
+    odt: 'office',
+    dot: 'office',
+    dotx: 'office',
+    docm: 'office',
+    dotm: 'office',
+    // Presentation
+    pot: 'office',
+    ppt: 'office',
+    pptx: 'office',
+    odp: 'office',
+    potx: 'office',
+    potm: 'office',
+    pps: 'office',
+    ppsx: 'office',
+    ppsm: 'office',
+    pptm: 'office',
+    ppam: 'office',
+    pages: 'office',
+    // Spreadsheet
+    xls: 'office',
+    xlsx: 'office',
+    xlsm: 'office',
+    xlsb: 'office',
+    ods: 'office',
+    csv: 'office',
+    numbers: 'office', // not supported (Apple)
+  };
+  return extensionsToTypes[extension] || 'unknown';
+}
+//# sourceMappingURL=extension-mapping.js.map

package/dist/collection/components/file-viewer/extension-mapping.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"extension-mapping.js","sourceRoot":"","sources":["../../../src/components/file-viewer/extension-mapping.tsx"],"names":[],"mappings":"AAAA,MAAM,UAAU,eAAe,CAAC,QAAQ,EAAE,GAAG;EACzC,MAAM,QAAQ,GAAG,QAAQ,IAAI,GAAG,CAAC;EACjC,IAAI,CAAC,QAAQ,EAAE;IACX,OAAO,SAAS,CAAC;GACpB;EAED,MAAM,SAAS,GAAG,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,WAAW,EAAE,CAAC;EAC1D,MAAM,iBAAiB,GAAG;IACtB,GAAG,EAAE,KAAK;IACV,GAAG,EAAE,OAAO;IACZ,IAAI,EAAE,OAAO;IACb,IAAI,EAAE,OAAO;IACb,GAAG,EAAE,OAAO;IACZ,GAAG,EAAE,OAAO;IACZ,GAAG,EAAE,OAAO;IACZ,GAAG,EAAE,OAAO;IACZ,IAAI,EAAE,OAAO;IACb,EAAE,EAAE,OAAO;IACX,GAAG,EAAE,OAAO;IACZ,GAAG,EAAE,OAAO;IACZ,GAAG,EAAE,OAAO;IACZ,IAAI,EAAE,OAAO;IACb,GAAG,EAAE,OAAO;IACZ,GAAG,EAAE,OAAO;IACZ,GAAG,EAAE,OAAO;IACZ,GAAG,EAAE,OAAO;IACZ,GAAG,EAAE,OAAO;IACZ,GAAG,EAAE,OAAO;IACZ,GAAG,EAAE,OAAO;IACZ,GAAG,EAAE,OAAO;IACZ,GAAG,EAAE,MAAM;IACX,IAAI,EAAE,MAAM;IACZ,IAAI,EAAE,MAAM;IACZ,GAAG,EAAE,MAAM;IACX,OAAO;IACP,GAAG,EAAE,QAAQ;IACb,IAAI,EAAE,QAAQ;IACd,GAAG,EAAE,QAAQ;IACb,GAAG,EAAE,QAAQ;IACb,IAAI,EAAE,QAAQ;IACd,IAAI,EAAE,QAAQ;IACd,IAAI,EAAE,QAAQ;IACd,eAAe;IACf,GAAG,EAAE,QAAQ;IACb,GAAG,EAAE,QAAQ;IACb,IAAI,EAAE,QAAQ;IACd,GAAG,EAAE,QAAQ;IACb,IAAI,EAAE,QAAQ;IACd,IAAI,EAAE,QAAQ;IACd,GAAG,EAAE,QAAQ;IACb,IAAI,EAAE,QAAQ;IACd,IAAI,EAAE,QAAQ;IACd,IAAI,EAAE,QAAQ;IACd,IAAI,EAAE,QAAQ;IACd,KAAK,EAAE,QAAQ;IACf,cAAc;IACd,GAAG,EAAE,QAAQ;IACb,IAAI,EAAE,QAAQ;IACd,IAAI,EAAE,QAAQ;IACd,IAAI,EAAE,QAAQ;IACd,GAAG,EAAE,QAAQ;IACb,GAAG,EAAE,QAAQ;IACb,OAAO,EAAE,QAAQ,EAAE,wBAAwB;GAC9C,CAAC;EAEF,OAAO,iBAAiB,CAAC,SAAS,CAAC,IAAI,SAAS,CAAC;AACrD,CAAC","sourcesContent":["export function detectExtension(fileName, url): any {\n    const pathLike = fileName || url;\n    if (!pathLike) {\n        return 'unknown';\n    }\n\n    const extension = pathLike.split('.').pop().toLowerCase();\n    const extensionsToTypes = {\n        pdf: 'pdf',\n        jpg: 'image',\n        jpeg: 'image',\n        heic: 'image',\n        bmp: 'image',\n        png: 'image',\n        gif: 'image',\n        svg: 'image',\n        svgz: 'image',\n        ep: 'image',\n        eps: 'image',\n        avi: 'video',\n        flv: 'video',\n        h264: 'video',\n        mov: 'video',\n        mp4: 'video',\n        mwv: 'video',\n        mkv: 'video',\n        mp3: 'audio',\n        wav: 'audio',\n        wma: 'audio',\n        ogg: 'audio',\n        txt: 'text',\n        json: 'text',\n        html: 'text',\n        xml: 'text',\n        // Word\n        doc: 'office',\n        docx: 'office',\n        odt: 'office',\n        dot: 'office',\n        dotx: 'office',\n        docm: 'office', // not supported\n        dotm: 'office', // not yet tested\n        // Presentation\n        pot: 'office', // not tested\n        ppt: 'office',\n        pptx: 'office',\n        odp: 'office',\n        potx: 'office', // not supported\n        potm: 'office', // not supported\n        pps: 'office',\n        ppsx: 'office',\n        ppsm: 'office', // not supported\n        pptm: 'office', // not supported\n        ppam: 'office', // not tested\n        pages: 'office', // not supported (Apple)\n        // Spreadsheet\n        xls: 'office',\n        xlsx: 'office',\n        xlsm: 'office',\n        xlsb: 'office',\n        ods: 'office',\n        csv: 'office', // not supported\n        numbers: 'office', // not supported (Apple)\n    };\n\n    return extensionsToTypes[extension] || 'unknown';\n}\n"]}

package/dist/collection/components/file-viewer/file-viewer.css

@@ -0,0 +1,266 @@
+/*
+ * This file is imported into every component!
+ *
+ * Nothing in this file may output any CSS
+ * without being explicitly called by outside code.
+ */
+/*
+ * This file is imported into every component!
+ *
+ * Nothing in this file may output any CSS
+ * without being explicitly used by outside code.
+ */
+/*
+ * This file is imported into every component that uses MDC!
+ *
+ * Anything in this file that generates CSS output on its own,
+ * without being explicitly used, will output that CSS in every
+ * single component, increasing the size of the production build.
+ * Avoid that unless there's very good reason for it!
+ */
+/*
+ * This file is imported into every component that uses MDC!
+ *
+ * Anything in this file that generates CSS output on its own,
+ * without being explicitly used, will output that CSS in every
+ * single component, increasing the size of the production build.
+ * Avoid that unless there's very good reason for it!
+ */
+:host {
+  --mdc-theme-primary: var(
+      --lime-primary-color,
+      rgb(var(--color-teal-default))
+  );
+  --mdc-theme-secondary: var(
+      --lime-secondary-color,
+      rgb(var(--contrast-1100))
+  );
+  --mdc-theme-on-primary: var(
+      --lime-on-primary-color,
+      rgb(var(--contrast-100))
+  );
+  --mdc-theme-on-secondary: var(
+      --lime-on-secondary-color,
+      rgb(var(--contrast-100))
+  );
+  --mdc-theme-text-disabled-on-background: var(
+      --lime-text-disabled-on-background-color,
+      rgba(var(--contrast-1700), 0.38)
+  );
+  --mdc-theme-text-primary-on-background: var(
+      --lime-text-primary-on-background-color,
+      rgba(var(--contrast-1700), 0.87)
+  );
+  --mdc-theme-text-secondary-on-background: var(
+      --lime-text-secondary-on-background-color,
+      rgba(var(--contrast-1700), 0.54)
+  );
+  --mdc-theme-error: var(
+      --lime-error-background-color,
+      rgb(var(--color-red-dark))
+  );
+  --lime-error-text-color: rgb(var(--color-red-darker));
+  --mdc-theme-surface: var(
+      --lime-surface-background-color,
+      rgb(var(--contrast-100))
+  );
+  --mdc-theme-on-surface: var(
+      --lime-on-surface-color,
+      rgb(var(--contrast-1500))
+  );
+}
+
+/**
+ * Note! This file is exported to `dist/scss/` in the published
+ * node module, for consumer projects to import.
+ * That means this file cannot import from any file that isn't
+ * also exported, keeping the same relative path.
+ *
+ * Or, just don't import anything, that works too.
+ */
+/**
+ * This mixin will mask out the content that is close to
+ * the edges of a scrollable area.
+ * - If the scrollable content has `overflow-y`, use `vertically`
+ * as an argument for `$direction`.
+ - If the scrollable content has `overflow-x`, use `horizontally`
+ * as an argument for `$direction`.
+ *
+ * For the visual effect to work smoothly, we need to make sure that
+ * the size of the fade-out edge effect is the same as the
+ * internal paddings of the scrollable area. Otherwise, content of a
+ * scrollable area that does not have a padding will fade out before
+ * any scrolling has been done.
+ * This is why this mixin already adds paddings, which automatically
+ * default to the size of the fade-out effect.
+ * This size defaults to `1rem`, but to override the size use
+ * `--limel-top-edge-fade-height` & `--limel-bottom-edge-fade-height`
+ * when `vertically` argument is set, and use
+ * `--limel-left-edge-fade-width` & `--limel-right-edge-fade-width`
+ * when `horizontally` argument is set.
+ * Of course you can also programmatically increase and decrease the
+ * size of these variables for each edge, based on the amount of
+ * scrolling that has been done by the user. In this case, make sure
+ * to add a custom padding where the mixin is used, to override
+ * the paddings that are automatically added by the mixin in the
+ * compiled CSS code.
+ */
+:host {
+  isolation: isolate;
+  position: relative;
+  box-sizing: border-box;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 100%;
+}
+
+* {
+  box-sizing: border-box;
+}
+
+img,
+video,
+audio,
+object,
+iframe {
+  max-height: 100%;
+  max-width: 100%;
+  box-sizing: border-box;
+}
+
+iframe {
+  border: none;
+  width: 100%;
+  height: 100%;
+  min-height: 20rem;
+}
+
+img {
+  min-width: 7rem;
+  object-fit: contain;
+}
+
+video {
+  width: 100%;
+  height: auto;
+}
+
+audio {
+  width: 100%;
+}
+
+object {
+  width: 100%;
+  height: 100%;
+}
+
+object[type="application/pdf"] {
+  min-height: 20rem;
+}
+
+object[type="text/plain"] {
+  border-radius: 0.25rem;
+  padding-right: 2rem;
+  overflow-y: auto;
+}
+
+:host(:fullscreen) {
+  background-color: rgb(var(--color-gray-darker));
+}
+:host(:fullscreen) object[type="text/plain"] {
+  max-width: 50rem;
+  max-height: calc(100% - 2rem);
+}
+
+:host(:-webkit-full-screen) {
+  background-color: rgb(var(--color-gray-darker));
+}
+:host(:-webkit-full-screen) object[type="text/plain"] {
+  max-width: 50rem;
+  max-height: calc(100% - 2rem);
+}
+
+.buttons {
+  position: absolute;
+  z-index: 1;
+  top: 0.25rem;
+  right: 0.25rem;
+  display: flex;
+  flex-direction: column;
+  gap: 0.25rem;
+}
+@media (pointer: coarse) {
+  .buttons {
+    gap: 0.5rem;
+  }
+}
+
+.no-support {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  border: 1px dashed rgb(var(--contrast-600));
+  border-radius: 0.5rem;
+  padding: 1.25rem;
+}
+.no-support .icon--warning {
+  color: rgb(var(--color-orange-default));
+}
+
+[class^=button--] {
+  all: unset;
+  transition: color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease, transform 0.1s ease-out;
+  cursor: pointer;
+  color: var(--mdc-theme-on-surface);
+  background-color: var(--lime-elevated-surface-background-color);
+  box-shadow: var(--button-shadow-normal);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 50%;
+  width: 2rem;
+  height: 2rem;
+  background-color: rgba(var(--contrast-100), 0.8);
+  backdrop-filter: blur(0.25rem);
+  -webkit-backdrop-filter: blur(0.25rem);
+}
+[class^=button--]:hover {
+  color: var(--mdc-theme-on-surface);
+  background-color: var(--lime-elevated-surface-background-color);
+  box-shadow: var(--button-shadow-hovered);
+}
+[class^=button--]:active {
+  box-shadow: var(--button-shadow-pressed);
+  transform: translate3d(0, 0.08rem, 0);
+}
+[class^=button--]:focus {
+  outline: none;
+}
+[class^=button--]:focus-visible {
+  outline: none;
+  box-shadow: var(--shadow-depth-8-focused);
+}
+[class^=button--] limel-icon {
+  transition: color 0.2s ease;
+  width: 1.25rem;
+  color: rgb(var(--contrast-1200));
+}
+[class^=button--]:hover limel-icon {
+  color: rgb(var(--contrast-1400));
+}
+
+.action-menu-for-pdf-files,
+.action-menu-for-office-files {
+  position: absolute;
+  right: 0.75rem;
+}
+
+.action-menu-for-pdf-files {
+  bottom: 0.75rem;
+}
+
+.action-menu-for-office-files {
+  top: 0.75rem;
+}