@leavittsoftware/web 5.23.0 → 5.25.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@leavittsoftware/web",
-  "version": "5.23.0",
+  "version": "5.25.0",
   "license": "Apache-2.0",
   "description": "",
   "files": [
@@ -42,5 +42,5 @@
     "url": "https://github.com/LeavittSoftware/titanium-elements/issues"
   },
   "homepage": "https://github.com/LeavittSoftware/titanium-elements/#readme",
-  "gitHead": "59c5db2c9ef30a37c0f6e1e41720e9035685255d"
+  "gitHead": "268ef4e5d62463eb7223d8fb279aba0d911d93c3"
 }

package/titanium/data-table/data-table-content-styles.d.ts

@@ -0,0 +1,2 @@
+export declare const dataTableContentStyles: import("lit").CSSResult;
+//# sourceMappingURL=data-table-content-styles.d.ts.map

package/titanium/data-table/data-table-content-styles.js

@@ -0,0 +1,39 @@
+import { css } from 'lit';
+export const dataTableContentStyles = css `
+  [supporting-text] {
+    font-size: 12px;
+    line-height: 14px;
+    opacity: 0.8;
+  }
+
+  two-line {
+    display: grid;
+    grid-auto-flow: row;
+    gap: 0;
+  }
+
+  image-row {
+    display: grid;
+    grid: 'image label' / auto 1fr;
+    align-items: center;
+    gap: 0 12px;
+
+    img {
+      grid-area: image;
+      height: 32px;
+      width: 32px;
+      image-rendering: -webkit-optimize-contrast;
+    }
+
+    [supporting-text] {
+      grid-area: supporting-text;
+    }
+  }
+
+  image-row:has([supporting-text]) {
+    grid:
+      'image label'
+      'image supporting-text' / auto 1fr;
+  }
+`;
+//# sourceMappingURL=data-table-content-styles.js.map

package/titanium/data-table/data-table-content-styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-table-content-styles.js","sourceRoot":"","sources":["data-table-content-styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,sBAAsB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoCxC,CAAC"}

package/titanium/data-table/data-table-core-reorder-dialog.d.ts

@@ -0,0 +1,391 @@
+import '@material/web/dialog/dialog';
+import '@material/web/button/filled-tonal-button';
+import '@material/web/button/text-button';
+import '@material/web/icon/icon';
+import '@leavittsoftware/web/titanium/snackbar/snackbar-stack';
+import '@material/web/progress/circular-progress';
+import './data-table-core-reorder-item';
+import { CSSResult, CSSResultGroup, LitElement } from 'lit';
+import { TitaniumDataTableCoreMetaData } from './data-table-core';
+export type CloseReason = 'apply' | 'cancel';
+declare const TitaniumDataTableCoreReorderDialog_base: {
+    new (...args: any[]): {
+        "__#private@#promiseCount": number;
+        isLoading: boolean;
+        loadWhile(promise: Promise<unknown>): Promise<void>;
+        accessKey: string;
+        readonly accessKeyLabel: string;
+        autocapitalize: string;
+        autocorrect: boolean;
+        dir: string;
+        draggable: boolean;
+        hidden: boolean;
+        inert: boolean;
+        innerText: string;
+        lang: string;
+        readonly offsetHeight: number;
+        readonly offsetLeft: number;
+        readonly offsetParent: Element | null;
+        readonly offsetTop: number;
+        readonly offsetWidth: number;
+        outerText: string;
+        popover: string | null;
+        spellcheck: boolean;
+        title: string;
+        translate: boolean;
+        writingSuggestions: string;
+        attachInternals(): ElementInternals;
+        click(): void;
+        hidePopover(): void;
+        hidePopover(): void;
+        showPopover(): void;
+        showPopover(): void;
+        togglePopover(options?: boolean): boolean;
+        togglePopover(force: boolean): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+        floatingLabelFoundation?: import("@material/floating-label/foundation").MDCFloatingLabelFoundation;
+        lineRippleFoundation?: import("@material/line-ripple/foundation").MDCLineRippleFoundation;
+        readonly attributes: NamedNodeMap;
+        get classList(): DOMTokenList;
+        set classList(value: string);
+        className: string;
+        readonly clientHeight: number;
+        readonly clientLeft: number;
+        readonly clientTop: number;
+        readonly clientWidth: number;
+        readonly currentCSSZoom: number;
+        id: string;
+        innerHTML: string;
+        readonly localName: string;
+        readonly namespaceURI: string | null;
+        onfullscreenchange: ((this: Element, ev: Event) => any) | null;
+        onfullscreenerror: ((this: Element, ev: Event) => any) | null;
+        outerHTML: string;
+        readonly ownerDocument: Document;
+        get part(): DOMTokenList;
+        set part(value: string);
+        readonly prefix: string | null;
+        readonly scrollHeight: number;
+        scrollLeft: number;
+        scrollTop: number;
+        readonly scrollWidth: number;
+        readonly shadowRoot: ShadowRoot | null;
+        slot: string;
+        readonly tagName: string;
+        attachShadow(init: ShadowRootInit): ShadowRoot;
+        checkVisibility(options?: CheckVisibilityOptions): boolean;
+        closest<K extends keyof HTMLElementTagNameMap>(selector: K): HTMLElementTagNameMap[K] | null;
+        closest<K extends keyof SVGElementTagNameMap>(selector: K): SVGElementTagNameMap[K] | null;
+        closest<K extends keyof MathMLElementTagNameMap>(selector: K): MathMLElementTagNameMap[K] | null;
+        closest<E extends Element = Element>(selectors: string): E | null;
+        computedStyleMap(): StylePropertyMapReadOnly;
+        getAttribute(qualifiedName: string): string | null;
+        getAttributeNS(namespace: string | null, localName: string): string | null;
+        getAttributeNames(): string[];
+        getAttributeNode(qualifiedName: string): Attr | null;
+        getAttributeNodeNS(namespace: string | null, localName: string): Attr | null;
+        getBoundingClientRect(): DOMRect;
+        getClientRects(): DOMRectList;
+        getElementsByClassName(classNames: string): HTMLCollectionOf<Element>;
+        getElementsByTagName<K extends keyof HTMLElementTagNameMap>(qualifiedName: K): HTMLCollectionOf<HTMLElementTagNameMap[K]>;
+        getElementsByTagName<K extends keyof SVGElementTagNameMap>(qualifiedName: K): HTMLCollectionOf<SVGElementTagNameMap[K]>;
+        getElementsByTagName<K extends keyof MathMLElementTagNameMap>(qualifiedName: K): HTMLCollectionOf<MathMLElementTagNameMap[K]>;
+        getElementsByTagName<K extends keyof HTMLElementDeprecatedTagNameMap>(qualifiedName: K): HTMLCollectionOf<HTMLElementDeprecatedTagNameMap[K]>;
+        getElementsByTagName(qualifiedName: string): HTMLCollectionOf<Element>;
+        getElementsByTagNameNS(namespaceURI: "http://www.w3.org/1999/xhtml", localName: string): HTMLCollectionOf<HTMLElement>;
+        getElementsByTagNameNS(namespaceURI: "http://www.w3.org/2000/svg", localName: string): HTMLCollectionOf<SVGElement>;
+        getElementsByTagNameNS(namespaceURI: "http://www.w3.org/1998/Math/MathML", localName: string): HTMLCollectionOf<MathMLElement>;
+        getElementsByTagNameNS(namespace: string | null, localName: string): HTMLCollectionOf<Element>;
+        getHTML(options?: GetHTMLOptions): string;
+        hasAttribute(qualifiedName: string): boolean;
+        hasAttributeNS(namespace: string | null, localName: string): boolean;
+        hasAttributes(): boolean;
+        hasPointerCapture(pointerId: number): boolean;
+        insertAdjacentElement(where: InsertPosition, element: Element): Element | null;
+        insertAdjacentHTML(position: InsertPosition, string: string): void;
+        insertAdjacentText(where: InsertPosition, data: string): void;
+        matches(selectors: string): boolean;
+        releasePointerCapture(pointerId: number): void;
+        removeAttribute(qualifiedName: string): void;
+        removeAttributeNS(namespace: string | null, localName: string): void;
+        removeAttributeNode(attr: Attr): Attr;
+        requestFullscreen(options?: FullscreenOptions): Promise<void>;
+        requestPointerLock(options?: PointerLockOptions): Promise<void>;
+        scroll(options?: ScrollToOptions): void;
+        scroll(x: number, y: number): void;
+        scrollBy(options?: ScrollToOptions): void;
+        scrollBy(x: number, y: number): void;
+        scrollIntoView(arg?: boolean | ScrollIntoViewOptions): void;
+        scrollTo(options?: ScrollToOptions): void;
+        scrollTo(x: number, y: number): void;
+        setAttribute(qualifiedName: string, value: string): void;
+        setAttributeNS(namespace: string | null, qualifiedName: string, value: string): void;
+        setAttributeNode(attr: Attr): Attr | null;
+        setAttributeNodeNS(attr: Attr): Attr | null;
+        setHTMLUnsafe(html: string): void;
+        setPointerCapture(pointerId: number): void;
+        toggleAttribute(qualifiedName: string, force?: boolean): boolean;
+        webkitMatchesSelector(selectors: string): boolean;
+        get textContent(): string;
+        set textContent(value: string | null);
+        readonly baseURI: string;
+        readonly childNodes: NodeListOf<ChildNode>;
+        readonly firstChild: ChildNode | null;
+        readonly isConnected: boolean;
+        readonly lastChild: ChildNode | null;
+        readonly nextSibling: ChildNode | null;
+        readonly nodeName: string;
+        readonly nodeType: number;
+        nodeValue: string | null;
+        readonly parentElement: HTMLElement | null;
+        readonly parentNode: ParentNode | null;
+        readonly previousSibling: ChildNode | null;
+        appendChild<T_1 extends Node>(node: T_1): T_1;
+        cloneNode(subtree?: boolean): Node;
+        compareDocumentPosition(other: Node): number;
+        contains(other: Node | null): boolean;
+        getRootNode(options?: GetRootNodeOptions): Node;
+        hasChildNodes(): boolean;
+        insertBefore<T_1 extends Node>(node: T_1, child: Node | null): T_1;
+        isDefaultNamespace(namespace: string | null): boolean;
+        isEqualNode(otherNode: Node | null): boolean;
+        isSameNode(otherNode: Node | null): boolean;
+        lookupNamespaceURI(prefix: string | null): string | null;
+        lookupPrefix(namespace: string | null): string | null;
+        normalize(): void;
+        removeChild<T_1 extends Node>(child: T_1): T_1;
+        replaceChild<T_1 extends Node>(node: Node, child: T_1): T_1;
+        readonly ELEMENT_NODE: 1;
+        readonly ATTRIBUTE_NODE: 2;
+        readonly TEXT_NODE: 3;
+        readonly CDATA_SECTION_NODE: 4;
+        readonly ENTITY_REFERENCE_NODE: 5;
+        readonly ENTITY_NODE: 6;
+        readonly PROCESSING_INSTRUCTION_NODE: 7;
+        readonly COMMENT_NODE: 8;
+        readonly DOCUMENT_NODE: 9;
+        readonly DOCUMENT_TYPE_NODE: 10;
+        readonly DOCUMENT_FRAGMENT_NODE: 11;
+        readonly NOTATION_NODE: 12;
+        readonly DOCUMENT_POSITION_DISCONNECTED: 1;
+        readonly DOCUMENT_POSITION_PRECEDING: 2;
+        readonly DOCUMENT_POSITION_FOLLOWING: 4;
+        readonly DOCUMENT_POSITION_CONTAINS: 8;
+        readonly DOCUMENT_POSITION_CONTAINED_BY: 16;
+        readonly DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC: 32;
+        dispatchEvent(event: Event): boolean;
+        ariaActiveDescendantElement: Element | null;
+        ariaAtomic: string | null;
+        ariaAutoComplete: string | null;
+        ariaBrailleLabel: string | null;
+        ariaBrailleRoleDescription: string | null;
+        ariaBusy: string | null;
+        ariaChecked: string | null;
+        ariaColCount: string | null;
+        ariaColIndex: string | null;
+        ariaColIndexText: string | null;
+        ariaColSpan: string | null;
+        ariaControlsElements: ReadonlyArray<Element> | null;
+        ariaCurrent: string | null;
+        ariaDescribedByElements: ReadonlyArray<Element> | null;
+        ariaDescription: string | null;
+        ariaDetailsElements: ReadonlyArray<Element> | null;
+        ariaDisabled: string | null;
+        ariaErrorMessageElements: ReadonlyArray<Element> | null;
+        ariaExpanded: string | null;
+        ariaFlowToElements: ReadonlyArray<Element> | null;
+        ariaHasPopup: string | null;
+        ariaHidden: string | null;
+        ariaInvalid: string | null;
+        ariaKeyShortcuts: string | null;
+        ariaLabel: string | null;
+        ariaLabelledByElements: ReadonlyArray<Element> | null;
+        ariaLevel: string | null;
+        ariaLive: string | null;
+        ariaModal: string | null;
+        ariaMultiLine: string | null;
+        ariaMultiSelectable: string | null;
+        ariaOrientation: string | null;
+        ariaOwnsElements: ReadonlyArray<Element> | null;
+        ariaPlaceholder: string | null;
+        ariaPosInSet: string | null;
+        ariaPressed: string | null;
+        ariaReadOnly: string | null;
+        ariaRelevant: string | null;
+        ariaRequired: string | null;
+        ariaRoleDescription: string | null;
+        ariaRowCount: string | null;
+        ariaRowIndex: string | null;
+        ariaRowIndexText: string | null;
+        ariaRowSpan: string | null;
+        ariaSelected: string | null;
+        ariaSetSize: string | null;
+        ariaSort: string | null;
+        ariaValueMax: string | null;
+        ariaValueMin: string | null;
+        ariaValueNow: string | null;
+        ariaValueText: string | null;
+        role: string | null;
+        animate(keyframes: Keyframe[] | PropertyIndexedKeyframes | null, options?: number | KeyframeAnimationOptions): Animation;
+        getAnimations(options?: GetAnimationsOptions): Animation[];
+        after(...nodes: (Node | string)[]): void;
+        before(...nodes: (Node | string)[]): void;
+        remove(): void;
+        replaceWith(...nodes: (Node | string)[]): void;
+        readonly nextElementSibling: Element | null;
+        readonly previousElementSibling: Element | null;
+        readonly childElementCount: number;
+        readonly children: HTMLCollection;
+        readonly firstElementChild: Element | null;
+        readonly lastElementChild: Element | null;
+        append(...nodes: (Node | string)[]): void;
+        prepend(...nodes: (Node | string)[]): void;
+        querySelector<K extends keyof HTMLElementTagNameMap>(selectors: K): HTMLElementTagNameMap[K] | null;
+        querySelector<K extends keyof SVGElementTagNameMap>(selectors: K): SVGElementTagNameMap[K] | null;
+        querySelector<K extends keyof MathMLElementTagNameMap>(selectors: K): MathMLElementTagNameMap[K] | null;
+        querySelector<K extends keyof HTMLElementDeprecatedTagNameMap>(selectors: K): HTMLElementDeprecatedTagNameMap[K] | null;
+        querySelector<E extends Element = Element>(selectors: string): E | null;
+        querySelectorAll<K extends keyof HTMLElementTagNameMap>(selectors: K): NodeListOf<HTMLElementTagNameMap[K]>;
+        querySelectorAll<K extends keyof SVGElementTagNameMap>(selectors: K): NodeListOf<SVGElementTagNameMap[K]>;
+        querySelectorAll<K extends keyof MathMLElementTagNameMap>(selectors: K): NodeListOf<MathMLElementTagNameMap[K]>;
+        querySelectorAll<K extends keyof HTMLElementDeprecatedTagNameMap>(selectors: K): NodeListOf<HTMLElementDeprecatedTagNameMap[K]>;
+        querySelectorAll<E extends Element = Element>(selectors: string): NodeListOf<E>;
+        replaceChildren(...nodes: (Node | string)[]): void;
+        readonly assignedSlot: HTMLSlotElement | null;
+        readonly attributeStyleMap: StylePropertyMap;
+        get style(): CSSStyleDeclaration;
+        set style(cssText: string);
+        contentEditable: string;
+        enterKeyHint: string;
+        inputMode: string;
+        readonly isContentEditable: boolean;
+        onabort: ((this: GlobalEventHandlers, ev: UIEvent) => any) | null;
+        onanimationcancel: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
+        onanimationend: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
+        onanimationiteration: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
+        onanimationstart: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
+        onauxclick: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
+        onbeforeinput: ((this: GlobalEventHandlers, ev: InputEvent) => any) | null;
+        onbeforematch: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onbeforetoggle: ((this: GlobalEventHandlers, ev: ToggleEvent) => any) | null;
+        onblur: ((this: GlobalEventHandlers, ev: FocusEvent) => any) | null;
+        oncancel: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        oncanplay: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        oncanplaythrough: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onchange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onclick: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
+        onclose: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        oncontextlost: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        oncontextmenu: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
+        oncontextrestored: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        oncopy: ((this: GlobalEventHandlers, ev: ClipboardEvent) => any) | null;
+        oncuechange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        oncut: ((this: GlobalEventHandlers, ev: ClipboardEvent) => any) | null;
+        ondblclick: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
+        ondrag: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
+        ondragend: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
+        ondragenter: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
+        ondragleave: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
+        ondragover: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
+        ondragstart: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
+        ondrop: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
+        ondurationchange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onemptied: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onended: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onerror: OnErrorEventHandler;
+        onfocus: ((this: GlobalEventHandlers, ev: FocusEvent) => any) | null;
+        onformdata: ((this: GlobalEventHandlers, ev: FormDataEvent) => any) | null;
+        ongotpointercapture: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
+        oninput: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        oninvalid: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onkeydown: ((this: GlobalEventHandlers, ev: KeyboardEvent) => any) | null;
+        onkeypress: ((this: GlobalEventHandlers, ev: KeyboardEvent) => any) | null;
+        onkeyup: ((this: GlobalEventHandlers, ev: KeyboardEvent) => any) | null;
+        onload: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onloadeddata: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onloadedmetadata: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onloadstart: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onlostpointercapture: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
+        onmousedown: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
+        onmouseenter: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
+        onmouseleave: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
+        onmousemove: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
+        onmouseout: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
+        onmouseover: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
+        onmouseup: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
+        onpaste: ((this: GlobalEventHandlers, ev: ClipboardEvent) => any) | null;
+        onpause: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onplay: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onplaying: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onpointercancel: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
+        onpointerdown: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
+        onpointerenter: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
+        onpointerleave: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
+        onpointermove: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
+        onpointerout: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
+        onpointerover: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
+        onpointerrawupdate: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onpointerup: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
+        onprogress: ((this: GlobalEventHandlers, ev: ProgressEvent) => any) | null;
+        onratechange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onreset: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onresize: ((this: GlobalEventHandlers, ev: UIEvent) => any) | null;
+        onscroll: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onscrollend: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onsecuritypolicyviolation: ((this: GlobalEventHandlers, ev: SecurityPolicyViolationEvent) => any) | null;
+        onseeked: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onseeking: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onselect: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onselectionchange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onselectstart: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onslotchange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onstalled: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onsubmit: ((this: GlobalEventHandlers, ev: SubmitEvent) => any) | null;
+        onsuspend: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        ontimeupdate: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        ontoggle: ((this: GlobalEventHandlers, ev: ToggleEvent) => any) | null;
+        ontouchcancel?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
+        ontouchend?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
+        ontouchmove?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
+        ontouchstart?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
+        ontransitioncancel: ((this: GlobalEventHandlers, ev: TransitionEvent) => any) | null;
+        ontransitionend: ((this: GlobalEventHandlers, ev: TransitionEvent) => any) | null;
+        ontransitionrun: ((this: GlobalEventHandlers, ev: TransitionEvent) => any) | null;
+        ontransitionstart: ((this: GlobalEventHandlers, ev: TransitionEvent) => any) | null;
+        onvolumechange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onwaiting: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onwebkitanimationend: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onwebkitanimationiteration: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onwebkitanimationstart: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onwebkittransitionend: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onwheel: ((this: GlobalEventHandlers, ev: WheelEvent) => any) | null;
+        autofocus: boolean;
+        readonly dataset: DOMStringMap;
+        nonce?: string;
+        tabIndex: number;
+        blur(): void;
+        focus(options?: FocusOptions): void;
+    };
+    get properties(): {
+        isLoading: {
+            type: BooleanConstructor;
+        };
+    };
+} & typeof LitElement;
+export declare class TitaniumDataTableCoreReorderDialog<T extends object> extends TitaniumDataTableCoreReorderDialog_base {
+    #private;
+    accessor tableMetaData: TitaniumDataTableCoreMetaData<T> | null;
+    accessor supplementalItemStyles: CSSResult | CSSResultGroup | null;
+    private accessor dialog;
+    private accessor snackbar;
+    accessor items: Array<T>;
+    show(items: Array<T>): Promise<CloseReason>;
+    hasChanges(sortA: Array<T>, sortB: Array<T>): boolean;
+    static styles: CSSResult[];
+    render(): import("lit-html").TemplateResult<1>;
+}
+export {};
+//# sourceMappingURL=data-table-core-reorder-dialog.d.ts.map

package/titanium/data-table/data-table-core-reorder-dialog.js

@@ -0,0 +1,169 @@
+import { __decorate } from "tslib";
+import '@material/web/dialog/dialog';
+import '@material/web/button/filled-tonal-button';
+import '@material/web/button/text-button';
+import '@material/web/icon/icon';
+import '@leavittsoftware/web/titanium/snackbar/snackbar-stack';
+import '@material/web/progress/circular-progress';
+import './data-table-core-reorder-item';
+import { LitElement, css, html } from 'lit';
+import { customElement, property, query, state } from 'lit/decorators.js';
+import { dialogCloseNavigationHack, dialogOpenNavigationHack } from '../hacks/dialog-navigation-hack';
+import { dialogZIndexHack } from '../hacks/dialog-zindex-hack';
+import { repeat } from 'lit/directives/repeat.js';
+import { LoadWhile } from '../helpers/load-while';
+import { ShowSnackbarEvent } from '../snackbar/show-snackbar-event';
+let TitaniumDataTableCoreReorderDialog = class TitaniumDataTableCoreReorderDialog extends LoadWhile(LitElement) {
+    #tableMetaData_accessor_storage = null;
+    get tableMetaData() { return this.#tableMetaData_accessor_storage; }
+    set tableMetaData(value) { this.#tableMetaData_accessor_storage = value; }
+    #supplementalItemStyles_accessor_storage = null;
+    get supplementalItemStyles() { return this.#supplementalItemStyles_accessor_storage; }
+    set supplementalItemStyles(value) { this.#supplementalItemStyles_accessor_storage = value; }
+    #dialog_accessor_storage;
+    get dialog() { return this.#dialog_accessor_storage; }
+    set dialog(value) { this.#dialog_accessor_storage = value; }
+    #snackbar_accessor_storage;
+    get snackbar() { return this.#snackbar_accessor_storage; }
+    set snackbar(value) { this.#snackbar_accessor_storage = value; }
+    #items_accessor_storage = [];
+    get items() { return this.#items_accessor_storage; }
+    set items(value) { this.#items_accessor_storage = value; }
+    #originalItems = [];
+    async show(items) {
+        const _items = structuredClone(items);
+        const sortPropertyKey = this.tableMetaData?.reorderConfig?.sortPropertyKey;
+        if (sortPropertyKey) {
+            _items.sort((a, b) => a[sortPropertyKey].toString().localeCompare(b[sortPropertyKey].toString()));
+        }
+        this.items = _items;
+        this.#originalItems = structuredClone(_items);
+        this.dialog.returnValue = '';
+        this.dialog?.show();
+        return await new Promise((resolve) => {
+            this.#resolve = resolve;
+        });
+    }
+    hasChanges(sortA, sortB) {
+        return JSON.stringify(sortA) !== JSON.stringify(sortB);
+    }
+    #resolve;
+    static { this.styles = [
+        css `
+      :host {
+        display: grid;
+      }
+
+      md-dialog {
+        max-width: 450px;
+        width: calc(100vw - 24px);
+
+        height: min-content;
+        max-height: calc(100vh - 24px);
+      }
+
+      form {
+        display: grid;
+        padding: 8px;
+      }
+
+      md-circular-progress {
+        --md-circular-progress-size: 28px;
+      }
+    `,
+    ]; }
+    render() {
+        return html ` <md-dialog
+      @open=${(e) => {
+            dialogOpenNavigationHack(e.target);
+            dialogZIndexHack(e.target);
+        }}
+      @close=${(e) => {
+            if (e.target.returnValue === 'apply' || e.target.returnValue === 'cancel') {
+                dialogCloseNavigationHack(e.target);
+                this.snackbar.dismissAll();
+                return this.#resolve(e.target.returnValue);
+            }
+            e.preventDefault();
+        }}
+    >
+      <div slot="headline">Reorder items</div>
+      <form
+        slot="content"
+        @item-drop=${(e) => {
+            e.stopPropagation();
+            const items = this.items ?? [];
+            //HoverIndex cannot be dropped beyond the length of the array
+            const hoverIndex = Math.min(e.hoverIndex, items.length - 1);
+            //Ignore if item goes back to where it started
+            if (hoverIndex !== e.originIndex) {
+                const temp = items[e.originIndex];
+                items.splice(e.originIndex, 1);
+                items.splice(hoverIndex, 0, temp);
+            }
+            this.requestUpdate('items');
+        }}
+      >
+        ${repeat(this.items, (item) => this.tableMetaData?.uniqueKey(item), (item) => html `
+            <titanium-data-table-core-reorder-item
+              ?disable-drag=${this.isLoading}
+              .item=${item}
+              .tableMetaData=${this.tableMetaData}
+              .supplementalItemStyles=${this.supplementalItemStyles}
+            ></titanium-data-table-core-reorder-item>
+          `)}
+        <titanium-snackbar-stack .eventListenerTarget=${this}></titanium-snackbar-stack>
+      </form>
+      <div slot="actions">
+        <md-text-button @click=${() => this.dialog?.close('cancel')} ?disabled=${this.isLoading}>Cancel</md-text-button>
+        <md-filled-tonal-button
+          trailing-icon
+          ?disabled=${this.isLoading || !this.hasChanges(this.items, this.#originalItems)}
+          @click=${async () => {
+            let _resolve = () => { };
+            let _reject = () => { };
+            const saving = new Promise((resolve, reject) => {
+                _resolve = resolve;
+                _reject = reject;
+            });
+            this.loadWhile(saving);
+            this.dispatchEvent(new CustomEvent('reorder-save-request', {
+                detail: { resolve: _resolve, reject: _reject, items: this.items },
+            }));
+            try {
+                await saving;
+                this.dialog?.close('apply');
+            }
+            catch (error) {
+                this.dispatchEvent(new ShowSnackbarEvent(error));
+            }
+        }}
+          >Save
+          ${this.isLoading
+            ? html `<md-circular-progress slot="icon" indeterminate></md-circular-progress>`
+            : html ` <md-icon slot="icon">save</md-icon>`}</md-filled-tonal-button
+        >
+      </div>
+    </md-dialog>`;
+    }
+};
+__decorate([
+    property({ type: Object })
+], TitaniumDataTableCoreReorderDialog.prototype, "tableMetaData", null);
+__decorate([
+    property({ type: Object })
+], TitaniumDataTableCoreReorderDialog.prototype, "supplementalItemStyles", null);
+__decorate([
+    query('md-dialog')
+], TitaniumDataTableCoreReorderDialog.prototype, "dialog", null);
+__decorate([
+    query('titanium-snackbar-stack')
+], TitaniumDataTableCoreReorderDialog.prototype, "snackbar", null);
+__decorate([
+    state()
+], TitaniumDataTableCoreReorderDialog.prototype, "items", null);
+TitaniumDataTableCoreReorderDialog = __decorate([
+    customElement('titanium-data-table-core-reorder-dialog')
+], TitaniumDataTableCoreReorderDialog);
+export { TitaniumDataTableCoreReorderDialog };
+//# sourceMappingURL=data-table-core-reorder-dialog.js.map

package/titanium/data-table/data-table-core-reorder-dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-table-core-reorder-dialog.js","sourceRoot":"","sources":["data-table-core-reorder-dialog.ts"],"names":[],"mappings":"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"}

package/titanium/data-table/data-table-core-reorder-item.d.ts

@@ -0,0 +1,16 @@
+import '@material/web/icon/icon';
+import '@material/web/elevation/elevation';
+import '@material/web/ripple/ripple';
+import { CSSResult, CSSResultGroup } from 'lit';
+import { DraggableItemBase } from './draggable-item-base';
+import { TitaniumDataTableCoreMetaData } from './data-table-core';
+export declare class TitaniumDataTableCoreReorderItem<T extends object> extends DraggableItemBase {
+    accessor item: T;
+    accessor tableMetaData: TitaniumDataTableCoreMetaData<T> | null;
+    accessor supplementalItemStyles: CSSResult | CSSResultGroup | null;
+    get items(): TitaniumDataTableCoreReorderItem<T>[];
+    get itemsContainer(): HTMLElement | null;
+    static styles: CSSResultGroup[];
+    render(): import("lit-html").TemplateResult<1>;
+}
+//# sourceMappingURL=data-table-core-reorder-item.d.ts.map