@blueprintui/cli 0.0.9 → 0.0.10

package/src/.rollup.cache/@blueprintui/grid/Users/coryrylan/Repos/blueprintui/grid/dist/lib/grid/grid-layout.controller.js

@@ -1,87 +0,0 @@
-import { isNumericString, listenForAttributeListChange, 
-// notProductionEnvironment,
-onChildListMutation, } from '@blueprintui/components/internals';
-export class GridLayoutController {
-    host;
-    #observers = [];
-    #_columns;
-    get #columns() {
-        return Array.from(this.#_columns ?? []);
-    }
-    get #visibleColumns() {
-        return this.#columns.filter(c => !c.hidden);
-    }
-    get #lastVisibleColumn() {
-        return this.#visibleColumns[this.host.getAttribute('dir') === 'rtl' ? 0 : this.#visibleColumns.length - 1];
-    }
-    constructor(host) {
-        this.host = host;
-        this.host.addController(this);
-    }
-    async hostConnected() {
-        await this.host.updateComplete;
-        this.#updateLayout();
-        this.host.addEventListener('resizeChange', () => this.#initializeColumnWidths(), { once: true, capture: true });
-        this.#observers.push(onChildListMutation(this.host, async (mutation) => {
-            await this.host.updateComplete;
-            if (mutation && this.#columnAddedOrRemoved(mutation)) {
-                this.#updateLayout();
-            }
-        }));
-        this.#observers.push(listenForAttributeListChange(this.host, ['hidden'], () => this.#updateLayout()));
-    }
-    hostUpdated() {
-        if (this.host.height) {
-            this.host.style.setProperty('--body-height', isNumericString(this.host.height) ? `${this.host.height}px` : this.host.height);
-        }
-    }
-    hostDisconnected() {
-        this.#observers.forEach(o => o.disconnect());
-    }
-    #columnAddedOrRemoved(mutation) {
-        return [...Array.from(mutation.removedNodes), ...Array.from(mutation.addedNodes)].find((i) => i.tagName === 'BP-GRID-COLUMN');
-    }
-    #initializeColumnWidths() {
-        if (this.host.columnLayout === 'fixed') {
-            this.#visibleColumns
-                .filter(c => c.width)
-                .forEach(c => this.host.style.setProperty(`--ch${c.ariaColIndex}`, isNumericString(c.width) ? `${c.width}px` : c.width));
-            this.#visibleColumns
-                .filter(c => !c.width && parseInt(c.ariaColIndex) !== this.#columns.length)
-                .forEach(c => this.host.style.setProperty(`--ch${c.ariaColIndex}`, `${parseInt(getComputedStyle(c).width)}px`));
-            this.host.style.setProperty(`--ch${this.#lastVisibleColumn.ariaColIndex}`, `minmax(${this.#getLastColumnWidth() ?? `${parseInt(getComputedStyle(this.#lastVisibleColumn).width)}px`}, 100%)`);
-        }
-    }
-    #getLastColumnWidth() {
-        if (isNumericString(this.#lastVisibleColumn.width)) {
-            return `${this.#lastVisibleColumn.width}px`;
-        }
-        else {
-            return this.#lastVisibleColumn.width ? this.#lastVisibleColumn.width : null;
-        }
-    }
-    #updateLayout() {
-        this.#_columns = this.host.ref.columns; // create copy per update to prevent multiple DOM queries from @query getters
-        // this.#validateColumnLayout();
-        this.#createColumnGrids();
-        this.#setColumnDividers();
-    }
-    #createColumnGrids() {
-        const colWidths = this.#columns
-            .filter(c => !c.hidden)
-            .reduce((p, c, i) => {
-            const width = isNumericString(c.width) ? `${c.width}px` : c.width;
-            return `${p} ${`var(--ch${i + 1}, ${width ? width : '1fr'})`}`;
-        }, '');
-        this.host.style.setProperty('--ch-grid', colWidths);
-    }
-    #setColumnDividers() {
-        this.#visibleColumns.forEach((c, i) => {
-            c.removeAttribute('draggable-hidden');
-            if (c.type === 'action' && this.#visibleColumns[i + 1]?.type === 'action') {
-                c.setAttribute('draggable-hidden', '');
-            }
-        });
-        this.#lastVisibleColumn?.setAttribute('draggable-hidden', '');
-    }
-}

package/src/.rollup.cache/@blueprintui/grid/Users/coryrylan/Repos/blueprintui/grid/dist/lib/grid/grid.element.d.ts

@@ -1,78 +0,0 @@
-import { LitElement } from 'lit';
-import { BpGridRow } from '../row/grid-row.element.js';
-import { BpGridCell } from '../cell/grid-cell.element.js';
-import { BpGridColumn } from '../column/grid-column.element.js';
-import { GridLayoutController } from './grid-layout.controller.js';
-/**
- * Grid
- *
- * ```typescript
- * import '@blueprintui/components/grid/register.js';
- * ```
- *
- * @element bp-grid
- * @event rangeSelectionChange
- * @cssprop --background
- * @cssprop --body-height
- * @cssprop --scrollbar-background
- * @cssprop --scrollbar-thumb-background
- * @cssprop --column-height
- * @cssprop --row-height
- * @cssprop --scroll-padding-top
- * @cssprop --row-content-visibility
- * @cssprop --column-text-align
- * @cssprop --cell-text-algin
- */
-export declare class BpGrid extends LitElement {
-    #private;
-    i18n: {
-        sort: string;
-        expand: string;
-        close: string;
-        resize: string;
-        filter: string;
-        loading: string;
-        show: string;
-        hide: string;
-        previous: string;
-        next: string;
-        first: string;
-        last: string;
-        today: string;
-        browse: string;
-        removeFile: string;
-        files: string;
-        resizeColumn: string;
-        closeDetails: string;
-        noData: string;
-        action: string;
-        dropTarget: string;
-        firstPage: string;
-        previousPage: string;
-        nextPage: string;
-        lastPage: string;
-        pageSize: string;
-    };
-    height: string;
-    columnLayout: 'fixed' | 'flex';
-    border: 'row' | 'cell' | 'column' | 'none' | 'stripe';
-    selectable: 'multi' | 'single' | null;
-    rangeSelection: boolean;
-    scrollLock: boolean;
-    elevation: 'raised' | 'flat';
-    protected _id: string;
-    protected gridLayoutController: GridLayoutController;
-    static styles: CSSStyleSheet[];
-    get ref(): {
-        grid: HTMLElement;
-        columns: BpGridColumn[];
-        columnRow: HTMLElement;
-        rows: BpGridRow[];
-        cells: BpGridCell[];
-    };
-    readonly keyNavGrid: HTMLElement;
-    _internals: ElementInternals;
-    render(): import("lit-html").TemplateResult<1>;
-    constructor();
-    connectedCallback(): Promise<void>;
-}

package/src/.rollup.cache/@blueprintui/grid/Users/coryrylan/Repos/blueprintui/grid/dist/lib/grid/grid.element.js

@@ -1,205 +0,0 @@
-import { __decorate } from "tslib";
-import { LitElement, html } from 'lit';
-import { baseStyles, elevationStyles, createId, I18nService, interactionRangeSelection, keyGrid, interactionScrollVisibility, ariaMultiSelectable, i18n
-// draggableList,
- } from '@blueprintui/components/internals';
-import { GridLayoutController } from './grid-layout.controller.js';
-import styles from './grid.element.css' assert { type: 'css' };
-/**
- * Grid
- *
- * ```typescript
- * import '@blueprintui/components/grid/register.js';
- * ```
- *
- * @element bp-grid
- * @event rangeSelectionChange
- * @cssprop --background
- * @cssprop --body-height
- * @cssprop --scrollbar-background
- * @cssprop --scrollbar-thumb-background
- * @cssprop --column-height
- * @cssprop --row-height
- * @cssprop --scroll-padding-top
- * @cssprop --row-content-visibility
- * @cssprop --column-text-align
- * @cssprop --cell-text-algin
- */
-let BpGrid = 
-// @draggableList<BpGrid>({
-//   layout: 'horizontal',
-//   item: 'bp-grid-column',
-//   manageFocus: false,
-// })
-// @draggableList<BpGrid>({
-//   layout: 'vertical',
-//   item: 'bp-grid-row',
-//   dropZone: 'bp-grid-placeholder',
-//   manageFocus: false,
-// })
-class BpGrid extends LitElement {
-    static properties = {
-        i18n: { type: Object },
-        height: { type: String, reflect: true },
-        columnLayout: { type: String, reflect: true, attribute: 'column-layout' },
-        border: { type: String, reflect: true },
-        selectable: { type: String, reflect: true },
-        rangeSelection: { type: Boolean, reflect: true, attribute: 'range-selection' },
-        scrollLock: { type: Boolean, reflect: true, attribute: 'scroll-lock' },
-        elevation: { type: String, reflect: true },
-        _id: { type: String, reflect: true }
-    };
-    gridLayoutController = new GridLayoutController(this);
-    static styles = [baseStyles, elevationStyles, styles];
-    #ref;
-    get ref() {
-        if (!this.#ref) {
-            this.#ref = {
-                grid: this.keyNavGrid,
-                columns: Array.from(this.#columns),
-                columnRow: this.#columnRow,
-                rows: Array.from(this.#rows),
-                cells: Array.from(this.#cells)
-            };
-        }
-        return this.#ref;
-    }
-    get #columns() {
-        return this.querySelectorAll('bp-grid-column');
-    }
-    get #columnRow() {
-        return this.shadowRoot.querySelector('.column-row-group');
-    }
-    get #rows() {
-        return this.querySelectorAll('bp-grid-row');
-    }
-    get #cells() {
-        return this.querySelectorAll('bp-grid-cell');
-    }
-    get #placeholder() {
-        return this.querySelector('bp-grid-placeholder');
-    }
-    get #footer() {
-        return this.querySelector('bp-grid-footer');
-    }
-    get keyNavGrid() {
-        return this.__keyNavGrid ??= this.renderRoot?.querySelector(".scroll-container") ?? null;
-    }
-    _internals = this.attachInternals();
-    #updates = 0;
-    render() {
-        return html `
-      <div role="presentation" elevation class="private-host">
-        <div role="presentation" class="scroll-container">
-          <div role="presentation" class="column-row-group">
-            <div role="row" aria-rowindex="1" class="column-row">
-              <slot name="columns">
-                <bp-grid-column draggable-hidden>
-                  <span sr-only>${this.i18n.noData}</span>
-                </bp-grid-column>
-              </slot>
-            </div>
-          </div>
-          <div role="presentation" class="body-row-group">
-            <slot>
-              <bp-grid-placeholder></bp-grid-placeholder>
-            </slot>
-          </div>
-        </div>
-        <slot name="footer"></slot>
-        <slot name="detail"></slot>
-      </div>`;
-    }
-    constructor() {
-        super();
-        this._internals.role = 'grid';
-        this.i18n = I18nService.keys.actions;
-        this.columnLayout = 'fixed';
-        this.border = 'row';
-        this.rangeSelection = false;
-        this.scrollLock = false;
-        this._id = createId();
-    }
-    async connectedCallback() {
-        super.connectedCallback();
-        await this.updateComplete;
-        this.#intializeColumnSort();
-        this.#update(); // way to get rid of without breaking range?
-        this.shadowRoot.addEventListener('slotchange', () => this.updateComplete.then(() => this.#update()));
-    }
-    #intializeColumnSort() {
-        this.addEventListener('sort', (e) => {
-            const col = e.composedPath().find((i) => i.tagName === 'BP-GRID-COLUMN');
-            if (col) {
-                col.ariaSort = e.detail;
-            }
-        });
-    }
-    get #isStatic() {
-        this.#updates++;
-        return this.#updates === 1 && !this.rangeSelection && !Array.from(this.#columns).find(c => c.position !== '');
-    }
-    async #update() {
-        if (!this.#isStatic) {
-            this.#ref = null; // clear cache
-            this.#initializeGrid();
-            this.#intializeColumns();
-            this.#initializeRows();
-            this.#initializeCells();
-            this.#initializePlaceholder();
-            this.#intializeFooter();
-        }
-    }
-    #initializeGrid() {
-        const columnRowCount = 1;
-        const rowCountOrDefault = Math.max(this.#rows?.length, 1);
-        const footerRowCountOrDefault = this.#footer ? 1 : 0;
-        this.ariaRowCount = `${columnRowCount + rowCountOrDefault + footerRowCountOrDefault}`;
-        this.ariaColCount = `${this.ref.columns.length}`;
-    }
-    #intializeColumns() {
-        this.ref.columns.forEach((c, i) => c.ariaColIndex = `${i + 1}`);
-    }
-    #initializeRows() {
-        this.ref.rows?.forEach((r, i) => r.ariaRowIndex = `${i + 2}`); // +2 for column header row offset
-    }
-    /**
-     * If cell has focusable items NVDA will go into forms mode (expected behavior)
-     * Use table navigation ctrl+alt+arrow to move in and out of cells
-     * https://github.com/nvaccess/nvda/issues/7718
-     */
-    #initializeCells() {
-        this.ref.cells?.forEach((c, i) => c.ariaColIndex = `${(i % this.#ref.columns.length) + 1}`);
-    }
-    #initializePlaceholder() {
-        if (this.#placeholder) {
-            this.#placeholder.ariaRowCount = `${this.#rows.length + 1}`;
-            this.#placeholder.gridCell.ariaColSpan = this.ariaColCount;
-        }
-    }
-    #intializeFooter() {
-        if (this.#footer) {
-            this.#footer.ariaRowCount = `${this.#rows.length + 2}`;
-            this.#footer.gridCell.ariaColSpan = this.ariaColCount;
-        }
-    }
-};
-BpGrid = __decorate([
-    i18n({ key: 'actions' }),
-    keyGrid(),
-    ariaMultiSelectable(),
-    interactionRangeSelection(),
-    interactionScrollVisibility()
-    // @draggableList<BpGrid>({
-    //   layout: 'horizontal',
-    //   item: 'bp-grid-column',
-    //   manageFocus: false,
-    // })
-    // @draggableList<BpGrid>({
-    //   layout: 'vertical',
-    //   item: 'bp-grid-row',
-    //   dropZone: 'bp-grid-placeholder',
-    //   manageFocus: false,
-    // })
-], BpGrid);
-export { BpGrid };

package/src/.rollup.cache/@blueprintui/grid/Users/coryrylan/Repos/blueprintui/grid/dist/lib/include/base.d.ts

@@ -1,19 +0,0 @@
-import '@blueprintui/components/include/button-icon.js';
-import { BpGrid } from '../grid/grid.element.js';
-import { BpGridRow } from '../row/grid-row.element.js';
-import { BpGridCell } from '../cell/grid-cell.element.js';
-import { BpGridColumn } from '../column/grid-column.element.js';
-import { BpGridFooter } from '../footer/grid-footer.element.js';
-import { BpGridPagination } from '../pagination/grid-pagination.element.js';
-import { BpGridPlaceholder } from '../placeholder/grid-placeholder.element.js';
-declare global {
-    interface HTMLElementTagNameMap {
-        'bp-grid': BpGrid;
-        'bp-grid-row': BpGridRow;
-        'bp-grid-cell': BpGridCell;
-        'bp-grid-column': BpGridColumn;
-        'bp-grid-footer': BpGridFooter;
-        'bp-grid-pagination': BpGridPagination;
-        'bp-grid-placeholder': BpGridPlaceholder;
-    }
-}

package/src/.rollup.cache/@blueprintui/grid/Users/coryrylan/Repos/blueprintui/grid/dist/lib/include/base.js

@@ -1,18 +0,0 @@
-// import '@blueprintui/components/internal-components/split-handle/register.js';
-import '@blueprintui/components/include/button-icon.js';
-import { BpGrid } from '../grid/grid.element.js';
-import { BpGridRow } from '../row/grid-row.element.js';
-import { BpGridCell } from '../cell/grid-cell.element.js';
-import { BpGridColumn } from '../column/grid-column.element.js';
-// import { BpGridDetail } from './detail/grid-detail.element.js';
-import { BpGridFooter } from '../footer/grid-footer.element.js';
-import { BpGridPagination } from '../pagination/grid-pagination.element.js';
-import { BpGridPlaceholder } from '../placeholder/grid-placeholder.element.js';
-customElements.get('bp-grid') || customElements.define('bp-grid', BpGrid);
-customElements.get('bp-grid-row') || customElements.define('bp-grid-row', BpGridRow);
-customElements.get('bp-grid-cell') || customElements.define('bp-grid-cell', BpGridCell);
-customElements.get('bp-grid-column') || customElements.define('bp-grid-column', BpGridColumn);
-// customElements.get('bp-grid-detail') ||  customElements.define('bp-grid-detail', BpGridDetail);
-customElements.get('bp-grid-footer') || customElements.define('bp-grid-footer', BpGridFooter);
-customElements.get('bp-grid-pagination') || customElements.define('bp-grid-pagination', BpGridPagination);
-customElements.get('bp-grid-placeholder') || customElements.define('bp-grid-placeholder', BpGridPlaceholder);

package/src/.rollup.cache/@blueprintui/grid/Users/coryrylan/Repos/blueprintui/grid/dist/lib/index.d.ts

@@ -1,7 +0,0 @@
-export * from './cell/grid-cell.element.js';
-export * from './column/grid-column.element.js';
-export * from './footer/grid-footer.element.js';
-export * from './pagination/grid-pagination.element.js';
-export * from './placeholder/grid-placeholder.element.js';
-export * from './row/grid-row.element.js';
-export * from './grid/grid.element.js';

package/src/.rollup.cache/@blueprintui/grid/Users/coryrylan/Repos/blueprintui/grid/dist/lib/index.js

@@ -1,8 +0,0 @@
-export * from './cell/grid-cell.element.js';
-export * from './column/grid-column.element.js';
-// export * from './detail/grid-detail.element.js';
-export * from './footer/grid-footer.element.js';
-export * from './pagination/grid-pagination.element.js';
-export * from './placeholder/grid-placeholder.element.js';
-export * from './row/grid-row.element.js';
-export * from './grid/grid.element.js';

package/src/.rollup.cache/@blueprintui/grid/Users/coryrylan/Repos/blueprintui/grid/dist/lib/pagination/grid-pagination.element.d.ts

@@ -1,53 +0,0 @@
-import { LitElement } from 'lit';
-/**
- * Grid Pagination
- *
- * ```typescript
- * import '@blueprintui/grid/include/base.js';
- * ```
- *
- * ```html
- * <bp-grid-pagination></bp-grid-pagination>
- * ```
- *
- * @element bp-grid-pagination
- * @event page
- * @event size
- */
-export declare class BpGridPagination extends LitElement {
-    #private;
-    i18n: {
-        sort: string;
-        expand: string;
-        close: string;
-        resize: string;
-        filter: string;
-        loading: string;
-        show: string;
-        hide: string;
-        previous: string;
-        next: string;
-        first: string;
-        last: string;
-        today: string;
-        browse: string;
-        removeFile: string;
-        files: string;
-        resizeColumn: string;
-        closeDetails: string;
-        noData: string;
-        action: string;
-        dropTarget: string;
-        firstPage: string;
-        previousPage: string;
-        nextPage: string;
-        lastPage: string;
-        pageSize: string;
-    };
-    page: number;
-    pageSize: number;
-    pageCount: number;
-    pageSizeOptions: number[];
-    static styles: CSSStyleSheet[];
-    render(): import("lit-html").TemplateResult<1>;
-}

package/src/.rollup.cache/@blueprintui/grid/Users/coryrylan/Repos/blueprintui/grid/dist/lib/pagination/grid-pagination.element.js

@@ -1,105 +0,0 @@
-import { __decorate } from "tslib";
-import { LitElement, html } from 'lit';
-import { baseStyles, I18nService, i18n } from '@blueprintui/components/internals';
-import styles from './grid-pagination.element.css' assert { type: 'css' };
-/**
- * Grid Pagination
- *
- * ```typescript
- * import '@blueprintui/grid/include/base.js';
- * ```
- *
- * ```html
- * <bp-grid-pagination></bp-grid-pagination>
- * ```
- *
- * @element bp-grid-pagination
- * @event page
- * @event size
- */
-let BpGridPagination = class BpGridPagination extends LitElement {
-    static properties = {
-        i18n: { type: Object },
-        page: { type: Number },
-        pageSize: { type: Number },
-        pageCount: { type: Number },
-        pageSizeOptions: { type: Array }
-    };
-    constructor() {
-        super(...arguments);
-        this.i18n = I18nService.keys.actions;
-        this.page = 1;
-        this.pageSize = 10;
-        this.pageCount = 1;
-        this.pageSizeOptions = [10, 20, 50, 100];
-    }
-    static styles = [baseStyles, styles];
-    render() {
-        return html `
-      <section>
-        <select
-          .value=${this.pageSize.toString()}
-          .ariaLabel=${this.i18n.pageSize}
-          @input=${(e) => this.#sizeChange(parseInt(e.target.value))}>
-          ${this.pageSizeOptions.map(i => html `<option value=${i} ?selected=${i === this.pageSize}>${i}</option>`)}
-        </select>
-        <button
-          .ariaLabel=${this.i18n.firstPage}
-          .disabled=${this.page === 1}
-          action="first"
-          @click=${this.#firstPage}>|&lt;</button>
-        <button
-          .ariaLabel=${this.i18n.previousPage}
-          .disabled=${this.page === 1}
-          action="prev"
-          @click=${this.#prevPage}>&lt;</button>
-        <div bp-pagination-number>
-          <input
-            type="number"
-            .ariaLabel=${`${this.page} of ${this.pageCount}`}
-            @input=${this.#setPage}
-            .valueAsNumber=${this.page}
-            min="1"
-            max=${this.pageCount}
-          />
-          <span aria-hidden="true">/ ${this.pageCount}</span>
-        </div>
-        <button
-          .ariaLabel=${this.i18n.nextPage}
-          ?disabled=${this.page === this.pageCount}
-          action="next"
-          @click=${this.#nextPage}>&gt;</button>
-        <button
-          .ariaLabel=${this.i18n.lastPage}
-          ?disabled=${this.page === this.pageCount}
-          action="last"
-          @click=${this.#lastPage}>&gt;|</button>
-      </section>
-    `;
-    }
-    #setPage(event) {
-        this.#pageChange(event.target.valueAsNumber);
-    }
-    #nextPage() {
-        this.#pageChange(this.page + 1);
-    }
-    #prevPage() {
-        this.#pageChange(this.page - 1);
-    }
-    #firstPage() {
-        this.#pageChange(1);
-    }
-    #lastPage() {
-        this.#pageChange(this.pageCount);
-    }
-    #pageChange(detail) {
-        this.dispatchEvent(new CustomEvent('page', { detail }));
-    }
-    #sizeChange(detail) {
-        this.dispatchEvent(new CustomEvent('size', { detail }));
-    }
-};
-BpGridPagination = __decorate([
-    i18n({ key: 'actions' })
-], BpGridPagination);
-export { BpGridPagination };

package/src/.rollup.cache/@blueprintui/grid/Users/coryrylan/Repos/blueprintui/grid/dist/lib/placeholder/grid-placeholder.element.d.ts

@@ -1,45 +0,0 @@
-import { LitElement } from 'lit';
-/**
- * Grid Placeholder
- *
- * ```typescript
- * import '@blueprintui/grid/include/base.js';
- * ```
- *
- * @element bp-grid-placeholder
- */
-export declare class BpGridPlaceholder extends LitElement {
-    #private;
-    i18n: {
-        sort: string;
-        expand: string;
-        close: string;
-        resize: string;
-        filter: string;
-        loading: string;
-        show: string;
-        hide: string;
-        previous: string;
-        next: string;
-        first: string;
-        last: string;
-        today: string;
-        browse: string;
-        removeFile: string;
-        files: string;
-        resizeColumn: string;
-        closeDetails: string;
-        noData: string;
-        action: string;
-        dropTarget: string;
-        firstPage: string;
-        previousPage: string;
-        nextPage: string;
-        lastPage: string;
-        pageSize: string;
-    };
-    readonly gridCell: HTMLElement;
-    static styles: CSSStyleSheet[];
-    render(): import("lit-html").TemplateResult<1>;
-    connectedCallback(): void;
-}

package/src/.rollup.cache/@blueprintui/grid/Users/coryrylan/Repos/blueprintui/grid/dist/lib/placeholder/grid-placeholder.element.js

@@ -1,46 +0,0 @@
-import { __decorate } from "tslib";
-import { LitElement, html } from 'lit';
-import { baseStyles, I18nService, i18n } from '@blueprintui/components/internals';
-import styles from './grid-placeholder.element.css' assert { type: 'css' };
-/**
- * Grid Placeholder
- *
- * ```typescript
- * import '@blueprintui/grid/include/base.js';
- * ```
- *
- * @element bp-grid-placeholder
- */
-let BpGridPlaceholder = class BpGridPlaceholder extends LitElement {
-    static properties = {
-        i18n: { type: Object }
-    };
-    constructor() {
-        super(...arguments);
-        this.i18n = I18nService.keys.actions;
-    }
-    get gridCell() {
-        return this.__gridCell ??= this.renderRoot?.querySelector("[role=\"gridcell\"]") ?? null;
-    }
-    static styles = [baseStyles, styles];
-    #internals = this.attachInternals();
-    render() {
-        return html `
-      <div role="gridcell" class="private-host">
-        <slot>
-          ${this.getAttribute('draggable') !== 'false'
-            ? html `<p>${this.i18n.noData}</p>`
-            : html `<p sr-only>${this.i18n.dropTarget}</p>`}
-        </slot>
-      </div>
-    `;
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        this.#internals.role = 'row';
-    }
-};
-BpGridPlaceholder = __decorate([
-    i18n({ key: 'actions' })
-], BpGridPlaceholder);
-export { BpGridPlaceholder };