@compas-oscd/open-scd 0.34.17 → 0.34.18

package/dist/filtered-list.js

@@ -1,101 +1,101 @@
-import { __decorate } from "tslib";
-import { css, customElement, html, property, query, state, unsafeCSS, } from 'lit-element';
-import { get } from 'lit-translate';
-import '@material/mwc-checkbox';
-import '@material/mwc-formfield';
-import '@material/mwc-textfield';
-import { CheckListItem } from '@material/mwc-list/mwc-check-list-item';
-import { List } from '@material/mwc-list';
-import { ListBase } from '@material/mwc-list/mwc-list-base';
-function slotItem(item) {
-    if (!item.closest('filtered-list') || !item.parentElement)
-        return item;
-    if (item.parentElement instanceof FilteredList)
-        return item;
-    return slotItem(item.parentElement);
-}
-function hideFiltered(item, searchText) {
-    const itemInnerText = item.innerText + '\n';
-    const childInnerText = Array.from(item.children)
-        .map(child => child.innerText)
-        .join('\n');
-    const value = item.value;
-    const filterTarget = (itemInnerText +
-        childInnerText +
-        value).toUpperCase();
-    const terms = searchText
-        .toUpperCase()
-        .replace(/[.+^${}()|[\]\\]/g, '\\$&')
-        .trim()
-        .split(/\s+/g);
-    (terms.length === 1 && terms[0] === '') ||
-        terms.every(term => {
-            // regexp escape
-            const reTerm = new RegExp(`*${term}*`.replace(/\*/g, '.*').replace(/\?/g, '.{1}'), 'i');
-            return reTerm.test(filterTarget);
-        })
-        ? slotItem(item).classList.remove('hidden')
-        : slotItem(item).classList.add('hidden');
-}
-/**
- * A mwc-list with mwc-textfield that filters the list items for given or separated terms
- */
-let FilteredList = class FilteredList extends ListBase {
-    get existCheckListItem() {
-        return this.items.some(item => item instanceof CheckListItem);
-    }
-    get isAllSelected() {
-        return this.items
-            .filter(item => !item.disabled)
-            .filter(item => item instanceof CheckListItem)
-            .every(checkItem => checkItem.selected);
-    }
-    get isSomeSelected() {
-        return this.items
-            .filter(item => !item.disabled)
-            .filter(item => item instanceof CheckListItem)
-            .some(checkItem => checkItem.selected);
-    }
-    onCheckAll() {
-        const select = !this.isAllSelected;
-        this.items
-            .filter(item => !item.disabled && !item.classList.contains('hidden'))
-            .forEach(item => (item.selected = select));
-    }
-    onFilterInput() {
-        Array.from(this.querySelectorAll('mwc-list-item, mwc-check-list-item, mwc-radio-list-item')).forEach(item => hideFiltered(item, this.searchField.value));
-    }
-    onListItemConnected(e) {
-        super.onListItemConnected(e);
-        this.requestUpdate();
-    }
-    update(changedProperties) {
-        super.update(changedProperties);
-        // regenerate filtering of text
-        this.onFilterInput();
-    }
-    constructor() {
-        super();
-        /** Whether the check all option (checkbox next to search text field) is activated */
-        this.disableCheckAll = false;
-        this.addEventListener('selected', () => {
-            this.requestUpdate();
-        });
-    }
-    renderCheckAll() {
-        return this.existCheckListItem && !this.disableCheckAll
+import { __decorate } from "tslib";
+import { css, customElement, html, property, query, state, unsafeCSS, } from 'lit-element';
+import { get } from 'lit-translate';
+import '@material/mwc-checkbox';
+import '@material/mwc-formfield';
+import '@material/mwc-textfield';
+import { CheckListItem } from '@material/mwc-list/mwc-check-list-item';
+import { List } from '@material/mwc-list';
+import { ListBase } from '@material/mwc-list/mwc-list-base';
+function slotItem(item) {
+    if (!item.closest('filtered-list') || !item.parentElement)
+        return item;
+    if (item.parentElement instanceof FilteredList)
+        return item;
+    return slotItem(item.parentElement);
+}
+function hideFiltered(item, searchText) {
+    const itemInnerText = item.innerText + '\n';
+    const childInnerText = Array.from(item.children)
+        .map(child => child.innerText)
+        .join('\n');
+    const value = item.value;
+    const filterTarget = (itemInnerText +
+        childInnerText +
+        value).toUpperCase();
+    const terms = searchText
+        .toUpperCase()
+        .replace(/[.+^${}()|[\]\\]/g, '\\$&')
+        .trim()
+        .split(/\s+/g);
+    (terms.length === 1 && terms[0] === '') ||
+        terms.every(term => {
+            // regexp escape
+            const reTerm = new RegExp(`*${term}*`.replace(/\*/g, '.*').replace(/\?/g, '.{1}'), 'i');
+            return reTerm.test(filterTarget);
+        })
+        ? slotItem(item).classList.remove('hidden')
+        : slotItem(item).classList.add('hidden');
+}
+/**
+ * A mwc-list with mwc-textfield that filters the list items for given or separated terms
+ */
+let FilteredList = class FilteredList extends ListBase {
+    get existCheckListItem() {
+        return this.items.some(item => item instanceof CheckListItem);
+    }
+    get isAllSelected() {
+        return this.items
+            .filter(item => !item.disabled)
+            .filter(item => item instanceof CheckListItem)
+            .every(checkItem => checkItem.selected);
+    }
+    get isSomeSelected() {
+        return this.items
+            .filter(item => !item.disabled)
+            .filter(item => item instanceof CheckListItem)
+            .some(checkItem => checkItem.selected);
+    }
+    onCheckAll() {
+        const select = !this.isAllSelected;
+        this.items
+            .filter(item => !item.disabled && !item.classList.contains('hidden'))
+            .forEach(item => (item.selected = select));
+    }
+    onFilterInput() {
+        Array.from(this.querySelectorAll('mwc-list-item, mwc-check-list-item, mwc-radio-list-item')).forEach(item => hideFiltered(item, this.searchField.value));
+    }
+    onListItemConnected(e) {
+        super.onListItemConnected(e);
+        this.requestUpdate();
+    }
+    update(changedProperties) {
+        super.update(changedProperties);
+        // regenerate filtering of text
+        this.onFilterInput();
+    }
+    constructor() {
+        super();
+        /** Whether the check all option (checkbox next to search text field) is activated */
+        this.disableCheckAll = false;
+        this.addEventListener('selected', () => {
+            this.requestUpdate();
+        });
+    }
+    renderCheckAll() {
+        return this.existCheckListItem && !this.disableCheckAll
             ? html `<mwc-formfield class="checkall"
           ><mwc-checkbox
             ?indeterminate=${!this.isAllSelected && this.isSomeSelected}
             ?checked=${this.isAllSelected}
-            @change=${() => {
-                this.onCheckAll();
+            @change=${() => {
+                this.onCheckAll();
             }}
           ></mwc-checkbox
-        ></mwc-formfield>`
-            : html ``;
-    }
-    render() {
+        ></mwc-formfield>`
+            : html ``;
+    }
+    render() {
         return html `<div id="tfcontainer">
         <abbr title="${this.searchFieldLabel ?? get('filter')}"
           ><mwc-textfield
@@ -107,9 +107,9 @@ let FilteredList = class FilteredList extends ListBase {
         ></abbr>
         ${this.renderCheckAll()}
       </div>
-      ${super.render()}`;
-    }
-};
+      ${super.render()}`;
+    }
+};
 FilteredList.styles = css `
     ${unsafeCSS(List.styles)}
 
@@ -142,27 +142,27 @@ FilteredList.styles = css `
     .mdc-list {
       padding-inline-start: 0px;
     }
-  `;
-__decorate([
-    property({ type: String })
-], FilteredList.prototype, "searchFieldLabel", void 0);
-__decorate([
-    property({ type: Boolean })
-], FilteredList.prototype, "disableCheckAll", void 0);
-__decorate([
-    state()
-], FilteredList.prototype, "existCheckListItem", null);
-__decorate([
-    state()
-], FilteredList.prototype, "isAllSelected", null);
-__decorate([
-    state()
-], FilteredList.prototype, "isSomeSelected", null);
-__decorate([
-    query('mwc-textfield')
-], FilteredList.prototype, "searchField", void 0);
-FilteredList = __decorate([
-    customElement('filtered-list')
-], FilteredList);
-export { FilteredList };
+  `;
+__decorate([
+    property({ type: String })
+], FilteredList.prototype, "searchFieldLabel", void 0);
+__decorate([
+    property({ type: Boolean })
+], FilteredList.prototype, "disableCheckAll", void 0);
+__decorate([
+    state()
+], FilteredList.prototype, "existCheckListItem", null);
+__decorate([
+    state()
+], FilteredList.prototype, "isAllSelected", null);
+__decorate([
+    state()
+], FilteredList.prototype, "isSomeSelected", null);
+__decorate([
+    query('mwc-textfield')
+], FilteredList.prototype, "searchField", void 0);
+FilteredList = __decorate([
+    customElement('filtered-list')
+], FilteredList);
+export { FilteredList };
 //# sourceMappingURL=filtered-list.js.map

package/dist/finder-list.d.ts

@@ -1,37 +1,37 @@
-import { LitElement, TemplateResult } from 'lit-element';
-import '@material/mwc-icon';
-import '@material/mwc-list';
-import '@material/mwc-list/mwc-list-item';
-import { SingleSelectedEvent } from '@material/mwc-list/mwc-list-foundation';
-import './filtered-list.js';
-export type Selection = {
-    [name: string]: Selection;
-};
-export type Path = string[];
-export interface Directory {
-    path: Path;
-    header?: TemplateResult;
-    entries: string[];
-}
-export declare class FinderList extends LitElement {
-    selection: Selection;
-    multi: boolean;
-    get depth(): number;
-    get paths(): Path[];
-    set paths(paths: Path[]);
-    get path(): Path;
-    set path(path: Path);
-    read: (path: Path) => Promise<Directory>;
-    loaded: Promise<void>;
-    getTitle(path: string[]): string;
-    getDisplayString(entry: string, path: string[]): string;
-    container: Element;
-    private getPaths;
-    multiSelect(event: SingleSelectedEvent, path: Path, clicked: string): void;
-    singleSelect(event: SingleSelectedEvent, path: Path, clicked: string): void;
-    select(event: SingleSelectedEvent, path: Path): Promise<void>;
-    renderDirectory(path: Path, entries: string[]): TemplateResult;
-    renderColumn(column: number): Promise<TemplateResult>;
-    render(): TemplateResult;
-    static styles: import("lit-element").CSSResult;
-}
+import { LitElement, TemplateResult } from 'lit-element';
+import '@material/mwc-icon';
+import '@material/mwc-list';
+import '@material/mwc-list/mwc-list-item';
+import { SingleSelectedEvent } from '@material/mwc-list/mwc-list-foundation';
+import './filtered-list.js';
+export type Selection = {
+    [name: string]: Selection;
+};
+export type Path = string[];
+export interface Directory {
+    path: Path;
+    header?: TemplateResult;
+    entries: string[];
+}
+export declare class FinderList extends LitElement {
+    selection: Selection;
+    multi: boolean;
+    get depth(): number;
+    get paths(): Path[];
+    set paths(paths: Path[]);
+    get path(): Path;
+    set path(path: Path);
+    read: (path: Path) => Promise<Directory>;
+    loaded: Promise<void>;
+    getTitle(path: string[]): string;
+    getDisplayString(entry: string, path: string[]): string;
+    container: Element;
+    private getPaths;
+    multiSelect(event: SingleSelectedEvent, path: Path, clicked: string): void;
+    singleSelect(event: SingleSelectedEvent, path: Path, clicked: string): void;
+    select(event: SingleSelectedEvent, path: Path): Promise<void>;
+    renderDirectory(path: Path, entries: string[]): TemplateResult;
+    renderColumn(column: number): Promise<TemplateResult>;
+    render(): TemplateResult;
+    static styles: import("lit-element").CSSResult;
+}

package/dist/finder-list.js

@@ -1,144 +1,144 @@
-import { __decorate } from "tslib";
-import { css, customElement, html, LitElement, property, query, } from 'lit-element';
-import { until } from 'lit-html/directives/until';
-import { get } from 'lit-translate';
-import '@material/mwc-icon';
-import '@material/mwc-list';
-import '@material/mwc-list/mwc-list-item';
-import './filtered-list.js';
-import { depth } from './foundation.js';
-import { ifDefined } from 'lit-html/directives/if-defined';
+import { __decorate } from "tslib";
+import { css, customElement, html, LitElement, property, query, } from 'lit-element';
+import { until } from 'lit-html/directives/until';
+import { get } from 'lit-translate';
+import '@material/mwc-icon';
+import '@material/mwc-list';
+import '@material/mwc-list/mwc-list-item';
+import './filtered-list.js';
+import { depth } from './foundation.js';
+import { ifDefined } from 'lit-html/directives/if-defined';
 const waitingList = html `<div class="column">
   <mwc-list
     ><mwc-list-item noninteractive hasMeta
       >${get('loading')}<mwc-icon slot="meta">pending</mwc-icon></mwc-list-item
     ></mwc-list
   >
-</div>`;
-let FinderList = class FinderList extends LitElement {
-    constructor() {
-        super(...arguments);
-        this.selection = {};
-        this.multi = false;
-        this.read = async (path) => {
-            return {
-                path,
-                header: html `<h2>${'/' + path.join('/')}</h2>`,
-                entries: [],
-            };
-        };
-        this.loaded = Promise.resolve();
-    }
-    get depth() {
-        return depth(this.selection);
-    }
-    get paths() {
-        return this.getPaths();
-    }
-    set paths(paths) {
-        const selection = {};
-        for (const path of paths) {
-            let i = selection;
-            for (const name of path) {
-                if (!Object.prototype.hasOwnProperty.call(i, name))
-                    i[name] = {};
-                i = i[name];
-            }
-        }
-        this.selection = selection;
-    }
-    get path() {
-        return this.paths[0] ?? [];
-    }
-    set path(path) {
-        this.paths = [path];
-    }
-    getTitle(path) {
-        return path.join('/');
-    }
-    getDisplayString(entry, path) {
-        return entry;
-    }
-    getPaths(depth) {
-        let paths = Object.keys(this.selection).map(key => [key]);
-        let i = depth ?? this.depth - 1;
-        while (i-- > 0) {
-            paths = paths.flatMap(path => {
-                let dir = this.selection;
-                for (const entry of path)
-                    dir = dir[entry]; // recursive descent
-                const newPaths = Object.keys(dir).map(entry => path.concat(entry));
-                return newPaths.length === 0 ? [path] : newPaths;
-            });
-        }
-        return depth === undefined
-            ? paths
-            : paths.filter(path => path.length > depth);
-    }
-    multiSelect(event, path, clicked) {
-        let dir = this.selection;
-        for (const entry of path)
-            dir = dir[entry]; // recursive descent
-        if (dir && dir[clicked])
-            delete dir[clicked];
-        // deselect if selected
-        else
-            dir[clicked] = {}; // select otherwise
-    }
-    singleSelect(event, path, clicked) {
-        if (this.path[path.length] === clicked)
-            this.path = path;
-        // deselect if selected
-        else
-            this.path = path.concat(clicked); // select otherwise
-    }
-    async select(event, path) {
-        const clicked = event.target.selected.value;
-        if (this.multi)
-            this.multiSelect(event, path, clicked);
-        else
-            this.singleSelect(event, path, clicked);
-        this.requestUpdate();
-        await this.updateComplete;
-        await new Promise(resolve => setTimeout(resolve, 250));
-        this.container.scrollLeft = 1000 * this.depth;
-    }
-    renderDirectory(path, entries) {
+</div>`;
+let FinderList = class FinderList extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.selection = {};
+        this.multi = false;
+        this.read = async (path) => {
+            return {
+                path,
+                header: html `<h2>${'/' + path.join('/')}</h2>`,
+                entries: [],
+            };
+        };
+        this.loaded = Promise.resolve();
+    }
+    get depth() {
+        return depth(this.selection);
+    }
+    get paths() {
+        return this.getPaths();
+    }
+    set paths(paths) {
+        const selection = {};
+        for (const path of paths) {
+            let i = selection;
+            for (const name of path) {
+                if (!Object.prototype.hasOwnProperty.call(i, name))
+                    i[name] = {};
+                i = i[name];
+            }
+        }
+        this.selection = selection;
+    }
+    get path() {
+        return this.paths[0] ?? [];
+    }
+    set path(path) {
+        this.paths = [path];
+    }
+    getTitle(path) {
+        return path.join('/');
+    }
+    getDisplayString(entry, path) {
+        return entry;
+    }
+    getPaths(depth) {
+        let paths = Object.keys(this.selection).map(key => [key]);
+        let i = depth ?? this.depth - 1;
+        while (i-- > 0) {
+            paths = paths.flatMap(path => {
+                let dir = this.selection;
+                for (const entry of path)
+                    dir = dir[entry]; // recursive descent
+                const newPaths = Object.keys(dir).map(entry => path.concat(entry));
+                return newPaths.length === 0 ? [path] : newPaths;
+            });
+        }
+        return depth === undefined
+            ? paths
+            : paths.filter(path => path.length > depth);
+    }
+    multiSelect(event, path, clicked) {
+        let dir = this.selection;
+        for (const entry of path)
+            dir = dir[entry]; // recursive descent
+        if (dir && dir[clicked])
+            delete dir[clicked];
+        // deselect if selected
+        else
+            dir[clicked] = {}; // select otherwise
+    }
+    singleSelect(event, path, clicked) {
+        if (this.path[path.length] === clicked)
+            this.path = path;
+        // deselect if selected
+        else
+            this.path = path.concat(clicked); // select otherwise
+    }
+    async select(event, path) {
+        const clicked = event.target.selected.value;
+        if (this.multi)
+            this.multiSelect(event, path, clicked);
+        else
+            this.singleSelect(event, path, clicked);
+        this.requestUpdate();
+        await this.updateComplete;
+        await new Promise(resolve => setTimeout(resolve, 250));
+        this.container.scrollLeft = 1000 * this.depth;
+    }
+    renderDirectory(path, entries) {
         return html `<filtered-list
       @selected=${(e) => this.select(e, path)}
       searchFieldLabel="${this.getTitle(path)}"
     >
       ${entries.map(entry => html `<mwc-list-item
             value="${entry}"
-            ?activated=${this.getPaths(path.length)
-            .map(p => JSON.stringify(p))
+            ?activated=${this.getPaths(path.length)
+            .map(p => JSON.stringify(p))
             .includes(JSON.stringify(path.concat(entry)))}
             >${this.getDisplayString(entry, path)}</mwc-list-item
           >`)}
-    </filtered-list>`;
-    }
-    async renderColumn(column) {
-        const paths = this.getPaths(column);
-        const dirs = paths.map(path => this.read(path));
-        const lists = [];
-        for await (const { header, entries, path } of dirs) {
-            if (header || entries.length > 0)
-                lists.push(html `${ifDefined(header)} ${this.renderDirectory(path, entries)}`);
-        }
-        if (lists.length === 0)
-            return html ``;
-        return html `<div class="column">${lists}</div>`;
-    }
-    render() {
-        const columns = new Array(this.depth)
-            .fill(0)
-            .map((_, index) => this.renderColumn(index));
-        this.loaded = Promise.allSettled(columns).then();
+    </filtered-list>`;
+    }
+    async renderColumn(column) {
+        const paths = this.getPaths(column);
+        const dirs = paths.map(path => this.read(path));
+        const lists = [];
+        for await (const { header, entries, path } of dirs) {
+            if (header || entries.length > 0)
+                lists.push(html `${ifDefined(header)} ${this.renderDirectory(path, entries)}`);
+        }
+        if (lists.length === 0)
+            return html ``;
+        return html `<div class="column">${lists}</div>`;
+    }
+    render() {
+        const columns = new Array(this.depth)
+            .fill(0)
+            .map((_, index) => this.renderColumn(index));
+        this.loaded = Promise.allSettled(columns).then();
         return html `<div class="pane">
       ${columns.map(column => until(column, waitingList))}
-    </div>`;
-    }
-};
+    </div>`;
+    }
+};
 FinderList.styles = css `
     div.pane {
       display: flex;
@@ -175,33 +175,33 @@ FinderList.styles = css `
     a:visited {
       color: var(--mdc-theme-secondary);
     }
-  `;
-__decorate([
-    property({ type: Object })
-], FinderList.prototype, "selection", void 0);
-__decorate([
-    property({ type: Boolean })
-], FinderList.prototype, "multi", void 0);
-__decorate([
-    property({ type: Number })
-], FinderList.prototype, "depth", null);
-__decorate([
-    property({ type: Array })
-], FinderList.prototype, "paths", null);
-__decorate([
-    property({ type: Array })
-], FinderList.prototype, "path", null);
-__decorate([
-    property({ attribute: false })
-], FinderList.prototype, "read", void 0);
-__decorate([
-    property({ attribute: false })
-], FinderList.prototype, "loaded", void 0);
-__decorate([
-    query('div')
-], FinderList.prototype, "container", void 0);
-FinderList = __decorate([
-    customElement('finder-list')
-], FinderList);
-export { FinderList };
+  `;
+__decorate([
+    property({ type: Object })
+], FinderList.prototype, "selection", void 0);
+__decorate([
+    property({ type: Boolean })
+], FinderList.prototype, "multi", void 0);
+__decorate([
+    property({ type: Number })
+], FinderList.prototype, "depth", null);
+__decorate([
+    property({ type: Array })
+], FinderList.prototype, "paths", null);
+__decorate([
+    property({ type: Array })
+], FinderList.prototype, "path", null);
+__decorate([
+    property({ attribute: false })
+], FinderList.prototype, "read", void 0);
+__decorate([
+    property({ attribute: false })
+], FinderList.prototype, "loaded", void 0);
+__decorate([
+    query('div')
+], FinderList.prototype, "container", void 0);
+FinderList = __decorate([
+    customElement('finder-list')
+], FinderList);
+export { FinderList };
 //# sourceMappingURL=finder-list.js.map