@leavittsoftware/web 1.0.0

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

@@ -0,0 +1,100 @@
+import { LitElement, PropertyValues } from 'lit';
+import { TitaniumDataTable } from './data-table';
+import '@material/web/checkbox/checkbox';
+import '@material/web/icon/icon';
+/**
+ * A data table element to organize row data and handle row selection.
+ *
+ * row-item positioning attributes:
+ *    - right
+ *    - desktop
+ *    - large
+ *    - center
+ *    - width - ex. "140px"
+ *
+ * @element titanium-data-table-item
+ *
+ * @fires titanium-data-table-item-navigate - Fired on double click of a row. detail: unknown(this.item)
+ * @fires titanium-data-table-item-selected-changed - Fired when item is selected.  detail: { isSelected: boolean, item: unknown }
+ * @fires titanium-data-table-item-drop - Fired when item is dropped after a drag
+ *
+ * @slot default - Main slot that should contain a list of row-item elements
+ * @slot item-footer - Optional footer content below the row with the row-items
+ *
+ * @cssprop {Color} [--md-sys-color-secondary-container] - Row selected  color
+ * @cssprop {Color} [--md-sys-color-on-surface] - Row hover color
+ * @cssprop {Color} [--md-sys-color-outline-variant] - Bottom division line
+ * @cssprop [--titanium-data-table-font-family=Roboto, Noto, sans-serif] - Set the font family of the data table item
+ */
+export declare class TitaniumDataTableItem extends LitElement {
+    #private;
+    /**
+     * The backing object that is displayed in this row.  Sent in navigate and selected events.
+     */
+    item: unknown;
+    /**
+     * True when row is selected.
+     */
+    selected: boolean;
+    /**
+     *  Disables ability to select this row.
+     */
+    disableSelect: boolean;
+    /**
+     *  Sets if view port is small
+     */
+    narrow: boolean;
+    /**
+     *  Set to true to make item draggable.  When items are dropped, the items in the list's array are sorted accordingly.
+     *  In order to reflect those updates out to the DOM, you will need to call requestUpdate on the items array when
+     *  items are dropped. ex.
+     *
+     *  <titanium-data-table @titanium-data-table-items-reorder=${() => this.requestUpdate('items')} ... >
+     *
+     */
+    enableDrag: boolean;
+    protected nudgeDown: boolean;
+    protected nudgeUp: boolean;
+    protected dragged: boolean;
+    protected dragging: boolean;
+    protected nudgeHeight: number;
+    protected hoverIndex: number | null;
+    protected originIndex: number | null;
+    itemContent: HTMLDivElement;
+    protected mouseEvent: (e: any) => void;
+    protected touchEvent: (e: any) => void;
+    updated(changed: PropertyValues<this>): Promise<void>;
+    firstUpdated(): void;
+    /**
+     * @ignore
+     */
+    updateDragProps(dragging: boolean, originIndex: number | null, hoverIndex: number | null, originHeight: number): void;
+    /**
+     *  toggles item's checkbox which triggers this.selected to toggle as well
+     */
+    toggleSelected(): void;
+    /**
+     *  if not already checked, triggers click on checkbox which triggers this.selected to be set as well
+     */
+    select(): void;
+    /**
+     *  if already checked, triggers click on checkbox which triggers this.selected to be set to false as well
+     */
+    deselect(): void;
+    protected get dataTable(): TitaniumDataTable;
+    protected get items(): TitaniumDataTableItem[];
+    protected get itemsContainer(): HTMLDivElement;
+    static styles: import("lit").CSSResult;
+    render(): import("lit-html").TemplateResult<1>;
+}
+/**
+ * @class
+ * @ignore
+ */
+export declare class DataTableItemDropEvent extends Event {
+    static eventType: string;
+    hoverIndex: number;
+    originIndex: number;
+    constructor(originIndex: number, hoverIndex: number);
+}
+//# sourceMappingURL=data-table-item.d.ts.map

package/titanium/data-table/data-table-item.js

@@ -0,0 +1,511 @@
+import { __decorate } from "tslib";
+import { css, html, LitElement } from 'lit';
+import { property, customElement, query, state } from 'lit/decorators.js';
+import '@material/web/checkbox/checkbox';
+import '@material/web/icon/icon';
+/**
+ * A data table element to organize row data and handle row selection.
+ *
+ * row-item positioning attributes:
+ *    - right
+ *    - desktop
+ *    - large
+ *    - center
+ *    - width - ex. "140px"
+ *
+ * @element titanium-data-table-item
+ *
+ * @fires titanium-data-table-item-navigate - Fired on double click of a row. detail: unknown(this.item)
+ * @fires titanium-data-table-item-selected-changed - Fired when item is selected.  detail: { isSelected: boolean, item: unknown }
+ * @fires titanium-data-table-item-drop - Fired when item is dropped after a drag
+ *
+ * @slot default - Main slot that should contain a list of row-item elements
+ * @slot item-footer - Optional footer content below the row with the row-items
+ *
+ * @cssprop {Color} [--md-sys-color-secondary-container] - Row selected  color
+ * @cssprop {Color} [--md-sys-color-on-surface] - Row hover color
+ * @cssprop {Color} [--md-sys-color-outline-variant] - Bottom division line
+ * @cssprop [--titanium-data-table-font-family=Roboto, Noto, sans-serif] - Set the font family of the data table item
+ */
+let TitaniumDataTableItem = class TitaniumDataTableItem extends LitElement {
+    constructor() {
+        super(...arguments);
+        /**
+         * True when row is selected.
+         */
+        this.selected = false;
+        /**
+         *  Sets if view port is small
+         */
+        this.narrow = false;
+        /**
+         *  Set to true to make item draggable.  When items are dropped, the items in the list's array are sorted accordingly.
+         *  In order to reflect those updates out to the DOM, you will need to call requestUpdate on the items array when
+         *  items are dropped. ex.
+         *
+         *  <titanium-data-table @titanium-data-table-items-reorder=${() => this.requestUpdate('items')} ... >
+         *
+         */
+        this.enableDrag = false;
+        this.hoverIndex = null;
+        this.originIndex = null;
+        this.mouseEvent = (e) => this.#startItemDrag(e, 'mouse');
+        this.touchEvent = (e) => {
+            this.#startItemDrag(e, 'touch');
+        };
+    }
+    async updated(changed) {
+        if (changed.has('enableDrag')) {
+            if (this.enableDrag) {
+                this.addEventListener('mousedown', this.mouseEvent);
+                this.addEventListener('touchstart', this.touchEvent);
+            }
+            else {
+                this.removeEventListener('mousedown', this.mouseEvent);
+                this.removeEventListener('touchstart', this.touchEvent);
+            }
+        }
+    }
+    firstUpdated() {
+        const elements = this.shadowRoot?.querySelector('slot')?.assignedElements();
+        elements?.forEach((e) => {
+            const element = e;
+            const width = element.getAttribute('width');
+            if (width) {
+                element.style.width = width;
+            }
+        });
+        this.addEventListener('dblclick', () => {
+            //Force the transition to end on the double-click
+            /**
+             * @internal
+             */
+            this.dispatchEvent(new Event('transitionend'));
+            this.dispatchEvent(new CustomEvent('titanium-data-table-item-navigate', { detail: this.item }));
+        });
+    }
+    /**
+     * @ignore
+     */
+    updateDragProps(dragging, originIndex, hoverIndex, originHeight) {
+        const myIndex = this.items.indexOf(this);
+        this.nudgeDown = originIndex !== null && hoverIndex !== null && myIndex < originIndex && myIndex >= hoverIndex;
+        this.nudgeUp = originIndex !== null && hoverIndex !== null && myIndex > originIndex && myIndex <= hoverIndex;
+        this.dragged = originIndex === myIndex;
+        this.dragging = dragging;
+        this.nudgeHeight = originHeight;
+    }
+    /**
+     *  toggles item's checkbox which triggers this.selected to toggle as well
+     */
+    toggleSelected() {
+        this.selected ? this.deselect() : this.select();
+    }
+    /**
+     *  if not already checked, triggers click on checkbox which triggers this.selected to be set as well
+     */
+    select() {
+        if (!this.selected) {
+            this.#setSelected(true);
+        }
+    }
+    /**
+     *  if already checked, triggers click on checkbox which triggers this.selected to be set to false as well
+     */
+    deselect() {
+        if (this.selected) {
+            this.#setSelected(false);
+        }
+    }
+    #setSelected(value) {
+        this.selected = value;
+        this.dispatchEvent(new Event('titanium-data-table-item-selected-changed', { bubbles: true, composed: true }));
+    }
+    get dataTable() {
+        return this.parentElement;
+    }
+    get items() {
+        return this.dataTable.itemsSlot?.assignedElements() ?? [];
+    }
+    get itemsContainer() {
+        return this.dataTable.itemsContainer;
+    }
+    /**
+     *  Return index of item over
+     */
+    #getIndexOver(itemEndPositions, hoverPosition) {
+        for (let index = 0; index < itemEndPositions.length; index++) {
+            const endPosition = itemEndPositions[index];
+            if (hoverPosition <= endPosition) {
+                return index;
+            }
+        }
+        return itemEndPositions.length - 1;
+    }
+    /**
+     *  Given the origin and hover index determine items that will be affected
+     */
+    #determineRange(originIndex, hoverIndex) {
+        //PREF: ONLY UPDATE ITEMS BETWEEN ORIGIN AND HOVER (+1 and -1)
+        const high = Math.max(hoverIndex ?? 0, originIndex ?? 0) + 1;
+        let low = Math.min(hoverIndex ?? 0, originIndex ?? 0) - 1;
+        low = low < 0 ? 0 : low;
+        return [high, low];
+    }
+    #notifySiblingsDrag(originIndex, hoverIndex, dragging, itemHeight) {
+        const range = this.#determineRange(originIndex, hoverIndex);
+        for (let index = range[1]; index <= range[0]; index++) {
+            const o = this.items?.[index];
+            o?.updateDragProps(dragging, this.originIndex, this.hoverIndex, itemHeight);
+        }
+    }
+    #notifySiblingDragStop(originIndex, hoverIndex) {
+        const range = this.#determineRange(originIndex, hoverIndex);
+        for (let index = range[1]; index <= range[0]; index++) {
+            const o = this.items?.[index];
+            o?.updateDragProps(false, null, null, 0);
+        }
+    }
+    #startItemDrag(event, type) {
+        //only allow primary mouse for drag
+        if (type === 'mouse' && event.which !== 1) {
+            return;
+        }
+        //Prevent native scrolling
+        event.preventDefault();
+        this.dragging = true;
+        this.originIndex = this.items.indexOf(this);
+        const moveEvent = type === 'touch' ? 'touchmove' : 'mousemove';
+        const upEvent = type === 'touch' ? 'touchend' : 'mouseup';
+        const containerY = this.itemsContainer.getBoundingClientRect().top + window.scrollY;
+        const startY = event.pageY ?? event.touches[0].pageY;
+        const itemHeight = this.getBoundingClientRect().height - 1;
+        //Cache the end positions of each item for variable height list items
+        let cumulativeSum = 0;
+        const itemEndPositions = this.items.map((o) => {
+            cumulativeSum = cumulativeSum + (o.getBoundingClientRect().height - 1);
+            return cumulativeSum;
+        });
+        const moveItemHandler = (event) => {
+            // Translate and keep track of which index we are hovering over.
+            const pageY = event.pageY ?? event.touches[0].pageY;
+            const clientY = event.clientY ?? event.touches[0].clientY;
+            const itemAbsoluteTop = pageY - containerY;
+            const transformY = pageY - startY;
+            this.style.transform = `translateY(${transformY}px)`;
+            this.hoverIndex = this.#getIndexOver(itemEndPositions, itemAbsoluteTop);
+            this.#notifySiblingsDrag(this.originIndex, this.hoverIndex, this.dragging, itemHeight);
+            //Scroll on when item approaches bottom/top of viewport
+            if (clientY < 5) {
+                scrollBy({
+                    top: -(window.innerHeight / 5),
+                    behavior: 'smooth',
+                });
+            }
+            else if (clientY < 25) {
+                scrollBy({
+                    top: -(window.innerHeight / 10),
+                    behavior: 'smooth',
+                });
+            }
+            if (window.innerHeight - clientY < 5) {
+                scrollBy({
+                    top: window.innerHeight / 5,
+                    behavior: 'smooth',
+                });
+            }
+            else if (window.innerHeight - clientY < 25) {
+                scrollBy({
+                    top: window.innerHeight / 10,
+                    behavior: 'smooth',
+                });
+            }
+        };
+        const cancelDragHandler = () => {
+            document.removeEventListener(moveEvent, moveItemHandler);
+            this.removeEventListener(upEvent, dragCompleteHandler);
+            this.dragging = false;
+            const onTransitionEnd = () => {
+                this.#notifySiblingDragStop(this.originIndex, this.hoverIndex);
+                this.originIndex = null;
+                this.hoverIndex = null;
+                this.style.transform = '';
+                this.style.transition = '';
+                this.removeEventListener('transitionend', onTransitionEnd);
+            };
+            this.addEventListener('transitionend', onTransitionEnd);
+            this.style.transition = 'transform 0.1s ease-out';
+            this.style.transform = 'translate3d(0, 0, 0)';
+            document.removeEventListener('mouseout', cancelDragHandler);
+        };
+        const dragCompleteHandler = () => {
+            this.dragging = false;
+            this.items.forEach((o) => (o.dragging = false));
+            document.removeEventListener(moveEvent, moveItemHandler);
+            document.removeEventListener(upEvent, dragCompleteHandler);
+            if (type === 'mouse') {
+                document.removeEventListener('mouseout', cancelDragHandler);
+            }
+            // Perform the swap after the item translates to its resting spot.
+            const onTransitionEnd = () => {
+                if (this.originIndex !== null && this.hoverIndex !== null) {
+                    /**
+                     * @ignore
+                     */
+                    this.dispatchEvent(new DataTableItemDropEvent(this.originIndex, this.hoverIndex));
+                }
+                this.#notifySiblingDragStop(this.originIndex, this.hoverIndex);
+                this.originIndex = null;
+                this.hoverIndex = null;
+                this.style.transform = '';
+                this.style.transition = '';
+                this.removeEventListener('transitionend', onTransitionEnd);
+            };
+            this.addEventListener('transitionend', onTransitionEnd);
+            //Count the nudged items heights to know final transform amount
+            const finalTransformYUp = this.items
+                .filter((o) => o.nudgeUp)
+                .map((o) => (o.getBoundingClientRect().height > 0 ? o.getBoundingClientRect().height - 1 : 0))
+                .reduce((a, b) => a + b, 0);
+            const finalTransformYDown = this.items
+                .filter((o) => o.nudgeDown)
+                .map((o) => -o.getBoundingClientRect().height - 1)
+                .reduce((a, b) => a + b, 0);
+            const finalTransformY = finalTransformYUp !== 0 ? finalTransformYUp : finalTransformYDown;
+            // Translate the item to its resting spot.
+            this.style.transition = 'transform 0.1s ease-out';
+            this.style.transform = `translate3d(0, ${finalTransformY}px, 0)`;
+        };
+        if (type === 'mouse') {
+            window.addEventListener('mouseout', cancelDragHandler);
+        }
+        document.addEventListener(upEvent, dragCompleteHandler);
+        document.addEventListener(moveEvent, moveItemHandler);
+        moveItemHandler(event);
+    }
+    static { this.styles = css `
+    :host {
+      display: block;
+
+      -webkit-touch-callout: none;
+      user-select: none;
+      text-decoration: none;
+
+      font-family: var(--titanium-data-table-font-family, Roboto, Noto, sans-serif);
+      -webkit-font-smoothing: antialiased;
+
+      transition: none;
+      margin-top: -1px;
+      box-sizing: border-box;
+      border-bottom: 1px var(--md-sys-color-outline-variant) solid;
+      border-top: 1px var(--md-sys-color-outline-variant) solid;
+      position: relative;
+    }
+
+    :host(:not([disable-select])[selected]) {
+      background-color: var(--md-sys-color-secondary-container);
+    }
+
+    :host(:not([disable-select]):not([selected]):hover) {
+      background-color: rgb(from var(--md-sys-color-on-surface, #1d1b20) r g b / 0.08);
+    }
+
+    :host([enable-dragging]) {
+      cursor: grab;
+    }
+
+    md-icon[drag] {
+      display: none;
+      color: var(--md-sys-color-outline, #dadce0);
+      margin-right: -24px;
+    }
+
+    :host([enable-dragging]:hover) md-icon[drag] {
+      display: block;
+    }
+
+    :host([dragged]) {
+      box-shadow:
+        0 3px 6px rgba(0, 0, 0, 0.16),
+        0 3px 6px rgba(0, 0, 0, 0.23);
+      transition: none;
+      overflow: hidden;
+      z-index: 1 !important;
+    }
+
+    /* Only have transition under dragging, because we don't want nudged
+     * items to transition into place once dragging is complete */
+    :host([dragging]:not([dragged])) {
+      transition: transform 0.2s ease-out;
+    }
+
+    /* :host {
+      transition: transform 0.2s ease-out;
+    } */
+
+    :host main {
+      display: flex;
+      flex-direction: row;
+      align-items: center;
+      min-height: 48px;
+    }
+
+    /* Do not apply :hover style on touch devices */
+    @media (hover: hover) and (pointer: fine) {
+      :host([enable-dragging]) div[item-footer] ::slotted(*) {
+        pointer-events: none;
+      }
+    }
+
+    ::slotted(row-item) {
+      display: block;
+      font-size: 14px;
+      line-height: 18px;
+      font-weight: 400;
+      padding: 4px 8px;
+      margin: 0;
+    }
+
+    ::slotted(row-item:last-of-type) {
+      padding-right: 24px;
+    }
+
+    ::slotted(row-item:not([width])) {
+      -ms-flex: 3;
+      -webkit-flex: 3;
+      flex: 3;
+    }
+
+    ::slotted(row-item:not([width])[large]) {
+      -ms-flex: 5;
+      -webkit-flex: 5;
+      flex: 5;
+    }
+
+    ::slotted(row-item[center]) {
+      text-align: center;
+    }
+
+    ::slotted(row-item[image]) {
+      display: inline-flex;
+      align-items: center;
+      gap: 12px;
+    }
+
+    ::slotted(row-item[right]) {
+      text-align: right;
+    }
+
+    md-checkbox {
+      flex-shrink: 0;
+      align-self: center;
+      margin: 0 14px 0 20px;
+    }
+
+    :host([disable-select]) ::slotted(row-item:first-of-type) {
+      padding-left: 24px;
+    }
+
+    :host([narrow]) ::slotted(row-item[desktop]) {
+      display: none;
+    }
+
+    @media (max-width: 768px) {
+      :host([enable-dragging]) md-icon[drag] {
+        display: block;
+      }
+    }
+
+    [hidden] {
+      display: none;
+    }
+  `; }
+    render() {
+        return html `
+      <style>
+        :host([nudge-down]:not([dragged])) {
+          transform: translate3d(0, ${this.nudgeHeight}px, 0);
+        }
+
+        :host([nudge-up]:not([dragged])) {
+          transform: translate3d(0, -${this.nudgeHeight}px, 0);
+        }
+      </style>
+      <main part="main">
+        ${this.disableSelect
+            ? ''
+            : html `
+              <md-icon drag>drag_indicator</md-icon>
+              <md-checkbox
+                .checked=${this.selected}
+                @mousedown=${(e) => e.stopPropagation()}
+                @touchstart=${(e) => e.stopPropagation()}
+                @dblclick=${(e) => e.stopPropagation()}
+                @change=${(e) => this.#setSelected(e.target.checked)}
+              ></md-checkbox>
+            `}
+
+        <slot></slot>
+      </main>
+      <div item-footer part="item-footer-container">
+        <slot name="item-footer"></slot>
+      </div>
+    `;
+    }
+};
+__decorate([
+    property({ type: Object })
+], TitaniumDataTableItem.prototype, "item", void 0);
+__decorate([
+    property({ reflect: true, type: Boolean })
+], TitaniumDataTableItem.prototype, "selected", void 0);
+__decorate([
+    property({ type: Boolean, attribute: 'disable-select' })
+], TitaniumDataTableItem.prototype, "disableSelect", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], TitaniumDataTableItem.prototype, "narrow", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true, attribute: 'enable-dragging' })
+], TitaniumDataTableItem.prototype, "enableDrag", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true, attribute: 'nudge-down' })
+], TitaniumDataTableItem.prototype, "nudgeDown", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true, attribute: 'nudge-up' })
+], TitaniumDataTableItem.prototype, "nudgeUp", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true, attribute: 'dragged' })
+], TitaniumDataTableItem.prototype, "dragged", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true, attribute: 'dragging' })
+], TitaniumDataTableItem.prototype, "dragging", void 0);
+__decorate([
+    state()
+], TitaniumDataTableItem.prototype, "nudgeHeight", void 0);
+__decorate([
+    state()
+], TitaniumDataTableItem.prototype, "hoverIndex", void 0);
+__decorate([
+    state()
+], TitaniumDataTableItem.prototype, "originIndex", void 0);
+__decorate([
+    query('item-content')
+], TitaniumDataTableItem.prototype, "itemContent", void 0);
+TitaniumDataTableItem = __decorate([
+    customElement('titanium-data-table-item')
+], TitaniumDataTableItem);
+export { TitaniumDataTableItem };
+/**
+ * @class
+ * @ignore
+ */
+export class DataTableItemDropEvent extends Event {
+    static { this.eventType = 'titanium-data-table-item-drop'; }
+    constructor(originIndex, hoverIndex) {
+        super(DataTableItemDropEvent.eventType, { composed: true, bubbles: true });
+        this.hoverIndex = hoverIndex;
+        this.originIndex = originIndex;
+    }
+}
+//# sourceMappingURL=data-table-item.js.map

package/titanium/data-table/data-table-item.js.map

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