npm - @omicronenergy/oscd-shell - Versions diffs - 0.0.8 → 0.0.10 - Mend

@omicronenergy/oscd-shell 0.0.8 → 0.0.10

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

package/dist/colors.d.ts +1 -0
package/dist/colors.js +60 -0
package/dist/colors.js.map +1 -0
package/dist/foundation/cyrb64.js +0 -3
package/dist/foundation/cyrb64.js.map +1 -1
package/dist/foundation/events.d.ts +17 -0
package/dist/foundation/events.js +2 -0
package/dist/foundation/events.js.map +1 -0
package/dist/foundation.js.map +1 -1
package/dist/landing-page/landing-page.d.ts +26 -0
package/dist/landing-page/landing-page.js +163 -0
package/dist/landing-page/landing-page.js.map +1 -0
package/dist/landing-page/landing-page.spec.d.ts +1 -0
package/dist/landing-page/landing-page.spec.js +87 -0
package/dist/landing-page/landing-page.spec.js.map +1 -0
package/dist/locales/de.d.ts +0 -5
package/dist/locales/de.js +0 -5
package/dist/locales/de.js.map +1 -1
package/dist/locales.js.map +1 -1
package/dist/localization.d.ts +15 -0
package/dist/localization.js +22 -0
package/dist/localization.js.map +1 -0
package/dist/menus/files-menu.d.ts +27 -0
package/dist/menus/files-menu.js +102 -0
package/dist/menus/files-menu.js.map +1 -0
package/dist/menus/files-menu.spec.d.ts +1 -0
package/dist/menus/files-menu.spec.js +33 -0
package/dist/menus/files-menu.spec.js.map +1 -0
package/dist/menus/plugins-menu.d.ts +32 -0
package/dist/menus/plugins-menu.js +128 -0
package/dist/menus/plugins-menu.js.map +1 -0
package/dist/menus/plugins-menu.spec.d.ts +1 -0
package/dist/menus/plugins-menu.spec.js +65 -0
package/dist/menus/plugins-menu.spec.js.map +1 -0
package/dist/oscd-shell.d.ts +71 -85
package/dist/oscd-shell.js +382 -552
package/dist/oscd-shell.js.map +1 -1
package/dist/side-panel/editor-plugins-panel.d.ts +29 -0
package/dist/side-panel/editor-plugins-panel.js +151 -0
package/dist/side-panel/editor-plugins-panel.js.map +1 -0
package/dist/side-panel/editor-plugins-panel.spec.d.ts +1 -0
package/dist/side-panel/editor-plugins-panel.spec.js +87 -0
package/dist/side-panel/editor-plugins-panel.spec.js.map +1 -0
package/dist/theming.d.ts +1 -0
package/dist/theming.js +76 -0
package/dist/theming.js.map +1 -0
package/dist/utils/plugin-utils.d.ts +1 -1
package/dist/utils/plugin-utils.js +8 -11
package/dist/utils/plugin-utils.js.map +1 -1
package/dist/utils/plugin-utils.spec.js.map +1 -1
package/dist/utils/testing/plugin-helpers.d.ts +24 -0
package/dist/utils/testing/plugin-helpers.js +74 -0
package/dist/utils/testing/plugin-helpers.js.map +1 -0
package/dist/utils/testing/test-doc-helpers.d.ts +7 -0
package/dist/utils/testing/test-doc-helpers.js +28 -0
package/dist/utils/testing/test-doc-helpers.js.map +1 -0
package/dist/utils/testing/test-plugins.d.ts +44 -0
package/dist/utils/testing/test-plugins.js +56 -0
package/dist/utils/testing/test-plugins.js.map +1 -0
package/package.json +62 -126

package/dist/oscd-shell.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"oscd-shell.js","sourceRoot":"","sources":["../oscd-shell.ts"],"names":[],"mappings":"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","sourcesContent":["import '@webcomponents/scoped-custom-element-registry';\n\nimport { configureLocalization, localized, msg } from '@lit/localize';\nimport { css, html, LitElement, nothing, TemplateResult } from 'lit';\nimport { customElement, property, query, state } from 'lit/decorators.js';\nimport { html as staticHtml, unsafeStatic } from 'lit/static-html.js';\n\nimport '@omicronenergy/oscd-ui/app-bar/oscd-app-bar.js';\nimport type { OscdDialog } from '@omicronenergy/oscd-ui/dialog/OscdDialog.js';\nimport '@omicronenergy/oscd-ui/dialog/oscd-dialog.js';\nimport '@omicronenergy/oscd-ui/divider/oscd-divider.js';\nimport type { OscdFilledIconButton } from '@omicronenergy/oscd-ui/iconbutton/OscdFilledIconButton.js';\nimport '@omicronenergy/oscd-ui/iconbutton/oscd-filled-icon-button.js';\nimport '@omicronenergy/oscd-ui/select/oscd-filled-select.js';\nimport '@omicronenergy/oscd-ui/textfield/oscd-filled-text-field.js';\nimport '@omicronenergy/oscd-ui/icon/oscd-icon.js';\nimport type { OscdList } from '@omicronenergy/oscd-ui/list/OscdList.js';\nimport '@omicronenergy/oscd-ui/list/oscd-list.js';\nimport '@omicronenergy/oscd-ui/list/oscd-list-item.js';\nimport type { OscdMenu } from '@omicronenergy/oscd-ui/menu/OscdMenu.js';\nimport '@omicronenergy/oscd-ui/menu/oscd-menu.js';\nimport '@omicronenergy/oscd-ui/menu/oscd-menu-item.js';\nimport type { OscdNavigationDrawer } from '@omicronenergy/oscd-ui/navigation-drawer/OscdNavigationDrawer.js';\nimport '@omicronenergy/oscd-ui/navigation-drawer/oscd-navigation-drawer.js';\nimport '@omicronenergy/oscd-ui/navigation-drawer/oscd-navigation-drawer-header.js';\nimport '@omicronenergy/oscd-ui/tabs/oscd-secondary-tab.js';\nimport '@omicronenergy/oscd-ui/select/oscd-select-option.js';\nimport '@omicronenergy/oscd-ui/tabs/oscd-tabs.js';\nimport type { OscdTabs } from '@omicronenergy/oscd-ui/tabs/OscdTabs.js';\nimport '@omicronenergy/oscd-ui/button/oscd-text-button.js';\nimport { XMLEditor } from '@omicronenergy/oscd-editor';\nimport {\n EditEventV2,\n EditV2,\n OpenEvent,\n Transactor,\n} from '@omicronenergy/oscd-api';\nimport { allLocales, sourceLocale, targetLocales } from './locales.js';\nimport { loadSourcedPlugins } from './utils/plugin-utils.js';\n\nconst _customElementsDefine = window.customElements.define;\nwindow.customElements.define = (name, cl, conf) => {\n if (!customElements.get(name)) {\n _customElementsDefine.call(window.customElements, name, cl, conf);\n }\n};\n\n/* Copied from API because the export is currently missing, this should be removed when the fixed oscd-api is released /\nexport interface Plugin {\n editor: Transactor<EditV2>;\n docs: Record<string, XMLDocument>;\n doc?: XMLDocument; // the document currently being edited\n docName?: string; // the current doc's name\n stateVersion: unknown; // changes when the document is modified\n /* @deprecated Use `stateVersion` instead /\n editCount: number; // the number of edits made to the document\n locale: string; // the end user's chosen locale\n}\n\nexport type PluginEntry = {\n name: string;\n translations?: Record<(typeof targetLocales)[number], string>;\n tagName: string;\n icon: string;\n requireDoc?: boolean;\n};\n\nexport type SourcedPluginEntry = {\n name: string;\n translations?: Record<(typeof targetLocales)[number], string>;\n src: string;\n icon: string;\n requireDoc?: boolean;\n};\nexport type PluginSet<P = PluginEntry> = {\n menu: P[];\n editor: P[];\n background: P[];\n};\n\ntype Control = {\n icon: string;\n getName: () => string;\n isDisabled: () => boolean;\n action?: () => void \| Promise<void>;\n};\n\ntype RenderedPlugin = Control & { tagName: string };\n\ntype LocaleTag = (typeof allLocales)[number];\n\nconst { getLocale, setLocale } = configureLocalization({\n sourceLocale,\n targetLocales,\n loadLocale: locale =>\n import(new URL(`./locales/${locale}.js`, import.meta.url).href),\n});\n\nfunction renderActionItem(\n control: Control,\n slot = 'actionItems',\n): TemplateResult {\n return html`<oscd-filled-icon-button\n slot=\"${slot}\"\n aria-label=\"${control.getName()}\"\n ?disabled=${control.isDisabled()}\n @click=${control.action}\n ><oscd-icon>${control.icon}</oscd-icon></oscd-filled-icon-button\n >`;\n}\n\nfunction renderMenuItem(control: Control): TemplateResult {\n return html`\n <oscd-list-item\n type=\"button\"\n .disabled=${control.isDisabled()}\n @click=${control.action}\n >\n <oscd-icon slot=\"start\">${control.icon}</oscd-icon>\n <span>${control.getName()}</span>\n </oscd-list-item>\n `;\n}\n\n@customElement('oscd-shell')\n@localized()\nexport class OpenSCD extends LitElement {\n /* The file endings of editable files /\n @property({ type: Array, reflect: true }) editable = [\n 'cid',\n 'icd',\n 'iid',\n 'scd',\n 'sed',\n 'ssd',\n ];\n\n isEditable(docName: string): boolean {\n return !!this.editable.find(ext =>\n docName.toLowerCase().endsWith(`.${ext}`),\n );\n }\n\n @state()\n get editableDocs(): string[] {\n return Object.keys(this.docs).filter(name => this.isEditable(name));\n }\n\n private _docs: Record<string, XMLDocument> = {};\n\n /* The set of `XMLDocument`s currently loaded /\n @state()\n get docs(): Record<string, XMLDocument> {\n return this._docs;\n }\n\n set docs(newDocs: Record<string, XMLDocument>) {\n this._docs = newDocs;\n this.onDocsChanged();\n }\n\n onDocsChanged() {\n this.stateVersion += 1;\n }\n\n /* The name of the [[`doc`]] currently being edited /\n @property({ type: String, reflect: true }) docName = '';\n\n @state()\n /* The `XMLDocument` currently being edited /\n get doc(): XMLDocument {\n return this.docs[this.docName];\n }\n\n @state()\n xmlEditor: XMLEditor = new XMLEditor();\n\n @state()\n stateVersion: number = -1;\n\n @state()\n get last(): number {\n return this.xmlEditor.past.length - 1;\n }\n\n @state()\n get canUndo(): boolean {\n return this.xmlEditor.past.length >= 0;\n }\n\n @state()\n get canRedo(): boolean {\n return this.xmlEditor.future.length >= 0;\n }\n\n #plugins: PluginSet = { menu: [], editor: [], background: [] };\n\n @property({ type: Object })\n get plugins(): PluginSet {\n return this.#plugins;\n }\n\n set plugins(\n plugins: Partial<PluginSet<Partial<PluginEntry \| SourcedPluginEntry>>>,\n ) {\n this.#plugins = Object.entries(plugins).reduce(\n (acc, [pluginType, kind]) => {\n const convertedPlugins = loadSourcedPlugins(kind);\n acc[pluginType as keyof PluginSet] = convertedPlugins;\n return acc;\n },\n { menu: [], editor: [], background: [] } as PluginSet,\n );\n }\n\n handleOpenDoc({ detail: { docName, doc } }: OpenEvent) {\n this.docs = {\n ...this.docs,\n [docName]: doc,\n };\n if (this.isEditable(docName)) {\n this.docName = docName;\n }\n this.requestUpdate();\n }\n\n /* Undo the last `n` [[Edit]]s committed /\n undo(n = 1) {\n if (!this.canUndo \|\| n < 1) {\n return;\n }\n this.xmlEditor.undo();\n if (n > 1) {\n this.undo(n - 1);\n }\n this.requestUpdate();\n }\n\n /* Redo the last `n` [[Edit]]s that have been undone /\n redo(n = 1) {\n if (!this.canRedo \|\| n < 1) {\n return;\n }\n this.xmlEditor.redo();\n if (n > 1) {\n this.redo(n - 1);\n }\n this.requestUpdate();\n }\n\n @query('#editFile')\n editFileUI!: OscdDialog;\n\n @query('#menu')\n menuUI!: OscdNavigationDrawer;\n\n @query('#fileName')\n fileNameUI!: HTMLInputElement;\n\n @query('#fileExtension')\n fileExtensionUI!: HTMLInputElement;\n\n @query('#fileMenu')\n fileMenuUI!: OscdMenu;\n\n @query('#fileMenuButton')\n fileMenuButtonUI?: OscdFilledIconButton;\n\n @property({ type: String, reflect: true })\n get locale() {\n return getLocale() as LocaleTag;\n }\n\n set locale(tag: LocaleTag) {\n try {\n setLocale(tag);\n } catch {\n // don't change locale if tag is invalid\n }\n }\n\n @state()\n private editorIndex = 0;\n\n @state()\n get editor() {\n return this.editors[this.editorIndex]?.tagName ?? '';\n }\n\n private controls: Record<'undo' \| 'redo' \| 'menu', Required<Control>> = {\n undo: {\n icon: 'undo',\n getName: () => msg('Undo'),\n action: () => {\n this.undo();\n this.menuUI.opened = false;\n },\n isDisabled: () => !this.canUndo,\n },\n redo: {\n icon: 'redo',\n getName: () => msg('Redo'),\n action: () => {\n this.redo();\n this.menuUI.opened = false;\n },\n isDisabled: () => !this.canRedo,\n },\n\n menu: {\n icon: 'menu',\n getName: () => msg('Menu'),\n action: async () => {\n this.menuUI.opened = !this.menuUI.opened;\n await this.menuUI.updateComplete;\n if (this.menuUI.opened) {\n this.menuUI.querySelector<OscdList>('oscd-list')!.focus();\n }\n },\n isDisabled: () => false,\n },\n };\n\n #actions = [this.controls.undo, this.controls.redo];\n\n @state()\n get menu() {\n return (<Required<Control>[]>this.plugins.menu\n ?.map(\n ({ name, tagName, requireDoc, icon, translations }): RenderedPlugin =>\n ({\n icon,\n getName: () =>\n translations?.[this.locale as (typeof targetLocales)[number]] \|\|\n name,\n isDisabled: () => (requireDoc && !this.docName) ?? false,\n tagName,\n action: () => {\n if (tagName) {\n this.shadowRoot!.querySelector<\n HTMLElement & { run: () => Promise<void> }\n >(tagName)!.run?.();\n this.menuUI.opened = false;\n }\n },\n }) as RenderedPlugin,\n )\n .filter(p => p !== undefined)).concat(this.#actions);\n }\n\n @state()\n get editors() {\n return <RenderedPlugin[]>this.plugins.editor?.map(\n ({\n name,\n tagName,\n requireDoc,\n icon,\n translations,\n }): RenderedPlugin \| undefined =>\n ({\n icon,\n getName: () =>\n translations?.[this.locale as (typeof targetLocales)[number]] \|\|\n name,\n isDisabled: () => (requireDoc && !this.docName) ?? false,\n tagName,\n }) as RenderedPlugin,\n );\n }\n\n private hotkeys: Partial<Record<string, () => void>> = {\n m: this.controls.menu.action,\n z: this.controls.undo.action,\n y: this.controls.redo.action,\n Z: this.controls.redo.action,\n };\n\n private handleKeyPress(e: KeyboardEvent): void {\n if (!e.ctrlKey) {\n return;\n }\n if (!Object.prototype.hasOwnProperty.call(this.hotkeys, e.key)) {\n return;\n }\n this.hotkeys[e.key]!();\n e.preventDefault();\n }\n\n constructor() {\n super();\n\n document.addEventListener('keydown', event => this.handleKeyPress(event));\n\n this.addEventListener('oscd-open', event => this.handleOpenDoc(event));\n this.addEventListener('oscd-edit-v2', (event: EditEventV2) => {\n this.xmlEditor.commit(event.detail.edit);\n });\n\n // Catch all edits (from commits AND events) and trigger an update\n this.xmlEditor.subscribe(() => {\n this.stateVersion += 1;\n });\n }\n\n updated(changedProps: Map<string, unknown>) {\n super.updated(changedProps);\n\n this.updateComplete.then(() => {\n // Ensure the active tab is set after tabs are rendered\n const oscdTabs = this.shadowRoot!.querySelector('oscd-tabs');\n if (oscdTabs && oscdTabs.activeTabIndex !== this.editorIndex) {\n oscdTabs.activeTabIndex = this.editorIndex;\n }\n });\n }\n\n renderPlugin(tagName: string) {\n const tag = unsafeStatic(tagName);\n return staticHtml`<${tag} \n .locale=\"${this.locale}\"\n .docName=\"${this.docName}\"\n .doc=${this.doc}\n .docs=${this.docs} \n .editCount=${this.stateVersion}\n .stateVersion=${this.stateVersion}\n .editor=${this.xmlEditor}>\n </${tag}>`;\n }\n\n render() {\n return html`<oscd-app-bar slot=\"appContent\">\n ${renderActionItem(this.controls.menu, 'actionStart')}\n <div slot=\"title\" id=\"title\">\n ${this.editableDocs.length > 1\n ? html`<oscd-filled-icon-button\n id=\"fileMenuButton\"\n @click=${() => this.fileMenuUI.show()}\n ><oscd-icon>arrow_drop_down</oscd-icon></oscd-filled-icon-button\n >`\n : nothing}\n ${this.docName}\n ${this.docName\n ? html`<oscd-filled-icon-button\n @click=${() => this.editFileUI.show()}\n ><oscd-icon>edit</oscd-icon></oscd-filled-icon-button\n >`\n : nothing}\n <oscd-menu\n fixed\n id=\"fileMenu\"\n anchor=\"fileMenuButton\"\n corner=\"BOTTOM_END\"\n >\n ${this.editableDocs.map(\n (name, index) =>\n html`<oscd-menu-item\n @click=${() => {\n this.docName = name;\n }}\n ?disabled=${!this.isEditable(name)}\n ?selected=${this.docName === name}\n id=${index}\n >${name}</oscd-menu-item\n >`,\n )}\n </oscd-menu>\n </div>\n\n <div slot=\"actionEnd\">\n ${this.#actions.map(op => renderActionItem(op))}\n </div>\n\n <oscd-tabs\n .activeTabIndex=${this.editorIndex}\n @change=${(event: Event) => {\n const tabs = event.currentTarget as OscdTabs;\n this.editorIndex = tabs.activeTabIndex;\n }}\n >\n ${this.editors.map(editor =>\n editor.isDisabled()\n ? nothing\n : html`<oscd-secondary-tab>\n <oscd-icon slot=\"icon\">${editor.icon}</oscd-icon>\n ${editor.getName()}\n </oscd-secondary-tab>`,\n )}\n </oscd-tabs>\n </oscd-app-bar>\n\n <oscd-navigation-drawer hasheader type=\"modal\" id=\"menu\">\n <oscd-navigation-drawer-header>\n <span slot=\"headline\">${msg('Menu')}</span>\n ${this.docName\n ? html`<span slot=\"supporting-text\">${this.docName}</span>`\n : ''}\n </oscd-navigation-drawer-header>\n <oscd-list>\n <oscd-divider></oscd-divider>\n ${this.menu.map(renderMenuItem)}\n </oscd-list>\n </oscd-navigation-drawer>\n\n ${this.editor ? this.renderPlugin(this.editor) : nothing}\n\n <oscd-dialog\n id=\"editFile\"\n @closed=${(event: CustomEvent) => {\n const dialog = event.target as OscdDialog;\n if (dialog.returnValue === 'remove') {\n delete this.docs[this.docName];\n this.docName = this.editableDocs[0] \|\| '';\n }\n }}\n >\n <div slot=\"headline\">\n <oscd-icon>description</oscd-icon>${this.docName}\n </div>\n <form slot=\"content\" id=\"edit-file-form\" method=\"dialog\">\n <oscd-filled-text-field\n id=\"fileName\"\n label=\"${msg('Filename')}\"\n value=\"${this.docName.replace(/\\.[^.]+$/, '')}\"\n @input=${(event: Event) => {\n const input = event.target as HTMLInputElement;\n const { value } = input;\n const name = `${value}.${this.fileExtensionUI.value}`;\n if (name in this.docs && name !== this.docName) {\n input.setCustomValidity('File already exists!');\n } else {\n input.setCustomValidity('');\n }\n input.reportValidity();\n }}\n ></oscd-filled-text-field>\n <oscd-filled-select\n label=\"${msg('Extension')}\"\n fixedMenuPosition\n id=\"fileExtension\"\n @selected=${() => this.fileNameUI.reportValidity()}\n >\n ${this.editable.map(\n ext =>\n html`<oscd-select-option\n ?selected=${this.docName.endsWith(`.${ext}`)}\n value=\"${ext}\"\n >${ext}</oscd-select-option\n >`,\n )}\n </oscd-filled-select>\n </form>\n <div slot=\"actions\">\n <oscd-text-button\n form=\"edit-file-form\"\n class=\"edit-dialog-remove-button\"\n value=\"remove\"\n >\n <oscd-icon slot=\"icon\">delete</oscd-icon>\n ${msg('Close file')}\n </oscd-text-button>\n <oscd-text-button form=\"edit-file-form\" value=\"close\">\n ${msg('Cancel')}\n </oscd-text-button>\n <oscd-text-button\n @click=${() => {\n const valid = this.fileNameUI.checkValidity();\n if (!valid) {\n this.fileNameUI.reportValidity();\n return;\n }\n const newDocName = `${this.fileNameUI.value}.${this.fileExtensionUI.value}`;\n const doc = this.docs[this.docName];\n delete this.docs[this.docName];\n this.docs = {\n ...this.docs,\n [newDocName]: doc,\n };\n this.docName = newDocName;\n this.editFileUI.close();\n }}\n trailing-icon\n >\n <oscd-icon slot=\"icon\">edit</oscd-icon>\n ${msg('Rename')}\n </oscd-text-button>\n </div>\n </oscd-dialog>\n\n <aside>\n <div class=\"menu-plugins\">\n ${this.plugins.menu.map(plugin => this.renderPlugin(plugin.tagName))}\n </div>\n <div class=\"background-plugins\">\n ${this.plugins.background\n .filter(plugin => !plugin.requireDoc \|\| !!this.docName)\n .map(plugin => this.renderPlugin(plugin.tagName))}\n </div>\n </aside> `;\n }\n\n firstUpdated() {\n const background = getComputedStyle(this.menuUI).getPropertyValue(\n '--oscd-base2',\n );\n document.body.style.background = background;\n }\n\n static styles = css`\n .fileext {\n opacity: 0.81;\n }\n\n .filename {\n caret-color: var(--oscd-secondary);\n }\n\n .filename:focus {\n outline: none;\n }\n\n aside {\n position: absolute;\n top: 0;\n left: 0;\n width: 0;\n height: 0;\n overflow: hidden;\n margin: 0;\n padding: 0;\n }\n\n abbr {\n text-decoration: none;\n }\n\n @media (prefers-color-scheme: light) {\n {\n --oscd-primary: var(--oscd-theme-primary, #2aa198);\n --oscd-secondary: var(--oscd-theme-secondary, #6c71c4);\n --oscd-base03: var(--oscd-theme-base03, #002b36);\n --oscd-base02: var(--oscd-theme-base02, #073642);\n --oscd-base01: var(--oscd-theme-base01, #586e75);\n --oscd-base00: var(--oscd-theme-base00, #657b83);\n --oscd-base0: var(--oscd-theme-base0, #839496);\n --oscd-base1: var(--oscd-theme-base1, #93a1a1);\n --oscd-base2: var(--oscd-theme-base2, #eee8d5);\n --oscd-base3: var(--oscd-theme-base3, #fdf6e3);\n\n --mdc-theme-text-disabled-on-light: rgba(255, 255, 255, 0.38);\n }\n }\n\n @media (prefers-color-scheme: dark) {\n * {\n --oscd-primary: var(--oscd-theme-secondary, #6c71c4);\n --oscd-secondary: var(--oscd-theme-primary, #2aa198);\n --oscd-base03: var(--oscd-theme-base3, #fdf6e3);\n --oscd-base02: var(--oscd-theme-base2, #eee8d5);\n --oscd-base01: var(--oscd-theme-base1, #93a1a1);\n --oscd-base00: var(--oscd-theme-base0, #839496);\n --oscd-base0: var(--oscd-theme-base00, #657b83);\n --oscd-base1: var(--oscd-theme-base01, #586e75);\n --oscd-base2: var(--oscd-theme-base02, #073642);\n --oscd-base3: var(--oscd-theme-base03, #002b36);\n }\n }\n\n * {\n --oscd-error: var(--oscd-theme-error, #dc322f);\n\n --oscd-text-font: var(--oscd-theme-text-font, 'Roboto');\n --oscd-icon-font: var(--oscd-theme-icon-font, 'Material Icons');\n --oscd-text-font-mono: var(--oscd-theme-text-font-mono, 'Roboto Mono');\n\n --oscd-warning: var(--oscd-theme-warning, #b58900);\n --md-sys-color-primary: var(--oscd-primary);\n --md-sys-color-on-primary: var(--oscd-base3);\n\n --md-sys-color-secondary: var(--oscd-secondary);\n --md-sys-color-on-secondary: var(--oscd-base3);\n --md-sys-color-secondary-container: var(--oscd-base2);\n\n --md-sys-color-surface: var(--oscd-base3);\n --md-sys-color-on-surface: var(--oscd-base00);\n --md-sys-color-surface-variant: var(--oscd-base3);\n --md-sys-color-on-surface-variant: var(--oscd-base00);\n --md-sys-color-surface-bright: var(--oscd-base2);\n --md-sys-color-surface-container: var(--oscd-base3);\n --md-sys-color-surface-container-high: var(--oscd-base3);\n --md-sys-color-surface-container-highest: var(--oscd-base3);\n\n --md-sys-color-outline-variant: var(--oscd-primary);\n --md-sys-color-scrim: #000000;\n --md-sys-color-error: var(--oscd-error);\n --md-sys-color-on-error: var(--oscd-base3);\n\n /* --md-menu-item-selected-label-text-color: var(--oscd-base01); /\n --md-icon-button-disabled-icon-color: var(--oscd-base3);\n\n / MDC Theme Colors \n * Needed for supporting any pluggins still using the depricated MWC Components\n /\n --mdc-theme-primary: var(--oscd-primary);\n --mdc-theme-secondary: var(--oscd-secondary);\n --mdc-theme-background: var(--oscd-base3);\n --mdc-theme-surface: var(--oscd-base3);\n --mdc-theme-on-primary: var(--oscd-base2);\n --mdc-theme-on-secondary: var(--oscd-base02);\n --mdc-theme-on-background: var(--oscd-base00);\n --mdc-theme-on-surface: var(--oscd-base00);\n --mdc-theme-text-primary-on-background: var(--oscd-base01);\n --mdc-theme-text-secondary-on-background: var(--oscd-base00);\n --mdc-theme-text-icon-on-background: var(--oscd-base00);\n --mdc-theme-error: var(--oscd-error);\n\n --mdc-button-disabled-ink-color: var(--oscd-base1);\n\n --mdc-drawer-heading-ink-color: var(--oscd-base00);\n\n --mdc-dialog-heading-ink-color: var(--oscd-base00);\n\n --mdc-text-field-fill-color: var(--oscd-base2);\n --mdc-text-field-ink-color: var(--oscd-base02);\n --mdc-text-field-label-ink-color: var(--oscd-base01);\n --mdc-text-field-idle-line-color: var(--oscd-base00);\n --mdc-text-field-hover-line-color: var(--oscd-base02);\n\n --mdc-select-fill-color: var(--oscd-base2);\n --mdc-select-ink-color: var(--oscd-base02);\n --mdc-select-label-ink-color: var(--oscd-base01);\n --mdc-select-idle-line-color: var(--oscd-base00);\n --mdc-select-hover-line-color: var(--oscd-base02);\n --mdc-select-dropdown-icon-color: var(--oscd-base01);\n\n --mdc-typography-font-family: var(--oscd-text-font);\n --mdc-icon-font: var(--oscd-icon-font);\n }\n\n oscd-navigation-drawer-header {\n --md-list-item-supporting-text-color: var(--md-sys-color-on-surface);\n }\n oscd-app-bar {\n --md-filled-icon-button-disabled-container-opacity: 0;\n --md-filled-icon-button-disabled-icon-color: var(\n --md-sys-color-on-primary\n );\n }\n\n oscd-tabs {\n display: flex;\n flex-grow: 1;\n --md-secondary-tab-container-color: var(--oscd-primary);\n }\n oscd-secondary-tab {\n --md-sys-color-on-surface: var(--md-sys-color-on-primary);\n --md-sys-color-on-surface-variant: var(--md-sys-color-on-primary);\n --md-secondary-tab-active-indicator-color: var(--oscd-base2);\n }\n\n .edit-dialog-remove-button {\n --md-text-button-icon-color: var(--oscd-error);\n --md-text-button-label-text-color: var(--oscd-error);\n\n --md-text-button-focus-label-text-color: var(--oscd-error);\n --md-text-button-focus-icon-color: var(--oscd-error);\n\n --md-text-button-hover-label-text-color: var(--oscd-error);\n --md-text-button-hover-state-layer-color: var(--oscd-error);\n --md-text-button-hover-icon-color: var(--oscd-error);\n\n --md-text-button-pressed-label-text-color: var(--oscd-error);\n --md-text-button-pressed-state-layer-color: var(--oscd-error);\n --md-text-button-pressed-icon-color: var(--oscd-error);\n }\n\n #title {\n position: relative;\n }\n `;\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'oscd-shell': OpenSCD;\n }\n}\n"]}
1	+ {"version":3,"file":"oscd-shell.js","sourceRoot":"","sources":["../src/oscd-shell.ts"],"names":[],"mappings":"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","sourcesContent":["import { css, html, LitElement, nothing } from 'lit';\nimport {\n customElement,\n property,\n query,\n queryAssignedNodes,\n state,\n} from 'lit/decorators.js';\nimport { ScopedElementsMixin } from '@open-wc/scoped-elements/lit-element.js';\nimport { localized, msg } from '@lit/localize';\nimport { html as staticHtml, unsafeStatic } from 'lit/static-html.js';\n\nimport { OscdFilledIconButton } from '@omicronenergy/oscd-ui/iconbutton/OscdFilledIconButton.js';\nimport { XMLEditor } from '@omicronenergy/oscd-editor';\nimport { EditEventV2, OpenEvent } from '@openscd/oscd-api';\n\nimport { loadSourcedPlugins } from './utils/plugin-utils.js';\nimport {\n getLocale,\n LocaleTag,\n setLocale,\n Translations,\n} from './localization.js';\nimport { theming } from './theming.js';\nimport { EditorPluginsPanel } from './side-panel/editor-plugins-panel.js';\nimport { PluginsMenu } from './menus/plugins-menu.js';\nimport { LandingPage } from './landing-page/landing-page.js';\nimport { RenameEvent, CloseEvent } from './foundation/events.js';\nimport { FilesMenu } from './menus/files-menu.js';\nimport { OscdAppBar } from '@omicronenergy/oscd-ui/app-bar/OscdAppBar.js';\nimport { OscdIcon } from '@omicronenergy/oscd-ui/icon/OscdIcon.js';\n\nexport type PluginEntry = {\n name: string;\n translations?: Translations;\n tagName: string;\n icon: string;\n requireDoc?: boolean;\n};\n\nexport type SourcedPluginEntry = {\n name: string;\n translations?: Translations;\n src: string;\n icon: string;\n requireDoc?: boolean;\n};\nexport type PluginSet<P = PluginEntry> = {\n menu: P[];\n editor: P[];\n background: P[];\n};\n\n@localized()\n@customElement('oscd-shell')\nexport class OscdShell extends ScopedElementsMixin(LitElement) {\n static scopedElements = {\n 'oscd-app-bar': OscdAppBar,\n 'oscd-filled-icon-button': OscdFilledIconButton,\n 'oscd-icon': OscdIcon,\n 'files-menu': FilesMenu,\n 'plugins-menu': PluginsMenu,\n 'editor-plugins-panel': EditorPluginsPanel,\n 'landing-page': LandingPage,\n };\n\n /\n Properties\n /\n\n /\n Url to the app icon displayed in the app bar\n /\n @property({ type: String })\n appIcon: string = '';\n\n @property({ type: String })\n appTitle: string = 'OpenSCD';\n\n @property({ type: String })\n landingPageHeading: string = 'Welcome to OpenSCD';\n\n @property({ type: String })\n landingPageSubHeading: string =\n 'Open Source IEC-61850-6 SCL Editing Platform';\n\n /* The file endings of editable files /\n @property({ type: Array, reflect: true }) editable = [\n 'cid',\n 'icd',\n 'iid',\n 'scd',\n 'sed',\n 'ssd',\n ];\n\n @property({ type: String, reflect: true })\n get locale() {\n return getLocale() as LocaleTag;\n }\n\n set locale(tag: LocaleTag) {\n try {\n if (tag) {\n setLocale(tag);\n }\n } catch {\n // don't change locale if tag is invalid\n }\n }\n\n _plugins: PluginSet = { menu: [], editor: [], background: [] };\n\n @property({ type: Object })\n get plugins(): PluginSet {\n return this._plugins;\n }\n\n set plugins(\n plugins: Partial<PluginSet<Partial<PluginEntry \| SourcedPluginEntry>>>,\n ) {\n this._plugins = Object.entries(plugins).reduce(\n (acc, [pluginType, kind]) => {\n const convertedPlugins = loadSourcedPlugins(kind, this.registry!);\n acc[pluginType as keyof PluginSet] = convertedPlugins;\n return acc;\n },\n { menu: [], editor: [], background: [] } as PluginSet,\n );\n }\n\n /\n * States\n /\n @state()\n get canRedo(): boolean {\n return this.xmlEditor.future.length >= 1;\n }\n\n @state()\n get canUndo(): boolean {\n return this.xmlEditor.past.length >= 1;\n }\n\n @state()\n get editor() {\n return this.plugins.editor[this.editorIndex]?.tagName ?? '';\n }\n\n @state()\n private editorIndex = 0;\n\n @state()\n /* The `XMLDocument` currently being edited /\n get doc(): XMLDocument {\n return this.docs[this.docName];\n }\n\n /* The name of the [[`doc`]] currently being edited /\n @property({ type: String, reflect: true })\n docName = '';\n\n /* The set of `XMLDocument`s currently loaded /\n private _docs: Record<string, XMLDocument> = {};\n\n @state()\n get docs(): Record<string, XMLDocument> {\n return this._docs;\n }\n\n set docs(newDocs: Record<string, XMLDocument>) {\n this._docs = newDocs;\n this.onDocsChanged();\n }\n\n @state()\n docVersion: number = -1;\n\n @state()\n get editableDocs(): string[] {\n return Object.keys(this.docs).filter(name => this.isEditable(name));\n }\n\n @state()\n get last(): number {\n return this.xmlEditor.past.length - 1;\n }\n\n @state()\n xmlEditor: XMLEditor = new XMLEditor();\n\n /\n * All Queries\n /\n\n @query('plugins-menu')\n pluginsMenu!: PluginsMenu;\n\n @query('editor-plugins-panel')\n editorPluginsPanel!: EditorPluginsPanel;\n\n @queryAssignedNodes({ slot: 'landing-page' })\n private _landingPageNodes?: NodeListOf<HTMLElement>;\n\n /\n * Constructor & life cycle methods\n /\n constructor() {\n super();\n // Catch all edits (from commits AND events) and trigger an update\n this.xmlEditor.subscribe(() => {\n this.docVersion += 1;\n });\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n document.addEventListener('keydown', this.handleKeyPress);\n this.addEventListener('oscd-open', this.handleOpenDoc);\n this.addEventListener('oscd-rename', this.handleRenameDoc);\n this.addEventListener('oscd-close', this.handleCloseDoc);\n this.addEventListener('oscd-edit-v2', this.handleEditV2);\n this.addEventListener('oscd-undo', this.handleUndo);\n this.addEventListener('oscd-redo', this.handleRedo);\n }\n\n disconnectedCallback() {\n super.disconnectedCallback();\n\n // Remove event listeners\n document.removeEventListener('keydown', this.handleKeyPress);\n this.removeEventListener('oscd-open', this.handleOpenDoc);\n this.removeEventListener('oscd-rename', this.handleRenameDoc);\n this.removeEventListener('oscd-edit-v2', this.handleEditV2);\n this.removeEventListener('oscd-undo', this.handleUndo);\n this.removeEventListener('oscd-redo', this.handleRedo);\n this.removeEventListener('oscd-close', this.handleCloseDoc);\n }\n\n /\n * Event Handlers\n /\n\n handleOpenDoc = ({ detail: { docName, doc } }: OpenEvent) => {\n this.docs = {\n ...this.docs,\n [docName]: doc,\n };\n if (this.isEditable(docName)) {\n this.docName = docName;\n }\n this.requestUpdate();\n };\n\n handleRenameDoc = (customEvent: RenameEvent) => {\n const { oldName, newName } = customEvent.detail;\n if (!this.docs[oldName] \|\| newName === oldName \|\| this.docs[newName]) {\n return;\n }\n const doc = this.docs[oldName];\n delete this.docs[oldName];\n this.docs = {\n ...this.docs,\n [newName]: doc,\n };\n this.docName = newName;\n };\n\n handleEditV2 = (event: EditEventV2) => {\n const { edit, title, squash } = event.detail;\n this.xmlEditor.commit(edit, { title, squash });\n };\n\n handleCloseDoc = (event: CloseEvent) => {\n const docName = event.detail.docName as string;\n delete this.docs[docName];\n if (this.docName === docName) {\n this.docName = this.editableDocs[0] \|\| '';\n }\n };\n\n handleUndo = () => {\n this.undo();\n };\n\n handleRedo = () => {\n this.redo();\n };\n\n private handleKeyPress = (e: KeyboardEvent) => {\n if (!e.ctrlKey) {\n return;\n }\n if (!Object.prototype.hasOwnProperty.call(this.hotkeys, e.key)) {\n return;\n }\n this.hotkeys[e.key]!.call(this);\n e.preventDefault();\n };\n\n handleOpenPluginMenu = () => {\n this.pluginsMenu.open();\n };\n\n /* Undo the last `n` [[Edit]]s committed /\n undo = (n = 1) => {\n if (!this.canUndo \|\| n < 1) {\n return;\n }\n this.xmlEditor.undo();\n if (n > 1) {\n this.undo(n - 1);\n }\n this.requestUpdate();\n };\n\n /* Redo the last `n` [[Edit]]s that have been undone /\n redo = (n = 1) => {\n if (!this.canRedo \|\| n < 1) {\n return;\n }\n this.xmlEditor.redo();\n if (n > 1) {\n this.redo(n - 1);\n }\n this.requestUpdate();\n };\n\n private hotkeys: Partial<Record<string, () => void>> = {\n m: this.handleOpenPluginMenu,\n z: this.undo,\n y: this.redo,\n Z: this.redo,\n };\n\n isEditable(docName: string): boolean {\n return !!this.editable.find(ext =>\n docName.toLowerCase().endsWith(`.${ext}`),\n );\n }\n\n onDocsChanged() {\n this.docVersion += 1;\n }\n\n renderPlugin(tagName: string) {\n const tag = unsafeStatic(tagName);\n return staticHtml`<${tag} \n .locale=\"${this.locale}\"\n .docName=\"${this.docName}\"\n .doc=${this.doc}\n .docs=${this.docs} \n .editCount=${this.docVersion}\n .docVersion=${this.docVersion}\n .editor=${this.xmlEditor}>\n </${tag}>`;\n }\n\n onMenuPluginSelect(customEvent: CustomEvent) {\n const plugin = customEvent.detail.plugin as PluginEntry;\n if (plugin.tagName) {\n this.shadowRoot!.querySelector<\n HTMLElement & { run: () => Promise<void> }\n >(plugin.tagName)!.run?.();\n }\n }\n\n renderOffScreenPlugins() {\n return html`\n <section class=\"off-screen-plugin-container\" aria-hidden=\"true\">\n <div class=\"menu-plugins\">\n ${this.plugins.menu\n .filter(plugin => !plugin.requireDoc \|\| !!this.docName)\n .map(plugin => this.renderPlugin(plugin.tagName))}\n </div>\n <div class=\"background-plugins\">\n ${this.plugins.background\n .filter(plugin => !plugin.requireDoc \|\| !!this.docName)\n .map(plugin => this.renderPlugin(plugin.tagName))}\n </div>\n </section>\n `;\n }\n\n renderDefaultLandingPage() {\n return html`\n <landing-page\n heading=${this.landingPageHeading}\n subHeading=${this.landingPageSubHeading}\n .menuPlugins=${this.plugins.menu.filter(\n plugin => !plugin.requireDoc \|\| !!this.docName,\n )}\n .locale=${this.locale}\n @menu-plugin-select=${(event: CustomEvent) =>\n this.onMenuPluginSelect(event)}\n >\n </landing-page>\n `;\n }\n\n render() {\n const hasCustomLandingPage = !!this._landingPageNodes?.length;\n if (this.editableDocs.length === 0) {\n return html` <slot\n name=\"landing-page\"\n @slotchange=${() => this.requestUpdate()}\n ></slot>\n ${!hasCustomLandingPage ? this.renderDefaultLandingPage() : nothing}\n ${this.renderOffScreenPlugins()}`;\n }\n\n return html` <oscd-app-bar>\n <plugins-menu\n slot=\"alignStart\"\n appTitle=${this.appTitle}\n appIcon=${this.appIcon}\n .editableDocs=${this.editableDocs}\n .menuPlugins=${this.plugins.menu}\n .locale=${this.locale}\n @menu-plugin-select=${(event: CustomEvent) =>\n this.onMenuPluginSelect(event)}\n ></plugins-menu>\n\n <files-menu\n slot=\"alignMiddle\"\n .selectedDocName=${this.docName}\n .editableDocs=${this.editableDocs}\n .locale=${this.locale}\n @change=${(event: CustomEvent) => {\n const name = event.detail.name as string;\n this.docName = name;\n }}\n ></files-menu>\n\n <div slot=\"alignEnd\">\n <oscd-filled-icon-button\n aria-label=\"${msg('Undo')}\"\n ?disabled=${!this.canUndo}\n @click=${async () => {\n this.dispatchEvent(\n new CustomEvent('oscd-undo', {\n bubbles: true,\n composed: true,\n }),\n );\n }}\n ><oscd-icon>undo</oscd-icon></oscd-filled-icon-button\n >\n <oscd-filled-icon-button\n aria-label=\"${msg('Redo')}\"\n ?disabled=${!this.canRedo}\n @click=${async () => {\n this.dispatchEvent(\n new CustomEvent('oscd-redo', {\n bubbles: true,\n composed: true,\n }),\n );\n }}\n ><oscd-icon>redo</oscd-icon></oscd-filled-icon-button\n >\n </div>\n </oscd-app-bar>\n\n <main>\n <section class=\"editors-side-panel-section\">\n <editor-plugins-panel\n .editors=${this.plugins.editor}\n .editorIndex=${this.editorIndex}\n .locale=${this.locale}\n @editor-select=${(e: CustomEvent) => {\n this.editorIndex = e.detail.index;\n }}\n ></editor-plugins-panel>\n </section>\n\n <section class=\"editor-container\">\n ${this.editor ? this.renderPlugin(this.editor) : nothing}\n </section>\n\n ${this.renderOffScreenPlugins()}\n </main>`;\n }\n\n static styles = css`\n ${theming}\n\n {\n --app-bar-height: 54px;\n --side-panel-width: 280px;\n }\n\n :host {\n height: 100%;\n display: grid;\n grid-template-rows: min-content 1fr;\n grid-template-columns: 1fr;\n grid-template-areas:\n 'header'\n 'main';\n }\n\n oscd-app-bar {\n grid-area: header;\n box-shadow: var(--md-sys-elevation-level-2);\n z-index: 10;\n }\n\n main {\n grid-area: main;\n display: grid;\n grid-template-columns: var(--side-panel-width) 1fr;\n grid-template-areas: 'sidebar editor';\n overflow: hidden;\n }\n\n /* Side panel collapsed state /\n main.sidebar-collapsed {\n grid-template-columns: 0 1fr;\n }\n\n section.editors-side-panel-section {\n grid-area: sidebar;\n overflow-y: auto;\n overflow-x: hidden;\n transition: transform 0.3s ease-in-out;\n }\n\n / Hide side panel when collapsed /\n main.sidebar-collapsed section.editors-side-panel-section {\n transform: translateX(-100%);\n }\n\n section.editor-container {\n grid-area: editor;\n background-color: var(--slate-100);\n padding: 8px;\n overflow: auto;\n position: relative;\n }\n\n .off-screen-plugin-container {\n position: absolute;\n top: 0;\n left: 0;\n width: 0;\n height: 0;\n overflow: hidden;\n margin: 0;\n padding: 0;\n }\n\n oscd-navigation-drawer-header {\n --md-list-item-supporting-text-color: var(--md-sys-color-on-surface);\n }\n\n oscd-app-bar {\n --md-filled-icon-button-disabled-container-opacity: 0;\n --md-filled-icon-button-disabled-icon-color: var(\n --md-sys-color-on-primary\n );\n }\n\n .edit-dialog-remove-button {\n --md-text-button-icon-color: var(--oscd-error);\n --md-text-button-label-text-color: var(--oscd-error);\n --md-text-button-focus-label-text-color: var(--oscd-error);\n --md-text-button-focus-icon-color: var(--oscd-error);\n --md-text-button-hover-label-text-color: var(--oscd-error);\n --md-text-button-hover-state-layer-color: var(--oscd-error);\n --md-text-button-hover-icon-color: var(--oscd-error);\n --md-text-button-pressed-label-text-color: var(--oscd-error);\n --md-text-button-pressed-state-layer-color: var(--oscd-error);\n --md-text-button-pressed-icon-color: var(--oscd-error);\n }\n #title {\n position: relative;\n }\n `;\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'oscd-shell': OscdShell;\n }\n}\n"]}

package/dist/side-panel/editor-plugins-panel.d.ts ADDED Viewed

@@ -0,0 +1,29 @@
+import { LitElement } from 'lit';
+import { OscdIconButton } from '@omicronenergy/oscd-ui/iconbutton/OscdIconButton.js';
+import { OscdIcon } from '@omicronenergy/oscd-ui/icon/OscdIcon.js';
+import { OscdList } from '@omicronenergy/oscd-ui/list/OscdList.js';
+import { OscdListItem } from '@omicronenergy/oscd-ui/list/OscdListItem.js';
+import { LocaleTag } from '../localization.js';
+import { PluginEntry } from '../oscd-shell.js';
+declare global {
+    interface HTMLElementTagNameMap {
+        'editor-plugins-panel': EditorPluginsPanel;
+    }
+}
+declare const EditorPluginsPanel_base: typeof LitElement & import("@open-wc/scoped-elements/lit-element.js").ScopedElementsHostConstructor;
+export declare class EditorPluginsPanel extends EditorPluginsPanel_base {
+    static scopedElements: {
+        'oscd-icon-button': typeof OscdIconButton;
+        'oscd-icon': typeof OscdIcon;
+        'oscd-list': typeof OscdList;
+        'oscd-list-item': typeof OscdListItem;
+    };
+    editors: PluginEntry[];
+    editorIndex: number;
+    locale: LocaleTag;
+    get expanded(): boolean;
+    set expanded(expanded: boolean);
+    render(): import("lit-html").TemplateResult<1>;
+    static styles: import("lit").CSSResult;
+}
+export {};

package/dist/side-panel/editor-plugins-panel.js ADDED Viewed

@@ -0,0 +1,151 @@
+import { __decorate } from "tslib";
+import { css, html, LitElement, nothing } from 'lit';
+import { property } from 'lit/decorators.js';
+import { ScopedElementsMixin } from '@open-wc/scoped-elements/lit-element.js';
+import { localized } from '@lit/localize';
+import { OscdIconButton } from '@omicronenergy/oscd-ui/iconbutton/OscdIconButton.js';
+import { OscdIcon } from '@omicronenergy/oscd-ui/icon/OscdIcon.js';
+import { OscdList } from '@omicronenergy/oscd-ui/list/OscdList.js';
+import { OscdListItem } from '@omicronenergy/oscd-ui/list/OscdListItem.js';
+import { classMap } from 'lit/directives/class-map.js';
+let EditorPluginsPanel = class EditorPluginsPanel extends ScopedElementsMixin(LitElement) {
+    constructor() {
+        super(...arguments);
+        this.editors = [];
+        this.editorIndex = 0;
+    }
+    // eslint-disable-next-line class-methods-use-this
+    get expanded() {
+        const expandedStr = localStorage.getItem('editorsPanel.expanded');
+        return expandedStr === 'false' ? false : true;
+    }
+    // eslint-disable-next-line class-methods-use-this
+    set expanded(expanded) {
+        localStorage.setItem('editorsPanel.expanded', String(expanded));
+    }
+    render() {
+        return html `
+      <oscd-list class="editors-list" role="tablist">
+        ${this.editors.map((editor, index) => html `<oscd-list-item
+              class=${classMap({ active: this.editorIndex === index })}
+              type="button"
+              @click=${() => {
+            this.dispatchEvent(new CustomEvent('editor-select', {
+                detail: { editor, index },
+                bubbles: true,
+                composed: true,
+            }));
+        }}
+            >
+              <oscd-icon slot="start">${editor.icon}</oscd-icon>
+              ${this.expanded
+            ? html `<span
+                    >${editor.translations?.[this.locale] ||
+                editor.name}</span
+                  >`
+            : nothing}
+            </oscd-list-item>`)}
+      </oscd-list>
+      <div class="footer">
+        <oscd-icon-button
+          class="toggle-button"
+          @click=${() => {
+            this.expanded = !this.expanded;
+        }}
+        >
+          <oscd-icon
+            >${this.expanded
+            ? 'left_panel_close'
+            : 'left_panel_open'}</oscd-icon
+          ></oscd-icon-button
+        >
+      </div>
+    `;
+    }
+};
+EditorPluginsPanel.scopedElements = {
+    'oscd-icon-button': OscdIconButton,
+    'oscd-icon': OscdIcon,
+    'oscd-list': OscdList,
+    'oscd-list-item': OscdListItem,
+};
+EditorPluginsPanel.styles = css `
+    :host {
+      width: 76px;
+      height: calc(100% - 20px);
+      display: grid;
+      grid-template-rows: 1fr auto;
+      min-height: 0;
+      padding-top: 20px;
+      transition: width 0.1s ease-in-out;
+      overflow-y: auto;
+      overflow-x: hidden;
+    }
+    .editors-list {
+      min-height: 0;
+      --md-list-item-leading-space: 22px;
+      --md-list-item-trailing-space: 10px;
+      --md-icon-size: 28px;
+      --md-list-container-color: rgba(0, 0, 0, 0);
+      --md-list-item-label-text-color: var(--oscd-base3);
+      --md-list-item-leading-icon-color: var(--oscd-base3);
+    }
+    .editors-list .active {
+      background-color: var(--oscd-primary);
+    }
+    .editors-list oscd-list-item span {
+      /* prevents jitter when collapsing */
+      white-space: nowrap;
+    }
+    .footer {
+      /* setting this to display:none until re-design is fixed and its safe to remove */
+      display: none;
+      /* justify-self: center;
+      justify-content: center;
+      padding-block: 22px; */
+    }
+    .toggle-button {
+      --md-icon-color: var(--oscd-base3);
+      --md-icon-button-icon-size: 32px;
+      --md-icon-button-hover-state-layer-color: var(--oscd-base3);
+      --md-icon-button-hover-state-layer-opacity: 0.08;
+      --md-icon-button-icon-color: var(--oscd-base3);
+      --md-icon-button-hover-icon-color: var(--oscd-base3);
+      --md-icon-button-focus-icon-color: var(--oscd-base3);
+      --md-icon-button-pressed-icon-color: var(--oscd-base3);
+      --md-icon-button-state-layer-height: 48px;
+      --md-icon-button-state-layer-width: 48px;
+    }
+    :host([expanded]) {
+      width: var(--side-panel-width, 240px);
+    }
+    /* :host([expanded]) .footer {
+      justify-self: flex-end;
+      justify-content: flex-end;
+      padding-inline: 22px;
+    } */
+  `;
+__decorate([
+    property({ type: Array })
+], EditorPluginsPanel.prototype, "editors", void 0);
+__decorate([
+    property({ type: Number })
+], EditorPluginsPanel.prototype, "editorIndex", void 0);
+__decorate([
+    property({ type: String })
+], EditorPluginsPanel.prototype, "locale", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], EditorPluginsPanel.prototype, "expanded", null);
+EditorPluginsPanel = __decorate([
+    localized()
+], EditorPluginsPanel);
+export { EditorPluginsPanel };
+//# sourceMappingURL=editor-plugins-panel.js.map

package/dist/side-panel/editor-plugins-panel.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"editor-plugins-panel.js","sourceRoot":"","sources":["../../src/side-panel/editor-plugins-panel.ts"],"names":[],"mappings":"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","sourcesContent":["import { css, html, LitElement, nothing } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { ScopedElementsMixin } from '@open-wc/scoped-elements/lit-element.js';\nimport { localized } from '@lit/localize';\n\nimport { OscdIconButton } from '@omicronenergy/oscd-ui/iconbutton/OscdIconButton.js';\nimport { OscdIcon } from '@omicronenergy/oscd-ui/icon/OscdIcon.js';\nimport { OscdList } from '@omicronenergy/oscd-ui/list/OscdList.js';\nimport { OscdListItem } from '@omicronenergy/oscd-ui/list/OscdListItem.js';\n\nimport { LocaleTag, Translation } from '../localization.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { PluginEntry } from '../oscd-shell.js';\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'editor-plugins-panel': EditorPluginsPanel;\n }\n}\n\n@localized()\nexport class EditorPluginsPanel extends ScopedElementsMixin(LitElement) {\n static scopedElements = {\n 'oscd-icon-button': OscdIconButton,\n 'oscd-icon': OscdIcon,\n 'oscd-list': OscdList,\n 'oscd-list-item': OscdListItem,\n };\n\n @property({ type: Array })\n editors: PluginEntry[] = [];\n\n @property({ type: Number })\n editorIndex = 0;\n\n @property({ type: String })\n locale!: LocaleTag;\n\n // eslint-disable-next-line class-methods-use-this\n @property({ type: Boolean, reflect: true })\n get expanded() {\n const expandedStr = localStorage.getItem('editorsPanel.expanded');\n return expandedStr === 'false' ? false : true;\n }\n // eslint-disable-next-line class-methods-use-this\n set expanded(expanded: boolean) {\n localStorage.setItem('editorsPanel.expanded', String(expanded));\n }\n\n render() {\n return html`\n <oscd-list class=\"editors-list\" role=\"tablist\">\n ${this.editors.map(\n (editor, index) =>\n html`<oscd-list-item\n class=${classMap({ active: this.editorIndex === index })}\n type=\"button\"\n @click=${() => {\n this.dispatchEvent(\n new CustomEvent('editor-select', {\n detail: { editor, index },\n bubbles: true,\n composed: true,\n }),\n );\n }}\n >\n <oscd-icon slot=\"start\">${editor.icon}</oscd-icon>\n ${this.expanded\n ? html`<span\n >${editor.translations?.[this.locale as Translation] ||\n editor.name}</span\n >`\n : nothing}\n </oscd-list-item>`,\n )}\n </oscd-list>\n <div class=\"footer\">\n <oscd-icon-button\n class=\"toggle-button\"\n @click=${() => {\n this.expanded = !this.expanded;\n }}\n >\n <oscd-icon\n >${this.expanded\n ? 'left_panel_close'\n : 'left_panel_open'}</oscd-icon\n ></oscd-icon-button\n >\n </div>\n `;\n }\n\n static styles = css`\n :host {\n width: 76px;\n height: calc(100% - 20px);\n display: grid;\n grid-template-rows: 1fr auto;\n min-height: 0;\n padding-top: 20px;\n transition: width 0.1s ease-in-out;\n overflow-y: auto;\n overflow-x: hidden;\n }\n\n .editors-list {\n min-height: 0;\n --md-list-item-leading-space: 22px;\n --md-list-item-trailing-space: 10px;\n --md-icon-size: 28px;\n --md-list-container-color: rgba(0, 0, 0, 0);\n --md-list-item-label-text-color: var(--oscd-base3);\n --md-list-item-leading-icon-color: var(--oscd-base3);\n }\n\n .editors-list .active {\n background-color: var(--oscd-primary);\n }\n\n .editors-list oscd-list-item span {\n /* prevents jitter when collapsing */\n white-space: nowrap;\n }\n\n .footer {\n /* setting this to display:none until re-design is fixed and its safe to remove */\n display: none;\n /* justify-self: center;\n justify-content: center;\n padding-block: 22px; */\n }\n\n .toggle-button {\n --md-icon-color: var(--oscd-base3);\n --md-icon-button-icon-size: 32px;\n --md-icon-button-hover-state-layer-color: var(--oscd-base3);\n --md-icon-button-hover-state-layer-opacity: 0.08;\n --md-icon-button-icon-color: var(--oscd-base3);\n --md-icon-button-hover-icon-color: var(--oscd-base3);\n --md-icon-button-focus-icon-color: var(--oscd-base3);\n --md-icon-button-pressed-icon-color: var(--oscd-base3);\n --md-icon-button-state-layer-height: 48px;\n --md-icon-button-state-layer-width: 48px;\n }\n\n :host([expanded]) {\n width: var(--side-panel-width, 240px);\n }\n\n /* :host([expanded]) .footer {\n justify-self: flex-end;\n justify-content: flex-end;\n padding-inline: 22px;\n } */\n `;\n}\n"]}

package/dist/side-panel/editor-plugins-panel.spec.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ import '../oscd-shell.js';

package/dist/side-panel/editor-plugins-panel.spec.js ADDED Viewed

@@ -0,0 +1,87 @@
+import { expect, fixture, html } from '@open-wc/testing';
+import '../oscd-shell.js';
+import { createTestDocs } from '../utils/testing/test-doc-helpers.js';
+import { sampleEditorPlugins } from '../utils/testing/plugin-helpers.js';
+import { TestMenuPlugin1 } from '../utils/testing/test-plugins.js';
+const findPanelToggleButton = (pluginsMenu) => {
+    const toggleButton = pluginsMenu.shadowRoot?.querySelector('oscd-icon-button.toggle-button');
+    expect(toggleButton).to.exist;
+    return toggleButton;
+};
+const isPanelExpanded = (pluginsMenu) => {
+    return pluginsMenu.hasAttribute('expanded') && pluginsMenu.expanded;
+};
+describe('editor-plugins-panel', () => {
+    let oscdShell;
+    let editorPluginsPanel;
+    let docs;
+    beforeEach(async () => {
+        docs = createTestDocs(1);
+        oscdShell = (await fixture(html `<oscd-shell
+          .docs=${docs}
+          docName=${Object.keys(docs)[0]}
+        ></oscd-shell>`));
+        if (!oscdShell.registry?.get('test-menu-plugin1')) {
+            oscdShell.registry?.define('test-menu-plugin1', TestMenuPlugin1);
+        }
+        oscdShell.plugins = {
+            editor: sampleEditorPlugins,
+        };
+        editorPluginsPanel = oscdShell.shadowRoot.querySelector('editor-plugins-panel');
+        await oscdShell.updateComplete;
+        await editorPluginsPanel.updateComplete;
+    });
+    afterEach(() => {
+        oscdShell.remove();
+        localStorage.removeItem('editorsPanel.expanded');
+    });
+    it('collapses on toggle button click when already expanded ', async () => {
+        const toggleButton = findPanelToggleButton(editorPluginsPanel);
+        expect(isPanelExpanded(editorPluginsPanel)).to.be.true;
+        toggleButton.click();
+        await editorPluginsPanel.updateComplete;
+        expect(isPanelExpanded(editorPluginsPanel)).to.be.false;
+    });
+    it('expands on toggle button click when already collapsed', async () => {
+        const toggleButton = findPanelToggleButton(editorPluginsPanel);
+        expect(isPanelExpanded(editorPluginsPanel)).to.be.true;
+        toggleButton.click();
+        await editorPluginsPanel.updateComplete;
+        expect(isPanelExpanded(editorPluginsPanel)).to.be.false;
+        toggleButton.click();
+        await editorPluginsPanel.updateComplete;
+        expect(isPanelExpanded(editorPluginsPanel)).to.be.true;
+    });
+    it('initially appears expanded if no value found in localStorage', async () => {
+        expect(isPanelExpanded(editorPluginsPanel)).to.be.true;
+    });
+    it('uses value stored in localstorage initially', async () => {
+        localStorage.setItem('editorsPanel.expanded', 'false');
+        const oscdShell2 = (await fixture(html `<oscd-shell
+          .docs=${docs}
+          docName=${Object.keys(docs)[0]}
+        ></oscd-shell>`));
+        oscdShell2.plugins = {
+            editor: sampleEditorPlugins,
+        };
+        const editorPluginsPanel2 = oscdShell2.shadowRoot.querySelector('editor-plugins-panel');
+        await oscdShell2.updateComplete;
+        await editorPluginsPanel2.updateComplete;
+        expect(isPanelExpanded(editorPluginsPanel2)).to.be.false;
+        oscdShell2.remove();
+    });
+    it('saves expanded/collapsed state (when toggled) in localStorage', async () => {
+        const toggleButton = findPanelToggleButton(editorPluginsPanel);
+        expect(localStorage.getItem('editorsPanel.expanded')).to.be.null;
+        expect(isPanelExpanded(editorPluginsPanel)).to.be.true;
+        toggleButton.click();
+        await editorPluginsPanel.updateComplete;
+        expect(isPanelExpanded(editorPluginsPanel)).to.be.false;
+        expect(localStorage.getItem('editorsPanel.expanded')).to.equal('false');
+        toggleButton.click();
+        await editorPluginsPanel.updateComplete;
+        expect(isPanelExpanded(editorPluginsPanel)).to.be.true;
+        expect(localStorage.getItem('editorsPanel.expanded')).to.equal('true');
+    });
+});
+//# sourceMappingURL=editor-plugins-panel.spec.js.map

package/dist/side-panel/editor-plugins-panel.spec.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"editor-plugins-panel.spec.js","sourceRoot":"","sources":["../../src/side-panel/editor-plugins-panel.spec.ts"],"names":[],"mappings":"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","sourcesContent":["import { expect, fixture, html } from '@open-wc/testing';\nimport type { OscdShell } from '../oscd-shell.js';\nimport '../oscd-shell.js';\nimport { EditorPluginsPanel } from './editor-plugins-panel.js';\nimport { createTestDocs } from '../utils/testing/test-doc-helpers.js';\nimport { OscdFilledIconButton } from '@omicronenergy/oscd-ui/iconbutton/OscdFilledIconButton.js';\nimport { sampleEditorPlugins } from '../utils/testing/plugin-helpers.js';\nimport { TestMenuPlugin1 } from '../utils/testing/test-plugins.js';\n\nconst findPanelToggleButton = (pluginsMenu: EditorPluginsPanel) => {\n const toggleButton = pluginsMenu.shadowRoot?.querySelector(\n 'oscd-icon-button.toggle-button',\n ) as OscdFilledIconButton;\n expect(toggleButton).to.exist;\n return toggleButton;\n};\n\nconst isPanelExpanded = (pluginsMenu: EditorPluginsPanel) => {\n return pluginsMenu.hasAttribute('expanded') && pluginsMenu.expanded;\n};\n\ndescribe('editor-plugins-panel', () => {\n let oscdShell: OscdShell;\n let editorPluginsPanel: EditorPluginsPanel;\n let docs: Record<string, XMLDocument>;\n\n beforeEach(async () => {\n docs = createTestDocs(1);\n oscdShell = <OscdShell>(\n await fixture(\n html`<oscd-shell\n .docs=${docs}\n docName=${Object.keys(docs)[0]}\n ></oscd-shell>`,\n )\n );\n if (!oscdShell.registry?.get('test-menu-plugin1')) {\n oscdShell.registry?.define('test-menu-plugin1', TestMenuPlugin1);\n }\n oscdShell.plugins = {\n editor: sampleEditorPlugins,\n };\n editorPluginsPanel = oscdShell.shadowRoot!.querySelector(\n 'editor-plugins-panel',\n )!;\n await oscdShell.updateComplete;\n await editorPluginsPanel.updateComplete;\n });\n\n afterEach(() => {\n oscdShell.remove();\n localStorage.removeItem('editorsPanel.expanded');\n });\n\n it('collapses on toggle button click when already expanded ', async () => {\n const toggleButton = findPanelToggleButton(editorPluginsPanel);\n expect(isPanelExpanded(editorPluginsPanel)).to.be.true;\n toggleButton.click();\n await editorPluginsPanel.updateComplete;\n expect(isPanelExpanded(editorPluginsPanel)).to.be.false;\n });\n\n it('expands on toggle button click when already collapsed', async () => {\n const toggleButton = findPanelToggleButton(editorPluginsPanel);\n expect(isPanelExpanded(editorPluginsPanel)).to.be.true;\n toggleButton.click();\n await editorPluginsPanel.updateComplete;\n expect(isPanelExpanded(editorPluginsPanel)).to.be.false;\n toggleButton.click();\n await editorPluginsPanel.updateComplete;\n expect(isPanelExpanded(editorPluginsPanel)).to.be.true;\n });\n\n it('initially appears expanded if no value found in localStorage', async () => {\n expect(isPanelExpanded(editorPluginsPanel)).to.be.true;\n });\n\n it('uses value stored in localstorage initially', async () => {\n localStorage.setItem('editorsPanel.expanded', 'false');\n const oscdShell2 = <OscdShell>(\n await fixture(\n html`<oscd-shell\n .docs=${docs}\n docName=${Object.keys(docs)[0]}\n ></oscd-shell>`,\n )\n );\n oscdShell2.plugins = {\n editor: sampleEditorPlugins,\n };\n const editorPluginsPanel2 = oscdShell2.shadowRoot!.querySelector(\n 'editor-plugins-panel',\n )!;\n await oscdShell2.updateComplete;\n await editorPluginsPanel2.updateComplete;\n expect(isPanelExpanded(editorPluginsPanel2)).to.be.false;\n oscdShell2.remove();\n });\n\n it('saves expanded/collapsed state (when toggled) in localStorage', async () => {\n const toggleButton = findPanelToggleButton(editorPluginsPanel);\n expect(localStorage.getItem('editorsPanel.expanded')).to.be.null;\n expect(isPanelExpanded(editorPluginsPanel)).to.be.true;\n\n toggleButton.click();\n await editorPluginsPanel.updateComplete;\n expect(isPanelExpanded(editorPluginsPanel)).to.be.false;\n expect(localStorage.getItem('editorsPanel.expanded')).to.equal('false');\n\n toggleButton.click();\n await editorPluginsPanel.updateComplete;\n expect(isPanelExpanded(editorPluginsPanel)).to.be.true;\n expect(localStorage.getItem('editorsPanel.expanded')).to.equal('true');\n });\n});\n"]}

package/dist/theming.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export declare const theming: import("lit").CSSResult;

package/dist/theming.js ADDED Viewed

@@ -0,0 +1,76 @@
+import { css } from 'lit';
+import { colors } from './colors.js';
+export const theming = css `
+  ${colors}
+  * {
+    --oscd-primary: var(--oscd-theme-primary, var(--french-blue-15));
+    --oscd-secondary: var(--oscd-theme-secondary, var(--french-blue-55));
+    --secondary: var(--oscd-secondary);
+    --oscd-theme-error: var(--oscd-theme-error, #dc322f);
+    --oscd-base03: var(--oscd-theme-base03, var(--slate-0));
+    --oscd-base02: var(--oscd-theme-base02, var(--slate-5));
+    --oscd-base01: var(--oscd-theme-base01, var(--slate-25));
+    --oscd-base00: var(--oscd-theme-base00, var(--slate-30));
+    --oscd-base0: var(--oscd-theme-base0, var(--slate-65));
+    --oscd-base1: var(--oscd-theme-base1, var(--slate-70));
+    --oscd-base2: var(--oscd-theme-base2, var(--slate-110));
+    --oscd-base3: var(--oscd-theme-base3, white);
+    --oscd-error: var(--oscd-theme-error, #dc322f);
+    --oscd-text-font: var(--oscd-theme-text-font, 'Roboto');
+    --oscd-icon-font: var(--oscd-theme-icon-font, 'Material Icons');
+    --oscd-text-font-mono: var(--oscd-theme-text-font-mono, 'Roboto Mono');
+    --oscd-warning: var(--oscd-theme-warning, #b58900);
+    --md-sys-color-primary: var(--oscd-primary);
+    --md-sys-color-on-primary: var(--oscd-base3);
+    --md-sys-color-secondary: var(--oscd-secondary);
+    --md-sys-color-on-secondary: var(--oscd-base3);
+    --md-sys-color-secondary-container: var(--oscd-base2);
+    --md-sys-color-surface: var(--oscd-base3);
+    --md-sys-color-on-surface: var(--oscd-base00);
+    --md-sys-color-surface-variant: var(--oscd-base3);
+    --md-sys-color-on-surface-variant: var(--oscd-base00);
+    --md-sys-color-surface-bright: var(--oscd-base2);
+    --md-sys-color-surface-container: var(--oscd-base3);
+    --md-sys-color-surface-container-high: var(--oscd-base3);
+    --md-sys-color-surface-container-highest: var(--oscd-base3);
+    --md-sys-color-outline-variant: var(--oscd-primary);
+    --md-sys-color-scrim: #000000;
+    --md-sys-color-error: var(--oscd-error);
+    --md-sys-color-on-error: var(--oscd-base3);
+    /* --md-menu-item-selected-label-text-color: var(--oscd-base01); */
+    --md-icon-button-disabled-icon-color: var(--oscd-base3);
+    /* MDC Theme Colors
+       * Needed for supporting any pluggins still using the depricated MWC Components
+       */
+    --mdc-theme-primary: var(--oscd-primary);
+    --mdc-theme-secondary: var(--oscd-secondary);
+    --mdc-theme-background: var(--oscd-base3);
+    --mdc-theme-surface: var(--oscd-base3);
+    --mdc-theme-on-primary: var(--oscd-base2);
+    --mdc-theme-on-secondary: var(--oscd-base3);
+    --mdc-theme-on-background: var(--oscd-base00);
+    --mdc-theme-on-surface: var(--oscd-base00);
+    --mdc-theme-text-primary-on-background: var(--oscd-base01);
+    --mdc-theme-text-secondary-on-background: var(--oscd-base3);
+    --mdc-theme-text-icon-on-background: var(--oscd-base3);
+    --mdc-theme-error: var(--oscd-error);
+    --mdc-button-disabled-ink-color: var(--oscd-base1);
+    --mdc-drawer-heading-ink-color: var(--oscd-base00);
+    --mdc-dialog-heading-ink-color: var(--oscd-base00);
+    --mdc-text-field-fill-color: var(--oscd-base2);
+    --mdc-text-field-ink-color: var(--oscd-base02);
+    --mdc-text-field-label-ink-color: var(--oscd-base01);
+    --mdc-text-field-idle-line-color: var(--oscd-base00);
+    --mdc-text-field-hover-line-color: var(--oscd-base02);
+    --mdc-select-fill-color: var(--oscd-base2);
+    --mdc-select-ink-color: var(--oscd-base02);
+    --mdc-select-label-ink-color: var(--oscd-base01);
+    --mdc-select-idle-line-color: var(--oscd-base00);
+    --mdc-select-hover-line-color: var(--oscd-base02);
+    --mdc-select-dropdown-icon-color: var(--oscd-base01);
+    --mdc-typography-font-family: var(--oscd-text-font);
+    --mdc-icon-font: var(--oscd-icon-font);
+    --mdc-theme-text-disabled-on-light: rgba(255, 255, 255, 0.38);
+  }
+`;
+//# sourceMappingURL=theming.js.map

package/dist/theming.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"theming.js","sourceRoot":"","sources":["../src/theming.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAErC,MAAM,CAAC,MAAM,OAAO,GAAG,GAAG,CAAA;IACtB,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuET,CAAC","sourcesContent":["import { css } from 'lit';\nimport { colors } from './colors.js';\n\nexport const theming = css`\n ${colors}\n * {\n --oscd-primary: var(--oscd-theme-primary, var(--french-blue-15));\n --oscd-secondary: var(--oscd-theme-secondary, var(--french-blue-55));\n --secondary: var(--oscd-secondary);\n --oscd-theme-error: var(--oscd-theme-error, #dc322f);\n --oscd-base03: var(--oscd-theme-base03, var(--slate-0));\n --oscd-base02: var(--oscd-theme-base02, var(--slate-5));\n --oscd-base01: var(--oscd-theme-base01, var(--slate-25));\n --oscd-base00: var(--oscd-theme-base00, var(--slate-30));\n --oscd-base0: var(--oscd-theme-base0, var(--slate-65));\n --oscd-base1: var(--oscd-theme-base1, var(--slate-70));\n --oscd-base2: var(--oscd-theme-base2, var(--slate-110));\n --oscd-base3: var(--oscd-theme-base3, white);\n --oscd-error: var(--oscd-theme-error, #dc322f);\n --oscd-text-font: var(--oscd-theme-text-font, 'Roboto');\n --oscd-icon-font: var(--oscd-theme-icon-font, 'Material Icons');\n --oscd-text-font-mono: var(--oscd-theme-text-font-mono, 'Roboto Mono');\n --oscd-warning: var(--oscd-theme-warning, #b58900);\n --md-sys-color-primary: var(--oscd-primary);\n --md-sys-color-on-primary: var(--oscd-base3);\n --md-sys-color-secondary: var(--oscd-secondary);\n --md-sys-color-on-secondary: var(--oscd-base3);\n --md-sys-color-secondary-container: var(--oscd-base2);\n --md-sys-color-surface: var(--oscd-base3);\n --md-sys-color-on-surface: var(--oscd-base00);\n --md-sys-color-surface-variant: var(--oscd-base3);\n --md-sys-color-on-surface-variant: var(--oscd-base00);\n --md-sys-color-surface-bright: var(--oscd-base2);\n --md-sys-color-surface-container: var(--oscd-base3);\n --md-sys-color-surface-container-high: var(--oscd-base3);\n --md-sys-color-surface-container-highest: var(--oscd-base3);\n --md-sys-color-outline-variant: var(--oscd-primary);\n --md-sys-color-scrim: #000000;\n --md-sys-color-error: var(--oscd-error);\n --md-sys-color-on-error: var(--oscd-base3);\n /* --md-menu-item-selected-label-text-color: var(--oscd-base01); */\n --md-icon-button-disabled-icon-color: var(--oscd-base3);\n /* MDC Theme Colors \n * Needed for supporting any pluggins still using the depricated MWC Components\n */\n --mdc-theme-primary: var(--oscd-primary);\n --mdc-theme-secondary: var(--oscd-secondary);\n --mdc-theme-background: var(--oscd-base3);\n --mdc-theme-surface: var(--oscd-base3);\n --mdc-theme-on-primary: var(--oscd-base2);\n --mdc-theme-on-secondary: var(--oscd-base3);\n --mdc-theme-on-background: var(--oscd-base00);\n --mdc-theme-on-surface: var(--oscd-base00);\n --mdc-theme-text-primary-on-background: var(--oscd-base01);\n --mdc-theme-text-secondary-on-background: var(--oscd-base3);\n --mdc-theme-text-icon-on-background: var(--oscd-base3);\n --mdc-theme-error: var(--oscd-error);\n --mdc-button-disabled-ink-color: var(--oscd-base1);\n --mdc-drawer-heading-ink-color: var(--oscd-base00);\n --mdc-dialog-heading-ink-color: var(--oscd-base00);\n --mdc-text-field-fill-color: var(--oscd-base2);\n --mdc-text-field-ink-color: var(--oscd-base02);\n --mdc-text-field-label-ink-color: var(--oscd-base01);\n --mdc-text-field-idle-line-color: var(--oscd-base00);\n --mdc-text-field-hover-line-color: var(--oscd-base02);\n --mdc-select-fill-color: var(--oscd-base2);\n --mdc-select-ink-color: var(--oscd-base02);\n --mdc-select-label-ink-color: var(--oscd-base01);\n --mdc-select-idle-line-color: var(--oscd-base00);\n --mdc-select-hover-line-color: var(--oscd-base02);\n --mdc-select-dropdown-icon-color: var(--oscd-base01);\n --mdc-typography-font-family: var(--oscd-text-font);\n --mdc-icon-font: var(--oscd-icon-font);\n --mdc-theme-text-disabled-on-light: rgba(255, 255, 255, 0.38);\n }\n`;\n"]}

package/dist/utils/plugin-utils.d.ts CHANGED Viewed

@@ -26,4 +26,4 @@ export declare function validatePlugin(plugin: unknown): PluginEntry | undefined
  * @param plugins - Array of plugins to convert.
  * @returns Array of plugins with tagName included.
  */
-export declare function loadSourcedPlugins(plugins: Partial<PluginEntry | SourcedPluginEntry>[]): PluginEntry[];
+export declare function loadSourcedPlugins(plugins: Partial<PluginEntry | SourcedPluginEntry>[], registry: CustomElementRegistry): PluginEntry[];

package/dist/utils/plugin-utils.js CHANGED Viewed

@@ -32,7 +32,6 @@ function generateErrorWcClass(plugin) {
       alert('${title}\\n\\n ${details}; \\n\\n Check your plugins.json');
     }
   }`;
-    // eslint-disable-next-line no-new-func
     return new Function(classString)();
 }
 /**
@@ -80,7 +79,6 @@ export function validatePlugin(plugin) {
         missingFields.push('translations');
     }
     if (missingFields.length > 0) {
-        // eslint-disable-next-line no-console
         console.error(`[Invalid Plugin]\n${JSON.stringify(plugin, null, 2)}\nMissing/Invalid fields [${missingFields.join(',')}] - skipping.`);
         return undefined;
     }
@@ -94,14 +92,13 @@ export function validatePlugin(plugin) {
  * @param plugins - Array of plugins to convert.
  * @returns Array of plugins with tagName included.
  */
-export function loadSourcedPlugins(plugins) {
+export function loadSourcedPlugins(plugins, registry) {
     return plugins
         .map(plugin => {
         if (isPlugin(plugin)) {
             return validatePlugin(plugin);
         }
         if (!isSourcedPlugin(plugin)) {
-            // eslint-disable-next-line no-console
             console.error(`[Invalid Plugin] Requires a tagName or src - skipping. ${JSON.stringify(plugin)}`);
             return undefined;
         }
@@ -114,22 +111,22 @@ export function loadSourcedPlugins(plugins) {
         if (!validatedPlugin) {
             return undefined;
         }
-        if (customElements.get(hashedTagName)) {
+        if (registry.get(hashedTagName)) {
             return validatedPlugin;
         }
         const url = new URL(src, window.location.href).toString();
-        import(url)
+        import(/* @vite-ignore */ url)
             .then(mod => {
             // Because this is async, we need to check (again) if the element is already defined.
-            if (!customElements?.get(hashedTagName)) {
-                customElements.define(hashedTagName, mod.default);
+            if (!registry?.get(hashedTagName)) {
+                registry.define(hashedTagName, mod.default);
             }
         })
             .catch(err => {
-            // eslint-disable-next-line no-console
-            console.error(`[Invalid Plugin] Failed to load plugin ${plugin.name} from ${url}`, err);
+            // Log this as a warning because we load an Error WC in place of the plugin.
+            console.warn(`[Invalid Plugin] Failed to load plugin ${plugin.name} <${hashedTagName}/> from ${url}`, err);
             const ErrWc = generateErrorWcClass(plugin);
-            customElements.define(hashedTagName, ErrWc);
+            registry.define(hashedTagName, ErrWc);
         });
         return validatedPlugin;
     })